@charset "UTF-8";


/* ------------------------------------------------------------
 ドライブプラザ　共通スタイルCSS
 更新日:07/07/31
 
 [目次]
	0:common style
	1:div.topicpath
	2:div.main
	3:div.sub
		3-1:common style 
		3-2:div.bnrArea
		3-3:div#memberLogin
		3-4:div#infomation01
		3-5:div#infomation02
		3-6:div#question
		3-7:div#etcInfo
		3-8:div#infomation03
	4:popup

------------------------------------------------------------ */

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


/* 囲み罫BOX gray --------------- */
div.exbox{
padding:4px;
margin:3px 0 8px 0;
background:#f5f5f5;
border:#cccccc 1px solid;
}

/* 囲み罫BOX red --------------- */
div.exbox_r{
padding:4px;
margin:3px 0 8px 0;
background:#FFEEEC;
border:#CC0000 1px solid;
}

/* 囲み罫BOX white --------------- */
.exbox_w{
border:1px solid #cccccc;
padding:10px;
margin:5px;
background:#ffffff;
}


/* センタリング --------------- */
div.algC{
text-align:center;
}


/* PDF利用告知 --------------- */

div.getPdf img{
float:left;
}

div.getPdf p{
margin:0 0 0 95px;
}



/*  0-1:H style -------------- */

div#contents h1{
background:url(/common/img/h1_bg.gif) no-repeat top left;
border-top:3px solid #95c685;
border-bottom:3px solid #95c685;
padding:2px 0 2px 37px;
font-size:140%;
font-weight:bold;
margin:0 0 20px 0;
line-height:1.5;
}


div#contents div.h2Area h2{
background:url(/common/img/h2_bg.gif) repeat-x bottom left;
display:block;
border:1px solid #ccc;
padding:3px 5px;
font-weight:bold;
}

div#contents div.h2Area{
border-left:5px solid #30912b;
padding:0 0 0 1px;
font-size:125%;
margin:0 0 15px 0;
}


div#contents div.section div.h3Area{
clear:both;
border-bottom:#cccccc solid 1px;
padding-bottom:0;
margin:0 0 15px 0;
}


div#contents div.section div.h3Area h3{
border-left:#30912b solid 4px;
padding:2px 7px;
margin:2px;
font-weight:bold;
text-align:left;
font-size:107%;
}


/*  0-2:anchor style -------------- */

div#contents a.link{
background:url(/common/img/arrow01.gif) no-repeat 0 2px;
*background:url(/common/img/arrow01.gif) no-repeat 0 3px;
padding:0 0 0 15px;
font-weight:bold;
zoom:1; /* for IE 7 ---------- */
}

div#contents a.link img{
margin:0 0 0 3px;
vertical-align:middle;
}

html>/**/body div#contents a.link img{
margin:-3px 0 0 3px;/* for modern browzer ---- */
}


div#contents a.blank{
background:url(/common/img/ico_blank.gif) no-repeat top left;
*background:url(/common/img/ico_blank.gif) no-repeat 3px left;
padding:1px 0 1px 20px;
zoom:1; /* for IE 7 ---------- */
}


div#contents a.blankR{
background:url(/common/img/ico_blank.gif) no-repeat top right;
*background:url(/common/img/ico_blank.gif) no-repeat 3px right;
padding:1px 20px 1px 0;
zoom:1; /* for IE 7 ---------- */
}


div#contents a.blankImg img{
margin:0 0 0 3px;
vertical-align:middle;
}


div#contents a.pdf{
background:url(/common/img/ico_pdf.gif) no-repeat top left;
padding:1px 0 1px 23px;
zoom:1; /* for IE 7 ---------- */
}

div#contents a.pdfR{
background:url(/common/img/ico_pdf.gif) no-repeat top right;
*background:url(/common/img/ico_pdf.gif) no-repeat 3px right;
padding:1px 23px 1px 0;
zoom:1;
}

div#contents a.xls{
background:url(/common/img/ico_xls.gif) no-repeat top left;
padding:1px 0 1px 23px;
zoom:1; /* for IE 7 ---------- */
}

div#contents a.xlsR{
background:url(/common/img/ico_xls.gif) no-repeat top right;
*background:url(/common/img/ico_xls.gif) no-repeat 3px right;
padding:1px 23px 1px 0;
zoom:1;
}

div#contents a.help img{
vertical-align:middle;
margin:0 0 0 5px;
}

html>/**/body div#contents a.help img{
margin:-2px 0 0 5px;
}

/*  0-3:img style -------------- */

