/*===============================

初期設定

=================================*/
@charset "utf-8";

html,body{
width: 100%;
color: #696969;
font-family:'メイリオ',Meiryo,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",HiraKakuProN-W3,"ヒラギノ角ゴ ProN W3";/*フォント書体:*/
font-size: 14px;
margin: 0px;
padding: 0px;
background: #eee8aa;
}

h1,h2,h3,h4,h5,h6{
font-weight: normal;
font-size: 15px;
margin: 0px;
padding: 0px;
}

p,dl,dd,dt{
padding: 0px;
margin: 0px;
}

img{
padding: 0px;
margin: 0px;
vertical-align: text-bottom;
}

a img{
border: 0px;
}

a{/*リンクされた文字*/
    color:#0099cc;
    font-style:normal;
    text-decoration:underline;
}
a:link {/*未訪問のリンク*/
    color:#0099cc;
    font-style:normal;
    text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
    color:#0099cc;
    text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
    color:#696969;
    font-style:normal;
    text-decoration:none;/*none 線を消す*/
}

#footer{

}


/*全体枠*/

#wrap{
width: 100%;
margin: 0px auto;

}

/*=================================
ヘッダー部分スタイル
===================================*/
#header-wrap{
width: 100%;
border-bottom: dotted 0px #696969;
background: #ffffff;
}

#header-in-wrap{
width: 1050px;
margin: 0 auto;
overflow: hidden;
background: #ffffff;
}

#header-boxL{
float: left;
width: 251px;

}

#header-boxL h1{
height: 35px;
overflow: hidden;
margin-top: 50px;
background: url('../img/site-name.png') no-repeat;
}

#header-boxL h1 a{
display: block;
height: 0px;
padding-top: 35px;
}

#header-boxL h2{
height: 13px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin-top: 20px;
background: url('../img/site-url.png') no-repeat;

}

#header-boxR{
float: left;
height: 164px;
width: 749px;
text-align: right;
background: url('../img/header-boxR-back.png') no-repeat;
}

#header-boxR h2{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;


}

#header-boxR p{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

#header-boxR a img{
padding-top: 75px;
}




/*=================================
コンテンツ枠
===================================*/

#contents-wrap{
clear: both;
width: 1050px;
margin: 0 auto;
overflow: hidden;

}




/*=================================
サイドメニュー部分スタイル
===================================*/

#side-wrap{
float: left;
padding-top: 50px;
width: 149px;
}

#side-wrap h2{
overflow: hidden;

}

#side-wrap h2 a{
display: block;
height: 0px;
padding-top: 40px;

}

/*サイドメニュー各背景画像*/
#side-wrap h2 a.m1{
background: url('../img/menu-m1.png') no-repeat;
}

#side-wrap h2 a.m2{
background: url('../img/menu-m2.png') no-repeat;
}

#side-wrap h2 a.m3{
background: url('../img/menu-m3.png') no-repeat;
}

#side-wrap h2 a.m4{
background: url('../img/menu-m4.png') no-repeat;
}

#side-wrap h2 a.m8{
background: url('../img/menu-m8.png') no-repeat;
}


#side-wrap h2 a.m5{
background: url('../img/menu-m5.png') no-repeat;
}

#side-wrap h2 a.m6{
background: url('../img/menu-m6.png') no-repeat;
}

#side-wrap h2 a.m7{
background: url('../img/menu-m7.png') no-repeat;
}

#side-wrap h2 a.m9{
background: url('../img/menu-m9.png') no-repeat;
}



/*=================================
メインコンテンツRbox部分スタイル
===================================*/
.evolutionagent,.customaize,.company,.recs,.ozone,.sell{
background: #ffffff;
width: 580px !important;
text-align: center;
margin-left: 18px;
padding-top: 30px;
padding-bottom: 50px;
border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
box-sizing 
}



/*=================================
メインコンテンツ部分スタイル
===================================*/
#main-contents-wrap{
float: left;
width: 850px;
padding-top: 25px;
border-left: dotted 0px #696969;
padding-bottom: 50px;
}

/*ページタイトル*/
#main-contents-wrap h2.page-title{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 40px;
background: url('../img/page-title-top.png') no-repeat 20px;
}



#main-contents-boxL{
width: 250px;

float: left;
}


#main-contents-boxL1{
float: left;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 270px;
width: 250px;
background: url('../img/catchcopy.png') no-repeat 10px 10px;
}

#main-contents-boxL2{
width: 250px;
height: 90px;
float: left;
}

#main-contents-boxL2 h2{
overflow: hidden ;
}

#main-contents-boxL2 a{
padding-top: 90px;
display: block;
height: 0px;
}
#main-contents-boxL2 a.blog{
margin-top: 20px;
background: url('../img/blog-link.png') no-repeat 5px;
}



