@charset "UTF-8";


/* ------------------------------------------------------------
 ドライブプラザ　個別サービスエリアページ　CSS
 更新日:07/07/31
 
	[目次]
	0:layout
	1:common style
	2:H style
	2-1:H1
	2-2:H2
------------------------------------------------------------ */


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


/*  0:layout
------------------------------- */


div#contents div.main{
width:685px;
}


div#contents div.sub{
width:250px;
}



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

div#contents div.main div.section{
margin:0 0 20px 0;
}



/* 2:H style
------------------------------- */

/*  2-1:H1-------------- */


div#contents div.main h1 span{
float:left;
width:400px;
padding:4px 0 0 0;
}

div#contents div.main h1 span.h1Link{
font-weight:normal;
font-size:80%;
float:right;
width:200px;
text-align:right;
}


/*  2-2:H2-------------- */

div#contents div.h2Area h2 span{
float:left;
width:400px;
}

div#contents div.h2Area h2 a.link{
font-weight:normal;
font-size:80%;
float:right;
width:6.5em;
text-align:right;
}

/* safari only \*/
html:\66irst-child div#contents div.h2Area h2 a.link{
width:7.5em;
}
/* end */ 


/*  3:div.sub
------------------------------- */

div.sub div.basicInfo{
background:url(../img/basicinfo_btm_bg.gif) bottom no-repeat;
padding:0 0 11px;
margin:0 0 8px 0;
}

div.sub div.basicInfoInner{
border-left:1px solid #87C914;
border-right:1px solid #87C914;
padding:0 10px;
}

div.sub div.basicInfo ul{
background:#DCF0D4;
padding:8px;
zoom:1;/*-----for IE -----*/
}

div.sub div.basicInfo ul li{
background:url(../img/basicinfo_listbg.gif) no-repeat bottom;
margin:0 0 8px 0;
padding:0 0 8px 0;
}


div.sub div.basicInfo ul li span{
font-weight:bold;
}

div.sub div.basicInfo ul li span.tel{
font-weight:normal;
display:block;
padding:0 0 3px 0;
}


div.sub div.basicInfo ul li p{
padding:0 0 0 40px;
_height:30px;
min-height:30px;
}

div.sub div.basicInfo ul li.other p,
div.sub div.basicInfo ul li.list p,
div.sub div.basicInfo ul li.guide p{
padding-left:0;
}

div.sub div.basicInfo ul li p.h01{
padding:7px 0 0 40px;
_height:23px;
min-height:23px;
}

div.sub div.basicInfo ul li.baby p{background:url(../img/ico_baby.gif) no-repeat left top;}
div.sub div.basicInfo ul li.food p{background:url(../img/ico_food.gif) no-repeat left top;}
div.sub div.basicInfo ul li.restroom p{background:url(../img/ico_restroom.gif) no-repeat left top;}
div.sub div.basicInfo ul li.kyushusekiyu p{background:url(../img/ico_kyushusekiyu.gif) no-repeat left top;}