img.imgBlock{
display:block;
}

/*  0-4:p style -------------- */

div#contents p.linkText{
text-align:right;
}

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

.notes{
font-size:90%;
}



/*  0-5:list style -------------- */

ul.list{
margin:0 0 0 20px;
list-style-type:disc;
}


ol.list{
list-style:decimal;
margin-left:30px;
}

ul.mark {
margin-left:0 !important;
}

ul.mark li{
text-indent:-1em;
margin-left:1em;
list-style-type:none !important;
}


/*  0-6:.reading -------------- */

div#contents .reading{
font-size:107%;
margin-bottom:10px;
line-height:1.5;
}

div#contents .reading .reading{
font-size:100%;
}

div#contents .reading span{
zoom:1;
}

div#contents ul.reading{
list-style:disc;
margin-left:20px;
}

div#contents ul.reading li{
margin-bottom:4px;
}

div#contents ol.reading{
list-style:decimal;
margin-left:30px;
}


div#contents ul.reading li table,
div#contents dl.reading table{
font-size:90%;
}

/*  0-7:table style -------------- */

div#contents table.chart01{
border-collapse:collapse;
}

div#contents table.chart01 caption{
text-align:center;
padding:0 0 5px 0;
}

div#contents table.chart01 th,
div#contents table.chart01 td{
border:1px solid #cccccc;
padding:5px;
}

div#contents table.chart01 th{
text-align:center;
background:#f5f5f5;
}

/*  0-7:strong,em -------------- */

div#contents strong{
color:#EA0002;
font-weight:bold;
}

div#contents a strong {
text-decoration:none;
}

div#contents em{
font-weight:bold;
}

.imp{
font-weight:bold;
}

/*  0-8:dl style -------------- */

div.main dl.rule dt{
width:4em;
clear:left;
float:left;
text-align:right;
}

div.main dl.rule dd{
margin:0 0 0 5em;
}


div#contents dl.press dt{
clear:left;
float:left;
width:150px;
padding:5px 0;
}

div#contents dl.press dd{
padding:5px 0 5px 160px;
border-bottom:1px solid #cccccc;
}

div#contents dl.press dd a{
text-decoration:none;
}


div#contents dl.press dd a:hover{
text-decoration:underline;
}



/*  1:div.topicpath -------------- */


div#contents div.topicpath{
margin:0 0 10px 0;
}

div#contents div.topicpath ul li{
display:inline;
zoom:1;/*for IE 7*/
}

div#contents div.topicpath ul li a{
background:url(/common/img/topicpath_bg.gif) no-repeat right;
padding:0 13px 0 0;
zoom:1;/*for IE 7*/
}


/*  2:div.main -------------- */

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

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




/* 2-3:div#urgentInfo ----------- */

div#contents div.main div#urgentInfo,
div#contents div.main div.urgentInfo{
border-left:6px solid #E70101;
padding:0 0 5px 0;
}

div#contents div.main div#urgentInfo h2,
div#contents div.main div.urgentInfo h2{
color:#E70101;
font-weight:bold;
font-size:110%;
padding:0 0 5px 10px;
border-bottom:1px solid #E70101;
}

div#contents div.main div#urgentInfo ul,
div#contents div.main div.urgentInfo ul{
list-style-type:disc;
margin:5px 0 0 30px;
}

div#contents div.main div#urgentInfo ul li,
div#contents div.main div.urgentInfo ul li{
line-height:1.5;
}


/* 2-4:div.column01,div.column02 ----------- */

div#contents div.column01 div.columnInner,
div#contents div.column02 div.columnInner{
padding:10px;
}

div#contents div.column01,
div#contents div.column02{
margin:0 0 10px 0;
}

/* 罫線あり、1カラムボックス -------------------- */

div#contents div.column01{
clear:both;
border:1px solid #bfbfbf;
}

/* 罫線あり、2カラムボックス -------------------- */

div#contents div.column02{
clear:both;
background:url(/common/img/columu02_bg.gif) bottom no-repeat;
width:635px;
}
div#contents div.column02_2{
clear:both;
background:url(/common/img/columu02_bg2.gif) bottom no-repeat;
width:635px;
}

div#contents div.column02 div.first{
width:313px;
float:left;
border-top:1px solid #bfbfbf;
}
div#contents div.column02_2 div.first{
width:313px;
float:left;
border-top:1px solid #bfbfbf;
}

div#contents div.column02 div.second{
width:313px;
float:right;
border-top:1px solid #bfbfbf;
}

/* 罫線なし、2カラムボックス -------------------- */

