@charset "Shift_JIS";

/**
@prefix : <http://purl.org/net/ns/doas#> .
</u-0101/css/content.css> a :CSSstylesheet;
 :shortdesc "ƒOƒŠ�[ƒ“�Å�§—pCSS";
 :created "2008-12-02";
 :license <http://www.autobytel-japan.com/>;
*/


/*----------------------------------------------------
	content-main
----------------------------------------------------*/
.centerize {
	text-align: center;
}

p.eco_article_list {
	margin: 20px;
	padding: 30px;
	border: 1px dotted #CCCCCC;
	text-align: center;
}
p.green_more {
	text-align: right;
	margin-bottom:30px;
	margin-right:5px;
	background-image: url(/common/img/common_ico_01.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
}

/* title-01eco
-------------------------------------------------- */
#content-main div.title-01eco {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 10px 10px 8px;
	border-bottom: 1px solid #ccc;
	background: url(/eco-common/img/content-main/title_back_02.gif) repeat-x left top;
}
#content-main div.title-01eco h1 {
	float: left;
	margin: 0px;
	padding-left: 5px;
	font-size: 108%;
	line-height: 1.2;
	border-left: 6px solid #a2d042;
}

/* table-01 */
#content-main div.table-01 {
	margin-bottom: 15px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#content-main p.text {
	margin-bottom: 5px;
	font-size: 93%;
	line-height: 1.2;
}
#content-main div.table-01 th {
	padding: 5px 10px;
	vertical-align: top;
	text-align: center;
	font-size: 93%;
	font-weight: normal;
	line-height: 1.5;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fef9eb;
}
#content-main div.table-01 td {
	padding: 5px 10px;
	vertical-align: top;
	text-align: center;
	font-size: 93%;
	line-height: 1.5;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#content-main div.table-01 th h2 {
	font-weight: normal;
	font-size: 99%;
}
#content-main div.table-01 td h3 {
	font-weight: normal;
	text-align: left;
	font-size: 99%;
}
#content-main div.table-01 td.price {
	color: #c00;
	font-weight: bold;
}

/* Link setting
-------------------------------------------------- */
#content-main div.table-01 td h3 a:link {
	color: #03c;
	text-decoration: none;
}
#content-main div.table-01 td h3 a:visited {
	color: #03c;
	text-decoration: none;
}
#content-main div.table-01 td h3 a:hover {
	color: #03c;
	text-decoration: underline;
}
#content-main div.table-01 td h3 a:active {
	color: #03c;
	text-decoration: underline;
}

/* table-02 */
#content-main div.table-02 {
	margin-bottom: 15px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#content-main div.table-02 th {
	vertical-align: top;
	text-align: left;
	font-size: 93%;
	font-weight: normal;
	line-height: 1.5;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fef9eb;
	width: 180px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#content-main div.table-02 td {
	padding: 5px 10px;
	vertical-align: top;
	text-align: left;
	font-size: 93%;
	line-height: 1.5;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#content-main div.table-02 th h2 {
	font-weight: normal;
	font-size: 99%;
}
#content-main div.table-02 td h3 {
	font-weight: normal;
	text-align: left;
	font-size: 99%;
}
#content-main div.table-02 td.price {
	color: #c00;
	font-weight: bold;
}




/* div.car-variety
-------------------------------------------------- */
#content-main div.car-variety {
	clear:both;
	margin-bottom: 20px;
}

#content-main div.car-variety h2 {
	margin-top: 20px;
	margin-bottom: 5px;
	padding-bottom: 8px;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.2;
	background: url(/eco-common/img/content-main/title_back_01.gif) no-repeat left bottom;
}

#content-main div.car-variety h2 a {
	color: #333333;
	text-decoration: none;
	margin-top: 20px;
	margin-bottom: 6px;
	padding-bottom: 9px;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.2;
	background: url(/eco-common/img/content-main/title_back_01.gif) no-repeat left bottom;

}
#content-main div.car-variety h2.first {
	margin-top: 0px;
	padding-top: 0px;
}

#content-main div.car-variety p.read {
	padding: 0px;
	line-height: 1.2;
	margin-top: 0px;
	margin-bottom: 0px;
}


