﻿@charset "utf-8";
/*
* page.css
*
* versin --- 1.1
* updated --- 2013/10/04
*/


/*----------------------------------------------*/
/*                                              */
/* common                                       */
/*                                              */
/*----------------------------------------------*/
.swpImg,
.btnImg,
.btnImgBG,
.fadeImg,
.fadeImgBG {
}
		.btnImgWrapper {
			background-color: #FFFFFF;
			display: inline-block;
		}

.displayNone {
	display: none;
}
img.icon {
	vertical-align: middle;
	margin-right: 5px;
}

div#dMain div.dNoPadding {
	padding: 0;
}


.comBtn {
	
}
		.comBtn a{
			display: block;
			background-image: url(/images/common/module/bg_module_btn.gif);
			background-repeat: repeat-x;
			background-position: left center;
			color: #fff;
			text-decoration: none;
			font-weight: bold;
			font-size: 1.2em;
			
		}
		
				.comBtn a span{
					padding-left:20px;
				}

/* paddingcolor
--------------------------------------*/
.sModSecPaddingBeige {
  padding: 20px;
  margin-bottom: 20px;
	background-color: #eeebe8;
}
div#dMWrapper.index div#aMainContents div.dModLayCol2.dTop div.dModLayColL,
div#dMain.index div#aMainContents div.dModLayCol2.dTop div.dModLayColL {
	width: 289px;
	padding-right: 20px;
	border-right: dotted 1px #aaaaaa;
}


/*料金交通 index*/
body#highway div#aMainContents .dList{
  padding-top: 10px;
  border-top: dotted 1px #aaaaaa;
}

body#highway div#aMainContents div.dModLayCol2.dTop div.dModLayColR,
body#highway div#aMainContents div.dModLayCol2.dTop div.dModLayColR {
	width: 289px;
}

body#highway div#aMainContents h2.h2Text {
	background-image: none;
	margin-bottom: 28px;
	padding: 0;
	font-size: 1.5em;
	background-color: transparent;
}

body#highway div#aMainContents h2.h2Info{
	background-image: none;
	margin-bottom: 20px;
	padding: 0 0 10px;
	border-bottom: dotted 1px #aaaaaa;
	font-size: 1.4em;
	background-color: transparent;
}
body#highway div#aMainContents div.dModLayCol2.dPadding div.dModLayColL,
body#highway div#aMainContents div.dModLayCol2.dNoPadding div.dModLayColL,
body#highway div#aMainContents div.dModLayCol2.dPadding div.dModLayColR{
	width: 299px;
}

body#highway div#aMainContents div.dModLayCol2.dNoPadding div.dModLayColR{
	width: 341px;
}


		body#highway div.dModLayCol2.dPadding div.dModLayImgLeft div.fModLayImg{
			width: 120px;
		}
		body#highway div.dModLayCol2.dPadding div.dModLayImgLeft div.dModLayText{
			width: 159px;
		}
				
body#highway div#aMainContents div.dModLayImgLeft.dPadding div.fModLayImg{
	width: 120px;
}
body#highway div#aMainContents div.dModLayImgLeft.dPadding div.dModLayText{
	width: 478px;
}
body#highway div#aMainContents ul.ulModEleFloatBox li div.dModLayImgLeft.dPadding div.dModLayText{
	width: 139px;
}
body#highway div#aMainContents div.dModLayImgLeft.dNoPadding div.fModLayImg{
	width: 180px;
}
body#highway div#aMainContents div.dModLayImgLeft.dNoPadding div.dModLayText{
	width: 460px;
}
body#highway div#aMainContents div.dModLayImgLeft div.fModLayImg p,
body#highway div#aMainContents div.dModLayImgLeft div.dModLayText p{
	margin-bottom: 10px;
}
body#highway div#aMainContents div.dModLayImgLeft div.dModLayText p.lastChild{
	margin-bottom: 0;
}
body#highway div#aMainContents ul.ulInfoList li {
	margin-bottom: 20px;
}
body#highway div#aMainContents ul.ulInfoList li.lastChild {
	margin-bottom: 0;
}
body#highway div#aMainContents ul.ulInfoList li p {
	margin-bottom: 10px;
}
body#highway div#aMainContents ul.ulInfoList li p.lastChild {
	margin-bottom: 0;
}


div#aMainContents div.dSNS div.dDate{
	float: left;
}
div#aMainContents div.dSNS div.dSNSBtn{
	float: right;
}
div#aMainContents div.dSNS div.dSNSBtn ul li{
	padding-right: 10px;
}
div#aMainContents div.dSNS div.dSNSBtn ul li.lastChild{
	padding-right: 0;
}



/*CMSコンテンツ*/
div#aMainContents div#dContents {
}
		div#aMainContents div#dContents p{
			margin-bottom: 30px;
		}
		div#aMainContents div#dContents div.dModLayImgLeft{
			margin-bottom: 30px;
		}
		div#aMainContents div#dContents div.dModLayImgLeft div.fModLayImg{
			width: 180px;
		}
		div#aMainContents div#dContents div.dModLayImgLeft div.dModLayText{
			width: 440px;
		}
		div#aMainContents div#dContents div.dModLayImgLeft div.dModLayText p.pTitle{
			font-weight: bold;
			font-size: 1.2em;
			margin-bottom: 20px;
		}
		
		div#aMainContents div#dContents ul.ulModEleFloat li {
			width: 180px;
			margin: 0 20px 20px 0;
			padding-right: 0;
		}
		
		div#aMainContents div#dContents ul.ulModEleFloat li.lastChild {
			margin-right: 0;
		}
				
				div#aMainContents div#dContents ul.ulModEleFloat li dd{
					margin-top: 20px;
				}
				div#aMainContents div#dContents ul.ulModEleFloat li dd.author{
					margin-top:10px;
					font-weight: bold;
					font-size: 1.1em;
				}
				div#aMainContents div#dContents div#dComment h4 {
					padding:0;
					border:none;
					background-image: none;
				}
				
				div#aMainContents div#dContents div#dComment p{
					margin-bottom: 10px;
				}
				div#aMainContents div#dContents div#dComment p.lastChild{
					margin-bottom: 0;
				}
				




