@charset "utf-8";

/*-- carcategory
-------------------------------------------------------- */

#main #copy {
	margin:10px 0 0 30px;
	width:740px;
	height:110px;
	background:url(../img/bg_carcopy.jpg) 0 0 no-repeat;
}

#main #info #topics .car {
	background:url(../img/h2_cartopics.gif) 0 0 no-repeat;
}

#main #info #whatsnew .car {
	background:url(../img/h2_carwhatsnew.gif) 0 0 no-repeat;
}

#main #carcategory {
	margin:0 0 10px 30px;
	padding:0 0 10px;
	width:740px;
	background:url(../img/bg_category.gif) 0 bottom repeat-y;
}

#main #carcategory h1,
#main #carcategory #top {
	padding:9px 0 20px 20px;
	width:720px;
	height:25px;
	font-size:167%;
	font-weight:bold;
	background:url(../img/h2_category.gif) 0 0 no-repeat;
}

#main #carcategory h1 span {
	font-size:60%;
}

#main #carcategory .comment {
	margin:0 0 20px 15px;
	line-height:150%;
}

#main #carcategory #categorybox {
	margin:0 10px;
	width:720px;
	font-size:92%;
	background:url(../img/bg_categorybox.gif) 0 0 repeat-y;
}

#main #carcategory #categorybox ul {
	margin:0 0 10px;
	width:720px;
	height:35px;
	background:#fff url(../img/top_categorybox.gif) 0 bottom no-repeat;
}

#main #carcategory #categorybox ul li {
	margin:0 1px;
	height:25px;
	float:left;
	display:inline;
}

#main #carcategory #categorybox ul .at
#main #carcategory #categorybox ul .tab {
	width:100px;
}

#main #carcategory #categorybox ul .camp {
	width:105px;
}

#main #carcategory #categorybox ul .at span {
	padding:7px 0 0;
	width:100px;
	height:18px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background:url(../img/on_tab.gif) 0 0 no-repeat;
	display:block;
}

#main #carcategory #categorybox ul .tab a {
	padding:7px 0 0;
	width:100px;
	height:18px;
	text-align:center;
	font-weight:bold;
	color:#333;
	background:url(../img/off_tab.gif) 0 0 no-repeat;
	display:block;
}

#main #carcategory #categorybox ul .tab a:hover {
	color:#fff;
	background:url(../img/on_tab.gif) 0 0 no-repeat;
}

#main #carcategory #categorybox ul .camp a {
	padding:7px 0 0;
	width:105px;
	height:18px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background:url(../img/camp_tab.gif) 0 0 no-repeat;
	display:block;
}

#main #carcategory #categorybox .inbox {
	padding:0 0 12px;
	background:url(../img/btm_categorybox.gif) 0 bottom no-repeat;
}

#main #carcategory #categorybox .inbox table {
	margin:0 10px;
	width:695px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-collapse:collapse;
	font-size:100%;
} 

#main #carcategory #categorybox .inbox table th,
#main #carcategory #categorybox .inbox table td {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:109%;
} 

#main #carcategory #categorybox .inbox table th {
	height:20px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	background:#999;
}

#main #carcategory #categorybox .inbox table .odd {
	background:#fff;
}

#main #carcategory #categorybox .inbox table .even {
	background:#f0f0f0;
}

#main #carcategory #categorybox .inbox table tr .name {
	padding:10px 0;
	width:140px;
	font-weight:bold;
	line-height:140%;
	text-align:center;
	vertical-align:middle;
}

#main #carcategory #categorybox .inbox table tr .comment {
	padding:10px 5px;
	widows:400px;
	line-height:120%;
	text-align:left;
}

#main #carcategory #categorybox .inbox table tr .volume {
	padding:10px 0;
	width:134px;
	text-align:center;
	vertical-align:middle;
}

#main #carcategory #categorybox .inbox table tr .tieup {
	padding:10px 0;
	width:268px;
	text-align:center;
	line-height:160%;
	vertical-align:middle;
}

#main #carcategory #categorybox .inbox table tr .btn {
	padding:10px;
	width:132px;
	text-align:center;
	vertical-align:middle;
}

#main #carcategory #categorybox .inbox table tr .btn .estimate {
	margin:5px 0;
	width:132px;
	height:35px;
	text-indent:-9999px;
	display:block;
}

#main #carcategory #categorybox .inbox table tr .btn .detail {
	margin:5px 0;
	width:132px;
	height:35px;
	text-indent:-9999px;
	display:block;
}

#main #carcategory #categorybox .inbox table .odd .btn .estimate {
	background:url(../img/btn_estimate_od.gif) 0 0 no-repeat;
}

#main #carcategory #categorybox .inbox table .even .btn .estimate {
	background:url(../img/btn_estimate_ev.gif) 0 0 no-repeat;
}