#content-main div.car-variety h3 {
	float: left;
	margin-bottom: 5px;
	padding-right: 5px;
	font-size: 93%;
	line-height: 1.2;
}
#content-main div.car-variety p.link-01 {
	float: left;
	margin-bottom: 5px;
	padding: 0 5px;
	font-size: 93%;
	line-height: 1.2;
	font-weight: normal;
	border-left: 1px solid #333;
}
#content-main div.car-variety p.link-02 {
	float: right;
	padding-right: 15px;
	font-size: 93%;
	line-height: 1.2;
	background: url(/common/img/common_ico_01.gif) no-repeat right center;
}
#content-main div.car-variety ul {
	clear: both;
	margin-bottom: 10px;
}
#content-main div.car-variety li {
	float: left;
	display: block;
	width: 120px;
	margin-left: 10px;
	padding: 14px;
	border: 1px solid #ccc;
	height: 140px;
	margin-bottom: 10px;
}
* html #content-main div.car-variety li {
	width: 122px;
}
#content-main div.car-variety li.first {
	margin-left: 0;
}
#content-main div.car-variety li p.img-01 {
	margin-bottom: 5px;
}
#content-main div.car-variety li p.text-01 {
	font-size: 93%;
	line-height: 1.2;
}

#content-main div.eco_grade {
	margin-bottom: 5px;
}
#content-main div.eco_grade p.img-01 {
	float: left;
}
#content-main div.eco_grade ul {
	float: right;
	width: 490px;
}
#content-main div.eco_grade li {
	margin-bottom: 3px;
}
#content-main div.eco_grade li p.icon-01 {
	float: left;
	margin-right: 5px;
}
#content-main div.eco_grade li h3 {
	margin-bottom: 5px;
	margin-top: 10px;
	font-size: 108%;
}
#content-main div.eco_grade li h4 {
	float: left;
	margin-bottom: 5px;
	font-size: 93%;
	line-height: 1.2;
}
#content-main div.eco_grade li p.text-01 {
	float: left;
	margin-right: 20px;
	font-size: 93%;
	line-height: 1.2;
}
#content-main div.eco_grade li p.link-01 {
	font-size: 93%;
	line-height: 1.2;
}
#content-main div.eco_grade p.text-03 {
	clear: both;
	padding: 10px;
	font-size: 93%;
	line-height: 1.5;
	background: url(/eco/img/eco_back_03.gif) repeat left top;
}
#content-main div.eco_grade p.text-03 a {
	color: #333;
}

/* div.eco-detail
-------------------------------------------------- */
#content-main div.eco-detail {
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #ccc;
}
#content-main div.eco-detail p.img-01 {
	float: left;
}
#content-main div.eco-detail div.outline {
	float: right;
	width: 380px;
}
#content-main div.eco-detail div.outline h2 {
	margin-bottom: 6px;
	padding-bottom: 6px;
	font-size: 138.5%;
	line-height: 1.2;
	background: url(/common/img/common_line_06.gif) repeat-x left bottom;
}
#content-main div.eco-detail div.outline div {
	margin-bottom: 6px;
	padding-bottom: 6px;
	background: url(/common/img/common_line_06.gif) repeat-x left bottom;
}
#content-main div.eco-detail div.outline div h3 {
	float: left;
	margin-right: 5px;
	font-size: 93%;
	font-weight: bold;
	line-height: 1.2;
}
#content-main div.eco-detail div.outline div p {
	font-size: 93%;
	line-height: 1.2;
}
#content-main div.eco-detail div.outline p.link-01 {
	float: right;
	padding-right: 15px;
	font-size: 93%;
	line-height: 1.2;
	background: url(/common/img/common_ico_01.gif) no-repeat right center;
}



/* div.eco_grade
-------------------------------------------------- */
#content-main div.eco_grade {
	margin-top: 10px;
	padding-top: 10px;
	background: url(/common/img/common_line_01.gif) repeat-x left top;
	clear: both;
}
#content-main div.eco_grade h3 {
	font-size: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#content-main div.eco_grade p.img-01 {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#content-main div.eco_grade ul.gradelist {
	display: block;
	padding: 5px;
	margin-top: 5px;
	margin-left: 135px;
	margin-bottom: 0px;
	background-color: #FBFDF7;
}
#content-main div.eco_grade ul.gradelist li {
	display: inline;
	margin-right: 15px;
	font-size: 95%;
	line-height: 1.3;
}

#content-main div.eco_grade li {
	display: block;
	margin-bottom: 5px;
}
#content-main div.eco_grade ul li h4 {
	display: inline;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
}
#content-main div.eco_grade p.text-01 {
	margin: 0px;
	padding: 0px;
	display: inline;
}

