@charset "utf-8";



/* extended
---------------------------------------------------- */
#mainttl { background:url(../images/main_ttl_bg.jpg) no-repeat center top; height:143px; margin-bottom:30px;}
#mainttl h2 { width:948px; margin:0 auto; text-align:left; padding:50px 0 0 12px;}

.ttl {
	background:url(../images/ttl.png) no-repeat left center;
	padding-left:30px;
	font-size:186%;
	padding-top:3px;
	margin-bottom:25px;
}
.subttl {
	font-size:143%;
	background:#333;
	border-bottom:#656565 solid 3px;
	padding:10px 10px;
	margin-bottom:20px;
}

.f_small { font-size:85.7%;}

.ma_b20 { margin-bottom:20px;}
.ma_b50 { margin-bottom:50px;}

.text_area { overflow:hidden;}
.text_area .img_r { float:right; margin-left:30px;}
.text_area .img_l { float:left; margin-right:30px;}
.text_area .text { overflow:hidden;}

.cmn_tbl {
	border-top:#656565 solid 1px;
	border-left:#656565 solid 1px;
}
.cmn_tbl th {
	background:#333;
	padding:8px 10px;
	text-align:left;
	border-bottom:#656565 solid 1px;
	border-right:#656565 solid 1px;
}
.cmn_tbl td {
	border-bottom:#656565 solid 1px;
	border-right:#656565 solid 1px;
	padding:8px 10px;
	vertical-align:top;
}

.num_list li {
	margin-bottom:5px;
	text-indent:-40px;
	padding-left:40px;
	margin-bottom:10px;
}
.num_list li:last-child { margin-bottom:0;}
.num_list li strong {
	margin-right:15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:#84888a;
	color:#fff;
	padding:3px 8px;
}

.align_c { text-align:center;}
.align_r { text-align:right;}



/* home
---------------------------------------------------- */
.home { background: url(../images/home_bg.jpg) no-repeat center top;}
#visual { width:960px; margin:0 auto; text-align:left; height:423px; margin-bottom:48px;}
#visual h2 { padding-top:16px;}

#category_menu { overflow:hidden; margin-right:-20px; margin-bottom:35px;}
#category_menu li { float:left; margin-right:20px; margin-bottom:7px;}

#fb { margin-bottom:49px;}

#recommended { margin-bottom:70px;}
#recommended ul { overflow:hidden; margin-right:-20px;}
#recommended li { width:165px; float:left; margin-right:20px;}
#recommended li .photo {
	position:relative;
	margin-bottom:15px;
}
#recommended li .photo a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
/*
#recommended li .photo span {
	position:absolute;
	top:4px;
	left:-4px;
	z-index:100;
}
*/
#recommended li .photo span.label_span {
	position:absolute;
	top:4px;
	left:-4px;
	z-index:100;
}
#recommended li .name { font-size:114%; min-height:45px;}
#recommended table th { color:#fff; font-weight:normal; width:55px; color:#000;vertical-align:top;}
#recommended table th span {
	display:block;
	background:#ffc408;
	border:hidden 0px #000000;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align:center;
	width:55px;
	padding:3px 0;
}
#recommended table td {
	border:#808080 solid 1px;
	padding:3px 8px;word-break: break-all;
}


/* stock
---------------------------------------------------- */
.stock_list { overflow:hidden; margin-bottom:50px;}
.stock_list .photo { float:left; width:250px; margin-right:10px;}
.stock_list table { width:210px; float:left; margin-left:20px;}
.stock_list table th { color:#fff; font-weight:normal; width:55px; color:#000;}
.stock_list table th span {
	display:block;
	background:#ffc408;
	border:hidden 0px #000000;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align:center;
	width:55px;
	padding:3px 0;
	margin-top:1px;
}
.stock_list  a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.stock_list table td div { margin:5px; padding:3px 8px; border:#808080 solid 1px;}
.stock_list .btn { float:right; margin-top:10px;}


/* detail
---------------------------------------------------- */
.subttl span {
	display:inline;
	margin-left:10px;
}

/* swap */

div.swap {
	overflow:hidden;
	margin-bottom:30px;
}

div.swap p{
	height:347px;
	width:463px;
	float:left;
}

div.swap p img {
	display:block;
}

div.swap ul { width:230px; float:right; overflow:hidden;}
div.swap ul li { float:left; margin-left:3px; margin-bottom:3px;}
div.swap li a {
	border: solid 1px #CCC;
	display:block;
}

div.swap li a.selected {
	border: solid 1px #ff0000;
}

table#price { border:#ffc408 double 3px; width:370px; margin:0 auto 30px; font-size:128.6%;}
table#price td span { font-size:78%;}
table#price td { padding:20px 10px;}

#stock_detail { overflow:hidden; margin-right:-20px; margin-bottom:30px;}
#stock_detail table { width:350px; float:left; margin-right:20px;}
#stock_detail table th { color:#fff; font-weight:normal; width:55px; color:#000;}
#stock_detail table th span {
	display:block;
	background:#ffc408;
	border:hidden 0px #000000;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align:center;
	width:55px;
	padding:3px 0;
	margin-top:1px;
}
#stock_detail table td div { margin:5px; padding:3px 8px; border:#808080 solid 1px;}
#pr {
	 background:#333333;
	 padding:20px;
	 margin-bottom:50px;
}

/* contact
---------------------------------------------------- */
.hissu { margin-left:5px;}

input#name,
input#kana,
input#company,
input#post {
    width: 200px;
}

input#tel,
input#fax {
    width: 150px;
}

input#email,
input#email2 {
    width: 400px;
}

input#zip,
input#car,
input#manufacturer,
input#model,
input#type,
input#num
input#mileage,
input#year {
    width: 120px;
}

input#address {
    width: 400px;
}

textarea#comment {
    width: 400px;
    height: 150px;
}