div#contents div.nobdr{
background:none;
}

div#contents div.nobdr div.first,
div#contents div.nobdr div.second{
border-top:none;
}

div#contents div.bdr{
padding-bottom:5px;
margin-bottom:5px;
border-bottom:#CCCCCC 1px dashed;
}


/* 2カラムリスト --------------- */

div.section ul.col2listFirst,
div.section ul.col2listSecond{
list-style-type:disc;
padding:0 0 10px 20px;
}

div.section ul.col2listFirst{
width:290px;
float:left;
}

div.section ul.col2listSecond{
width:280px;
float:left;
}


/* ブラウザ非対応時のスタイル---------------- */

div#mapArea_noflash{
background:#f5f5f5;
padding:15px;
}

div#mapArea_noflash p.caution{
background:url(/common/img/ico_caution2.gif) no-repeat top left;
padding:0 0 5px 27px;
font-size:110%;
margin:0 0 10px 0;
}

div#mapArea_noflash p.browzer{
background:#ffffff;
padding:15px;
border:1px solid #ccc;
width:485px;
margin:0 0 10px 0;
}

div#mapArea_noflash p.browzer strong{
color:#333333;
}



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



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


div#contents div.sub h3 img{
display:block;
}


div#contents div.sub div.section{
margin:0 0 8px 0;
}



/* 3-2:div.bnrArea ----------- */

div#contents div.sub div.bnrArea{
margin:0 0 13px 0;
}

/* 3-3:div#memberLogin ----------- */

div#contents div.sub div#memberLogin{
background:url(/common/img/login_top_bg.gif) no-repeat top left;
padding:6px 0 0 0;
position:relative;
}

div#contents div.sub div#memberLoginInner{
background:url(/common/img/login_btm_bg.gif) no-repeat bottom left;
padding:0 5px 5px 5px;
}


div#contents div.sub div#memberLogin dt,
div#contents div.sub div#memberLogin dd{
display:inline;
}


div#contents div.sub div#memberLogin img{
vertical-align:middle;
}

div#contents div.sub div#memberLogin table{
border-spacing:0;
border-collapse:collapse;
}

div#contents div.sub div#memberLogin table th,
div#contents div.sub div#memberLogin table td{
padding:3px;
}

div#contents div.sub div#memberLogin table th{
text-align:left;
font-weight:bold;
width:98px;
}

div#contents div.sub div#memberLogin table td input{
width:178px;
border:1px solid #a7a6aa;
}

div#contents div.sub div#memberLogin p{
margin:0 0 0 104px;
}

div#contents div.sub div#memberLogin div.loginBtn{
margin:5px 0 5px 104px;
}


div#contents div.sub div#memberLogin ul{
margin:0 0 0 110px;
list-style-type:disc;
}

div#contents div.sub div#memberLogin p.info{
position:absolute;
top:6px;
right:5px;
}


/* 3-4:div#infomation01 ----------- */

div#contents div.sub div#infomation01{
width:300px;
background:url(/common/img/infomation_bg01.gif) no-repeat bottom left;
padding:0 0 7px 0;
}

div#contents div.sub div#infomation01 dl,
div#contents div.sub div#infomation01 p{
border-left:1px solid #88C917;
border-right:1px solid #88C917;
}

div#contents div.sub div#infomation01 dl{
padding:13px 10px 0;
width:278px;
}

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

div#contents div.sub div#infomation01 dl dd{
margin:0 0 0 55px;
padding:0 0 13px 0;
}

div#contents div.sub div#infomation01 p.linkText{
padding:0 10px 10px 0;
}



/* 3-4-2:div#infomation01_1 ----------- */


div#contents div.sub div#infomation01_1{
background:url(/common/img/infomation_bg01.gif) no-repeat bottom left;
padding:0 0 7px 0;
}

div#contents div.sub div#infomation01_1 div.block{
border-left:1px solid #88C917;
border-right:1px solid #88C917;
padding:10px;
background:url(/common/img/dotline03.gif) no-repeat bottom;
width:278px;
}

div#contents div.sub div#infomation01_1 div.end{
background:none;
}


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


div#contents div.sub div#infomation01_1 div.block p{
margin:0 0 0 65px;
}

div#contents div.sub div#infomation01_1 div.block p.linkText{
clear:left;
margin:10px 0 0 0;
padding:0;
}


div#contents div.sub div#infomation01_1 h4{
font-weight:bold;
margin:0 0 10px 65px;
}

div#contents div.sub div#infomation01_1 h4 img{
vertical-align:middle;
margin:0 5px 0 0;
}





