@charset "utf-8";

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

/************************************************************
 * CLASSES(プロパティ)
 ************************************************************/
h3			{ font-size: 19px !important;}
.CB			{ margin-right: 2px; margin-bottom: 0px;}

/* WIDTH */
.w20	{ width: 20px; }
.w110	{ width: 110px; }
.w200	{ width: 200px; }
.w240	{ width: 240px; }
.w243	{ width: 243px; }
.w270	{ width: 270px; }

/* HEIGHT */

.h35	{ height: 35px; }
.h40	{ height: 40px; }
.h60	{ height: 60px; }

/* MARGIN */

.R5		{ margin-right: 5px; }
.mR10	{ margin-right: 10px; }
.mL10	{ margin-left: 10px; }
.mL20	{ margin-left: 20px; }
.mL30	{ margin-left: 30px; }
.mT5	{ margin-top: 5px; }
.mT10	{ margin-top: 10px; }
.mT65	{ margin-top: 65px; }
.mB10	{ margin-bottom: 10px; }
.pT3	{ padding-top: 3px;}
.pT5	{ padding-top: 5px;}

/* PADDING */
.p1 { padding: 1px;}
.pB3 { padding-bottom: 3px;}
.pT15 { padding-top: 15px;}

.top60	{ top: 60px; }
.left5	{ left: 5px; }


/* org+++功刀さん+++org */

.spGrayTB {
	border-top: 1px solid #bdbdbd;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #bdbdbd;
	}

.jyoken_shibori { 
	width: 171px;
	height: 30px;
	text-indent: -9999px;
	outline: none;
	text-decoration: none;
	background: url(/cmn/images/bodytype_01.png) 0 0 no-repeat;
	}
.jyoken_shibori:hover { background-position: 0 -30px;}
.jyoken_shibori:active { background-position:  0 -60px;}

a img.imgFrame {
	border: 1px solid #f0f0f0;
	padding: 5px;
	}


.ac {
	padding-left: 6px;
	background-position: 0 -696px;
	}
.listLink a {
	text-decoration: none;
	color: #333;
	}
.listLink a span {
	text-decoration: underline;
	color: #1e0fca;
	}
.listLink a:hover span {
	color: #ff7e1d;
	}

#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; }


