@charset "SHIFT-JIS";

/*********************************************/
/* Base
/*********************************************/
body{
	background-color:#FFFFFF;
}

*{
	margin:0px;
	padding:0px;
	font-size:12px;
}

h1{ color:#FFFFFF; font-size:10px; text-align:right; font-weight:normal; color:#999999; }
h2{ color:#FFFFFF; font-size:14px; text-indent:1em; line-height:26px; background-image:url('../img/bk_h2.GIF'); background-repeat:repeat-y; height:26px; }
h3{ color:#FFFFFF; font-size:13px; line-height:26px; background-image:url('../img/bk_h3.gif'); background-repeat:no-repeat; height:26px; margin-top:10px; }
h4{ color:#FFFFFF; font-size:12px; border-left:10px solid #C4151B; padding-left:5px; margin-top:8px; }
h4>img{ border-left:0px; }
h5{ color:#FFFFFF; font-size:12px; }

img{ border:0px; }
table{ border-collapse:collapse; }
a{ color:#B8860B; text-decoration:none; }
a:hover { color:#B8860B; text-decoration:underline; }
li{ margin-left:20px; }
td{ vertical-align:top; }

/*********************************************/
/* Common
/*********************************************/
.clr{ clear:both; font-size:0px; }
.hr{ height:5px; background-image:url('../img/hr.gif'); font-size:0px; margin:0px 5px; }
.link{ float:right; padding-left:20px; background-image:url('../img/pt_link.gif'); background-repeat:no-repeat; }
.red{ color:#FF0000; }

/*********************************************/
/* Container
/*********************************************/
#container{
	width:880px;
	background:#000000;
	color:#DDDDDD;
	line-height:1.4;
	padding:10px 0px;
	margin:10px auto;
}

#container #box{
	width:860px;
	margin:0px 10px;
}

/*********************************************/
/* Header
/*********************************************/
#header{
	width:860px;
	height:290px;
	margin-bottom:10px;
}
#header .L{width:180px; float:left;}
#header .R{width:680px; float:left;}

/*********************************************/
/* Left
/*********************************************/
#left{
	width:180px;
	float:left;
	text-align:center;
}

/* ◆サブメニュー */
#left .submenubox{ width:180px; text-align:left; margin-bottom:5px; }
#left .submenubox .title{ width:180px; height:26px; background-image:url('../img/bk_submenu.gif'); }
#left .submenubox ul li a, #left .submenubox ul li a{
	width:179px;
	height:26px;
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	line-height:28px;
	font-size:12px;
	font-weight:bold;
	text-indent:1em;
	background-color:#000000;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
#left .submenubox ul{ margin: 0; padding: 0; list-style-type: none; }
#left .submenubox ul li{ margin-left:0px; }
#left .submenubox ul li a:hover{ background-color:#FFFFFF; color:#000000; }

/* ◆ETCボックス */
#left .box{ width:180px; text-align:left; margin-bottom:5px; }
#left .box div{ margin-bottom:5px; }

/* メルマガ */
#left .box div.mail{ background-image:url('../img/banner_mail.gif'); width:180px; height:220px; }
#left .box div.mail div{ padding:146px 0px 0px 10px; color:#000000; }
#left .box div.mail div.submit{ padding-top:8px; }

/*********************************************/
/* Right
/*********************************************/
#right{
	width:676px;
	margin-left:4px;
	float:right;
}
/* ◆各ページ共通 */
#right div.contentsarea{ margin:5px 5px 10px 5px; }
#right div.title{ font-size:14px; text-indent:1em; line-height:26px; background-image:url('../img/bk_h2.GIF'); background-repeat:repeat-y; height:26px; font-weight:bold; }
#right div.D4 { line-height:1.6; }
#right .mgn { padding:15px; }
#right .mgn2 { margin:10px; padding:2px; border:1px solid #AAAAAA;border-right:1px solid #666666;border-bottom:1px solid #666666; }
#right div.C { text-align:center; margin:auto; }
#right div.hr { margin:10px; }
#right img.img { margin:3px; padding:1px; border:1px solid #FFFFFF;}
#right .navi { text-align:right; }

/* ◆トップページ */
h4.top{ font-size:12px; font-weight:normal; }

/* ◆トップリンク */
#right table.toplink td{ border:1px solid #FFFFFF; }

/* ◆ニュースリスト */
#right ul.news{ list-style-image:url('../img/pt_news.gif'); }
#right ul.news .date{ color:#F5F5DC; padding:3px; margin-right:3px; }
#right ul.news .hr{ height:3px; }
/* ◆ニュース */
#right .news{ padding:5px; line-height:1.8; }
#right .date{ color:#F5F5DC; }
#right h3.newstitle{ margin-top:0px; }


/* ◆車検の見積り・予約 */
#right div.reserveimg{ margin-top:20px; margin-left:10px; width:640px; height:100px; }
#right div.reservearea{ margin-left:10px; width:636px; border:2px solid #FFFFFF; border-top:0px; }
#right div.reservearea div.box{ margin:0px 20px; padding:20px 0px; }
#right div.reservearea table.box{ width:100%; }
#right div.reservearea table.box td{ color:#DDDDDD; }
#right div.reservearea table.box th{ padding:10px; background-color:#666666; border:1px solid #AAAAAA; text-align:left; }
#right div.reservearea table.box td{ padding:10px; border:1px solid #AAAAAA;}
#right div.reservearea table.box td.naviL{ text-align:left; border-right:0; }
#right div.reservearea table.box td.naviR{ text-align:right; border-left:0; }
#right div.reservearea #trigger_1 { padding:0px 5px; background-color:#ae0000; text-align:center }
#right div.reservearea #trigger_2 { padding:0px 5px; background-color:#ae0000; text-align:center }
#right div.reservearea #trigger_3 { padding:0px 5px; background-color:#ae0000; text-align:center }
#right div.reservearea #trigger_4 { padding:0px 5px; background-color:#ae0000; text-align:center }
#right div.reservearea #trigger_5 { padding:0px 5px; background-color:#ae0000; text-align:center }
#right div.reservearea #trigger_6 { padding:0px 5px; background-color:#ae0000; text-align:center }
#right div.reservearea #trigger_7 { padding:0px 5px; background-color:#ae0000; text-align:center }
#right div.reservearea #trigger_8 { padding:0px 5px; background-color:#ae0000; text-align:center }

/* ◆ガソリンスタンド */
#right div.ss table{ width:100%; margin:5px 0px 10px 0px; }
#right div.ss table th{ padding:10px; background-color:#666666; }
#right div.ss table td{ padding:10px; color:#DDDDDD;}

#right div.ss table.box th{ border:1px solid #AAAAAA;}
#right div.ss table.box td{ border:1px solid #AAAAAA;}

/* ◆新車中古車販売 */
#right div.sale div.area4{ margin:5px 5px 30px 5px; }
#right div.sale table.otoku{ margin:7px 0px 0px 0px; }
#right div.sale table.otoku th{ text-align:left; padding:2px 5px; }
#right div.sale table.otoku td{ text-align:left; padding:2px 5px; }
#right div.sale table.hoshou{ margin:7px 0px 0px 0px; }
#right div.sale table.hoshou th{ text-align:left; padding:2px 5px; border:1px solid #AAA; background-color:#666; color:#FFF; }
#right div.sale table.hoshou td{ text-align:left; padding:2px 5px; border:1px solid #AAA; color:#FFF; }
#right div.sale div.impactmsg {
  width:90%;
  margin:10px auto;
  padding:5px;
  border:1px solid #999;
  text-align:center;
  background-color:#333;
}
#right div.sale span.impactmsg {
  font-size:18px;
  color:#FFD700;
  text-decoration:underline;
}
#right div.sale h5 { text-align:center; margin-top:20px; }

#right div.sale table.carinfo {
	width:100%;
	margin-top:20px;
}
#right div.sale table.carinfo th,
#right div.sale table.carinfo td {
	padding-left:5px;
	text-align:left;
	vertical-align:middle;
	color:#683531;
}
#right div.sale table.carinfo .line1 th,
#right div.sale table.carinfo .line1 td{
	background:#683531;
	color:#FFF;
	text-align:center;
}
#right div.sale table.carinfo .line1 th {
	background:#8A4742;
	border:1px solid #683531;
}
#right div.sale table.carinfo .line1 img.car{
	padding:4px;
	border:1px solid #683531;
	background:#8A4742;
}
#right div.sale table.carinfo .line2 th,
#right div.sale table.carinfo .line2 td{
	background:#E7CDCB;
	border:1px solid #683531;
}
#right div.sale table.carinfo .line3 th,
#right div.sale table.carinfo .line3 td{
	background:#DAB0AD;
	border:1px solid #683531;
}



