@charset "utf-8";
/* 燃費ランキング */
#main .titleArea .modeChange {
	float:right;
	padding-top:8px;
	width:100px;
}
#main .titleArea .modeChange a { display:block; }
#main .typeRanking { margin-left:-6px; }
#main .typeRanking .carType {
	float:left;
	margin:0 0 20px 6px;
	width:327px;
}
#main .typeRanking .carType + .last-child { margin:0 0 0 6px; }
#main .typeRanking .carType .lv4 { position:relative; }
#main .typeRanking .carType .more {
	position: absolute;
	top: 4px;
	right:0;
	text-align: right;
}
#main .typeRanking .carType .icon-s span {
	display: block;
	padding:0 0 0 20px;
	height: 16px;
	background: url(/common/images/icon_s.png) no-repeat;
	font-weight:normal;
}
#main .typeRanking .carType .icon-s .icon-more { background-position: 0 0; }
#main .typeRanking table tr.rank1 td,
#main .typeRanking table tr.rank2 td,
#main .typeRanking table tr.rank3 td { font-weight: bold; }
#main .typeRanking table td.image {
	border-left: 1px solid #ccc;
	width: 90px;
	text-align: center;
}
#main .typeRanking table td.image .badge {
	position: relative;
	display: block;
}
#main .typeRanking table td.image .badge img {
	width: 25px;
	height: 34px;
	position: absolute;
	left: -4px;
	top: -4px;
	display: block;
}
#main .typeRanking table td.nenpi { text-align: right; }
#main .typeRanking table td .moreLink { padding: 0; }
/*最近発売された車種*/
#main .newCars { margin-left:-10px; }
#main .newCars li {
	float:left;
	margin:0 0 10px 10px;
	width:124px;
	text-align:center;
}
#main .newCars li a {
	padding:0;
	display:table-cell;
	height:90px;
	line-height:90px;
	vertical-align: middle;
	layout-grid-line: 90px;
}
#main .newCars li p a{
	height:auto;
	display:inline;
	line-height:1.5;
}
#main .newCars li img {
	max-width:124px;
	max-height:80px;
}
/*車種検索*/
#main .formArea .carSearch { margin-left:-6px; }
#main .formArea .carSearch form {
	float:left;
	# width:327px;
	margin-left:6px;
}
#main .unit-contents .formArea .carSearch table input.textM {
	width:150px;
	margin:0;
}
#main .unit-contents .formArea .carSearch .formBtn .btnSearch {
	background: url(/common/images/btn_sprite.png) -160px -300px no-repeat;
	border: medium none;
	cursor: pointer;
	height: 28px;
	text-indent: -9999px;
	width: 140px;
}
#main .unit-contents .formArea .carSearch .formBtn .btnSearch:hover { background-position:-160px -328px }
#main .unit-contents .formArea .carSearch .formBtn .btnSearch:active { background-position:-160px -356px }
#main .unit-contents .formArea .carSearch table th,
#main .unit-contents .formArea .carSearch table td {
	border: none;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	padding-left: 10px;
	padding-right: 10px;
}
#main .unit-contents .formArea .carSearch table th { background: #f2f2f2; }
/*車種情報*/
#main .enenpiTabs { padding-left:12px; }
#main .unit-contents .carArea .carInfo {
	float:left;
	width:450px;
}
#main .unit-contents .carArea .btnArea {
	clear:both;
	padding-top:20px;
	text-align:center;
}
#main .unit-contents .carArea table th,
#main .unit-contents .carArea table td {
	border: none;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	padding-left: 10px;
	padding-right: 10px;
}
#main .unit-contents .carArea .carInfo th {
	background:#f2f2f2;
	text-align: left;
	width: 160px;
}
#main .unit-contents .carArea .col01 { color: #ff4000; font-weight: bold; }
#main .unit-contents .carImage {
	float: right;
	width: 200px;
}
#main .unit-contents .carImage .image { }
#main .unit-contents .carImage p {
	margin-bottom: 4px;
	text-align: center;
}
#main .unit-contents .carImage .icon-s span { display:inline; }
#main .unit-contents .carListArea table,
#main .unit-contents .nenpiListArea table { text-align:center; }
#main .unit-contents .carListArea table th,
#main .unit-contents .carListArea table td { padding:0 2px; }
#main .unit-contents .carListArea .col01,
#main .unit-contents .carListArea .col02,
#main .unit-contents .carListArea .col03,
#main .unit-contents .carListArea .col04,
#main .unit-contents .carListArea .col05,
#main .unit-contents .carListArea .col06,
#main .unit-contents .carListArea .col08 { white-space:nowrap; }
#main .unit-contents .carListArea .col09 { white-space:nowrap; }
#main .unit-contents .carListArea .col10 { white-space:nowrap; color: #ff4000; font-weight: bold; }
#main .unit-contents .carListArea table th.col07,
#main .unit-contents .carListArea td.col07 { }
#main .unit-contents .nenpiListArea td.col01,
#main .unit-contents .nenpiListArea td.col03,
#main .unit-contents .nenpiListArea .stripe tr.odd td.col01,
#main .unit-contents .nenpiListArea .stripe tr.odd td.col03 {
	width:33%;
	background:#fffbe5;
	font-weight:bold;
}
#main .unit-contents .carListArea td.nenpi2,
#main .unit-contents .carListArea .stripe tr.odd td.nenpi2 {
	font-weight:bold;
	#background:#fffbe5;
	background:#ffffff;
}
#main .unit-contents .carListArea td.enenpi,
#main .unit-contents .carListArea .stripe tr.odd td.enenpi {
	font-weight:bold;
	background:#fffbe5;
}
#main .unit-contents .floatList .carListArea ul.linkList{
	margin-left:-10px;
}
#main .unit-contents .floatList .carListArea ul.linkList li {
	background:none;
	text-align:center;
	width:124px;
	margin:0 0 10px 10px;
	padding:0;
}
#main .unit-contents .floatList .carListArea ul.linkList li a {
	padding:0;
	display:table-cell;
	height:90px;
	line-height:90px;
	vertical-align: middle;
	layout-grid-line: 90px;
}
#main .unit-contents .floatList .carListArea ul.linkList li p a{
	height:auto;
	display:inline;
	line-height:1.5;
}
#main .unit-contents .floatList .carListArea ul.linkList li a img {
	max-height:90px;
	max-width:120px;
}
#main .unit-write {
	background: url(/common/images/bg_alert_top.png) no-repeat;
	margin: -8px 0 7px;
	padding-top: 5px;
}
#main .unit-write:after {
	background: url(/common/images/bg_alert_btm.png) no-repeat scroll left bottom;
	content: " ";
	display: block;
	height: 8px;
}
#main .unit-write .inner {
	background: url(/common/images/bg_alert.png) repeat-y;
	text-align:right;
	padding:0 10px;
	line-height:24px;
}
#main .unit-write .inner strong { font-weight:bold; }
#main .reviewArea { border-bottom:#ccc 1px solid; }
#main .reviewArea.last-child { border:none; }
#main .reviewArea .imageArea {
	float:left;
	width:70px;
	#height:70px;
	border:#ccc 1px solid;
}
#main .reviewArea .imageArea img {
	max-height:70px;
	min-width:70px;
}
#main .reviewArea .postArea { float:right;width:580px; }
#main .reviewArea .postArea .postTitle {
	position:relative;
	padding-bottom:5px;
	border-bottom:#ccc 1px dotted;
	word-break:break-all;
}
#main .reviewArea .postArea .postTitle { zoom: 1; }
#main .reviewArea .postArea .postTitle:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
#main .reviewArea .postArea .postTitle a{
	display:block;
	float:left;
	width:400px;
	font-size: 1.2em;
}
#main .reviewArea .postArea .postTitle img { vertical-align: baseline; }
#main .reviewArea .postArea .postTitle .date {
	display:block;
	float:right;
	width:160px;
	text-align:right;
}
#main .reviewArea .postArea .postTitle p{
	clear:both;
}
#main .reviewArea .postArea .postTitle p a{
	display:inline;
	float:none;
	color:#007aa5;
}
#main .reviewArea .postArea .postTitle p .name a{
	color:#ff7f00;
}
#main .reviewArea .postArea .postTitle span {
	margin-right:1em;
	line-height:18px;
}
#main .reviewArea .postArea .postTitle span strong { font-weight:bold; }
#main .reviewArea .postArea .postTitle .name {
	color:#ff7f00;
	margin:0;
}
#main .reviewArea .postArea .postContents {
	padding-top:5px;
	word-break:break-all;
	font-size: 1.2em;
}
#main .reviewArea .postArea .response {
	margin-top:15px;
	border-top:#ccc 1px solid;
}
#main .reviewArea .postArea .response .comment {
	padding:15px 0 15px 25px;
	border-bottom:#ccc 1px dotted;
	background:url(../../common/images/icon_res.png) left 14px no-repeat;
}
#main .reviewArea .postArea .response .even { background-color:#fafafa; }
#main .reviewMore {
	padding:10px 10px;
	border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;
	text-align:right;
	background:#fff;
}
#main .reviewArea .postArea .response .postTitle a{display:inline; float:none;}
#main .reviewArea .postArea .response .postTitle a img{vertical-align:top;}
#main .reviewArea .postArea .formArea { padding-top:15px; }
#main .reviewArea .postArea .formArea textarea {
	padding:1%;
	width:98%;
	height:100px;
}
#main .reviewMore p span {
	display:inline;
	line-height:16px;
	background-position:0 1px;
}
/*車種情報(画像)*/
#main .unit-contents .carArea .imageView {
	margin-bottom:10px;
	text-align:center;
}
#main .unit-contents .carArea .imageView img { max-width:660px; }
#main .unit-contents .carArea .thumbnails { margin-bottom:15px; }
#main .unit-contents .carArea .thumbnails li {
	float:left;
	margin-right:6px;
	width:103px;
	border:#ccc 1px solid;
}
#main .unit-contents .carArea .thumbnails li.select { border:#007aa5 1px solid; /* width:98%; */ }
#main .unit-contents .carArea .thumbnails li a {
	display:block;
	padding:3px;
}
#main .unit-contents .carArea .thumbnails li img { max-width:97px; }
#main .unit-contents .carArea .relatedLinks { padding:0; }
/*フォーム*/
#main .unit-contents .formArea table th { background:#f2f2f2; }
#main .unit-contents .formArea .formBtn .btnConfirm {
	background: url(/common/images/btn_sprite.png) no-repeat scroll 0 -150px transparent;
	border: medium none;
	cursor: pointer;
	height: 25px;
	text-indent: -9999px;
	width: 160px;
}
#main .unit-contents .formArea .formBtn .btnConfirm:hover { background-position: 0 -175px; }
#main .unit-contents .formArea .formBtn .btnConfirm:active { background-position: 0 -200px; }
#main .unit-contents .formArea .formBtn .btnSubmit {
	background: url(/common/images/btn_sprite.png) no-repeat scroll 0 -300px transparent;
	border: medium none;
	cursor: pointer;
	height: 25px;
	text-indent: -9999px;
	width: 160px;
}
#main .unit-contents .formArea .formBtn .btnSubmit:hover { background-position: 0 -325px; }
#main .unit-contents .formArea .formBtn .btnSubmit:active { background-position: 0 -350px; }
#main .unit-contents .formArea .formBtn .btnBack {
	background: url(/common/images/btn_sprite.png) no-repeat scroll 0 -450px transparent;
	border: medium none;
	cursor: pointer;
	height: 25px;
	margin-right: 10px;
	text-indent: -9999px;
	width: 160px;
}
#main .unit-contents .formArea .formBtn .btnBack:hover { background-position: 0 -475px; }
#main .unit-contents .formArea .formBtn .btnBack:active { background-position: 0 -500px; }