#maincontents-boxR{
float: left;
width: 600px;
}


#maincontents-boxR1 p{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 123px;
background: url('../img/top-msg.png') no-repeat;

}






#maincontents-boxR2{
position: relative;
width: 580px;
padding-left: 20px;
}

/*車写真*/
#maincontents-boxR2-inL{
padding-top: 20px;
padding-bottom: 30px;
float: left;
width: 400px;
}

#demos{
float: left;
}
.pics { height: 300px; width: 400px; padding:0; margin:0; overflow: hidden }
.pics img {height: 300px;  width: 400px; padding: 0px; top:0; left:0 }
.pics img {
border-radius: 10px;  
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}

#maincontents-boxR2-inR{
position: absolute;
width: 180px;
display: block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 226px;
left: 430px;
top: 35px;
background: url('../img/top-mag2.png') no-repeat;
}





#maincontents-boxR3{

clear: both;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 100px;
width: 600px;
background: url('../img/catchcopy2.png') no-repeat;
}



.infomation{
	width: 550px;
	height: 28px !important;
	clear: both;
	background: url('../img/infomation-back.png') no-repeat 10px #ffffff;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

.ticker {
	width: 500px;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin-left: 105px;


}

.ticker ul {
	width: 100%;
	font-size: 11px;
	overflow: hidden;
}

.ticker ul li {
	width: 100%;
	display: none;
	line-height: 28px;
}

/*=================================
メンテナンス部分スタイル
===================================*/

.page-title-maintenance{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 40px;
background: url('../img/page-title-maintenace.png') no-repeat 20px !important;
}

#maincontents-boxR.maintenance{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

#maincontents-boxR.maintenance .msg1{
background: url('../img/maintenance-msg_01.png') no-repeat center;
height: 50px;
}

#maincontents-boxR.maintenance h2{
background: url('../img/maintenance-msg_02.png') no-repeat center;
height:53px ;
}

#maincontents-boxR.maintenance .msg2{
background: url('../img/maintenance-msg_03.png') no-repeat center;
height:209px ;
}

#maincontents-boxR.maintenance .msg3{
background: url('../img/maintenance-msg_04.png') no-repeat center;
height:92px ;
}

.maintenance-img{
text-indent: 0px !important;
margin:0 auto;
width: 510px;


}
.maintenance-img img{
width: 250px;
}

/*=================================
車輌販売部分スタイル
===================================*/
.page-title-sell{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 40px;
background: url('../img/page-title-sell.png') no-repeat 20px !important;
}

.sell-msg{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 64px;
background: url('../img/sell-top.png') no-repeat 60px !important;
}

.sell-msg2{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 150px;
background: url('../img/sell-msg.png') no-repeat 60px !important;
}



/*在庫車輌*/
.sell-box1{

padding: 15px 0px;
overflow: hidden;
clear: both;
}

.sell-box1 h2{

padding-left: 50px;
margin-bottom: 25px;
text-align: left;
font-weight: bold;
font-size: 16px;
color: #00bbff;
border-bottom: solid 1px ;
}


.sell-box1 a.stock {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 150px;
background: url('../img/sell-stock.png') no-repeat 60px !important;
}


.sell-box1 img{
float: right;
width: 200px;
padding-right: 50px;
}




/*=================================
カスタマイズ部分スタイル
===================================*/
.page-title-customaize{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 40px;
background: url('../img/page-title-costamaize.png') no-repeat 20px !important;
}

.cus-msg{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 64px;
background: url('../img/customaize-top.png') no-repeat 60px !important;
}


/*--各種加工--*/
.cus-box1{

padding: 15px 0px;
overflow: hidden;
clear: both;
}

.cus-box1 h2{

padding-left: 50px;
margin-bottom: 25px;
text-align: left;
font-weight: bold;
font-size: 16px;
color: #00bbff;
border-bottom: solid 1px ;
}

.cus-box1 ul{
padding-left: 50px;
width: 280px;
float: left;
}

.cus-box1 li{
list-style: none;
text-align: left;
}

.cus-box1 li.cus-box1-msg{
font-size: 18px;
font-weight: bold;
padding: 20px 0px 0px 50px;

}


.cus-box1 img{
float: right;
width: 200px;
padding-right: 50px;
}

/*--持込み取付け--*/
.cus-box2{

padding: 15px 0px;
overflow: hidden;
clear: both;
}

.cus-box2 h2{
margin-bottom: 25px;
padding-left: 50px;
text-align: left;
font-weight: bold;
font-size: 16px;
color: #00bbff;
border-bottom: solid 1px ;

}

.cus-box2 img{
float: left;
width: 200px;
padding-left: 50px;
}

.cus-box2 p{
text-align: left;
width: 230px;
float: right;
padding-right: 50px;
}