/* ◆コーティング */
#right table.coating{ width:620px; margin:7px 0px 0px 0px; }
#right table.coating th{ padding:2px; background-color:#666666; border:1px solid #AAAAAA; }
#right table.coating th.L{ text-align:left; padding-left:10px; font-weight:normal; }
#right table.coating td{ text-align:center; padding:2px; background-color:#FFFFFF; border:1px solid #AAAAAA; color:#333333; }
#right table.coating td.non{ background-color:#000000; border:0; }
#right div.coating_porimar{ width:600px; height:260px; background-image:url('../img/COATING_1_3.jpg'); text-align:left; margin:10px; }
#right div.coating_porimar div{ padding:10px 0px 0px 284px; color:#FFFFFF; width:300px; }

/* ◆企業情報 */
#right table.company{ width:100%; margin:7px 0px 0px 0px; }
#right table.company th{ text-align:left; padding:3px; padding-left:10px; background-color:#666666; border:1px solid #AAAAAA; }
#right table.company td{ padding:3px; padding-left:10px; border:1px solid #AAAAAA; }
#right table.company_history{ width:95%; margin:7px; border-collapse:separate; }
#right table.company_history th{ text-align:left; padding:3px; padding-left:10px; border-left:5px solid #666666; border-bottom:1px solid #AAAAAA; }
#right table.company_history td{ padding:3px; padding-left:10px; }

