@charset "utf-8";
/*
* template.css
*
* versin --- 1.1
* updated --- 2013/12/02
*
* wwwトップ改修後sapa側のcss調整
*
*/
/*----------------------------------------------*
*
* base
*
*----------------------------------------------*/
div#dBWrapper {
	min-height: 100%;
	position: relative;
	z-index:1;
	width:100% ;
	overflow-y:hidden;

}

div#dMWrapper {
	padding-top:128px;
}
body.popup div#dMWrapper {
	padding-top:0;
}

body#highway div#dMWrapper,
body#corporate div#dMWrapper {
	padding-top:167px;
}
body#highway div#dMWrapper.navi,
body#highway div#dMWrapper.traffic,
body#highway div#dMWrapper.jam,
body#highway div#dMWrapper.construction,
body#highway div#dMWrapper.etc,
body#highway div#dMWrapper.travel,
body#highway div#dMWrapper.safety{
	padding-top:219px;
}
body#highway.popup div#dMWrapper,
body#corporate.popup div#dMWrapper {
	padding-top:0;
}

/* site width
--------------------------------------*/


div#dKeyVisual,
div#dBreadCrumbs,
div#dMain,
div#dAside {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
}





				
/*----------------------------------------------*
*
* keyvisual/gnavi 
*
*----------------------------------------------*/
body#corporate div#dKVWrapper {
	/*background-image: url(/images/corporate/bg_corporate_keyvisual.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #ffffff;
	min-height: 546px;
	height: auto !important;
	height: 546px;*/
  
	
}

div#dKeyVisual {
	position: relative;
	border: solid 1px #cccccc;
	width: 998px;
	margin-bottom: 20px;
}

/*----------------------------------------------*
*
* Favorite  for SAPA site
*
*----------------------------------------------*/

div.dFavoriteBtn {
	display: none;
	float: right;
}

/*----------------------------------------------*
*
* main
*
*----------------------------------------------*/
div#dMain {
  padding: 0;
}

/* disable for SAPA site

body#sapa div#dMain {
	padding-top:162px;
}

		div#dMain div#dMainH1 {
			width: 1000px;
		}
				div#dMainH1 h1 {
					float: left;
					width: 700px;
					margin-bottom: 20px;
					font-weight:bold;
					font-size: 2.2em;
				}
				div#dMainH1 div.dFavoriteBtn {
					float: right;
					width: 250px;
				}
				div#dMainH1 div.dRss,
				div#dMainH1 div.dPrintBtn {
					float: right;
					
				}	
*/
				
						
/*----------------------------------------------*/
/*                                              */
/* main column                                  */
/*                                              */
/*----------------------------------------------*/
div#dMainColumn {
	
}

body.subnavi div#dMainColumn {
	float: left;
	width: 660px;
}

body.nosubnavi div#dMainColumn {
	width: 1000px;
	margin:0 auto;
}

/*----------------------------------------------*/
/*                                              */
/* sub column                                   */
/*                                              */
/*----------------------------------------------*/
div#dSubColumn {
	float: right;
	width: 320px;
	margin-bottom: 0;
}

/*----------------------------------------------*/
/*                                              */
/* main contents                                */
/*                                              */
/*----------------------------------------------*/
div.article#aMainContents {
	position: relative;
}
body.nosubnavi div.article#aMainContents {
	margin-bottom: 40px;
}

body.popup div.article#aMainContents {
	padding: 0 20px;
}

