/* ------------------------------------------------

 map

------------------------------------------------ */
#map{
  border: 1px solid #e5e5e5;
  font-size: 14px;
  position:relative;
}
#map .sub_title1{
   position:absolute;
}

#map .sub_title2{
   position:absolute;
}

#map_inner{
  width: 968px;
  height: 500px;
  margin: 0;
  overflow: hidden;
}

#map_list_inner{
  width: 968px;
  height: 500px;
  margin: 0;
  overflow: auto;
}

.select_map{
  float:left;
  width:640px;
  height:500px;
  position:relative;
border-right:solid 1px #eee;
}

.select_map #hokkaido_kanto{
	width: 98px;
	position: absolute;
	top: 22px;
	left: 518px;
}

.select_map #chubu{
	width: 131px;
	position: absolute;
	top: 268px;
	left: 385px;
}

.select_map #kansai{
	width: 81px;
	position: absolute;
	top: 335px;
	left: 298px;
}

.select_map #chugoku_shikoku{
	width: 133px;
	position: absolute;
	top: 335px;
	left: 166px;
}


.select_map #kyusyu_okinawa{
	width: 133px;
	position: absolute;
	top: 335px;
	left: 22px;
}

.select_area_result{
  max-height: 338px;
  margin: 15px 3px 0 25px;
  overflow: auto;
}

.select_area_result.display{
  display: none;
}

.select_area_result li{
  padding: 3px 0;
}

.select_area_result a{
  padding-left: 13px;
}

.select_map_btns li{
  margin: 0;
  padding: 0;
  line-height: 1;
  overflow: hidden;
  list-style:none;
}

.select_map_btns li img{
  vertical-align:bottom;
}

.select_map_btns a{
	position: absolute;
	display: block;
	text-indent:-9999px;
}

.select_map_btns #hokkaido a{
	top:0;
	left:0;
	width:106px;
	height:96px;
	background:url(../img/contractor_step01_img.png) no-repeat -518px -21px;
	}
	
.select_map_btns #aomori a{
	top:110px;
	left:0;
	width:87px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -518px -130px;
	}
	
	.select_map_btns #akita a{
	top:144px;
	left:0;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -518px -163px;
	}
	
	.select_map_btns #iwate a{
	top:144px;
	left:44px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -562px -163px;
	}
	
	.select_map_btns #yamagata a{
	top:178px;
	left:0px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -518px -196px;
	}
		.select_map_btns #miyagi a{
	top:178px;
	left:44px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -562px -196px;
	}
	
	.select_map_btns #fukushima a{
	top:212px;
	left:0px;
	width:87px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -518px -230px;
	}
	
	.select_map_btns #gunma a{
	top:246px;
	left:0px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -518px -264px;
	}
	
	
	
	.select_map_btns #tochigi a{
	top:246px;
	left:44px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -562px -264px;
	}
	
	.select_map_btns #saitama a{
	top:280px;
	left:0px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -518px -297px;
	}
	
	.select_map_btns #ibaraki a{
	top:280px;
	left:44px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -562px -297px;
	}
	
	.select_map_btns #tokyo23 a{
	top:314px;
	left:0px;
	width:87px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -518px -330px;
	}
	
	.select_map_btns #tokyoother a{
	top:347px;
	left:0;
	width:87px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -518px -363px;
	}
	
	.select_map_btns #kanagawa a{
	top:380px;
	left:0px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -518px -396px;
	}
	
	.select_map_btns #chiba a{
	top:380px;
	left:44px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -562px -396px;
	}
	
	.select_map_btns #niigata a{
	top:0px;
	left:88px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -473px -264px;
	}

.select_map_btns #ishikawa a{
  top:0px;
	left:0px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -385px -264px;
}

.select_map_btns #toyama a{
  top:0px;
	left:44px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -428px -264px;
}

.select_map_btns #fukui a{
  top:33px;
	left:0px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -385px -296px;
}

.select_map_btns #gifu a{
  top:33px;
	left:44px;
	width:43px;
	height:67px;
	background:url(../img/contractor_step01_img.png) no-repeat -428px -296px;
}

.select_map_btns #nagano a{
  top:33px;
	left:88px;
	width:43px;
	height:67px;
	background:url(../img/contractor_step01_img.png) no-repeat -473px -296px;
}

.select_map_btns #aichi a{
  top:101px;
	left:44px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -428px -363px;
}

.select_map_btns #yamanashi a{
  top:101px;
	left:88px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -473px -363px;
}

.select_map_btns #shizuoka a{
  top:133px;
	left:88px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -473px -396px;
}

.select_map_btns #hyogo a{
  top:0px;
	left:0px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -297px -330px;
}

.select_map_btns #kyoto a{
  top:0px;
	left:43px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -340px -330px;
}

.select_map_btns #shiga a{
  top:0px;
	left:87px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -384px -330px;
}
.select_map_btns #osaka a{
  top:34px;
	left:0px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -297px -363px;
}

.select_map_btns #nara a{
  top:34px;
	left:43px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -340px -363px;
}

.select_map_btns #mie a{
  top:34px;
	left:87px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -384px -363px;
}

.select_map_btns #wakayama a{
  top:68px;
	left:0px;
	width:87px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -297px -397px;
}


.select_map_btns #yamaguci a{
  top:0px;
	left:0px;
	width:43px;
	height:67px;
	background:url(../img/contractor_step01_img.png) no-repeat -165px -330px;
}