#main #carcategory #categorybox .inbox table .odd .btn .detail {
	background:url(../img/btn_detail_odd.gif) 0 0 no-repeat;
}

#main #carcategory #categorybox .inbox table .even .btn .detail {
	background:url(../img/btn_detail_even.gif) 0 0 no-repeat;
}

#main #carcategory #detailbox .inbox #recommend {
	width:708px;
	border:1px solid #ccdbed;
	background:#ccdbed;
	position:relative;
}

#main #carcategory #detailbox .inbox #recommend dt {
	padding:5px;
	width:140px;
	line-height:130%;
	text-align:center;
	float:left;
}

#main #carcategory #detailbox .inbox #recommend dt a {
	margin:-40px 0 0 0;
	width:120px;
	height:60px;
	font-weight:bold;
	line-height:130%;
	position:absolute;
	top:50%;
	left:20px;
	display:block;
}

#main #carcategory #detailbox .inbox #recommend dt a:hover {
	color:#fa0;
}

#main #carcategory #detailbox .inbox #recommend dd {
	padding:5px 10px;
	width:528px;
	line-height:130%;
	text-align:left;
	background:#fff;
	float:right;
}

#main #carcategory #detailbox .inbox .btn_detail {
	margin:20px 215px;
	width:300px;
	height:35px;
}

#main #carcategory #detailbox .inbox .btn_detail a {
	width:300px;
	height:35px;
	text-indent:-9999px;
	background:url(../img/btn_estimate_dtl.gif) 0 0 no-repeat;
	display:block;
}

#main #carcategory #detailbox h2 {
	margin:30px 0 0;
	padding:2px 0 0 15px;
	width:703px;
	height:23px;
	font-size:134%;
	font-weight:bold;
	background:url(../img/h3_category.gif) 0 0 no-repeat;
}

#main #carcategory #detailbox .clearfix .left-box {
	margin:0;
	padding:1px;
	width:108px;
	background:#ccdbed;
	float:left;
}

#main #carcategory #detailbox .clearfix .left-box h3 {
	padding:10px;
	font-size:109%;
	font-weight:bold;
	text-align:center;
}

#main #carcategory #detailbox .clearfix .left-box p {
	padding:70px 10px 10px;
	background:#fff;
	height:70px;
	text-align:center;
}

#main #carcategory #detailbox .clearfix .right-box {
	margin:0 0 0 1px;
	padding:1px;
	width:597px;
	background:#ccdbed;
	float:left;
}

#main #carcategory #detailbox .clearfix .right-box h3 {
	padding:10px;
	font-size:109%;
	font-weight:bold;
	text-align:center;
}

#main #carcategory #detailbox .clearfix .right-box p {
	padding:10px;
	background:#fff;
	height:130px;
	line-height:150%;
	text-align:left;
}

#main #carcategory #detailbox .camp {
	margin:10px 0;
	padding:1px;
	width:710px;
	background:#f00;
}

#main #carcategory #detailbox .camp h3 {
	padding:10px;
	font-size:109%;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

#main #carcategory #detailbox .camp p {
	padding:10px;
	background:#fff;
	line-height:150%;
	text-align:left;
}

#main #carcategory #presentcom {
	margin:10px 0 50px 10px;
}

#main #carcategory #presentcom p{
	margin:0 0 15px 10px;
	font-size:117%;
	line-height:130%;
}

#main #carcategory #presentcom p .point {
	font-weight:bold;
	color:#f00;
}

#main #carcategory #presentcom p a {
	color:#36c;
	text-decoration:underline;
}

#main #carcategory .pre-comment {
	margin:10px 0 10px 40px;
	font-size:117%;
	line-height:160%
}

#main #carcategory #contents-box {
	margin:0 126px 20px;
	width:468px;
}

#main #carcategory #contents-box h2 {
	margin:50px 0 5px;
	font-size:117%;
	font-weight:bold;
	color:#f00;
}

#main #carcategory #contents-box .banner-box {
	margin:0 0 20px;
	width:468px;
	height:60px;
}

#main #carcategory #contents-box .card {
	margin:0 20px 20px;
	width:130px;
	height:90px;
}

#main #carcategory #contents-box .in-comment {
	margin:0 0 20px;
	width:298px;
	height:90px;
	font-size:117%;
	line-height:150%;
}

#main #carcategory #contents-box .in-comment a {
	font-weight:bold;
	color:#00f;
	text-decoration:underline;
}

#main #carcategory #contents-box .in-comment a:hover {
	text-decoration:none;
}

#main #carcategory #contents-box hr {
	border:1px solid #fff;
	border-top:1px dashed #ccc;

}

#main #carcategory #contents-box .notes {
	margin: 0 0 50px;
	color:#f00;
}

.red {
	color:#f00;
	font-weight:bold;
}