@charset "UTF-8";

#main-box div.box.arrange-none{
	padding: 0;
}
#main-box div.section.down{
	margin-left: 40px;
}

#main-box table.layout.jigyosyo-readme-data tr.data th{
	padding: 10px 12px 0;
	font-weight: normal;
	text-align: left;
}
#main-box table.layout.jigyosyo-readme-data tr.data td{
	padding: 0 12px 10px;
}

#main-box table.layout.h1 td{
	font-size: middle;
}

/* h1 3列												  */
#main-box div.h1-box3 div.col3{
	margin-bottom: 25px;
}
#main-box div.h1-box3 h1{
	margin-bottom: 0;
}
#main-box div.h1-box3 p.comment{
	margin : 0;
	padding: 0;
}
#main-box div.h1-box3 div.col3.marker{
	padding: 0 0.5em;
}

/* a name 関連											  */
#main-box a.name{
	font   : 1px/1px sans-serif;
	height : 1px;
}

/* h1 文字数多											  */
#main-box h1.alot{
	font-size: 100%;
	font-weight: bold;
	line-height: 140%;
}


/* マージン制御 										  */
#main-box table.layout td.p-r{
	padding-right: 5px;
}
#main-box *.sp-h0{
	padding-left : 0 !important;
	padding-right: 0 !important;
}
#main-box *.sp-l25{
	padding-left : 25px !important;
}

/* リスト行色変更										  */
li.em {
	color: #C7000E;
}


/* table left border dotted 							  */
table td.lb-dot {
	border-left-style: dotted;
}


/* 下部リンク											  */
#main-box div.foot-navi {
	border-top: 1px dotted #C3C3C3;
	padding-top: 1em;
	text-align: center;
}
#main-box div.foot-navi.b-none {
	border-top: none;
}
/* safari only											 \*/
html:\66irst-child #main-box div.foot-navi {
	border-top: 1px dotted #C3C3C3;
	padding: 1em 0;
	text-align: center;
}
/* end */

#main-box div.foot-navi span.partition{
	padding: 0 1em;
}

/* box PDF												  */
#main-box div.box.bl3.pdf{
	border-top: 1px solid #C3C3C3;
}
#main-box p small.byte{
	padding-left: 1em;
}

/* zipcode-search										  */
#main-box div.zipcode-search div.err-item {
	margin-bottom: 20px;
}
#main-box div.zipcode-search div.col2-l {
	width: 262px;
	margin-bottom: 30px;
}
#main-box div.zipcode-search div.col2-r {
	width: 408px;
	margin-bottom: 30px;
}
#main-box div.zipcode-search table.layout td.icon {
	padding: 0 10px 0 0;
	text-align: left;
}
#main-box div.zipcode-search input.text {
	width: 190px;
}
#main-box div.zipcode-search p.part{
	margin: 5px 0 0 0;
	padding: 0;
}
#main-box div.zipcode-search div.err-item,
#main-box div.zipcode-search p.brown{
	margin-top: 0;
}
#main-box div.zipcode-search div.submit {
	margin: 30px 0 0 43px;
	text-align: left;
}

/* /zipcode/serach_result3.html ○×部位				  */
#main-box div.zipcode-search div.input-example p{
	margin: 10px 0 0;
}
#main-box div.zipcode-search div.input-example table.layout td.col1{
	width: 151px;
}
#main-box div.zipcode-search div.input-example table.layout td.col1 p{
	margin-left: 30px;
}

/* 特殊テーブル 										  */
#main-box table.zip-city {
	border-style: none solid none none;
}

#main-box table.zip-city th {
	border-style: solid none solid solid;
}

#main-box table.zip-city td {
	border-style: none none solid solid;
}
#main-box table.zip-city th.b-none,
#main-box table.zip-city td.b-none {
	border-style: none none none solid;
}


/* 特殊ページ 右ナビ無し								   */
body.no-navi #main-box table th.h4 {
	background: #F0F0F0;
	padding: 10px 12px;
}


