@charset "UTF-8";


/* ------------------------------------------------------------
 ドライブプラザ　ETCはじめての方へトップページ　CSS
 更新日:07/08/27
 
	[目次]
	0:div#etcMechanism
	1:div#discountsTime
	2:div#beginnerArea
	
------------------------------------------------------------ */

/* 0:div#etcMechanism
-------------------------------- */


div#etcMechanism div.column02{
background:url(/common/img/dotline01.gif) repeat-x bottom;
padding:0 0 1px 0;
}


/* 1:div#discountsTime
-------------------------------- */


div#discountsTime ul{
font-weight:bold;
font-size:107%;
padding:0 10px 10px 10px;
}

div#discountsTime li{
padding:7px 0 7px 44px;
}


div#discountsTime li.commutation{
background:url(../img/discountstime_commutation.gif) no-repeat top left;
}

div#discountsTime li.night{
background:url(../img/discountstime_night.gif) no-repeat top left;
}

div#discountsTime li.morning{
background:url(../img/discountstime_morning.gif) no-repeat top left;
}


/* 2:div#beginnerArea
-------------------------------- */

div#beginnerArea h3{
background:url(/etc/img/h3_beginner_bg.gif) no-repeat left top;
padding:5px 0 8px 30px;
margin:0 0 15px 0;
border-bottom:1px solid #cccccc;
font-weight:bold;
font-size:107%;
}

div#beginnerArea ol li p{
font-weight:bold;
font-size:107%;
}

div#beginnerArea ol{
margin:0 0 15px 0;
}


div#beginnerArea ol li ul.reading{
padding:0 0 0 100px;
margin:0;
}

div#beginnerArea ol li.step1 ul.reading,
div#beginnerArea ol li.step2 ul.reading{
background:url(../img/beginner_arrow.gif) no-repeat top left;
}

div#beginnerArea ol li p.subttl{
padding:7px 0 7px 80px;
}

div#beginnerArea ol li p.subttl img{
vertical-align:text-top;
margin:-7px 0 0 5px;
}

div#beginnerArea ol li.step1 p.subttl{
background:url(/etc/beginner/img/beginner_step1.gif) no-repeat top left;
min-height:30px;
_height:30px;
}

div#beginnerArea ol li.step2 p.subttl{
background:url(/etc/beginner/img/beginner_step2.gif) no-repeat top left;
min-height:30px;
_height:30px;
}

div#beginnerArea ol li.step3 p.subttl{
background:url(/etc/beginner/img/beginner_step3.gif) no-repeat top left;
min-height:30px;
_height:30px;
}

div#beginnerArea ol li.step1,
div#beginnerArea ol li.step2{
background:url(/common/img/dotline01.gif) repeat-x bottom;
margin:0 0 10px 0;
padding:0 0 10px 0;
}


div#beginnerArea div.exbox{
width:17em;
}