#content-main p.estimate_btn {
	margin: 0px;
	padding: 0px;
	float: right;
}

/* --------------------------------------------------
 ƒGƒRƒJ�[Œ¸�Å
-------------------------------------------------- */

#content-main div.w-kind ul {
	margin-bottom: 10px;
}
#content-main ul.w-kind li {
	float: left;
	width: 136px;
	margin-left: 10px;
	border: 1px solid #ccc;
	height: 172px;
	padding-top: 9px;
	padding-right: 6px;
	padding-bottom: 9px;
	padding-left: 6px;
	margin-bottom: 10px;
}
* html #content-main ul.w-kind li {
	width: 150px;
}
#content-main ul.w-kind li.first {
	margin-left: 0;
}
#content-main ul.w-kind li p.text-01 {
	margin-bottom: 5px;
}
#content-main ul.w-kind li p.img-01 {
	margin-bottom: 5px;
}
#content-main ul.w-kind li dl.new {
	margin-bottom: 7px;
	font-size: 80%;
	line-height: 1.2;
}
#content-main ul.w-kind li dl.old {
	margin-bottom: 10px;
	font-size: 77%;
	line-height: 1.4;
}
* html #content-main ul.w-kind li dl.old {
	font-size: 71%;
}
*:first-child + html #content-main ul.w-kind li dl.old {
	font-size: 71%;
}
#content-main ul.w-kind li dl dt {
	float: left;
}


/* --------------------------------------------------
 ƒGƒRƒJ�[Œ¸�Å BOX
-------------------------------------------------- */

#content-main div.title-01ka {
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 10px 10px 8px;
	border-bottom: 1px solid #ccc;
	background: url(/eco-common/img/content-main/title_back_02.gif) repeat-x left top;
}
#content-main div.title-01ka h2 {
	float: left;
	padding-left: 5px;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.2;
	border-left: 6px solid #a2d042;
}

/* �Å—¦•Ê */
#content-main div.eco_tax{
	clear: both;
	margin-bottom: 10px;

}
#content-main div.eco_tax h3 {
	margin: 5px;
	padding: 0px;
	font-size: 100%;
	text-align: left;
}
#content-main div.eco_tax h3 a {
	color: #333333;
	text-decoration: none;
}
#content-main div.eco_tax ul.tax_number {
	padding: 5px;
	margin: 0px;
}
#content-main div.eco_tax ul.tax_number li {
	display: block;
	width: 165px;
	float: left;
	text-align: left;
	padding-left: 35px;
	background-image: url(/eco/img/ecocar.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	height: 20px;
}


/* ƒ��[ƒJ�[•Ê */
#content-main div.eco_maker {
	clear: both;

}
#content-main div.eco_maker h3 {
	margin: 0px;
	padding: 5px;
	font-size: 100%;
	text-align: left;
}
#content-main div.eco_maker h3 a {
	color: #333333;
	text-decoration: none;
}
#content-main div.eco_maker ul.tax_number {
	padding: 5px;
	margin: 0px;
}
#content-main div.eco_maker ul.tax_number li {
	display: block;
	width: 90px;
	float: left;
	text-align: left;
	padding-left: 34px;
	background-image: url(/eco/img/ecocar.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	height: 20px;
}


/*----------------------------------------------------
	Clearfix
----------------------------------------------------*/
.clearfix:after,
#content-main div:after,
#content-main ul.w-kind:after,
#content-main div.car-variety ul:after,
#content-main div.eco_tax:after,
#content-main div.eco_maker:after,
#content-main div.eco-assessment div.vi-box02 ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
#content-main div,
#content-main ul.w-kind,
#content-main div.car-variety ul,
#content-main div.eco_tax,
#content-main div.eco_maker,
#content-main div.eco-assessment div.vi-box02 ul {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix,
* html #content-main div,
* html #content-main ul.w-kind,
* html #content-main div.eco_tax,
* html #content-main div.eco_maker,
* html #content-main div.car-variety ul,
* html #content-main div.eco-assessment div.vi-box02 ul {
	height: 1%;
}
.clearfix,
#content-main div,
#content-main div.car-variety ul,
#content-main ul.w-kind,
#content-main div.eco_tax,
#content-main div.eco_maker,
#content-main div.eco-assessment div.vi-box02 ul {
	display: block;
}
/* End hide from IE-mac */