/*----------------------------------------------*/
/*                                              */
/* sub nav                                      */
/*                                              */
/*----------------------------------------------*/
div.nav#nSubNav {
}

		
		div.nav#nSubNav h2 {
			margin-bottom: 20px;
			font-weight: bold;
			font-size: 1.4em;
		}
		div.nav#nSubNav h3 {
			margin-bottom: 10px;
			padding: 10px;
			background-color: #cec4bc;
			font-weight: bold;
			font-size: 1.0em;
		}
				div.nav#nSubNav div.dMenuList h2 a{
					color: #ffffff;
				}
		
		div.nav#nSubNav p {
			margin-bottom: 10px;
		}
		div.nav#nSubNav p.lastChild {
			margin-bottom: 0;
		}
		
		div.nav#nSubNav ul.ulModEleDef li {
			margin-bottom: 20px;
		}
		div.nav#nSubNav ul.ulModEleDef li.lastChild {
			margin-bottom: 0;
		}
		div.nav#nSubNav ul.ulModEleDef li .icon img{
			vertical-align:middle;
			margin-right: 5px;
		}
		div.nav#nSubNav dl.dlModEleDef {
			margin-bottom: 0;
		}
				div.nav#nSubNav dl.dlModEleDef dt{
					margin-bottom: 10px;
					font-weight: normal;
				}
						div.nav#nSubNav dl.dlModEleDef dt div.dDate{
							float: left;
							width: 9em;
						}
						div.nav#nSubNav dl.dlModEleDef dt div.dIcon{
							float: left;
							width: auto;
						}
								div.nav#nSubNav dl.dlModEleDef dt div.dIcon ul.ulModEleFloat li{
									padding: 0 0 0 1px;
									margin-bottom: 1px;
								}
								div.nav#nSubNav dl.dlModEleDef dt div.dIcon ul.ulModEleFloat li.firstChild{
									padding-left: 0;
								}
								
				div.nav#nSubNav dl.dlModEleDef dd{
					margin-bottom: 20px;
				}	
				div.nav#nSubNav dl.dlModEleDef dd.lastChild{
					margin-bottom: 0;
				}		
		
		
		div.nav#nSubNav div.dDetail {
			margin-top: 20px;
			padding-top: 10px;
			border-top: dotted 1px #aaaaaa;
		}
		
		div.nav#nSubNav ul.ulDetail,
		div.nav#nSubNav div.dImgDetail {
			display: none;
		}
				div.nav#nSubNav ul.ulDetail li.firstChild,
				div.nav#nSubNav div.dImgDetail div.dModLayImgLeft.firstChild{
					margin-top: 20px;
				}
		div.nav#nSubNav div.sModSecPaddingBeige {
			padding-top: 10px;
			padding-bottom: 10px;
		}
				div.nav#nSubNav div.dMenuList h2{
					margin-bottom: 0;
					padding:8px 0;
					background-color: #92847a;
					text-align: center;
					color:#ffffff;
					font-weight: bold;
					font-size: 1.5em;
					
				}
				div.nav#nSubNav div.dMenuList a {
					color: #333333;
					display: block;
				}
						div.nav#nSubNav div.dMenuList ul.ulModEleDef li {
							margin: 0 0 7px 0;
							padding-bottom: 7px;
							border-bottom: dotted 1px #aaaaaa;
							text-indent: inherit;
						}
						div.nav#nSubNav div.dMenuList ul.ulModEleDef li.lastChild {
							margin-bottom: 0;
							padding-bottom: 0;
							border-bottom: none;
						}
								div.nav#nSubNav div.dMenuList ul.ulModEleDef li.liActive a.aModEleDef{
									
									color: #f17602;
								}
								div.nav#nSubNav div.dMenuList ul.ulModEleDef li a.aActive{
									
								}
						
								div.nav#nSubNav div.dMenuList ul.ulModEleDef li ul.ulModEleDisc {
									margin-top: 7px;
								}
										div.nav#nSubNav div.dMenuList ul.ulModEleDef li ul.ulModEleDisc li{
											padding:0 0 0 13px;
											margin: 0 0 5px 20px;
											list-style: none;
											border-bottom: none;
										}
										div.nav#nSubNav div.dMenuList ul.ulModEleDef li ul.ulModEleDisc li.liActive {
											background-image: url(/images/common/module/ico_disc_ac.gif);
											background-position: 4px 0.5em;
											background-repeat: no-repeat;
										}
												div.nav#nSubNav div.dMenuList ul.ulModEleDef li ul.ulModEleDisc li.liActive a{
													color: #f17602;
													display: block;
												}
												
												
												
												
		
		div.nav#nSubNav div.sModSecPaddingBorderL p,
		div#headContent .p-tab1 div.sModSecPaddingBorderL p {
			margin-bottom: 23px;
		}
				div.nav#nSubNav div.sModSecPaddingBorderL ul,
				div#headContent .p-tab1 div.sModSecPaddingBorderL ul {
					width: 258px;
					margin: auto auto 0;
					
				}
						div.nav#nSubNav div.sModSecPaddingBorderL ul li,
						div#headContent .p-tab1 div.sModSecPaddingBorderL ul li {
							margin-bottom: 15px;
						}
						div.nav#nSubNav div.sModSecPaddingBorderL ul li.lastChild,
						div#headContent .p-tab1 div.sModSecPaddingBorderL ul li.lastChild {
							margin-bottom: 0;
						}
		div#headContent .p-tab1 div.sModSecPaddingBorderS {
			border: none;
			padding: 0;
			margin-bottom: 0;
			position: relative;
		}
				div.nav#nSubNav div.sModSecPaddingBorderS div.sModSecNormal,
				div#headContent .p-tab1 div.sModSecPaddingBorderS div.sModSecNormal {
					position: relative;
					width: 300px;
					overflow: hidden;
				}		
				
		div.nav#nSubNav ul.ulRecommend {
			width: 278px;
			height: 232px;
			margin: 10px 0 0 10px;
		}
		div#headContent .p-tab1 ul.ulRecommend {
			width: 300px;
			height: 250px;
			margin: 10px 0 0 10px;
		}				
		div.nav#nSubNav ul.ulRecommend li {
			display: none;
			width: 278px;
			margin-bottom: 0;
			padding-right: 0;
		}
		div#headContent .p-tab1 ul.ulRecommend li {
			display: none;
			width: 300px;
			margin-bottom: 0;
			padding-right: 0;
		}
		div.nav#nSubNav ul.ulRecommend li.liActive,
		div#headContent .p-tab1 ul.ulRecommend li.liActive {
			display: block;
		}
		div.nav#nSubNav ul.ulRecommend li a,
		div#headContent .p-tab1 ul.ulRecommend li a {
			display: block;
		}
		
		div.nav#nSubNav ul.ulRecommend li img {
			width: 278px;
			height: 232px;
		}
		div#headContent .p-tab1 ul.ulRecommend li img {
			width: 300px;
			height: 250px;
		}
						div.nav#nSubNav div.sModSecPaddingBorderS div.sModSecNormal div.dBtnLeft03,
						div#headContent .p-tab1 div.sModSecPaddingBorderS div.sModSecNormal div.dBtnLeft03{
							cursor: pointer;
							float: left;
							margin: 20px 9px 0 10px;
						}
						div.nav#nSubNav div.sModSecPaddingBorderS div.sModSecNormal div.dBtnRight03,
						div#headContent .p-tab1 div.sModSecPaddingBorderS div.sModSecNormal div.dBtnRight03{
							cursor: pointer;
							position: absolute;
							z-index:10;
							top:100px;
							right: 0;
						}

						div.nav#nSubNav div.sModSecPaddingBorderS div.sModSecNormal div.dThumbWrapper,
						div#headContent .p-tab1 div.sModSecPaddingBorderS div.sModSecNormal div.dThumbWrapper {
							overflow: hidden;
							height: 59px;
						}

						div.nav#nSubNav div.sModSecPaddingBorderS div.sModSecNormal div.dThumbnail,
						div#headContent .p-tab1 div.sModSecPaddingBorderS div.sModSecNormal div.dThumbnail {
							display: table;
							margin: 10px auto 0 auto;
							height: 50px;
							overflow: hidden;
						}

						div.nav#nSubNav div.sModSecPaddingBorderS div.sModSecNormal div.dThumbnail img,
						div#headContent .p-tab1 div.sModSecPaddingBorderS div.sModSecNormal div.dThumbnail img {
							width: 50px;
							height: 42px;
							display: block;
							float: left;
							margin-right: 10px;
						}

						div.nav#nSubNav div.sModSecPaddingBorderS div.sModSecNormal div.dThumbnail img:hover,
						div#headContent .p-tab1 div.sModSecPaddingBorderS div.sModSecNormal div.dThumbnail img:hover {
							opacity: 0.7;
							-ms-filter: "alpha( opacity=70 )";
							filter: alpha(opacity=70);
							background: url(/images/common/template/btn_recommend.gif) no-repeat;
							width: 74px;
							height: 10px;
							margin-right: 1px;
							display: inline-block;
						}

						div.nav#nSubNav div.sModSecPaddingBorderS div.sModSecNormal div.dThumbnail img.selected,
						div#headContent .p-tab1 div.sModSecPaddingBorderS div.sModSecNormal div.dThumbnail img.selected {
							filter: alpha(opacity=50);
							box-sizing: border-box;
							border: 2px solid #f27601;
						}
						div.nav#nSubNav div.sModSecPaddingBorderS div.sModSecNormal div.dPagination a.selected {
							background: url(/images/common/template/btn_recommend_ac.gif) no-repeat;
						}
						div.nav#nSubNav div.sModSecPaddingBorderS div.sModSecNormal div.dPagination a span {
							display: none;
						}

		div.nav#nSubNav p.pDate img {
			vertical-align: middle;
		}
		div.nav#nSubNav div.dModLayImgLeft div.fModLayImg,
		.dGood div.dModLayImgLeft div.fModLayImg {
			width: 100px;
		}
		div.nav#nSubNav div.dModLayImgLeft div.dModLayText,
		body.subnavi .dGood div.dModLayImgLeft div.dModLayText,
		.dGood div.dModLayImgLeft div.dModLayText {
			width: 168px;
		}
				div.nav#nSubNav div.dModLayImgLeft div.dModLayText ul.ulModEleFloat,
				.dGood div.dModLayImgLeft div.dModLayText ul.ulModEleFloat{
					margin-bottom: 10px;
				}
						div.nav#nSubNav div.dModLayImgLeft div.dModLayText ul.ulModEleFloat li,
						.dGood div.dModLayImgLeft div.dModLayText ul.ulModEleFloat li{
							padding-right: 1px;
							margin-bottom: 1px;
						}
						
		div.sModSecNoPaddingBorder h2{
			margin: 20px;
		}				
		
				.l-dMWrapperInner .sModSecPaddingBorder,
				.l-dMWrapperInner .sModSecNoPaddingBorder {
					padding: 0;
					margin-bottom: 0;
					border: none;
				}
				.l-dMWrapperInner .sModSecPaddingBorder h2,
				.l-dMWrapperInner .sModSecNoPaddingBorder h2,
				.l-dMWrapperInner .p-list2 .comModEleLarge,
				.l-dMWrapperInner .p-list3 .pBanner {
					display: none;
				}
				.p-list2-item {
					margin-bottom: 20px;
				}
				.p-list2-itemTitle {
					padding-bottom: 5px;
					display: table;
				}
				.p-list2-itemTitle .p-date {
					display: table-cell;
					padding-right: 15px;
					vertical-align: middle;
					width: 10em;
				}
				
				.p-list2-itemTitle .dIcon {
					
				}
				
				div.nav#nSubNav div.dGood ul.ulTab,
				.l-dMWrapperInner div.dGood ul.ulTab{
					margin-bottom: 0;
					margin-left: -1px;
					width: 320px;
				}
						div.nav#nSubNav ul.ulTab li,
						.l-dMWrapperInner ul.ulTab li{
							margin-bottom: 0;
							padding-right: 0;
						}
								div.nav#nSubNav ul.ulTab li span,
								.l-dMWrapperInner ul.ulTab li span{
									display: none;
								}
				div.nav#nSubNav div.dGood p.pList,
				.l-dMWrapperInner div.dGood p.pList {
					margin-bottom: 0;
				}
		div.nav#nSubNav div.dGood div.dContainer,
		.l-dMWrapperInner div.dGood div.dContainer {
			height: 230px;
			overflow: auto;
			padding: 0;
			margin: 20px 20px 0;
		}
		
		div.nav#nSubNav p.pBanner,
		.l-dMWrapperInner p.pBanner{
			width: 320px;
			margin-left: -1px;
		}
		
		div.nav#nSubNav form ul.ulModEleFloat li,
		.l-dMWrapperInner form ul.ulModEleFloat li{
			margin-bottom: 5px;
		}
		
		div.nav#nSubNav form div.dSearch {
			border-top: 1px dotted #aaaaaa;
			padding-top: 10px;
			margin-top: 20px;
		}
		div.nav#nSubNav form div.dSearch ul.ulModEleFloat li{
			padding-right: 0;
		}
		div.nav#nSubNav form div.dSearch ul.ulModEleFloat li.lastChild{
			float: right;
		}
		div.nav#nSubNav p.pNewsOld{
			margin-bottom: 20px;
		}
		div#nSubNav.nav #dModule98 .sModSecPaddingBorderS {
			padding-top: 20px;
		}
		div#nSubNav.nav #dModule98 h2 {
			margin-left: 10px;
			margin-bottom: 10px;
		}