/* recommend block */
.btypeRecommendBlock *{margin:0; padding:0;}
.btypeRecommendBlock{width:976px; height:165px; overflow:hidden;}
.btypeRecommendBlock h3{margin:5px 15px; padding-left:5px; font-size:14px; border-left:solid 3px #f90;}
.btypeRecommendList{width:950px; margin:0 15px; height:136px; overflow:hidden;}
.btypeRecommendList li{float:left; width:170px; margin-right:10px; padding:10px 10px 10px 0; list-style:none;}

.btypeRecommendList li img{display:block; width:80px; height:60px; margin-bottom:5px; border:solid 1px #eee;}
.btypeRecommendList li a{text-decoration:none;}
.maker_name,
.car_name,
.keisaiDaisu{display:block; font-size:10px;}
.btypeRecommendList .maker_name,
.btypeRecommendList .car_name{text-decoration:underline; font-weight:bold;}
.btypeRecommendList .car_name{height:1.5em;}
.keisaiDaisu{text-decoration:none; color:#333;}
.keisaiDaisu b{font-size:14px;color:#c00;}

/**/
.btypeListTbl{width:980px;}
/*---.btypeListTbl .mainCol{width:706px; border:solid 1px #ccc;}---*/
.btypeListTbl .mainCol{width:680px; border:solid 1px #ccc; vertical-align: top;z-index: 1;}
/*---.sideBar{border:solid 1px #ccc; width:272px; padding:5px; vertical-align:top;}---*/
.sideBar { border: 1px solid #ccc; width: 280px; vertical-align: top;}
/*---.btypeListTbl .sideBar{width:254px; border:solid 1px #ccc; vertical-align:top;}---*/
.btypeListTbl .sideBar {border: 1px solid #ccc; width: 280px; vertical-align: top;}
.btypeListTblHeader{position: relative; padding: 8px 10px 5px; border-bottom: solid 1px #ccc; background: white url(/cmn/images/sprite/x.png) 0 -2000px repeat-x;}
.btypeListTblHeader h2{height: 25px; line-height: 25px; margin-bottom: 4px; padding-left: 10px; border-left: solid 3px #f90;}

.modBlock{margin:0 auto 20px;position:relative;}

.btypeListTblHeader .txtBlock{float:left; width:415px; padding:10px 5px; font-size:10px;}
.btypeListTblFooter .txtBlock{float:left; width:415px; height:35px; line-height:35px; margin:10px 5px;}
.btypeListTblHeader .btnBlock{float:right; width:241px; height:35px; padding:10px 5px;}
.btypeListTblFooter .btnBlock{float:right; width:241px; height:35px; padding:10px 5px;}
#contentsTexts{padding:5px; font-size:10px;}
.btypeListTblBody{clear:both;}
.btypeListTblFooter{clear:both; overflow:hidden; border-top:solid 1px #f0f0f0;margin:0 1px;}

.btypeListLine{margin:0 0 10px 5px;padding:5px 0; border-top:solid 1px #f0f0f0; overflow:hidden;}
.bodyTypeList{float: left; position:relative; width: 220px; height: 145px;}
.bodyTypeList a img{position:absolute; left:20px; top:0;}
.bodyTypeList input{position:absolute; left:0; top:0;}
.bodyTypeList ul{position:absolute; left:25px; top:60px; width:200px; overflow:hidden;}
.bodyTypeList ul .car_name a{line-height:15px; font-weight:normal; font-size:12px; text-decoration:none; color:#333;}
.bodyTypeList ul .car_name a span{text-decoration:underline; color:#1E0FCA;}
.bodyTypeList ul .car_name a span:hover{color:#f90;}
.bodyTypeList ul .price_souba{font-size:10px;}
.bodyTypeList ul .price_souba span{font-size:12px;}
.bodyTypeList ul .link_catalog{line-height:13px;}

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;
	}

/* サイドバー */
/* .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 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;}

.selectedHikakuList{line-height:1.6em;}
.selectedHikakuList .emptyTxt{color:#666; font-weight:bold;}


/*サイドバーデザイン修正版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;}

/*---.bdt__carNameList{margin:0 10px 10px;}---*/
.bdt__carNameList{ margin: 0 0 10px 0; width: 670px; position: relative; padding-top:162px; *padding-top:185px; }
.bdt__carNameList .numberOfResult { position: static; z-index: auto;}
.bdt__searchPanel--ttl {text-align: right; font-weight: normal;font-size: 10px;color: #969A99; padding: 5px 10px 0 0}
.bdt__carNameList--content { margin: 0 0 10px 5px; width: 670px; overflow: hidden; border-bottom:solid 1px #ccc; }
/*---.bdt__carNameList--content ul{padding-top: 10px; width:658px; overflow:hidden;}---*/
.bdt__carNameList--content ul{ padding-top: 10px; width: 700px; }
.bdt__carNameList--content ul li { float: left; position: relative; margin-right: 10px; width: 217px; height: 70px; padding-top: 40px;}
.bdt__carNameList--content ul li input { position: absolute; top: 0; left: 0; }
.bdt__carNameList .cNLname { position: relative; display: block; padding-left: 100px; }
.bdt__carNameList .cNLname img { position: absolute; top: -12px; left: 0; width: 80px; height: 60px; }
/* IE6 */
.bdt__carNameList--content ul li { _margin-right: 5px; }
.bdt__carNameList .cNLname { _width: 115px; }

/* 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;}


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

.carCount {padding-left: 15px;font-weight: normal;font-size: 12px;}
.carCount span {font-size: 24px;color: #FF7200;font-family: Arial;font-weight: bold;}
#preList {margin-top:0px;}
.numberOfResult {margin-top: -13px;margin-right: 10px;z-index: 1;font-weight: bold;}
span.sn {display: block;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;}