#main .unit-relatedlinks {
	width: 680px;
	margin-bottom: 10px;
}

#main .unit-contents.pr00 {
width: auto;
}
#main .unit-contents.pr00 .inner {
padding: 5px 10px;
}
#main .unit-contents .inner .block .tab {
border-bottom: solid 2px #007aa5;
font-size: 0;
}
#main .unit-contents .inner .block .tab li {
display: inline-block;
font-size: 11px;
vertical-align: top;
}
#main .unit-contents .inner .block .tab li a {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */

background: #ffffff;
/* Old browsers */

background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
/* FF3.6-15 */

background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
/* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
/* IE6-9 */

border: solid 1px #ccc;
border-bottom-color: #eee;
border-radius: 3px 3px 0 0;
display: block;
padding: 6px 0 2px;
text-align: center;
text-decoration: none;
}
#main .unit-contents .inner .block .tab li a:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,cce4ed+100 */

background: #ffffff;
/* Old browsers */

background: -moz-linear-gradient(top, #ffffff 0%, #cce4ed 100%);
/* FF3.6-15 */

background: -webkit-linear-gradient(top, #ffffff 0%, #cce4ed 100%);
/* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #ffffff 0%, #cce4ed 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cce4ed', GradientType=0);
/* IE6-9 */

}
#main .unit-contents .inner .block .tab li.selected a {
background: #007aa5;
border-color: #007aa5;
color: #fff;
}
#main .unit-contents .inner .block .tab2col li {
margin-right: 0.5%;
width: 49.75%;
}
#main .unit-contents .inner .block .tab2col li:nth-child(2n) {
margin-right: 0;
}

#main .unit-contents .inner .block .tab4col li {
margin-right: 0.5%;
width: 24.625%;
}
#main .unit-contents .inner .block .tab4col li:nth-child(4n) {
margin-right: 0;
}