/* 変更前変更後 										   */
#main-box table.layout.zip-detail{
	border: none;
}
#main-box table.layout.zip-detail th.before{
	background: #FAFAFA url("/img/zipcode/bg_zip_detail_before.gif") no-repeat 0 center;
	border-width: 1px;
	border-style: solid solid solid solid;
	border-color: #CCCCCC;
	padding: 10px 12px;
}
#main-box table.layout.zip-detail th.before small{
	font-weight: normal;
}
#main-box table.layout.zip-detail th.present{
	background: #D64953 url("/img/zipcode/bg_zip_detail_present.gif") no-repeat 0 center;
	border-width: 1px;
	border-style: solid solid solid solid;
	border-color: #D64953;
	padding: 10px 12px;
	color: #FFFFFF;
}
#main-box table.layout.zip-detail td.before{
	border-width: 1px;
	border-style: none solid none solid;
	border-color: #CCCCCC;
	background-color: #F9F9F9;
	padding: 20px 12px;
	text-align: center;
}
#main-box table.layout.zip-detail td.present{
	border-width: 1px;
	border-style: none solid none solid;
	border-color: #D64953;
	padding: 20px 12px;
	text-align: center;
}
#main-box table.layout.zip-detail td.present span.zip-code{
	color: #C7000E;
	font-size: 215%;
	font-weight: bold;
}
#main-box table.layout.zip-detail td.before2{
	border-width: 1px;
	border-style: none solid solid solid;
	border-color: #CCCCCC;
	background-color: #F9F9F9;
	padding: 0 12px 10px;
	text-align: center;
}
#main-box table.layout.zip-detail td.present2{
	border-width: 1px;
	border-style: none solid solid solid;
	border-color: #D64953;
	padding: 0 12px 10px;
	text-align: center;
}
#main-box table.layout.zip-detail td.before2 div.box.bg5{
	background-color: #ECECEC;
}
#main-box table.layout.zip-detail td.present2 div.box.bg6{
	background-color: #FFF2EF;
}
#main-box table.layout.zip-detail td.before2 table.layout,
#main-box table.layout.zip-detail td.present2 table.layout{
	margin : 0 auto;
}
#main-box table.layout.zip-detail td.before2 div.box.bg5 p,
#main-box table.layout.zip-detail td.present2 div.box.bg6 p{
	margin : 0;
	padding: 0;
}

/* 検索ページナビゲーション 							  */
#main-box div.box.bg1.page-navi p{
	margin: 0;
}
#main-box div.box.bg1.page-navi p.navi{
	margin-top: 10px;
}
#main-box div.box.bg1.page-navi span.num{
	padding-left: 10px;
	font-weight: bold;
}
#main-box div.box.bg1.page-navi span.next{
	padding-left: 10px;
}
#main-box div.box.bg1.page-navi div.col2-l.now-page{
	width: 120px;
}
#main-box div.box.bg1.page-navi div.col2-l.link-page{
	width: 270px;
}
/* 検索ページナビゲーション 							  */
/* 特殊ページ 右ナビ無し								   */
body.no-navi #main-box div.box.bg1.page-navi div.col2-l.link-page{
	width: 460px;
}


/* 郵便番号検索 										   */
#main-box div.box.bg4{
	background-color: #F9F7EC;
}

/* 郵便番号検索 										   */
#main-box input.zipsearch-txt{
	width: 180px;
}


/* 広告掲載 										   */



div.bnrArea div.col2{
	display:inline-block;
	vertical-align:top;
}

div.bnrArea div.col2:nth-child(1){
	width:600px;
}
	body.no-navi div.bnrArea div.col2:nth-child(1){
		width:800px;
	}

div.bnrArea div.col2:nth-child(2){
	width:360px;
}





div.bnrArea ul.randomAd{
	text-align:center;
	display:none;
	margin:-15px 0 0 !important;

}
	div.bnrArea .sp-t0 ul.randomAd{
		margin:0 0 !important;
	}



#main-box div.zip_ad{
 margin:0px 0 4px;
 text-align: center;
}

#main-box div.zip_ad_list{
 margin:0px 0 16px;
}

#main-box div.zip_ad_detail1{
 position:relative;
 float:right;
}

#main-box table.ad{
 margin:0 0 20px;
 background:#F8F7EF;
}
	div.bnrArea.deteil{
		display:table;
		margin-bottom:20px;
	}
	div.bnrArea.deteil div.col2{
		display:table-cell !important;
		vertical-align:middle;
	}
	div.bnrArea.deteil div.col2:nth-child(2){
		margin-bottom:20px;
		background:#f8f5ef;
	}
