/* BODY ----------------------------------------------------------------------------------------------------- */
html,
body{
   margin:0;
   padding:0;
   background: #666 url(../img/bg.jpg) repeat-x 0 0 fixed;
}
img{ margin:0; padding:0;}
img a,
a img{ border:none;}

/* HEADLINE ETC ----------------------------------------------------------------------------------------------------- */
body{ font-size:76%; text-align:center;}
p{ margin:0; line-height:1.5em; padding:5px 10px; color:#666; text-align:left;}
p.page{ margin:0; line-height:1.5em; padding:5px 40px 5px 30px; color:#666;}
h2{ text-align:left; margin:0 0 10px 0; padding:0;}
h2.inner{ text-align:left; margin:0; padding:10px 10px 0 10px;}
h2.sidebar{ width:280px; height:29px; text-align:left; background:url(../img/sidebarTitleBg.gif) no-repeat;}
div.space{ width:100%; float:left; clear:both; height:10px;}
div.divAll{ width:100%; float:left; margin:0; padding:0; clear:both; text-align:center;}
div.divAll hr{
width: 450px;
height: 0px;
border: 0px;
border-top: 1px dotted #999;
}

br.clear{ clear:both;}

/* FONTS ----------------------------------------------------------------------------------------------------- */
.arial{ font-family:Arial, Helvetica, sans-serif;}
.big{ font-size:120%;}
.fontSmall{ font-size:90%;}
.borderBottomDotted{ border-bottom:1px dotted #ccc;}
.borderDotted{ border:2px dotted #ccc;}
.fontYellow{ color:#FFFF00;}
.fontBlue{ color:#0066CC}
.fontNormal{ color:#666}
.underline{ text-decoration:underline;}

.bgBlack{ background-color:#000;}
.bgWhite{ background-color:#fff;}
.bg666{ background:url(../img/bg666.gif) repeat;}


/* margin ----------------------------------------------------------------------------------------------------- */
.m_l12{ margin-left:-12px !important;}

/* PADDING ----------------------------------------------------------------------------------------------------- */
.paddingTop50px{ padding-top:50px;}
.marginTop20px{ margin-top:20px;}




/* COMMON LINK ----------------------------------------------------------------------------------------------------- */
a:link,
a:active,
a:visited{ text-decoration:none;}
a:hover{ text-decoration:underline;}



/* TEXT ALIGHN ----------------------------------------------------------------------------------------------------- */
.textleft{ text-align:left;}
.textright{ text-align:right;}
.textcenter{ text-align:center;}


/* IMG ----------------------------------------------------------------------------------------------------- */
.floatLeft{ float:left;}
.floatRight{ float:right;}
img.floatLeft{ float:left; margin:0 10px 10px 0;}
img.floatRight{ float:right; margin:0 0 10px 10px;}
img.margin-top2px{position:relative; top:3px;}


/* LINE ----------------------------------------------------------------------------------------------------- */
div.line{ width:100%; float:left; clear:both; margin:0; height:3px; background:url(../img/line.gif) no-repeat center; display:block;}
div.line hr{ display:none;}
.borderBottomGray{ border-bottom:1px solid #ddd;}
.borderTopWhite{ border-top:1px solid #fff;}


/* BG ----------------------------------------------------------------------------------------------------- */



/* span ----------------------------------------------------------------------------------------------------- */
span.red{ color:#FF0000;}

/* LAYOUT ----------------------------------------------------------------------------------------------------- */
div#header,
div#content,
div#footer{
   width:100%;
   margin:0;
   float:left;
   clear:both;
   text-align:center;
   position:relative;
}
div#headerInner,
div#contentInner,
div#footerInner{
   width:950px;
   margin:0 auto;
   position:relative;
}

/* HEADER ----------------------------------------------------------------------------------------------------- */
div#header .left{ width:250px; float:left;}
div#header .right{ width:600px; float:right;}
div#header h1{ margin:0; padding:0; font-weight:normal; font-size:90%; text-align:left; color:white;}
div#header .contact{ float:right; clear:both; margin:10px 0;}

div#headerNav ul{ width:341px; height:28px; clear:both; float:right; margin:0; padding:0; background:url(../img/headerNavBg.jpg) no-repeat; list-style:none;}
div#headerNav ul li{ height:28px; float:left; margin:0; padding:0;}
div#headerNav ul li a{ height:28px; float:left; display:block; text-indent:-999em;}

div#headerNav ul li.home a{ width:115px; background:url(../img/headerNav.jpg) no-repeat 0 0;}
div#headerNav ul li.home a:hover{ width:115px; background:url(../img/headerNav.jpg) no-repeat 0 -28px;}
div#headerNav ul li.sitemap a{ width:110px; background:url(../img/headerNav.jpg) no-repeat -115px 0;}
div#headerNav ul li.sitemap a:hover{ width:110px; background:url(../img/headerNav.jpg) no-repeat -115px -28px;}
div#headerNav ul li.sitepolicy a{ width:116px; background:url(../img/headerNav.jpg) no-repeat -225px 0;}
div#headerNav ul li.sitepolicy a:hover{ width:116px; background:url(../img/headerNav.jpg) no-repeat -225px -28px;}



/* CONTENT ----------------------------------------------------------------------------------------------------- */
div#contentInner{ margin:5px auto;}
div#contentInner .left{ float:left; background:#fff url(../img/contentLeftBg.gif?02) no-repeat; width:230px;}
div#contentInner .right{ width:720px; float:left; background:#fff url(../img/contentBg.gif) repeat-x top;}

div#contentInner #globalNav ul{ width:213px; height:390px; clear:both; float:right; margin:15px 0 0 0; padding:0; list-style:none;}
div#contentInner #globalNav ul li{ width:213px; height:37px; margin:0; padding:0;}
div#contentInner #globalNav ul li a{ width:213px; height:37px; margin:0; padding:0; display:block; text-indent:-999em;}

div#contentInner #globalNav ul li.shop a{ background:url(../img/globalNav_2024.jpg) 0 0;}
div#contentInner #globalNav ul li.shop a:hover{ background:url(../img/globalNav_2024.jpg) -213px 0;}
div#contentInner #globalNav ul li.quartz a{ background:url(../img/globalNav_2024.jpg) 0 -37px;}
div#contentInner #globalNav ul li.quartz a:hover{ background:url(../img/globalNav_2024.jpg) -213px -37px;}
div#contentInner #globalNav ul li.dcrystal a{ background:url(../img/globalNav_2024.jpg) 0 -74px;}
div#contentInner #globalNav ul li.dcrystal a:hover{ background:url(../img/globalNav_2024.jpg) -213px -74px;}
div#contentInner #globalNav ul li.window a{ background:url(../img/globalNav_2024.jpg) 0 -111px;}
div#contentInner #globalNav ul li.window a:hover{ background:url(../img/globalNav_2024.jpg) -213px -111px;}
div#contentInner #globalNav ul li.film a{ background:url(../img/globalNav_2024.jpg) 0 -148px;}
div#contentInner #globalNav ul li.film a:hover{ background:url(../img/globalNav_2024.jpg) -213px -148px;}
div#contentInner #globalNav ul li.price a{ background:url(../img/globalNav_2024.jpg) 0 -185px;}
div#contentInner #globalNav ul li.price a:hover{ background:url(../img/globalNav_2024.jpg) -213px -185px;}
div#contentInner #globalNav ul li.contact a{ background:url(../img/globalNav_2024.jpg) 0 -223px;}
div#contentInner #globalNav ul li.contact a:hover{ background:url(../img/globalNav_2024.jpg) -213px -223px;}
div#contentInner #globalNav ul li.info a{ height:40px; background:url(../img/globalNav_2024.jpg) 0 -264px;}
div#contentInner #globalNav ul li.info a:hover{ height:40px; background:url(../img/globalNav_2024.jpg) -213px -264px;}
div#contentInner #globalNav ul li.faq a{ height:40px; background:url(../img/globalNav_2024.jpg) 0 -305px;}
div#contentInner #globalNav ul li.faq a:hover{ height:40px; background:url(../img/globalNav_2024.jpg) -213px -305px;}
div#contentInner #globalNav ul li.column a{ height:40px; background:url(../img/globalNav_2024.jpg) 0 -346px;}
div#contentInner #globalNav ul li.column a:hover{ height:40px; background:url(../img/globalNav_2024.jpg) -213px -356px;}
/*手洗い洗車追加*/
div#contentInner #globalNav ul li.wash a{ background:url(../img/globalNav_2024.jpg) 0 -393px;}
div#contentInner #globalNav ul li.wash a:hover{ background:url(../img/globalNav_2024.jpg) -213px -393px;}


/* MAIN ----------------------------------------------------------------------------------------------------- */
div#main{ width:712px; margin:20px auto;}
div#main .topImg{ width:100%; margin:0; float:left; clear:both; margin:0;}


/* FOOTER ----------------------------------------------------------------------------------------------------- */
div#footerInner p{ padding:20px; margin:0; color:white;}

.pickupBg{ background:url(../img/pickupBg.jpg) no-repeat top left;}
.pickupBg h2{ color:white; font-size:12px; text-align:left; padding:10px 15px 0 15px; margin:0;}
.pickupBg h2 a{ color:#FFFF00; text-decoration:underline;}
.pickupBg h2 a:hover{ color:white; text-decoration:none;}
.pickupBg p{ color:#f0f0f0; margin:0; padding:5px 15px;}
.pickupBg p a,
.pickupBg p a:hover{ color:#f0f0f0;}
.pickupBg img{ margin:10px auto 0 auto;}

/* NEWS ----------------------------------------------------------------------------------------------------- */
div#news{ width:100%; margin-bottom:30px; float:left; clear:both;}
div#news h2{ width:460px; margin:5px 2px 0 2px; background:url(../img/news/newsTitleBg.gif) no-repeat;}
div#news dl{ width:460px; margin:0 2px; background:url(../img/news/newsDlBg.gif) repeat-y; padding:0; float:left; clear:both;}
div#news dl dt{ width:130px; float:left; padding:5px 0; margin:0; text-align:left; font-size:11px; color:#033769; font-weight:bold;}
div#news dl dd{ width:330px; float:left; padding:5px 0; margin:0; text-align:left; font-size:14px; line-height:1.4em;}
div#news dl.borderGray{ border-bottom:1px solid #DAD9D8;}

div#news dl#dl-ex{ width:460px; margin:0 2px; padding:0; float:left; clear:both; background-color:#F4F1EE; border:none; height:100%;}
div#news dl#dl-ex dt{ width:150px; float:left; padding:5px 0; margin:0; text-align:left; font-size:11px; color:#033769; font-weight:bold;}
div#news dl#dl-ex dd{ width:310px; float:left; padding:5px 0; margin:0; text-align:left; font-size:11px; line-height:1.4em;}


/* BLOG ----------------------------------------------------------------------------------------------------- */
div#blog{ width:100%; float:left; clear:both;}
div#blog h2{ width:460px; margin:5px 2px 0 2px; background:url(../img/news/newsTitleBg.gif) no-repeat;}
div#blog dl{ width:460px; margin:0 2px; background:url(../img/news/newsDlBg.gif) repeat-y; padding:0; float:left; clear:both;}
div#blog dl dt{ width:150px; float:left; padding:5px 0; margin:0; text-align:left; font-size:12px; color:#033769; font-weight:bold; line-height:1.6;}
div#blog dl dd{ width:310px; float:left; padding:5px 0; margin:0; text-align:left; font-size:12px; line-height:1.6;}
div#blog dl.borderGray{ border-bottom:1px solid #DAD9D8;}

/* CONTENT LEFT ----------------------------------------------------------------------------------------------------- */
div#contentInner .left .pickup{ width:220px; background:#eee; margin:5px 0 0 2px; float:left; clear:both; padding:5px 0;}
div#contentInner .left .pickup a,
div#contentInner .left .pickup a:hover{ color:#666;}



/* BLOCKS ----------------------------------------------------------------------------------------------------- */
div.newsBlockTop{ width:224px; height:6px; background:url(../img/eventBlock/top02.jpg) no-repeat bottom;}
div.newsBlockMain{ width:224px; background:url(../img/eventBlock/main02.jpg) no-repeat;}
div.newsBlockMain a,
div.newsBlockMain a:hover{ color:#666;}
div.newsBlockMain h2{ padding:0 0 0 5px; margin:0;}
div.newsBlockBottom{ width:224px; height:6px; background:url(../img/eventBlock/bottom02.jpg) no-repeat top right;}

/* BLOCKS ----------------------------------------------------------------------------------------------------- */
div.blueBlock{ width:650px; margin:0 auto 10px auto; padding:0;}
div.blueBlockTop{ width:100%; height:15px; background:url(../img/blueBlock/top.jpg) no-repeat bottom; float:left; clear:both;}
div.blueBlockMain{ width:100%; background:url(../img/blueBlock/repeat.jpg) repeat-y top; float:left; clear:both;}
div.blueBlockMain p{ margin:0; padding:10px 15px;}
div.blueBlockMain .mainLeft{ width:270px; margin-left:10px; padding:0; float:left; text-align:right;}
div.blueBlockMain .mainRight{ width:340px; margin:0; padding:0; float:left; text-align:left;}
div.blueBlockMain h3{ margin:0; padding:0; background:none;}
div.blueBlockBottom{ width:100%; height:15px; background:url(../img/blueBlock/bottom.jpg) no-repeat; float:left; clear:both;}

/* COLUMN ----------------------------------------------------------------------------------------------------- */
div.columnAll{ width:98%; margin:0 auto;}
div.columnAll .oneColumn{ width:100%; margin:0;}
div.columnAll .twoColumn01{ width:49%; float:left; margin:0;}
div.columnAll .twoColumn02{ width:49%; float:right; margin:0;}
div.columnAll .twoColumn03{ width:67%; float:left; margin:0;}
div.columnAll .threeColumn{ width:32%; float:left;  margin:0 0 0 5px;}

/* H2 ----------------------------------------------------------------------------------------------------- */
div.page h2{ width:100%; background:url(../img/h2bg.jpg) no-repeat; height:86px; margin:0; float:left; clear:both;}
div.page h3{ float:left; clear:both; text-align:left; width:100%; height:39px; background:url(../img/h3Bg.jpg) no-repeat; color:white; font-weight:normal; padding:14px 0 0 40px; margin:0; font-size:12px;}
div.page h3.h302{ text-align:left; width:100%; background:url(../img/h3Bg02.jpg) no-repeat bottom left; color:white; font-weight:normal; padding:10px 0 5px 30px; margin:0 auto 10px auto; font-size:12px;}


/* Blog ----------------------------------------------------------------------------------------------------- */
div.marginTop{margin:0 0 0 0; padding:0}

#guamu{ margin-left:-6px;}
#guamu a:hover{ opacity:0.8;}

#facebook{ padding:0; margin:0 0 25px 0;}
#facebook h2{ padding:0; margin:0 0 0 2px;}


/* INFORMATION Campaign ----------------------------------------------------------------------------------------------------- */
div#info_cam{ width:100%; margin-bottom:20px; float:left; clear:both;}
div#info_cam h2{ width:460px; margin:5px 2px 0 2px; background:url(../img/news/newsTitleBg.gif) no-repeat;}
div#info_cam dl{ width:460px; margin:0 2px; background:url(../img/news/newsDlBg.gif) repeat-y; padding:0; float:left; clear:both;}
div#info_cam dl dt{ width:150px; float:left; padding:5px 0; margin:0; text-align:left; font-size:12px; color:#033769; font-weight:bold; line-height:1.6;}
div#info_cam dl dd{ width:310px; float:left; padding:5px 0; margin:0; text-align:left; font-size:12px; line-height:1.6;}

/* 重要なお知らせ ----------------------------------------------------------------------------------------------------- */
div.attention{ width:90%; overflow:hidden; display:flex; position: relative; margin:20px auto; border:3px solid #ff0000; border-radius:5px; padding: 0 !important;}
div.attention h3{ width:100px; background: #ff0000; text-align: center; color: #fff; font-weight: bold;}
div.attention p{ padding: 10px; text-align:center; font-size:150%; color:#ff0000; font-weight:bold;}

.mokuhyou_2023{
       position: relative;
}
.mokuhyou_2023 span{

       position: absolute;
    top: 32px;
    left: 30px;
    color: #FFF;
}