@charset "utf-8";

/************************************************************
 * CLASSES(コンポーネント)
 ************************************************************/

/************************************************************
 * CLASSES(プロパティ)
 ************************************************************/

td			{ position: relative; }
h3			{ font-size: 19px !important;}
.CB			{ margin-right: 2px; margin-bottom: 0px;}

/* WIDTH */
.w92		{ width: 92px;}
.w170		{ width: 170px;}
.w180		{ width: 180px;}
.w250		{ width: 250px;}
.w328		{ width: 328px;}
.w330		{ width: 330px;}
.w610		{ width: 610px;}
.w690		{ width: 690px;}
.w440		{ width: 440px;}
.w540		{ width: 540px;}
.w775       { width: 775px;}

/* HEIGHT */

/* MARGIN */
.mT0        { margin-top: 0px;}
.mT2		{ margin-top: 2px;}
.mT5		{ margin-top: 5px;}
.mT8		{ margin-top: 8px;}
.mT7		{ margin-top: 7px;}
.mT20		{ margin-top: 20px;}
.mL5		{ margin-left: 5px;}
.mR30		{ margin-right: 30px;}
.mB10       {margin-bottom: 10px;}
.mB6        {margin-bottom: 6px;}

/* PADDING */
.pCell20 th, .pCell20 td { padding: 5px 20px 5px 20px;}

.pT0        { padding-top:0px;}
.p1			{ padding: 1px;}
.pL10		{ padding-left: 10px;}
.pR10		{ padding-right: 10px;}
.pRL10      { padding:0 10px;}

/* メーカー情報 */
.mangu										{ position: relative; width: 980px;}
.mangu img									{ float: left; border: 1px solid #eee; width: 80px; height: 60px;}
.mangu1										{ float: left; margin-left: 5px; width: 110px; font-size: 10px; color: #666;}
.mangu1 span								{ display: block; font-weight: 400;}
.mangu3										{ float: left; position: relative; width: 150px; height: 62px; }
.mangu3 h2									{ position: absolute; top: 0; right: 0; width: auto; }
.mangu4 									{ float: left; font-size: 10px; margin-left: 10px; width: 620px; }
.mangu5										{ float: right; margin-top: 2px; width: 620px; text-align: right;}

/* scroll */
.scrItem		{ background-color: white;width:678px; position: absolute; z-index:1;}

/* bodytype search panel */
.bdt__searchPanel {}
.bdt__searchPanel dl { padding: 12px 0 3px }
.bdt__searchPanel dt { width: 6em; padding-right:.8em; display:block; text-align: right; font-weight: bold;}
.bdt__searchPanel dd { display: inline;}
.bdt__searchPanel #preList {margin-top: 5px;}
    
/* list */
.shameiList li {
	float: left;
	margin-right: 4px;
	width: 230px;
	height: 50px;
	}
.shameiList li a {
	text-decoration: none;
	color: #333;
	}
.shameiList li a span.onstyle {
	color: #1e0fca;
	text-decoration: underline;
	}
.shameiList li a:visited span.onstyle {
	color: #802680;
	}
.shameiList li a:hover span.onstyle {
	color: #ff7e1d !important;
	}
a.ac {
	display: block;
/*---	margin: 6px 0px 0px 19px;---*/
	margin: 2px 0 0 100px;
	padding-left: 6px;
	width: 46px;
	font-size: 10px;
	color: #aaa !important;
	line-height: 13px;
	text-decoration: none;
	background-position: 0 -696px;
    position: absolute;
    top: 0;
    right:0;
	}

a:hover.ac {
	color: #ff7e1d !important;
	text-decoration: underline;
	}

#contents {
	text-align: left;
}

#contentsTexts {
	font-size: 10px;
	text-align: left;
	padding:10px 0;
	}

#HbanOn{ position:relative; top:0; left:0; width:980px; padding:220px 0 0;}
#carNamesPanel{ width:980px; /*background: url("/cmn/images/sprite/y.png") repeat-y -1960px 0;*/}
#carNamesPanel table{ width:100%; }
#HbanOff{ width:980px; }
#HbanOff #carNamesPanel{ margin-top:20px; }

.carouselWrap{position:absolute; top:0; width:980px; height:172px; margin:20px auto 0;}
.carouselWrap .modTtl{height:30px; font-size:18px; background:url("/cmn/images/sprite/x.png") no-repeat 0 -2150px; line-height: 25px; padding-left: 10px;}