#main-box div.zip_ad_detail3 ul.randomAd{
	margin:0 0 !important;
}



#main-box table.ad_w{
 margin:0 0 10px;
}

#main-box table td.ad_bg3{
 background:#F8F7EF;
}

#main-box div.zip_ad_detail1{
 margin:0px 0 20px;
}



/* 広告画像の幅広げ対応 690px→960px 20150424 */
#main-box table td.zip_ad_wide{
 width:960px;
}

#main-box table td.ad_wide{
 padding:0 4px;
}

#main-box table td.ad_wide p{
 margin:0px 0 2px;
}
/* 見出し (lv3) 背景変更 リンク併置 20150403*/

body.wide1200 #main-box div.h3-box-green {
	background: #F2F2F2 url("/img/common/h3_green_lower.gif") no-repeat 0 100%;
	margin: 20px 0 15px;
	width: 100%;
}

#main-box div.h3-box-green.adapt-t {
	margin-top: 0;
}

#main-box div.h3-box-green.adapt-b {
	margin-bottom: 0;
}

#main-box div.h3-box-green div.inner {
	background: url("/img/common/h3_green_upper.gif") no-repeat;
}

#main-box div.h3-box-green h3 {
	background: none;
	margin: 0;
	padding: 0;
}

#main-box div.h3-box-green h3 span.inner{
	background: none;
	padding: 7px 15px 2px;
}

#main-box div.h3-box-green p {
	margin: 0;
	padding: 0.4em 10px;
	font-weight: normal;
}

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

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

div.zipcordMap{
	position:relative;
}
div.zipcordMap div.inner{
	width: 100%;
  height:500px;
}

div.zipcordMap h3{
	background:none;
	margin-left:20px;
}

div.areaTxt ul{
	font-size:17px;
}
div.areaTxt ul li{
	position:relative;
	margin-bottom:10px;
	margin-left:10px;
	padding-left:20px;
	max-width:420px;
	z-index:20;
}

		div.areaTxt ul li:nth-child(1){
			border-left:5px solid #90c75c;
		}
		div.areaTxt  ul li:nth-child(2){
			border-left:5px solid #f9ea46;
		}
		div.areaTxt  ul li:nth-child(3){
			border-left:5px solid #ea9085;
		}
		div.areaTxt  ul li:nth-child(4){
			border-left:5px solid #af6386;
		}
		div.areaTxt  ul li:nth-child(5){
			border-left:5px solid #87c1dd;
		}
		div.areaTxt  ul li:nth-child(6){
			border-left:5px solid #fca050;
		}
		div.areaTxt  ul li:nth-child(7){
			border-left:5px solid #d3db77;
		}
		div.areaTxt  ul li:nth-child(8){
			border-left:5px solid #e5aec6;
		}
		div.areaTxt  ul li:nth-child(9){
			border-left:5px solid #8399cd;
		}
		div.areaTxt  ul li:nth-child(10){
			border-left:5px solid #409470;
		}

div.areaTxt ul li:before{
	position:absolute;
	content: "";
	left:-5px;
	top:0;
	background:url("/img/zipcode/map/list_img.png") no-repeat;
	height:20px;
	width:20px;
	z-index:6;
}

div.areaTxt.shiten ul li a{
	display:inline-block;
	margin-right:0.8rem;
}

div.areaTxt.shiten ul li span{
	display:inline-block;
	margin-right:0.8rem;
}