/* ◆お問い合わせ */
#right div.inquiry{ margin-left:10px; width:636px; border:2px solid #FFFFFF; }
#right div.inquiry div.box{ margin:0px 20px; padding:20px 0px; }
#right div.inquiry table{ width:100%; }
#right div.inquiry table td{ color:#DDDDDD; }
#right div.inquiry table th{ padding:10px; background-color:#666666; border:1px solid #AAAAAA; text-align:left; }
#right div.inquiry table td{ padding:10px; border:1px solid #AAAAAA;}
#right div.inquiry table td.naviL{ text-align:left; border-right:0; }
#right div.inquiry table td.naviR{ text-align:right; border-left:0; }

/* ◆板金塗装 */
#right div.platepaint{ width:600px; height:440px; background-image:url('../img/PLATEPAINT_2.jpg'); text-align:left; margin:auto; margin-top:10px; }
#right div.platepaint div{ padding:50px 0px 0px 210px; color:#FFFFFF; width:250px; }

/* ◆カーフィルム */
#right div.film{ width:600px; height:450px; background-image:url('../img/FILM_1.jpg'); text-align:left; margin:auto; margin-top:10px; }
#right div.film div{ padding:80px 0px 0px 350px; color:#FFFFFF; width:240px; }
#right table.film_price{ width:100%; margin:7px 0px 0px 0px; }
#right table.film_price th.t{ text-align:left; padding:3px; background-color:#333333; color:#DDDDDD; border:1px solid #AAAAAA;}
#right table.film_price th{ text-align:left; padding:3px; background-color:#666666; color:#DDDDDD; border:1px solid #AAAAAA;}
#right table.film_price td{ text-align:right; padding:3px; color:#DDDDDD; border:1px solid #AAAAAA;}
#right div.filmbox { width:95%; margin-bottom:10px; border:1px solid #AAAAAA; }

/* ◆サイトポリシー */
#right div.policy { line-height:2; }
#right div.policy ul{ line-height:1.4; }
#right div.policy ul li{ margin-top: 5px; }

/* ◆サイトマップ */
#right ul.sitemap{ list-style-image:url('../img/pt_news.gif'); margin-left:20px; }
#right ul.sitemap .date{ color:#F5F5DC; padding:3px; margin-right:3px; }
#right ul.sitemap .hr{ height:3px; }
#right ul.sitemap li{  }


/*********************************************/
/* Footer
/*********************************************/
#footer{
	width:860px;
	height:60px;
	background-image:url('../img/bk_footer.gif');
	background-repeat:repeat-x;
	color:#999999;
}
#footer div{ padding:10px; text-align:right; }