/* 3-5:div#infomation02 ----------- */

div#contents div.sub div#infomation02{
background:url(/common/img/infomation_bg02.gif) no-repeat bottom left;
padding:0 0 7px 0;
}

div#contents div.sub div#infomation02 div.event p{
margin:0 0 0 75px;
}


div#contents div.sub div#infomation02 div.event,
div#contents div.sub div#infomation02 dl,
div#contents div.sub div#infomation02 ul,
div#contents div.sub div#infomation02 p.linkText{
border-left:1px solid #DFD005;
border-right:1px solid #DFD005;
padding:10px;
margin:0;
width:278px;
}


div#contents div.sub div#infomation02 div.event img{
float:left;
}


div#contents div.sub div#infomation02 dl dt{
clear:left;
float:left;
width:60px;
}

div#contents div.sub div#infomation02 dl dd{
margin:0 0 0 70px;
padding:0 0 5px 0;
}

/* safari only \*/
html:\66irst-child div#contents div.sub div#infomation02 dl dd{
margin:0 0 0 80px;
}
/* end */ 


div#contents div.sub div#infomation02 ul{
}

div#contents div.sub div#infomation02 ul li{
background:url(/common/img/ico_listbg01.gif) no-repeat top left;
padding:0 0 5px 15px;
}

div#contents div.sub div#infomation02 ul li img{
margin:0 5px;
}

div#contents div.sub div#infomation02 em{
font-weight:bold;
}


/* 3-6:div#question ----------- */

div#contents div.sub div#question{
background:url(/common/img/infomation_bg01.gif) no-repeat bottom left;
padding:0 0 7px 0;
}

div#contents div.sub div#question ul,
div#contents div.sub div#question p.linkText{
border-left:1px solid #88C917;
border-right:1px solid #88C917;
list-style-type:disc;
padding:10px;
}

div#contents div.sub div#question ul li{
margin:0 0 5px 25px;
}


/* 3-7:div#etcInfo ----------- */

div#contents div.sub div#etcInfo{
background:url(/common/img/infomation_bg01.gif) no-repeat bottom left;
padding:0 0 7px 0;
}

div#contents div.sub div#etcInfo div.block{
border-left:1px solid #88C917;
border-right:1px solid #88C917;
padding:10px;
background:url(/common/img/dotline03.gif) no-repeat bottom;
width:278px;
}

div#contents div.sub div#etcInfo div.end{
background:none;
}


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


div#contents div.sub div#etcInfo div.block p{
margin:0 0 0 65px;
}

div#contents div.sub div#etcInfo div.block p.linkText{
clear:left;
margin:10px 0 0 0;
padding:0;
}


div#contents div.sub div#etcInfo h4{
font-weight:bold;
margin:0 0 10px 65px;
}

div#contents div.sub div#etcInfo h4 img{
vertical-align:middle;
margin:0 5px 0 0;
}


/* 3-8:div#infomation03,div.subareaInfo
※div#infomation03は先に納品したdp/SearchTopのために残しておいてください。
　今後このスタイルを使う場合はdiv.subareaInfoを使用。
------------------------------------------------------------------------ */

div#contents div.sub div#infomation03,
div#contents div.sub div.subareaInfo{
background:#f4f4f4;
border:1px solid #cccccc;
padding:10px;
}

div#contents div.sub div#infomation03 ul li,
div#contents div.sub div.subareaInfo ul li{
margin:0 0 5px 0;
}

/* 3-9:div#etcLink------------------- */

div#contents div.sub div#etcLink ul li{
background:url(/common/img/ico_attention.gif) no-repeat top left;
padding:2px 0 2px 21px;
}






/* 
 4:popup
------------------------------ */


#popup div#contents h2{
border-top:3px solid #95c685;
border-bottom:3px solid #95c685;
padding:5px 10px;
background:none;
font-size:120%;
margin:0 0 15px 0;
font-weight:bold;
}


#popup div.closeBtn{
text-align:center;
margin:15px 0;
}

#popup dl.contact_tel{
margin-bottom:20px;
}

#popup dl.contact_tel dt{
width:280px;
padding-bottom:4px;
float:left;
}

#popup dl.contact_tel dd{
width:340px;
padding-bottom:4px;
float:left;
}


.pickup{
border:1px solid #cccccc;
padding:2px;
margin:10px 0 0 0;
}
.pick_title{
background-color:#BEF596;
padding:3px;
font-weight:bold;
font-size:110%;
text-align:left;
}
.pick_Inner{
padding:5px;
}