div.zipcordMap div.mapImg{
	position:absolute;
	background:none;
	right:-20px;
	top:-30px;
}


	 .remodal {
	 width: 500px;
		padding: 30px 30px 30px 30px; 
		text-align:center;

  box-sizing: border-box;
  transform: translate3d(0, 0, 0);
  border:2px solid #D4D4D4; 	  
  background:#FFFFFF;
  background: rgba(255, 255, 255, 0.85);
  border-radius:10px;
}

	 .areaBox {
		 position:relative; 	  
}

	 .lean_overBox .areaBox {
		 position:relative; 	  
}


	 .areaBox h4{
		 font-size:18px;
		 font-weight:normal;
		 text-align:left;
		 color:#333;
		 border-bottom:1px dotted #666;
		 margin:0 0 18px;
		 padding:0 0 8px;		
}
	.areaBox ul li{
		position:absolute;
	}
	 .areaBox ul li {
		 display:block;
		 background:url("/img/zipcode/map/fukidashi.png") no-repeat;
		 width:70px;
		 height:86px;
		 padding:20px 0 0;
		 box-sizing:border-box;
		 text-shadow: 1px 0px 0px rgba(0,0,0,0.3);
}
	 .areaBox ul li :hover{
		 opacity:0.85;
}

		.pin_hokkaido{
			top:130px;
			left:180px;
		}
		.pin_aomori{
			top:20px;
			left:170px;
		}
		.pin_akita{
			top:100px;
			left:120px;
		}
		.pin_iwate{
			top:100px;
			left:240px;
		}
		.pin_yamagata{
			top:180px;
			left:140px;
		}
		.pin_miyagi{
			top:180px;
			left:220px;
		}
		.pin_fukushima{
			top:250px;
			left:180px;
		}

		.pin_tochigi{
			top:0px;
			left:200px;
		}
		.pin_gunma{
			top:0px;
			left:120px;
		}
		.pin_ibaraki{
			top:60px;
			left:280px;
		}
		.pin_saitama{
			top:80px;
			left:160px;
		}
		.pin_chiba{
			top:210px;
			left:300px;
		}
		.pin_tokyo{
			top:150px;
			left:200px;
		}
		.pin_yamanashi{
			top:170px;
			left:80px;
		}
		.pin_kanagawa{
			top:240px;
			left:170px;
		}

		.pin_nigata{
			top:50px;
			left:270px;
		}
		.pin_nagano{
			top:190px;
			left:240px;
		}
		.pin_toyama{
			top:110px;
			left:190px;
		}
		.pin_ishikawa{
			top:80px;
			left:130px;
		}
		.pin_fukui{
			top:170px;
			left:90px;
		}

		.pin_shizuoka{
			top:150px;
			left:250px;
		}
		.pin_gifu{
			top:40px;
			left:130px;
		}
		.pin_aichi{
			top:180px;
			left:160px;
		}
		.pin_mie{
			top:180px;
			left:50px;
		}

		.pin_shiga{
			top:50px;
			left:280px;
		}
		.pin_kyoto{
			top:50px;
			left:160px;
		}
		.pin_hyogo{
			top:60px;
			left:70px;
		}
		.pin_osaka{
			top:130px;
			left:140px;
		}
		.pin_nara{
			top:160px;
			left:220px;
		}
		.pin_wakayama{
			top:240px;
			left:160px;
		}

		.pin_tottori{
			top:70px;
			left:270px;
		}
		.pin_shimane{
			top:70px;
			left:160px;
		}
		.pin_okayama{
			top:170px;
			left:270px;
		}
		.pin_hiroshima{
			top:170px;
			left:180px;
		}
		.pin_yamaguchi{
			top:140px;
			left:80px;
		}

		.pin_kagawa{
			top:60px;
			left:240px;
		}
		.pin_ehime{
			top:90px;
			left:100px;
		}
		.pin_tokushima{
			top:110px;
			left:300px;
		}
		.pin_kouchi{
			top:160px;
			left:180px;
		}

		.pin_fukuoka{
			top:50px;
			left:200px;
		}
		.pin_saga{
			top:20px;
			left:130px;
		}
		.pin_nagasaki{
			top:50px;
			left:60px;
		}
		.pin_kumamoto{
			top:140px;
			left:200px;
		}	
		.pin_oita{
			top:60px;
			left:280px;
		}					
		.pin_miyazaki{
			top:170px;
			left:280px;
		}
		.pin_kagoshima{
			top:210px;
			left:170px;
		}			

		.pin_okinawa{
			top:120px;
			left:180px;
		}

@media screen and (max-width: 667px) {
	div.zipcordMap h3{
		display:none;
	}
	div.zipcordMap div.inner{
		height:auto;
	}
	div.mapImg{
		display:none;
	}
	div.areaTxt ul li a{
		display:inline-block;
	}

}