.select_map_btns #shimane a{
  top:0px;
	left:44px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -208px -330px;
}

.select_map_btns #tottori a{
  top:0px;
	left:88px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -251px -330px;
}

.select_map_btns #hiroshima a{
  top:34px;
	left:44px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -208px -363px;
}

.select_map_btns #okayama a{
  top:34px;
	left:88px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -251px -363px;
}

.select_map_btns #ehime a{
  top:78px;
	left:40px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -203px -408px;
}

.select_map_btns #kagawa a{
  top:78px;
	left:83px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -246px -408px;
}

.select_map_btns #kouchi a{
  top:111px;
	left:40px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -203px -441px;
}

.select_map_btns #tokushima a{
  top:111px;
	left:83px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -246px -441px;
}

.select_map_btns #saga a{
  top:0px;
	left:0px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -21px -331px;
}

.select_map_btns #fukuoka a{
  top:0px;
	left:43px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -64px -331px;
}


.select_map_btns #oita a{
  top:0px;
	left:86px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -107px -331px;
}


.select_map_btns #nagasaki a{
  top:34px;
	left:0px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -21px -364px;
}

.select_map_btns #kumamoto a{
  top:34px;
	left:43px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -64px -364px;
}


.select_map_btns #miyazaki a{
  top:34px;
	left:86px;
	width:43px;
	height:65px;
	background:url(../img/contractor_step01_img.png) no-repeat -107px -364px;
}

.select_map_btns #kagoshima a{
  top:67px;
	left:0px;
	width:87px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -21px -397px;
}



.select_map_btns #okinawa a{
top:116px;
	left:0px;
	width:43px;
	height:33px;
	background:url(../img/contractor_step01_img.png) no-repeat -21px -448px;
}


.select_area{
  float: left;
  width: 326px;
  background: #fff;
}

.selct_sub {
  height: 410px;
  overflow:auto;
  padding:0;
  margin:90px 0 0 0;
}
.selct_sub ul{
 margin:0;
 padding:0;
}
.selct_sub li{
margin:0;
 padding:0;
  list-style:none;
}
.selct_sub li a{
display:block;
  width:286px;
  border-bottom:dotted 1px #ccc;
  margin:0;
 padding:5px 20px;
 color:#333;
}
.selct_sub li a:hover{
 color:#fff;
 background:#4dade9 url(../img/w_s_arw.png) no-repeat center 286px;
}



#picture_city{
	padding:0px;
	margin:0px;
}

/*-----------工事の依頼先 ----------- */
.contractor #contentBodyArea{
  padding-top:100px;
  margin-top:-100px;
}

#map_list h4{
	display:inline-block;
	background:#154e97;
	color:#fff;
	padding:8px 10px;
	font-size:16px;
	margin-bottom:10px;

}

#map_list{
	border: 1px solid #e5e5e5;
  font-size: 14px;
  position:relative;

}

.contractor_ta{
	display:inline-block;
	border-bottom:solid 1px #eee;
	margin-bottom:40px;
	
}

.contractor_ta th{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding:5px;
	border-top:solid 1px #eee;
	width:25%;
}

.contractor_ta td{
	font-size:14px;
	padding:5px;
	border-top:solid 1px #eee;
	width:10%;
}


.contractor_ta td:nth-child(3){
	width:25%;
}

.contractor_ta thead th{
	font-size:12px;
	font-weight:normal;
	text-align:center;
	padding:5px;
	border-top:solid 1px #eee;
	background:#eee;
}



a.icon_web{
	display:block;
	color:#fff;
	background:#4dade9;
	width:80px;
	padding:2px;
	text-align:center;
}

.map_arw_top a{
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:auto;
	background:url(../img/map_arw_top.png) no-repeat left center;
	color:#4dade9;
	font-size:14px;
	padding:10px 10px 10px 20px;
}


/*-----------SP-----------*/
@media screen and (max-width:768px) {

#pc_map_list{
	display:none;
}

#sp_map_form{
	display:block;
	margin:0 1em;
}

#map_inner{
  width: 100%;
  height: 500px;
  margin: 0;
  overflow: hidden;
  padding:0;
  margin:0;
}

.select_area{
  clear:both;
  width: 100%;
  height:338px;
  background: #fff;
  padding:0;
}

.select_area_result{
  height: 338px;
  margin: 15px 3px 0 25px;
  overflow: auto;
}

.select_map{
	width:100%;
	height:50px;
}

 #map .sub_title1,
 #map .sub_title2{
	 position:relative;
	 display:block;
	 width:100%;
	 
 }
  #map .sub_title1 h4,
  #map .sub_title2 h4{
	 display:block;
	 width:100%;
	 background:#188dde;
	 
 }
 

  #map_inner .sub_title1:after,
 #map_inner .sub_title2:after{
		
		content: attr(data-label); /*contentでdata-label属性を指定*/
		
	}
 #map_inner .sub_title1 h4 img,
  #map_inner .sub_title2 h4 img{
	 display:none;
 }
 
 .selct_sub {
  height: 342px;
  overflow:auto;
  padding:0;
  margin:0 0 0 0;
}

.selct_sub li a{
display:block;
  width:95%;
  border-top:dotted 1px #ccc;
  border-bottom:none;
  margin:0;
 padding:2.5%;
 color:#333;
}

#map_list_inner{
  width: 100%;
  height: 400px;
  margin: 0;
  overflow: auto;
}
 
}