/*--ホイルドレスアップ--*/
.cus-box3{

padding: 15px 0px;
overflow: hidden;
clear: both;
}

.cus-box3 h2{
margin-bottom: 25px;
padding-left: 50px;
text-align: left;
font-weight: bold;
font-size: 16px;
color: #00bbff;
border-bottom: solid 1px ;
}

.cus-box3 p{
padding-left: 50px;
text-align: left;
width: 280px;
float: left;
}

.cus-box3 img{
float: right;
width: 200px;
padding-right: 50px;
}


/*--オーディオ--*/
.cus-box4{

padding: 15px 0px;
overflow: hidden;
clear: both;
}

.cus-box4 h2{
margin-bottom: 25px;
padding-left: 50px;
text-align: left;
font-weight: bold;
font-size: 16px;
color: #00bbff;
border-bottom: solid 1px ;
}

.cus-box4 img{
float: left;
width: 200px;
padding-left: 50px;
}

.cus-box4 ul{
padding: 0px;
margin: 0px;
float: right;
width: 300px;
}

.cus-box4 li{
text-align: left;
list-style: none;
}

.cus-box4 p{
padding-top: 15px;
font-weight: bold;
clear: both;
}

/*--ヘッドライトクリーニング--*/

.cus-box5{

padding: 15px 0px;
overflow: hidden;
clear: both;
}

.cus-box5 h2{
margin-bottom: 25px;
padding-left: 50px;
text-align: left;
font-weight: bold;
font-size: 16px;
color: #00bbff;
border-bottom: solid 1px ;
}

.cus-box5 p{
text-align: left;
padding-left: 50px;
width: 500px;

}

.cus-box5 img{


}


/*--メッキ修復--*/
.cus-box6{

padding: 15px 0px;
overflow: hidden;
clear: both;
}

.cus-box6 h2{
margin-bottom: 25px;
padding-left: 50px;
text-align: left;
font-weight: bold;
font-size: 16px;
color: #00bbff;
border-bottom: solid 1px ;
}

.cus-box6 img{
float: left;

padding-left: 50px;
}

.cus-box6 p{
padding-left: 50px;
text-align: left;
width: 500px;

}


/*=================================
進化剤部分スタイル
===================================*/
.page-title-evolutionagent{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 40px;
background: url('../img/evolutionagent.png') no-repeat 20px !important;
}

#maincontents-boxR.evolutionagent h2{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 60px;
background: url('../img/cath-copy-evolutionagent-1.png') no-repeat 25px !important;
}

#maincontents-boxR.evolutionagent p{
padding-top: 15px;
}

#maincontents-boxR.evolutionagent .ev-msg{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 30px;
background: url('../img/cath-copy-evolutionagent-2.png') no-repeat 85px !important;

}

#maincontents-boxR.evolutionagent h3{
clear: both;
padding-top: 30px;
}

#maincontents-boxR.evolutionagent h3 span{
border-bottom: dotted 1px #696969;
font-size: 20px;
font-weight: bold;

}

#maincontents-boxR.evolutionagent table{
margin-left: auto ;
margin-right: auto;
width: 226px;
}

#maincontents-boxR.evolutionagent th{
text-align: left;

}

#maincontents-boxR.evolutionagent td span{
color: #cc0011;
}

#maincontents-boxR.evolutionagent .evolutionagent-link{
width: 500px;
padding-top: 20px;

}

#maincontents-boxR.evolutionagent .evolutionagent-link img{
width: 150px;
padding-top: 20px;
float: left;
padding-left: 105px;
padding-bottom: 200px;
}

#maincontents-boxR.evolutionagent .evolutionagent-link a{

display: block;

float: left;
float: left;width: 200px;

}

/*=================================
RECS部分スタイル
===================================*/
.page-title-recs{

text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 40px;
background: url('../img/recs.png') no-repeat 20px !important;
}


#maincontents-boxR.recs h2{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 100px;
background: url('../img/recs-catch.png') no-repeat 75px !important;
}


#maincontents-boxR.recs a{
display: block;
text-align: left;
text-indent: 100px;
}

#maincontents-boxR.recs .price-box{
margin-top: 20px;
margin-left: 8px;
margin-bottom: 8px;
float: left;
width: 180px;
border: solid 1px #000000;
border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}




#maincontents-boxR.recs .recs-link{
padding-top: 20px;
background: url('../img/recs-img.jpg') no-repeat right  !important;
width: 500px;
margin-left:  auto;
margin-right:  auto;

}



#maincontents-boxR.recs .price-box h3{
margin-top: 0px !important;
clear: both;
color: #000000;
background: #696969;
font-size: 18px;
font-weight: bold;
border-top-left-radius: 10px;        /* CSS3草案 */  
    -webkit-border-top-left-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-top-left-radius: 10px;   /* Firefox用 */  
    