.carouselColum{width:930px; height:162px;}
.carouselColum li{float:left; display:inline; position:relative; width:298px; height:140px; margin:0 5px; border:solid 1px #999; list-style:none; font-size:12px;}
.shopLinkUpper{display:block; width:298px; height:120px; text-decoration:none;}
.shopImg{display:block; position:absolute; top:25px; left:3px; width:120px; height:90px; background:#eee; border:solid 1px #ccc;}
.shopComment{position:absolute; top:25px; right:3px; display:block; width:165px; line-height:1.3em; word-wrap:break-word; color:#333;}
.areaName{position:absolute; top:122px; left:3px;}
.shopName{width:292px; height:25px; padding:0 3px; line-height:25px; text-decoration:underline; font-size:11px;}

.exitLine{position:absolute; top:118px; right:3px; font-weight:bold;}
.exitLine b{color:#f00; font-size:14px;}

.sliderBtn{display:block; position:absolute; top:30px; width:20px; height:142px; overflow:hidden; text-indent:9999px;}
#prevBtn{left:0;}
#nextBtn{right:0;}
#prevBtn:link{ background:url(/cmn/images/sprite/hanbaitenBanArrow.png) no-repeat -60px 0;}
#nextBtn:link{ background:url(/cmn/images/sprite/hanbaitenBanArrow.png) no-repeat -40px 0;}
#prevBtn:visited{ background:url(/cmn/images/sprite/hanbaitenBanArrow.png) no-repeat -60px 0;}
#nextBtn:visited{ background:url(/cmn/images/sprite/hanbaitenBanArrow.png) no-repeat -40px 0;}
#prevBtn:hover{ background:url(/cmn/images/sprite/hanbaitenBanArrow.png) no-repeat -100px 0;}
#nextBtn:hover{ background:url(/cmn/images/sprite/hanbaitenBanArrow.png) no-repeat -80px 0;}

.cPWFrame {
	position: absolute;
	top: 30px;
	left: 25px;
	width: 930px;
	height: 142px;
	overflow: hidden;
}



#carNamesPanel{ overflow:hidden;}

.mainCol{ width:680px; border: 1px solid #ccc; vertical-align: top; }
/*---.sideBar{border:solid 1px #ccc; width:272px; padding:5px; vertical-align:top;}---*/
.sideBar { border: 1px solid #ccc; width: 280px; vertical-align: top;}
.modBlock{ margin:0 auto 20px; position:relative;}

.makerSection{ }
.makerSectionHeader{position:relative; padding:8px 10px 5px; border-bottom:solid 1px #ccc; background: white url("/cmn/images/sprite/x.png") repeat-x 0 -2000px;}
.makerSectionHeader h3{height:25px; line-height:25px; margin-bottom:8px; padding-left:10px; border-left:solid 3px #f90; font-size:19px;}
.makerSectionHeader .read{position:absolute; top:10px; right:10px; width:330px; font-size:11px;}
.makerSectionHeader ul {width: 656px; border-top: 1px solid #999;  border-bottom: 1px solid #999; border-right: 1px solid #999;}
.makerSectionHeader li {float: left; width: 51px; height: 40px; text-align: center; text-indent: 1px; line-height: 40px; font-weight: 700; color: #aaa;  border-left: 1px solid #999;
background-image: -ms-linear-gradient(top,#d1d1cf 0%,#fff 100%);
background-image: -moz-linear-gradient(top center, #d1d1cf 0%, #fff 100%);
background-image: -webkit-gradient(linear, center top, center bottom, from(#d1d1cf), to(#fff));
background-image: linear-gradient(top center, #d1d1cf 0%, #fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFd1d1cf', endColorstr='#FFFFFFFF');}
.makerSectionHeader li a { display: block; width: 51px; height: 40px; text-decoration: none;
background-image: -ms-linear-gradient(top,#fff 0%,#d1d1cf 100%);
background-image: -moz-linear-gradient(top center, #fff 0%, #d1d1cf 100%);
background-image: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#d1d1cf));
background-image: linear-gradient(top center, #fff 0%, #d1d1cf 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFd1d1cf');
}
.makerSectionHeader li a:hover { color: #fff;
background-image: -ms-linear-gradient(top,#ef6825 0%,#ffc39a 100%);
background-image: -moz-linear-gradient(top center, #ef6825 0%, #ffc39a 100%);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ef6825), to(#ffc39a));
background-image: linear-gradient(top center, #ef6825 0%, #ffc39a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#Fef6825', endColorstr='#FFffc39a');
}

.makerSectionHeader .ninki,
.makerSectionHeader .ninki a {width: 83px;}
.makerSectionHeader .ninki a {}
.makerSectionHeader .ninki a:hover {background-image: -moz-linear-gradient(top center, #ef6825 0%, #ffc39a 100%);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ef6825), to(#ffc39a));
background-image: linear-gradient(top center, #ef6825 0%, #ffc39a 100%);}

.makerSectionIndex{ padding-top: 10px; margin-bottom: 5px; border-top: 1px dotted #ccc;}

.nextBtnArea {*margin-top: -3px; padding: 8px 10px 5px; width: 658px; height: 38px; border-top: 1px solid #F0F0F0;}
.nextBtnArea p { width: 408px;}

/* 行移動 */
.selectFirstLetter{ padding:5px; background:#eee;}
.selectFirstLetter a{margin:0 0.5em; font-size:11px;}

/*---.carNameList{margin:0 10px 10px;}---*/
.carNameList{ margin: 0 0 10px 0; width: 670px; padding-top:114px;}
.carNameList dt{ position: relative; clear:both; margin:10px 0 20px 10px; }
.carNameList dt span{ font-size:21px; font-weight:bold;}
.carNameList dt strong{ font-size:12px; font-weight:normal; }
.carNameList dt small{ position: absolute; top: 9px; right: 3px; display:block; }

.carNameList dd{ margin: 0 0 10px 5px; width: 670px; overflow: hidden; border-bottom:solid 1px #ccc; }
/*---.carNameList dd ul{padding-top: 10px; width:658px; overflow:hidden;}---*/
.carNameList dd ul{ padding-top: 10px; width: 700px; }
.carNameList dd ul li { float: left; position: relative; margin-right: 10px; width: 217px; height: 70px; padding-top: 40px;}
.cNLname { position: relative; display: block; padding-left: 100px; }
.cNLname img { position: absolute; top: -12px; left: 0; width: 80px; height: 60px; }
.carNameList dd ul li input { position: absolute; top: 0; left: 0; }
/* IE6 */
.carNameList dd ul li { _margin-right: 5px; }
.cNLname { _width: 115px; }

.makerSectionFooter{ clear:both; padding:10px; }

/* サイドバー */
/* .sideBar { position: relative; border-bottom: 1px solid #ccc; background: url(/cmn/images/sprite/x.png) 0 -2000px repeat-x;} */
.sideHeader { position: relative; width: 278px; margin-bottom: 40px; z-index:20}
/*---.sideBar h3{margin-bottom:5px; padding:5px; border-left:solid 3px #f90; font-size:14px;}---*/
.sHttl { position:relative; border-bottom: 1px solid #ccc; height: 73px; padding: 6px 0 0 4px; background: url(/cmn/images/sprite/x.png) 0 -2000px repeat-x;}
.sHttl-ranking {height:35px;}
.sHttl p { margin: 8px 10px 0; font-size: 10px;}
.sideBar .modBlock{border:solid 1px #ccc; width:260px; padding:5px;}
.sideBar .modBlock h4{clear:both; margin-bottom:10px;}
.hikakuList{width:260px; margin-bottom:20px;}
.hikakuList li{clear:both; width:260px; overflow:hidden; margin-bottom:5px; list-style:none;}
.hikakuList li img{float:left; width:80px; height:60px; border:solid 1px #000;}
.hikakuList li p{float:right; width:157px; padding-left:17px; text-indent:-17px;}

/*サイドバーデザイン修正版20140806*/
.hikakuList_v02{width:260px; margin-bottom:20px;}
.hikakuList_v02 li{clear:both; width:260px; overflow:hidden; margin-bottom: 15px; list-style:none;}
.hikakuList_v02 li input{display: block; margin-bottom: 15px;}
.hikakuList_v02 li img{float:left; width:80px; height:60px; border:solid 1px #000;}
.hikakuList_v02 li p{float:left; width:157px; padding-left:15px;}


/* 認知アニメーション */
#sideAnimation			{ position: relative; top: 8px; left: 8px;}
.sideAnimation			{ width: 264px; height: 206px; background: url(/cmn/images/parts/shashu_01.png) 0 0 no-repeat;}
.sideAnimation img		{ position: relative; top: 97px; width: 264px; height: 48px;}
.sideAnimation span		{ position: absolute; top: 92px; left: -47px; display: block; width: 57px; height: 53px; text-indent: -9999px; background: url(/cmn/images/parts/shashu_02.png) 0 0 no-repeat;}

/*関連情報*/
.boxWrapper {
    padding: 10px 0;
    width: 978px;
}

.boxWrapper {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #CCCCCC;
    overflow: hidden;
}
.carInfoBox {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    display: inline;
    float: left;
    margin: 0 0 10px 10px;
    padding: 10px;
    width: 162px;
}
.rankLabel {
    font-size: 14px;
    height: 28px;
    line-height: 28px;
}
.rankLabel {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #666666;
    font-family: arial;
    font-weight: bold;
}
.ranking_No1 {
    background: url("/cmn/images/nenpiImg/nenpi.png") no-repeat scroll 0 -190px transparent;
    padding-left: 30px;
}
.ranking_No2 {
    background: url("/cmn/images/nenpiImg/nenpi.png") no-repeat scroll -160px -190px transparent;
    padding-left: 30px;
}
.ranking_No3 {
    background: url("/cmn/images/nenpiImg/nenpi.png") no-repeat scroll -320px -190px transparent;
    padding-left: 30px;
}
.ranking_No4 {
    background: url("/cmn/images/nenpiImg/nenpi.png") no-repeat scroll -460px -190px transparent;
    padding-left: 10px;
}
.ranking_No5 {
    background: url("/cmn/images/nenpiImg/nenpi.png") no-repeat scroll -460px -190px transparent;
    padding-left: 10px;
}
.imgCol img, .imgCol a img {
    border: 1px solid #CCCCCC;
}
.car_name {
    height: 55px;
	margin-bottom:5px;
}
.grd_name {
    margin-bottom: 0;
}
.nenpi_no {
    background: url("/cmn/images/nenpiImg/nenpi.png") no-repeat scroll -835px -45px #EBFFCC;
    border: 1px solid #5B9302;
    color: #4E3427;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}
.nenpi_no b {
    color: #4F8001;
    font-size: 14px;
}

.modTtl2 {
    background: url("/cmn/images/ttlBgBar2.png") no-repeat scroll 0 0 transparent;
    border-right: 1px solid #CCCCCC;
    clear: both;
    font-size: 12px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    margin-bottom: 10px;
    padding-left: 15px;
}
.orangeline {
    background: url("/cmn/images/zc/midashi.png") no-repeat scroll 0 0 #FFFFFF;
    font-family: Arial;
    font-size: 12px !important;
    height: 20px;
    line-height: 20px;
    margin-top: 15px;
    padding-left: 10px;
}
.review_photo {
    margin-right: 10px;
    width: 100px;
}
.article {
    width: 572px;
}
.captionTitle {
    background: none repeat scroll 0 0 #FBEEE2;
    border: 1px solid #FFCC00;
    color: #FF9900;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 2px;
}
.boxWrapper2{background: none repeat scroll 0 0 #FFF;
    border: 1px solid #CCCCCC;
    overflow: hidden;
}
.h3bdr{border-bottom:1px solid #CCC;}

/*調整*/
.ofh {overflow: hidden;_zoom:1}

/* ブランド名リンクテキストをボタン化 */
.btn_lp {
	height: 36px;
}
.btn_lp a {
	background: url("/cmn/images/sprite/btn_brandList_bg.png") no-repeat 0 0;
	float: right;
	display: block;
	width: 241px;
	height: 34px;
	padding-bottom: 1px;
	text-align: center;
	text-decoration: none;
	line-height: 34px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
.btn_lp a:hover {
	background-position: 0 -35px;
	color: #fff !important;
}
.btn_lp a:active {
	background-position: 0 -70px;
	padding-top: 1px;
	color: #fff !important;
}
.btn_lp a:visited {
	color: #fff !important;
}
.linkTxt{
	margin-top: 2px;
	text-align: right;
}