@charset "UTF-8";


/* ------------------------------------------------------------
 ドライブプラザ　個別サービスエリアページ　CSS
 更新日:07/08/08
 
	[目次]
	 0:table.sapaGuidettl,table.sapaGuide
			0-1:table.sapaGuidettl
			0-2:table.sapaGuide
			0-3:p.footText
			0-4:p.detailLink
		1:div#neweventInfo
		2:div.section
		3:div.enexcopass
		4:div#photoArea
		5:div#sapaInfo
		
------------------------------------------------------------ */


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


p.linkText{
clear:right;
font-weight:bold;
}



div.h2Area{
clear:both;
}

/*  0:table.sapaGuidettl,table.sapaGuide
----------------------------------------- */


/*0-1:table.sapaGuidettl-----------------*/

table.sapaGuidettl{
border-collapse:collapse;
width:685px;
margin:0 0 5px 0;
}

table.sapaGuidettl td{
font-weight:bold;
}

table.sapaGuidettl td.present{
width:228px;
font-size:110%;
text-align:center;
}

table.sapaGuidettl td.prev{
background:url(../img/arrow_prev.gif) no-repeat left top;
padding:0 0 0 25px;
width:203px;
}

table.sapaGuidettl td.next{
text-align:right;
background:url(../img/arrow_next.gif) no-repeat right top;
padding:0 25px 0 0;
width:203px;
}


/*0-2:table.sapaGuide-----------------*/

table.sapaGuide{
border-collapse:collapse;
width:685px;
border-right:1px solid #bfbfbf;
border-bottom:1px solid #bfbfbf;
}

table.sapaGuide td{
border-left:1px solid #bfbfbf;
border-top:1px solid #bfbfbf;
padding:5px;
background:#f7f7f7;
}

table.sapaGuide td.prev,
table.sapaGuide td.nextic,
table.sapaGuide td.nextsapa{
border-left:none;
text-align:right;
}

table.sapaGuide td.present{
width:228px;
font-weight:bold;
font-size:110%;
vertical-align:middle;
text-align:center;
}

table.sapaGuide td span,
table.sapaGuide td a{
font-weight:bold;
}


/*0-3:p.footText-----------------*/

p.footText{
margin:15px 0;
text-align:center;
}


/*0-4:p.detailLink-----------------*/

p.detailLink{
font-weight:bold;
font-size:110%;
background:url(../img/arrow01.gif) no-repeat top;
padding:50px 0 0 0;
text-align:center;
}




/*  1:div#neweventInfo
----------------------------------------- */

div#neweventInfo{
}

div#neweventInfo img{
border:1px solid #bfbfbf;
float:left;
width:200px;
}


div#neweventInfo h3,
div#neweventInfo p{
margin:0 0 0 210px;
font-size:110%;
width:475px;
}

div#neweventInfo h3{
color:#FF6600;
font-weight:bold;
font-size:110%;
}

div#neweventInfo h3 span{
color:#333333;
font-weight:normal;
font-size:90%;
}


div#neweventInfo p.linkText{
font-size:90%;
margin-top:10px;
text-align:right;
font-weight:bold;
}


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

div.section p.lead{
margin:0 0 10px 0;
}

div.section div.firstColumn{
width:333px;
float:left;
}

div.section div.secondColumn{
width:333px;
float:right;
}

div.section h3{
margin:10px 0 0 0;
font-weight:bold;
font-size:110%;
}

div.section h3 span{
font-weight:normal;
font-size:90%;
}


/*  3:div.enexcopass
----------------------------------------- */

div.enexcopass{
border-bottom:1px solid #BFBFBF;
border-right:1px solid #BFBFBF;
border-left:1px solid #BFBFBF;
}

div.enexcopass img{
padding:0 0 10px 10px;
float:left;
}

div.enexcopass ul.list{
margin:0 0 0 170px;
font-size:110%;
list-style-type:disc;
}


div.enexcopass p{
margin:10px 0 0 150px;
font-size:110%;
}

/*  4:div#photoArea
----------------------------------------- */

div#photoArea ul li{
float:left;
margin:0 8px 0 0;
}

div#photoArea ul li.end{
margin:0;
}


/*  5:div#sapaInfo
----------------------------------------- */

div#sapaInfo p{
margin:0 0 10px 0;
}

div#sapaInfo a.link{
font-weight:normal;
}