div.sub div.basicInfo ul li.dogrun p{background:url(../img/ico_dogrun.gif) no-repeat left top;}
div.sub div.basicInfo ul li.highway p{background:url(../img/ico_highway.gif) no-repeat left top;}
div.sub div.basicInfo ul li.post p{background:url(../img/ico_post.gif) no-repeat left top;}
div.sub div.basicInfo ul li.cash p{background:url(../img/ico_cash.gif) no-repeat left top;}
div.sub div.basicInfo ul li.fax p{background:url(../img/ico_fax.gif) no-repeat left top;}
div.sub div.basicInfo ul li.information p{background:url(../img/ico_information.gif) no-repeat left top;}
div.sub div.basicInfo ul li.teaservice p{background:url(../img/ico_teaservice.gif) no-repeat left top;}
div.sub div.basicInfo ul li.relaxation p{background:url(../img/ico_teaservice.gif) no-repeat left top;}
div.sub div.basicInfo ul li.hotspring p{background:url(../img/ico_hotspring.gif) no-repeat left top;}
div.sub div.basicInfo ul li.bath p{background:url(../img/ico_bath.gif) no-repeat left top;}
div.sub div.basicInfo ul li.launderette p{background:url(../img/ico_launderette.gif) no-repeat left top;}
div.sub div.basicInfo ul li.coinshower p{background:url(../img/ico_coinshower.gif) no-repeat left top;}
div.sub div.basicInfo ul li.smoking p{background:url(../img/ico_smoking.gif) no-repeat left top;}
div.sub div.basicInfo ul li.highwayhotel p{background:url(../img/ico_highwayhotel.gif) no-repeat left top;}
div.sub div.basicInfo ul li.restroom p{background:url(../img/ico_restroom.gif) no-repeat left top;}
div.sub div.basicInfo ul li.vending p{background:url(../img/ico_vending.gif) no-repeat left top;}
div.sub div.basicInfo ul li.drugstore p{background:url(../img/ico_drugstore.gif) no-repeat left top;}
div.sub div.basicInfo ul li.shopping p{background:url(../img/ico_shopping.gif) no-repeat left top;}
div.sub div.basicInfo ul li.cafe p{background:url(../img/ico_cafe.gif) no-repeat left top;}
div.sub div.basicInfo ul li.snack p{background:url(../img/ico_snack.gif) no-repeat left top;}
div.sub div.basicInfo ul li.restaurant p{background:url(../img/ico_restaurant.gif) no-repeat left top;}
div.sub div.basicInfo ul li.carwash p{background:url(../img/ico_carwash.gif) no-repeat left top;}
div.sub div.basicInfo ul li.gasstation p{background:url(../img/ico_gasstation.gif) no-repeat left top;}
div.sub div.basicInfo ul li.parking p{background:url(../img/ico_parking.gif) no-repeat left top;}
div.sub div.basicInfo ul li.toilet p{background:url(../img/ico_toilet.gif) no-repeat left top;}
div.sub div.basicInfo ul li.handicap p{background:url(../img/ico_parking.gif) no-repeat left top;}
div.sub div.basicInfo ul li.lottery p{background:url(../img/ico_lottery.gif) no-repeat left top;padding-left:70px;}
div.sub div.basicInfo ul li.smartplus p{background:url(../img/ico_smartplus.gif) no-repeat left top;padding-left:70px;}
div.sub div.basicInfo ul li.toto p{background:url(../img/ico_toto.gif) no-repeat left top;padding-left:70px;}
div.sub div.basicInfo ul li.visatouch p{background:url(../img/ico_visatouch.gif) no-repeat left top;padding-left:70px;}
div.sub div.basicInfo ul li.carenex p{background:url(../img/ico_carenex.gif) no-repeat left top;}
div.sub div.basicInfo ul li.metanolu p{background:url(../img/ico_metanolu.gif) no-repeat left top;}
div.sub div.basicInfo ul li.tennengas p{background:url(../img/ico_tennengas.gif) no-repeat left top;}
div.sub div.basicInfo ul li.iwatani p{background:url(../img/ico_iwatani.gif) no-repeat left top;}
div.sub div.basicInfo ul li.taiyo p{background:url(../img/ico_taiyo.gif) no-repeat left top;}
div.sub div.basicInfo ul li.zeneraru p{background:url(../img/ico_zeneraru.gif) no-repeat left top;}
div.sub div.basicInfo ul li.mobil p{background:url(../img/ico_mobil.gif) no-repeat left top;}
div.sub div.basicInfo ul li.esso p{background:url(../img/ico_esso.gif) no-repeat left top;}
div.sub div.basicInfo ul li.shell p{background:url(../img/ico_shell.gif) no-repeat left top;}
div.sub div.basicInfo ul li.esso p{background:url(../img/ico_esso.gif) no-repeat left top;}
div.sub div.basicInfo ul li.kyushu p{background:url(../img/ico_kyushu.gif) no-repeat left top;}
div.sub div.basicInfo ul li.kigunasu p{background:url(../img/ico_kigunasu.gif) no-repeat left top;}
div.sub div.basicInfo ul li.jomo p{background:url(../img/ico_jomo.gif) no-repeat left top;}
div.sub div.basicInfo ul li.cosmo p{background:url(../img/ico_cosmo.gif) no-repeat left top;}
div.sub div.basicInfo ul li.idemitsu p{background:url(../img/ico_idemitsu.gif) no-repeat left top;}


div.sub div.basicInfo ul li.tenant{background:none;text-align:right;}
div.sub div.basicInfo ul li.tenant,
div.sub div.basicInfo ul li.list{
background:none;
}


div.sub div.basicInfo ul li.other ul li{
background:none;
padding:0;
margin:0;
}


div.sub div.basicInfo ul li.guide,
div.sub div.basicInfo ul li.end{
background:none;
padding:0;
margin:0;
}

div.sub div.basicInfo ul li.guide p{
height:1.5em;
}


div.sub div.basicInfo div.infoArea{
margin:10px 0 0 0;
}


/* 
 0:div.sapaLocalNavi
------------------------------ */


div#contents div.sapaLocalNavi{
clear:both;
text-align:center;
}

div#contents div.sapaLocalNavi ul{
margin-bottom:10px;
}

div#contents div.sapaLocalNavi ul li{
display:inline;
font-weight:bold;
background:url(../../img/sapalocalnavi_bg.gif) no-repeat right 2px;
padding:0 20px 0 0;
zoom:1;
}


div#contents div.sapaLocalNavi ul li.end{
background:none;
}