@charset "UTF-8";


/* ------------------------------------------------------------
 ドライブプラザ　サービスエリアトップページ　CSS
 更新日:07/08/09
 
	[目次]
	0:common style
	1:div.main
		1-1:div#campaignArea(とくとくキャンペーン)
		1-2:div.section div.column02(メインエリア2カラム)
		1-3:div.section div.block(メインエリア1カラム)
			1-3-1:div.infoArea(メインエリア下インフォメーション)
			1-3-2:div.purposeArea(目的から検索)
	2:div.sub
		2-1:common style
		2-2:div.section#serviceArea(サービスエリア新着情報)
		2-3:div.section#recommendArea(おすすめ情報)
	
		
------------------------------------------------------------ */


/*cleafix用CSS-----------------*/
@import "clearfix.css";


/* 0:common style
-------------------------------------- */

p.linkText{
font-weight:bold;
}


/* 1:div.main
-------------------------------------- */

/* 1-1:div#campaignArea --------------- */


div#contents div.section#campaignArea p{
margin:0 0 10px 0;
}


/* 1-2:div.section div.column02 -------- */

div#contents div.main div.column02 h3{
margin:0 1px;
}

div#contents div.main div.column02 dt{
clear:left;
float:left;
width:40px;
}

div#contents div.main div.column02 dd{
margin:0 0 5px 40px;
}


/* 1-3:div.section div.block ------------ */

div#contents div.main div.block{
margin:0 0 15px 0;
}

div#contents div.main div.block ul li{
display:inline;
}


/* 1-3-1:div.infoArea ------------------- */

div#contents div.main div.infoArea{
background:#F7F7F7;
padding:15px;
border:1px solid #cccccc;
}

div#contents div.main div.infoArea p{
text-indent:-1em;
margin-left:1em;
}


/* 1-3-2:div.purposeArea ---------------- */

div#contents div.main div.block#purposeArea img{
float:left;
width:120px;
}

div#contents div.main div.block#purposeArea h4{
font-weight:bold;
margin:0 0 5px 0;
}

div#contents div.main div.block#purposeArea div.textArea{
margin:0 0 0 135px;
}


/* 2:div.sub
---------------------------------------- */

/* 2-1:common style ------------------- */


div#contents div.sub div.section#serviceArea,
div#contents div.sub div.section#recommendArea{
background:url(../img/sub_section_bg.gif) no-repeat bottom;
padding:0 0 11px 0;
zoom:1;
}


/* 2-2:div.section#serviceArea -------- */


div#contents div.sub div.section div.block{
border-left:1px solid #b8b8b8;
border-right:1px solid #b8b8b8;
padding:10px;
background:url(../../common/img/dotline04.gif) no-repeat bottom;
}


div#contents div.sub div.section div.end{
background:none;
padding-bottom:0;
}


div#contents div.sub div.section div.block img{
float:left;
}

div#contents div.sub div.section div.block p{
font-weight:bold;
margin:0 0 0 65px;
}

div#contents div.sub div.section div.block ul{
margin:0 0 0 85px;
list-style-type:disc;
}

/* 2-3:div.section#recommendArea --------- */

div#contents div.sub div.section#recommendArea dl,
div#contents div.sub div.section#recommendArea p.linkText{
border-left:1px solid #b8b8b8;
border-right:1px solid #b8b8b8;
padding:10px 10px 0 10px;
}

div#contents div.sub div.section#recommendArea dl dt{
clear:left;
float:left;
width:48px;
}

div#contents div.sub div.section#recommendArea dl dd{
margin:0 0 0 55px;
padding:0 0 10px 0;
}

div#contents div.sub div.section#recommendArea p.linkText{
font-weight:bold;
}

div#contents div.sub div.section#gasprice{
border:1px solid #cccccc;
background:none;
}

div#contents div.sub div.section#gasprice h3{
background:#BEF596;
font-weight:bold;
font-size:107%;
padding:5px;
margin:2px;
}


div#contents div.sub div.section#gasprice img{
margin:10px 50px;
}

div#contents div.sub div.section#gasprice p.linkText{
margin:0 10px 10px 0;
}

div#contents div.sub div.section#oishiitabi_bnr{
border:1px solid #cccccc;
background:none;
}

div#contents div.sub div.section#oishiitabi_bnr h3{
background:#BEF596;
font-weight:bold;
font-size:107%;
padding:5px;
margin:2px;
}


div#contents div.sub div.section#oishiitabi_bnr img{
margin:10px 40px;
}

div#contents div.sub div.section#oishiitabi_bnr p.linkText{
margin:0 10px 10px 0;
}
.sapamenu{
margin:5px 0 5px 0;
}
.sapa_bknum{
text-align:right;
margin:5px 0 5px 0;
}
.sapa_bknum p{
font-weight:bold;
}