@charset "utf-8";
/*
* page_index.css
*
* versin --- 1.0
* updated --- 2014/01/09
*/

div#aMainContents p {
	margin-bottom: 20px;
}
div#aMainContents p.lastChild {
	margin-bottom: 0;
}

/* border
--------------------------------------*/

  
div#dMWrapper.index div#aMainContents div.sModSecPaddingBorder,
div#aMainContents ul.ulModEleFloatBox li{
	padding: 0 0 20px;
}

div#aMainContents ul.ulModEleFloatBox {
	margin-bottom: 0;
}
		div#aMainContents ul.ulModEleFloatBox li{
			width: 318px;
			margin-bottom: 0;
		}
		div#dMWrapper.index div#aMainContents div.section h2 {
			margin: 30px 0;
			padding: 0 0 0 30px;
			background-image: url(/images/common/module/bg_module_h1.gif);
			background-repeat: no-repeat;
			background-position: left center;
			background-color: transparent;
			font-size: 1.5em;
			font-weight: bold;
		}
				div#dMWrapper.index div#aMainContents h2 a{
					background-image: url(/images/common/module/ico_arrow_right.gif);
					background-position: right 0.7em;
					background-repeat: no-repeat;
					padding: 3px 16px 3px 0;
					color: #333333;
				}
				
		div#aMainContents div.section h3 {
			margin-bottom: 10px;
			padding:0;
			background-image:none;
			background-color: transparent;
			font-size: 1.2em;
		}

		div#aMainContents div.section div.sModSecPadding{
			padding: 0 19px 0 20px;
		}
		
		div#aMainContents div.section ul.ulModEleFloatBox li li{
			border: none;
			padding: 0 20px 0 0;
			width: auto;
		}
	
/*navi*/		

		div#aMainContents div#dNavi div.dModLayCol2 div.dModLayColR {
			height: 274px;
			background-image: url(/images/home/bg_navi_map.gif);
			background-repeat: no-repeat;
			background-position: center top;
		}
				div#aMainContents div#dNavi div.dModLayCol2 div.dModLayColR div.sModSecNormal{
					position: relative;
					height: 274px;
				}
				div#aMainContents div#dNavi div.dModLayCol2 div.dModLayColR ul.ulAreaList{
					margin-bottom: 0;
				}
						div#aMainContents div#dNavi div.dModLayCol2 div.dModLayColR ul.ulAreaList li {
							position: absolute;
						}
						div#aMainContents div#dNavi div.dModLayCol2 div.dModLayColR ul.ulAreaList li.liHokkaido{
							top: 24px;
							left: 88px;
						}
						div#aMainContents div#dNavi div.dModLayCol2 div.dModLayColR ul.ulAreaList li.liTohoku{
							top: 94px;
							left: 204px;
						}
						div#aMainContents div#dNavi div.dModLayCol2 div.dModLayColR ul.ulAreaList li.liKanto{
							top: 150px;
							left: 204px;
						}
						div#aMainContents div#dNavi div.dModLayCol2 div.dModLayColR ul.ulAreaList li.liTokai{
							top: 238px;
							left:103px;
						}
						div#aMainContents div#dNavi div.dModLayCol2 div.dModLayColR ul.ulAreaList li.liKinki{
							top: 94px;
							left:60px;
						}
						div#aMainContents div#dNavi div.dModLayCol2 div.dModLayColR ul.ulAreaList li.liChugoku{
							top: 129px;
							left:30px;
						}
						div#aMainContents div#dNavi div.dModLayCol2 div.dModLayColR ul.ulAreaList li.liKyushu{
							top: 164px;
							left:0;
						}
				div#aMainContents div#dNavi div.dModLayCol2 div.dModLayColR ul.ulHighwayList{	
					position: absolute;
					top: 190px;
					right: 0;
				}
						div#aMainContents div#dNavi div.dModLayCol2 div.dModLayColR ul.ulHighwayList li{
							margin-bottom: 0;
						}

div#aMainContents ul.ulModEleFloat li {
	font-size: 1.2em;
}


