@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
p,th,td{
	text-decoration: none; font-style:normal;
}
table{/*border-collapse:collapse;*/ border-spacing:0;}
caption, th{text-align:left;}

ol,ul{list-style:none;}

fieldset,img{border:0;}	
a img{border:0;}
body#page-bkn1 a{outline:0;}
body#page-bkn1 a:hover{color:#f90;}

img{vertical-align:bottom;}
select option{padding:0 5px;}
div#container{clear:both; width:980px; margin:5px 0 15px 15px;}
p#pankuzu{margin-bottom:5px; font-size:10px; margin: }
p#pankuzu a,
p#pankuzu strong{font-size:10px;}
h1{width:905px; height:25px; line-height:25px; margin:5px 0 1px; padding-left:75px; background:url(/cmn/bknAllImg/panelImg/panelH1.png) no-repeat 0 0; color:#fff; font-size:12px; }
button{cursor:pointer;}

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

p#helpBtn{position:relative; width:980px; z-index:110;}
p#helpBtn a{position:absolute; right:15px; top:-25px; width:9px; height:9px;}

div#panel09{position:relative; width:980px; padding-top:5px; background-color:#a6c3e0;/*background:#a6c3e0 url(/cmn/bknAllImg/panelImg/panelBody.png) repeat-y 0 0;*/ margin:0 0 5px; z-index:10;}
dl.searchBox{position:relative; z-index:12;}
dl.searchBox dt{background-color:#fff;}
dl.searchBox dd{background-color:#fff;}

ul.dList{}
ul.dList li{clear:both; height:25px;}
ul.dList li span.listTtl{float:left; width:75px; height:20px; /*line-height:20px;*/padding-top:3px; padding-right:5px; text-align:right;}

/* コンボボックス幅 */
select.selectType1{width:240px;}
select.selectType2{width:106px;}
select.selectType3{width:178px;}
select.selectType4{width:100px;}
select.selectType5{width:140px;}/* カーナビ */
select.selectType6{width:100px;}

/* チェックボックス余白調整 モダンブラウザ用 
input[type*="checkbox"]{margin:2px 2px 1px;}*/
input[type*="checkbox"]{margin:2px 3px 1px 4px;}
*:first-child+html input[type*="checkbox"] {margin:0;}

/* 一段目 */
div#line1{position:relative; width:970px; height:115px; top:0; left:5px; z-index:20; background-color:#fff;}

ul#drillList1{position:absolute; top:10px; left:10px;}
ul#drillList2{position:absolute; top:10px; left:350px;}
ul#drillList3{position:absolute; top:10px; left:680px; width:280px;}


/* パネル内ヘルプアイコン位置修正 */
img.helpBits{position:relative; top:-3px; z-index:10;}

/* ボディ色選択 */
p.fukusuText{width:190px; height:25px; line-height:25px; padding-left:10px; color:#fff; font-size:11px;}
p.closeText{position:absolute; top:5px; right:10px;}
li#colorSelect div#colorBox p.closeText a{color:#fff; font-size:11px;}

li#colorSelect{position:relative; z-index:200;}
li#colorSelect div#colorBox{position:absolute; top:20px; left:75px; width:200px; margin-bottom:10px; border:solid 1px #000; background-color:#232e53;
filter: alpha(opacity=90,); 
/*-moz-opacity:.9;*/
opacity:.90;
z-index:210;}
li#colorSelect div#colorBox ul{margin:10px;}
li#colorSelect div#colorBox ul li{color:#fff;}
li#colorSelect div#colorBox ul li img{float:left; display:inline; margin:0 0 3px;}
li#colorSelect div#colorBox ul li input{float:left; display:inline; height:14px; margin:0 6px;}
* html li#colorSelect div#colorBox ul li input{margin:0 3px;}
li#colorSelect div#colorBox ul li a{float:left; display:inline; color:#fff;}
li#colorSelect div#colorBox ul li a:hover{color:#f90;}


/*
li#colorSelect button{float:left; width:80px; height:17px; background:url(/cmn/bknAllImg/panelImg/colorSelectBtn.png) no-repeat; display:block; text-indent:-9999px; border:none;}
*/
/*
li#colorSelect p#colorBtn{float:left; width:80px; height:17px; background:url(/cmn/bknAllImg/panelImg/colorSelectBtn.png) no-repeat; display:block; text-indent:-9999px; border:none;}
*/
li#colorSelect div.colorBtn{float:left;}
li#colorSelect div.colorBtn button,
li#colorSelect div.colorBtn_cls button{float:left; width:80px; height:17px; background:url(/cmn/bknAllImg/panelImg/colorSelectBtn.png) no-repeat; display:inline; text-indent:-9999px; border:none; margin-left:2px;}
li#colorSelect div.colorBtn_cls{float:left;}
li#colorSelect div.colorBtn_cls button{float:left; width:80px; height:17px; background:url(/cmn/bknAllImg/panelImg/closeBtnA.png) no-repeat; display:block; text-indent:-9999px; border:none;}
li#colorSelect p#cltext{float:left; display:inline; width:95px; height:17px; margin-left:5px;}

/* 詳しい条件とグレードを囲むdiv */
div#line2-3{margin:5px 0;}
/*  */
li#syufukucheck{}
li#syufukucheck span{width:70px;}

/* 販売店で絞り込む */
div#hanbaiten{clear:both; position:relative; width:970px; height:32px; margin:5px; background-color:#fff;}
div#hanbaiten p{width:750px; height:32px;}
div#hanbaiten p select{position:absolute; top:7px; left:120px;}


/* 二段目 */
dl#line2{position:relative; width:970px; height:200px; left:5px; margin-bottom:5px;}
/* 車両 */
dt.kodawari1{top:0; width:215px; height:20px; background:url(/cmn/bknAllImg/panelImg/dt2.png) no-repeat; text-indent:-9999px;}
dd.kodawari1{top:20px; width:215px; height:180px; background-color:#fff;}
.kodawari1{position:absolute; left:0; width:210px;}
ul#drillList4{position:absolute; top:5px; left:15px;}
ul#drillList4 li{height:25px;}
ul#drillList4 li span#turboTxt{font-size:11px;}

/* 物件 */
dt.kodawari2{top:0; width:170px; height:20px; background:url(/cmn/bknAllImg/panelImg/dt3.png) no-repeat; text-indent:-9999px;}
dd.kodawari2{top:20px; width:170px; height:70px;  background-color:#fff;}
.kodawari2{position:absolute; left:220px; width:150px;}
ul#drillList5{position:absolute; top:3px; left:15px;}
ul#drillList5 li{height:18px;}


/* 安全 */
dt.kodawari3{top:95px; width:170px; height:20px; background:url(/cmn/bknAllImg/panelImg/dt4.png) no-repeat; text-indent:-9999px;}
dd.kodawari3{top:115px; width:170px; height:85px; background-color:#fff;}
.kodawari3{position:absolute; left:220px; width:150px;}
ul#drillList6{position:absolute; top:3px; left:15px;}
ul#drillList6 li{height:19px;}


/* 装備 */
dt.kodawari4{top:0; width:370px; height:20px; background:url(/cmn/bknAllImg/panelImg/dt5.png) no-repeat; text-indent:-9999px;}
dd.kodawari4{top:20px; width:370px; height:180px; background-color:#fff;}
.kodawari4{position:absolute; left:395px; width:370px;}
ul.dList#drillList7{position:absolute; top:10px; left:10px;}
ul.dList#drillList8{position:absolute; top:10px; left:210px;}
ul.dList#drillList7 li,
ul.dList#drillList8 li{height:23px;}

ul.dList#drillList7 li span.listTtl,/* カーナビ */
ul.dList#drillList8 li span.listTtl{width:50px;}/* CD&MD */

/* その他 */
dt.kodawari5{top:0; width:200px; height:20px; background:url(/cmn/bknAllImg/panelImg/dt6.png) no-repeat; text-indent:-9999px;}
dd.kodawari5{top:20px; width:200px; height:180px; background-color:#fff; }
.kodawari5{position:absolute; left:770px; width:200px;}
ul#drillList9{position:absolute; top:5px; left:10px;}
ul#drillList9 li{height:18px;}

/* フリーワード入力 */
p#freeWordBox{position:absolute; top:130px; left:10px; width:180px; height:40px;}
p#freeWordBox{_top:135px;}
p#freeWordBox span{display:block;}
p#freeWordBox input{width:170px; padding:3px;}


/* 3段目 */
dl#line3{position:relative; width:970px; top:0; left:5px; z-index:15;}
dl.searchBox#line3 dt{width:970px; height:25px; background:#fff url(/cmn/bknAllImg/panelImg/dt7.png) no-repeat; text-indent:-9999px;}
/* モデルチェンジ 1行 */
dl.searchBox#line3 dd.mcBlock{clear:both; width:970px; height:95px; margin-bottom:1px; z-index:50;}

/* モデルチェンジ 個々のボックス */
div.mcBox{float:left; display:inline; position:relative; width:192px; margin:0 0px 5px 0;}
div.mcBox ul li.mcDate{width:180px; height:20px; padding-left:10px; line-height:20px; font-weight:bold;}/* 期間 */
div.mcBox ul li.mcImg{position:absolute; top:20px; left:10px; width:80px; height:60px;}/* 写真 */
div.mcBox ul li.mcImg img{border:solid 1px #999;}/* 写真 */
div.mcBox ul li.mcCheck{position:absolute; top:20px; left:95px;}/* チェックボックス */
div.mcBox ul li.mcBtn{position:absolute; top:65px; left:98px; width:80px; height:17px;}/* ボタン位置 */
div.mcBox ul li.mcBtn button{width:80px; height:17px; background:url(/cmn/bknAllImg/panelImg/grBtn.png) no-repeat; display:block; text-indent:-9999px; border:none;}
div.mcBox ul li.mcBtn_cls{position:absolute; top:65px; left:98px; width:80px; height:17px;}/* 閉じるボタン位置 */
div.mcBox ul li.mcBtn_cls button{width:80px; height:17px; background:url(/cmn/bknAllImg/panelImg/closeBtnA.png) no-repeat; display:block; text-indent:-9999px; border:none;}
div.mcBox ul li.mcBtn_clr{position:absolute; top:65px; left:98px; width:80px; height:17px;}/* クリアボタン位置 */
div.mcBox ul li.mcBtn_clr button{width:80px; height:17px; background:url(/cmn/bknAllImg/panelImg/grClearBtn.png) no-repeat; display:block; text-indent:-9999px; border:none;}


/* グレード一覧 */
div.grBox{position:absolute; width:250px; padding:5px; margin-top:83px; background-color:#152045; filter: alpha(opacity=90,); 
opacity:.90;
border:solid 1px #000; z-index:150;
display:none;
}
/* 閉じる */
div.grBox p.closeText{position:relative; width:250px; text-align:right;}
body#page-bkn1 div.grBox p.closeText a{position:absolute; top:-5px; right:-5px; color:#fff; font-size:11px;}

div.grBox ul{width:240px; margin:10px 5px;}
div.grBox ul li{margin-bottom:5px; border-bottom:dotted 1px #999; padding:5px 0 5px 15px; color:#fff; padding-left:8px; background:url(/cmn/bknAllImg/panelImg/blueArrow.png) no-repeat 0 7px;}
body#page-bkn1 div.grBox ul li a{color:#fff; font-weight:bold;}
body#page-bkn1 div.grBox ul li a:hover{color:#f90;}

/* グレード一覧　横位置のみ指定 */
div.popup1{left:10px;}
div.popup2{left:202px; display:none;}
div.popup3{left:394px; display:none;}
div.popup4{left:586px;}
div.popup5{left:778px; display:none;}

/* 選択されたグレード */
div#selectedGr{position:absolute; top:70px; left:210px; width:740px; height:20px; padding-top:20px; background:url(/cmn/bknAllImg/panelImg/selectedGrTtl.png) no-repeat;}
div#selectedGr p.closeText{display:none;}

/* 4段目 */
div#rirekiLine{clear:both; position:relative; width:980px; height:20px; margin:2px 0 5px;}
div#rirekiLine h2{position:absolute; top:0; right:0; font-size:10px; font-weight:normal; color:#666;}
div#rirekiLine p#osiraseBox{}
div#rirekiLine p#osiraseBox img{display:block; float:left;}
div#rirekiLine p#osiraseBox a{}
div#rirekiLine p#rirekiBox{position:absolute; left:430px; top:0;}
div#rirekiLine p#myBox{position:absolute; left:430px; top:15px;}
div#rirekiLine p a{padding-left:8px; background:url(/cmn/bknAllImg/panelImg/blueArrow.png) no-repeat 0 3px;}
div#rirekiLine p#osiraseBox a{display:inline; float:left; margin-left:10px; margin-top:3px; background:url(/cmn/bknAllImg/panelImg/blueArrow.png) no-repeat 0 3px;}

/* 関連車種 */
div#reccomendLine{clear:both; width:950px; margin:5px; padding:7px 10px 3px; background-color:#fff;}
div#reccomendLine p{float:left; width:250px; height:20px; background:url(/cmn/bknAllImg/panelImg/reccomendTtl.png) no-repeat 0 0; text-indent:-9999px;}
div#reccomendLine ul{float:right; width:660px; padding:0 10px;}
div#reccomendLine ul li{float:left; height:17px; display:inline; margin:2px 10px 5px 0; word-break:keep-all; }
div#reccomendLine ul li a{padding-left:8px; background:url(/cmn/bknAllImg/panelImg/blueArrow.png) no-repeat 0 2px;}
div#reccomendBtm{width:960px; height:5px; margin:0 10px 5px; background:url(/cmn/bknAllImg/panelImg/reccomendBtm.png) no-repeat 0 0;}

/* 5段目 */
div#btmLine{clear:both; position:relative; width:970px; height:40px; margin:0 5px 5px; background-color:#fff;}

/* パネル開閉 */
p.panelOpenBox,p.panelOpenBox_cls{position:absolute; bottom:7px; left:10px; width:500px; height:20px;}
p.panelOpenBox a{cursor:pointer;font-weight:bold; font-size:14px; padding-left:20px; background:url(/cmn/bknAllImg/panelImg/plusBtn.gif) no-repeat 0 0;}
p.panelOpenBox a:hover{color:#f90;background:url(/cmn/bknAllImg/panelImg/plusBtn_on.gif) no-repeat 0 0;}
p.panelOpenBox span{margin:4px 0 0 5px ; color:#666; font-size:12px;}
p.panelOpenBox_cls a{cursor:pointer;font-weight:bold; font-size:14px; padding-left:20px; background:url(/cmn/bknAllImg/panelImg/plusBtn.gif) no-repeat 0 0;}
p.panelOpenBox_cls a:hover{color:#f90;background:url(/cmn/bknAllImg/panelImg/plusBtn_on.gif) no-repeat 0 0;}
p#submitBox{position:absolute; right:0; bottom:45px; z-index:10;}

/* 検索ボタン */
div#container div#panel09 div#btmLine button.SearchBtn{
	position:absolute;
	top:5px;
	right:10px;
	width:135px;
	height:32px;
	border:none;
	background:url(/cmn/bknAllImg/panelImg/SearchBtn.png) no-repeat;
	display:block;
	text-indent:-9999px;
}
div#container div#panel09 div#btmLine button.SearchBtn_on{
	position:absolute;
	top:5px;
	right:10px;
	width:135px;
	height:32px;
	border:none;
	background:url(/cmn/bknAllImg/panelImg/SearchBtn_on.png) no-repeat;
	display:block;
	text-indent:-9999px;
}

/* クリアボタン */
p.ClearBtn{position:absolute; top:17px; right:155px;}
body#page-bkn1 p.ClearBtn a{padding-left:15px;  background:url(/cmn/bknAllImg/panelImg/clearIcon.gif) no-repeat; color:#999;}
body#page-bkn1 p.ClearBtn a:hover{background:url(/cmn/bknAllImg/panelImg/clearIcon_on.gif) no-repeat; color:#f90;}

/* 車種バナー */
div#carBanner{position:relative; width:980px; height:145px; margin:15px 0 0; background:url(/cmn/bknAllImg/panelImg/carBanBlock.png) no-repeat;}
div#carBanner p#banTtl{position:absolute; top:3px; left:30px; width:480px; height:30px; line-height:30px; font-weight:bold;}
div#carBanner p#banShop{position:absolute; top:3px; left:440px; width:500px; height:30px;  line-height:30px; font-weight:bold;}
div#banBlock{position:absolute; top:40px; left:15px; width:860px; height:90px;}
div#banBlock ul li{line-height:1.1em;}

/* もっと見るボタン */
div#carBanner p#banShopMore{position:absolute; bottom:12px; right:8px; width:80px; height:65px;}
div#carBanner p#banShopMore a{display:block; width:80px; height:65px; background:url(/cmn/bknAllImg/panelImg/carBanBtn.png) no-repeat 0 0; text-indent:-9999px;}
div#carBanner p#banShopMore a:hover{background-position:0 -65px;}
li.banCarImg a img{border:solid 1px #999;}

/* 5台 */
div#banBlock ul.bkn5{float:left; display:inline; position:relative; width:162px; height:90px; margin:5px 10px 0 0; display:none;}
div#banBlock ul.bkn5 li span{display:block; margin:0; font-weight:normal; color:#333; font-size:10px;}
div#banBlock ul.bkn5 li.banCarImg{position:absolute; top:0; left:0;}
div#banBlock ul.bkn5 li.banCarPrice{position:absolute; top:0; left:85px; color:red; font-weight:bold; font-size:12px;}
div#banBlock ul.bkn5 li.banCarYear{position:absolute; top:27px; left:85px;}
div#banBlock ul.bkn5 li.banCarMileage{position:absolute; top:52px; left:85px;}
div#banBlock ul.bkn5 li.banCarMore{position:absolute; bottom:5px; left:0;}
div#banBlock ul.bkn5 li.banCarMore a{padding-left:8px; background:url(/cmn/bknAllImg/panelImg/blueArrow.png) no-repeat 0 2px;}
/* 4台 */
div#banBlock ul.bkn4{float:left; display:inline; position:relative; width:205px; height:90px; margin:5px 10px 0 0; display:none;}
div#banBlock ul.bkn4 li span{display:block; margin:0; font-weight:normal; color:#333; font-size:10px;}
div#banBlock ul.bkn4 li.banCarImg{position:absolute; top:0; left:10px;}
div#banBlock ul.bkn4 li.banCarPrice{position:absolute; top:0; left:105px; color:red; font-weight:bold; font-size:12px;}
div#banBlock ul.bkn4 li.banCarYear{position:absolute; top:27px; left:105px;}
div#banBlock ul.bkn4 li.banCarMileage{position:absolute; top:52px; left:105px;}
div#banBlock ul.bkn4 li.banCarMore{position:absolute; bottom:5px; left:10px;}
div#banBlock ul.bkn4 li.banCarMore a{padding-left:8px; background:url(/cmn/bknAllImg/panelImg/blueArrow.png) no-repeat 0 2px;}
/* 3台 */
div#banBlock ul.bkn3{float:left; display:inline; position:relative; width:260px; height:90px; margin:5px 25px 0 0;}
div#banBlock ul.bkn3 li span{float:left; width:50px; margin-right:10px; font-weight:normal; color:#333; font-size:10px;}
div#banBlock ul.bkn3 li.banCarImg{position:absolute; top:0; left:10px;}
div#banBlock ul.bkn3 li.banCarPrice{position:absolute; top:0; left:105px; color:red; font-weight:bold; font-size:12px;}
div#banBlock ul.bkn3 li.banCarYear{position:absolute; top:20px; left:105px;}
div#banBlock ul.bkn3 li.banCarMileage{position:absolute; top:40px; left:105px;}
div#banBlock ul.bkn3 li.banCarMore{position:absolute; bottom:5px; left:10px;}
div#banBlock ul.bkn3 li.banCarMore a{padding-left:8px; background:url(/cmn/bknAllImg/panelImg/blueArrow.png) no-repeat 0 2px;}

/* 検索結果数 */
div.resultBlock{position:relative; width:980px; height:50px; margin:10px 0;}
h3.resultNumber{font-size:14px; font-weight:bold;}
h3.resultNumber strong{margin:0 5px; font-size:24px; color:#f00; font-family:Arial;}
h3.resultNumber span{font-weight:normal; font-size:12px;}
p.resultText{font-size:11px; color:#999;}
p.pageNumber{position:absolute; top:15px; right:0; font-size:12px; color:#666;}
p.pageNumber em{font-style:normal; font-weight:bold; margin:0 2px;}
p.pageNumber a{margin:0 2px; font-size:12px;}
p.pageNumber span.thisPage{margin:0 2px; font-size:12px;}
p.fukusu-check{margin:5px 0 0;}

/* clearfix */
div.clearfix{
	zoom:1;/*for IE 5.5-7*/
}
div.clearfix:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.icon{margin:0 6px 0 0; vertical-align:middle;}

/* 検索結果0件時 */
div.error {
BORDER-RIGHT: #ccc 1px dotted; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px dotted; MARGIN-TOP: 25px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 14px; VISIBILITY: visible; PADDING-BOTTOM: 15px; MARGIN-LEFT: 0; BORDER-LEFT: #ccc 1px dotted; WIDTH: 968px; COLOR: #f00; LINE-HEIGHT: 1.5em; PADDING-TOP: 15px; BORDER-BOTTOM: #ccc 1px dotted
}
div.error{text-align:center;}
div#zeromatch{position:relative; width:500px; height:130px; margin:20px auto; background:url(/cmn/images/zero-btn-bg.png) no-repeat 0 0; }
div#zeromatch a{position:absolute; top:30px; left:150px; display:block; width:300px; height:45px;}
div#zeromatch p{position:absolute; top:80px; left:150px; width:300px; text-align:center; font-size:12px;}

/* footer車種リンク */
div#shashuLink{clear:both; width:980px; margin:20px 0 0 15px; z-index:1;}
div#footCopy{width:980px;}
div#footCopy i{float:right; font-size:11px; font-weight: normal; font-style:normal;}