border-top-right-radius: 10px;        /* CSS3草案 */  
    -webkit-border-top-right-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-top-right-radius: 10px;   /* Firefox用 */  

}

#maincontents-boxR.recs .price-box-all{
overflow: hidden;
}

#maincontents-boxR.recs .price-box p{
color: #000000;
padding-top: 8px ;
}

#maincontents-boxR.recs h3{
margin-top: 30px;
border-bottom: dotted 1px #696969;
border-top: dotted 1px #696969;
font-size: 20px;
font-weight: bold;
}

#maincontents-boxR.recs p{
padding-left: 10px;
padding-right: 10px;
padding-top: 15px;
}

#maincontents-boxR.recs h4{
padding-top: 15px;
color: #89100a;
font-size: 18px;
}



/*=================================
オゾン部分スタイル
===================================*/

.page-title-ozone{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 40px;
background: url('../img/ozone.png') no-repeat 20px !important;
}

#maincontents-boxR.ozone h2{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 40px;
background: url('../img/ozone-coment1.png') no-repeat 20px !important;
}

#maincontents-boxR.ozone .ozone-coment1{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 30px;
background: url('../img/ozone-coment2.png') no-repeat 20px !important;
}

#maincontents-boxR.ozone .ozone-coment2{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 20px;
background: url('../img/ozone-coment3.png') no-repeat 20px !important;
}

#maincontents-boxR.ozone p{
padding-top: 15px;
}

.ozone_img{
width: 300px;
}

#maincontents-boxR.ozone table{
padding-top: 15px;
margin-left: auto ;
margin-right: auto;
width: 226px;
}


#maincontents-boxR.ozone h3{
clear: both;
padding-top: 30px;
}

#maincontents-boxR.ozone h3 span{
border-bottom: dotted 1px #696969;
font-size: 20px;
font-weight: bold;

}

#maincontents-boxR.ozone .ozone-info-msg{
float: right;
width: 340px;
padding-left: 30px;
padding-right: 20px;
text-align: left;
}

#maincontents-boxR.ozone .ozone_img{
float: left;
width: 135px;
padding-left: 50px;
}

#maincontents-boxR.ozone th{
text-align: left;

}

#maincontents-boxR.ozone td span{
color: #cc0011;
}



/*=================================
会社案内部分スタイル
===================================*/
.page-title-company{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 40px;
background: url('../img/company.png') no-repeat 20px !important;
}

.company{
text-align: left !important;

}

#maincontents-boxR.company{
padding-left:50px ;
padding-right:50px ;
width: 480px !important;
}

.greeting{
color: #00bbff;
font-size: 15px;
font-weight: bold;
padding-bottom: 12px;

}

#maincontents-boxR.company p{
padding-left: 10px;
width: 520px;
}


#maincontents-boxR.company dl{
padding-top: 25px;

}

#maincontents-boxR.company dt{
color: #00bbff;
font-size: 15px;
font-weight: bold;
padding-top: 10px;
}

#maincontents-boxR.company dd{
padding-left: 10px;
border-bottom: dotted 1px #696969;
}

.company-fin{
text-align: center;
font-size:18px ;
padding-top: 10px;
}

.access-map{
color: #00bbff;
font-size: 15px;
font-weight: bold;
padding-top: 20px;
}


/*=================================
お問い合わせ部分スタイル
===================================*/
.page-title-contact{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 40px;
background: url('../img/contact.png') no-repeat 20px !important;
}

#maincontents-boxR.contact{
padding-left: 50px;
width: 400px;
}

.mailform{
width: 500px;
}

/*=================================
thanks部分スタイル
===================================*/
.page-title-thanks{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 40px;
background: url('../img/thankyou.png') no-repeat 20px !important;
}

.mfp_thanks{
text-align: center;
}

.mfp_thanks strong{

font-size: 25px;
color: #89100a;
}


/*=================================
フッター部分スタイル
===================================*/
#footer{
width: 100%;
position: relative;
background: #ffffff;
border-top:  dotted 0px #696969;
clear: both;
}

#footer-wrap{
padding-top: 20px;
padding-bottom: 50px;
width: 1050px;
margin: 0 auto;
background: #ffffff ;
overflow: hidden;
position: relative;
}

#footer-wrap ul{
margin: 0px;
padding: 0px;
text-align: center;
}

#footer-wrap li{
display: inline;
padding-right: 25px;
background: #ffffff;
}


#footer-company{
padding-top: 25px;
width: 300px;
float: left;
color: #000000;
}

#footer-wrap h2{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 155px;
width: 200px;
float: left;
background: url('../img/nac-logo-mark.png') no-repeat 0px 10px;
}

#footer-wrap #page-back{
position: absolute;
top: 50px;
right: 10px;
height: 135px;
width: 55px;
float: right;
}