/*traffic*/
div#aMainContents li#liTraffic{
	position: relative;
}
		div#aMainContents li#liTraffic p.pIhighway{
			position: absolute;
			top:58px;
			right: 20px;
			margin-bottom: 0;
		}
		div#aMainContents li#liTraffic p.pJartic{
			position: absolute;
			top: 247px;
			right: 20px;
			margin-bottom: 0;
			font-size: 0.9em;
		}
		
		div#aMainContents li#liTraffic a.aReload{
			cursor: pointer;
		}
		
			
/*construction*/					
div#aMainContents div#dConstruction p{
	margin-bottom: 20px;
}
		div#aMainContents div#dConstruction dl {
			margin-bottom: 20px;
		}
				div#aMainContents div#dConstruction dl dt {
					float: left;
					position: relative;
					width: 163px;
					font-weight: normal;
					margin-bottom: 10px;
				} 
						div#aMainContents div#dConstruction dl dt span.sTitle{
							
						}
						div#aMainContents div#dConstruction dl dt span.sIcon{
							position: absolute;
							top: 0;
							right: 0;
						}
				div#aMainContents div#dConstruction dl dd {
					float: right;
					width: 444px;
				}
				div#aMainContents div#dConstruction ul.ulModEleFloat li.liCount{
					font-size: 1.1em;
					font-weight: bold;
				}
				div#aMainContents div#dConstruction ul.ulModEleFloat li.lastChild{
					float:right;
				}

/*etc/travel*/	
div#aMainContents li#liEtc li,
div#aMainContents li#liTravel li {
	float: none;
	padding-right: 0;
}
		div#aMainContents li#liEtc li p,
		div#aMainContents li#liTravel li p{
			margin-bottom: 10px;
		}
		div#aMainContents li#liEtc li p.lastChild,
		div#aMainContents li#liTravel li p.lastChild{
			margin-bottom: 0;
		}
		
		div#aMainContents li#liEtc div.dModLayImgLeft div.fModLayImg,
		div#aMainContents li#liTravel div.dModLayImgLeft div.fModLayImg  {
			width: 100px;
		}
		div#aMainContents li#liEtc div.dModLayImgLeft div.dModLayText,
		div#aMainContents li#liTravel div.dModLayImgLeft div.dModLayText {
			width: 169px;
		}
				div#aMainContents li#liEtc div.dModLayImgLeft div.dModLayText ul.ulModEleFloat,
				div#aMainContents li#liTravel div.dModLayImgLeft div.dModLayText ul.ulModEleFloat{
					margin-bottom: 10px;
				}
						div#aMainContents li#liEtc div.dModLayImgLeft div.dModLayText ul.ulModEleFloat li,
						div#aMainContents li#liTravel div.dModLayImgLeft div.dModLayText ul.ulModEleFloat li{
							float: left;
							padding-right: 1px;
							margin-bottom: 0;

						}	
div#aMainContents div.dOthers {
	display: none;
}							
div#aMainContents div.dDetail {
	margin-top: 20px;
	padding-top: 10px;
	border-top: dotted 1px #aaaaaa;
}
/*safety*/	
div#aMainContents div#dSafety div.dModLayImgLeft{
}
		div#aMainContents div#dSafety div.dModLayImgLeft div.fModLayImg{
			width: 120px;
		}
		div#aMainContents div#dSafety div.dModLayImgLeft div.dModLayText{
			width: 479px;
		}
				div#aMainContents div#dSafety div.dModLayImgLeft div.dModLayText ul.ulModEleFloat li{
					width: 237px;
					margin-right: 20px;
					padding-right: 20px;
					border-right: 1px dotted #aaaaaa;
				}
						div#aMainContents div#dSafety div.dModLayImgLeft div.dModLayText ul.ulModEleFloat li dd{
							margin-left: 10px;
						}
						div#aMainContents div#dSafety div.dModLayImgLeft div.dModLayText ul.ulModEleFloat li dd li{
							padding-right :0;
							margin-right: 0;
							border-right: none;
							width: auto;
							font-size: 0.9em;
						}
				div#aMainContents div#dSafety div.dModLayImgLeft div.dModLayText ul.ulModEleFloat li.liRight{
					width: 200px;
					margin-right: 0;
					padding-right: 0;
					border-right: none;
				}
						div#aMainContents div#dSafety div.dModLayImgLeft div.dModLayText ul.ulModEleFloat li.liRight li{
							margin-right: 0;
							padding-right: 0;
							border-right: none;
							width: auto;
							font-size: 1.0em;
						}