/*----------------------------------------------*/
/*                                             
/* bread crumbs                                 
/*                                              
/*----------------------------------------------*/
div#dBreadCrumbs {
	
	margin: 10px auto 16px;
}

/* for SAPA site */
#dBreadCrumbs ol {
	width: 730px;
	float: left;
}

#dBreadCrumbs ol li {
	display: inline;
	list-style: none;
	padding-right: 4px;
}
		#dBreadCrumbs ol li a{
			padding-right: 4px;
		}
		
/*----------------------------------------------*/
/*                                              */
/* aside                                     		*/
/*                                              */
/*----------------------------------------------*/
div#dAside {
	width: 1000px;
	margin: 20px auto 0;
	

}
		div#dAside ul.ulModEleFloat{
			margin-bottom: 10px;

		}
				div#dAside ul.ulModEleFloat li{
					padding-right: 10px;
					margin-bottom: 10px;
				}
						div#dAside ul.ulModEleFloat li img {
							max-width:242px;
							width:242px;
							height:65px;
						}
						div#dAside ul.ulModEleFloat li a {
							display: block;
						}
				div#dAside ul.ulModEleFloat li.liRight,
				div#dAside ul.ulModEleFloat li.lastChild{
					padding-right: 0;
				}
				
	div#dAside div.dCarouselInner div.dBtnLeft02,
	div#dAside div.dCarouselInner div.dBtnRight02{
		display: none;
	}
				
/*----------------------------------------------*/
/*                                              */
/* em_fa                                     		*/
/*                                              */
/*----------------------------------------------*/