@charset "UTF-8";

/*
##################################################################
bklist_upper_v1.4.css
################################################################## */

h1 {
    margin-bottom: 3px !important;
    }

div.container {
    margin: 0px 0px 30px 15px;
    width: 980px;
    }

/* H1用パラグラフ */
p.p_h1_caption {
    padding-bottom: 2px;
    font-size: 10px;
    line-height: 11px;
    color: #999;
    text-align: right;
    }

p.p_h1_caption strong {
    font-size: 10px;
    font-weight: 400;
    }

/* グレー枠 */
div.d_searchBox {
    /*---margin-top: -28px;---*/
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 0px 7px 0px 7px;
    width: 964px;
    background-color: #f3f3f3;
    }

/* ホワイト枠 */
div.d_searchFrame {
    position: relative;
    margin-top: 7px;
    border: 1px solid #ebebeb;
    background-color: #fff;
    overflow: hidden;
    }

div.d_searchFrame ul, div.d_searchFrame dl {
    position: absolute;
    overflow: hidden;
    }

/* 広げた枠 */
div.d_addBox {
    width: 962px;
/*    height: 404px;*/
    overflow: hidden;
    }

div.d_addBox div.d_searchFrame {
    float: left;
    }

div.d_addBox p {
    margin: 10px 0px 0px 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 15px;
    }



/*
##################################################################
メインパネル（閉じてる状態）
################################################################## */

div.d_sB_main {
    width: 962px;
    height: 154px;
    }

/* メーカー・車種 */
ul.sp01 {
    top: 12px;
    left: 0px;
    width: 350px;
    height: 152px;
    }

ul.sp01 li {
    width: 350px;
    overflow: hidden;
    }

li.sp01_1 {
    height: 29px;
    }

li.sp01_2 {
    height: 40px;
    }

ul.sp01 li span {
    float: left;
    display: block;
    padding-right: 5px;
    width: 55px;
    text-align: right;
    line-height: 20px;
    }

li.sp01_1 span {
    height: 29px;
    }

li.sp01_2 span {
    height: 40px;
    }

ul.sp01 li p {
    float: left;
    width: 281px;
    _padding-left: 3px;
    _width: 278px;
    height: 40px;
    }

li.sp01_2 a {
    padding-left: 6px;
    font-size: 10px;
    line-height: 11px;
    background: url(/cmn/images/general/sprite_midashi.gif) 0 3px no-repeat;
    }

/* 価格・年式 */
ul.sp02 {
    top: 12px;
    left: 341px;
    width: 326px;
    height: 85px;
    }

ul.sp02 li {
    width: 326px;
    height: 29px;
    /*---background: url(/cmn/images/general/ico_nyoro1.png) 185px 9px  no-repeat;---*/
    background: url(/cmn/images/general/ico_nyoro1.png) 170px 9px  no-repeat;
    _background: url(/cmn/images/general/ico_nyoro1.png) 173px 9px  no-repeat;
    }

ul.sp02 li span {
    float: left;
    padding-right: 5px;
    width: 61px;
    text-align: right;
    line-height: 20px;
    }

/* ミッション */
ul.sp03 {
    top: 103px;
    left: 341px;
    width: 326px;
    height: 30px;
    }

ul.sp03 li {
    width: 326px;
    height: 30px;
    line-height: 20px;
    }

ul.sp03 li span {
    float: left;
    width: 61px;
    text-align: right;
    }

ul.sp03 li input {
    vertical-align: -2px;
    }

/* 色 */
dl.sp04 {
    top: 12px;
    left: 667px;
    width: 300px;
    height: 65px;
    }

dl.sp04 dt, dl.sp04 dd {
    float: left;
    }

dl.sp04 dt {
    width: 50px;
    height: 60px;
    text-align: right;
    line-height: 16px;
    }

dl.sp04 dd {
    width: 245px;
    height: 65px;
    }

span.s_clCheckF {
    float: left;
    display: block;
    width: 48px;
    height: 19px;
    background-image: url(/cmn/images/bklist/v1.2_01.png);
    background-repeat: no-repeat;
    cursor: default;
    }

/* 色設定 */
span.t_clChkBox_WH { background-position: 0 0;}
span.t_clChkBox_WH { /background-position: 0 1px;}
span.t_clChkBox_RD { background-position: 0 -20px;}
span.t_clChkBox_RD { /background-position: 0 -19px;}
span.t_clChkBox_GR { background-position: 0 -40px;}
span.t_clChkBox_GR { /background-position: 0 -39px;}
span.t_clChkBox_BR { background-position: 0 -60px;}
span.t_clChkBox_BR { /background-position: 0 -59px;}
span.t_clChkBox_PK { background-position: 0 -80px;}
span.t_clChkBox_PK { /background-position: 0 -79px;}
span.t_clChkBox_PL { background-position: 0 -100px;}
span.t_clChkBox_PL { /background-position: 0 -99px;}
span.t_clChkBox_BL { background-position: 0 -120px;}
span.t_clChkBox_BL { /background-position: 0 -119px;}
span.t_clChkBox_YL { background-position: 0 -140px;}
span.t_clChkBox_YL { /background-position: 0 -139px;}
span.t_clChkBox_OR { background-position: 0 -160px;}
span.t_clChkBox_OR { /background-position: 0 -159px;}
span.t_clChkBox_PU { background-position: 0 -180px;}
span.t_clChkBox_PU { /background-position: 0 -179px;}
span.t_clChkBox_BK { background-position: 0 -200px;}
span.t_clChkBox_BK { /background-position: 0 -199px;}
span.t_clChkBox_GL { background-position: 0 -220px;}
span.t_clChkBox_GL { /background-position: 0 -219px;}
span.t_clChkBox_GD { background-position: 0 -240px;}
span.t_clChkBox_GD { /background-position: 0 -239px;}
span.t_clChkBox_SI { background-position: 0 -260px;}
span.t_clChkBox_SI { /background-position: 0 -259px;}
span.t_clChkBox_ZZ { background-position: 0 -280px;}
span.t_clChkBox_ZZ { /background-position: 0 -279px;}

span.s_clCheckF label {
    }

input.chkCl {
    float: left;
    }

span.s_clCheckF span {
    display: block;
    width: 13px;
    height: 13px;
    text-indent: -9999px;
    }

/* その他 */
dl.sp05 {
    top: 75px;
    left: 667px;
    width: 295px;
    height: 75px;
    }

dl.sp05 dt, dl.sp05 dd {
    float: left;
    display: inline;
    }

dl.sp05 dt {
    width: 50px;
    height: 75px;
    text-align: right;
    line-height: 16px;
    }

dl.sp05 dd {
    _margin-top: -4px;
    width: 244px;
    height: 75px;
    ilne-height: 13px;
    }

dl.sp05 dd span {
    float: left;
    display: block;
    width: 122px;
    height: 17px;
    _overflow: hidden;
    }

dl.sp05 dd span input {
    vertical-align: -2px;
    }

span.sp05_1 {
    /*---width: 61px !important;---*/
    width: 200px !important;
    }

span.sp05_2 {
    font-size: 10px;
    }



/*
##################################################################
車のタイプ
################################################################## */

div.d_sB_add1 {
    width: 750px;
    height: 160px;
    }

/* 輸入車、ハイブリッド車 */
ul.sp06 {
    top: 33px;
    left: 10px;
    width: 275px;
    heigh:t 70px;
    }

ul.sp06 li {
    float: left;
    height: 22px;
    }

li.sp06_1 {
    width: 120px;
    }

li.sp06_2 {
    width: 154px;
    }

ul.sp06 li input {
    vertical-align: -2px;
    }

/* ボディタイプ */
ul.sp07 {
    top: 105px;
    left: 10px;
    width: 290px;
    height: 30px;
    }

ul.sp07 li {
    width: 290px;
    height: 30px;
    }

ul.sp07 li span {
    float: left;
    display: block;
    width: 80px;
    line-height: 20px;
    }

/* 排気量 */
dl.sp08 {
    top: 29px;
    left: 290px;
    width: 450px;
    height: 49px;
    }

dl.sp08 dt, dl.sp08 dd {
    float: left;
    height: 49px;
    }

dl.sp08 dt {
    padding-right: 5px;
    width: 80px;
    text-align: right;
    line-height: 20px;
    }

dl.sp08 dd {
    float: left;
    width: 364px;
    background: url(/cmn/images/general/ico_nyoro1.png) 105px 8px no-repeat;
    }

dl.sp08 dd span {
    display: block;
    height: 23px;
    }

dl.sp08 dd span input {
    vertical-align: -2px;
    }

dl.sp08 dd span em {
    font-style: normal;
    color: #999;
    }

/* エンジン種別、数 */
ul.sp09 {
    top: 78px;
    left: 290px;
    width: 425px;
    height: 80px;
    }

ul.sp09 li {
    float: left;
    width: 210px;
    height: 25px;
    }

ul.sp09 li span {
    float: left;
    padding-right: 5px;
    width: 80px;
    text-align: right;
    line-height: 20px;
    }



/*
##################################################################
状態
################################################################## */

div.d_sB_add2 {
    margin-left: 7px;
    width: 201px;
    height: 160px;
    }

ul.sp10 {
    top: 29px;
    left: 14px;
    width: 180px;
    height: 125px;
    }

ul.sp10 li {
    width: 180px;
    height: 22px;
    }

li.sp10_1 {
    height: 32px !important;
    }

li.sp10_1 span {
    float: left;
    display: block;
    width: 55px;
    line-height: 20px;
    }

li.sp10_1 span a {
    vertical-align: 5px;
    }

head~/* */body li.sp10_1 span a {
    vertical-align: 2px;
    }

ul.sp10 li input {
    vertical-align: -2px;
    }



/*
##################################################################
装備仕様
################################################################## */

div.d_sB_add3 {
    width: 750px;
    height: 165px;
    }

ul.sp11 {
    top: 33px;
    left: 10px;
    width: 740px;
    height: 120px;
    }

ul.sp11 li {
    float: left;
    height: 19px;
    }

ul.sp11 li input {
    vertical-align: -2px;
    }

li.sp11_1 {
    width: 126px;
    }

li.sp11_2 {
    width: 130px;
    }

li.sp11_2_2 {
    width: 297px;
    }

li.sp11_3 {
    width: 167px;
    }

li.sp11_4 {
    width: 187px;
    }

li.sp11_5 {
    width: 129px;
    }

/* カーナビ */
ul.sp12 {
    top: 135px;
    left: 225px;
    width: 450px;
    height: 32px;
    }

ul.sp12 li {
    float: left;
    width: 220px;
    height: 32px;
    }

ul.sp12 li span {
    float: left;
    padding-right: 5px;
    width: 85px;
    text-align: right;
    line-height: 20px;
    }



/*
##################################################################
その他
################################################################## */

div.d_sB_add4 {
    margin-left: 7px;
    width: 201px;
    height: 165px;
    }

ul.sp13 {
    top: 33px;
    left: 14px;
    width: 180px;
    height: 110px;
    }

ul.sp13 li {
    width: 180px;
    height: 22px;
    }

ul.sp13 li input {
    vertical-align: -2px;
    }

/* フリーワード */
dl.sp14 {
    top: 122px;
    left: 17px;
    width: 180px;
    height: 40px;
    }

dl.sp14 input {
    padding: 1px 0px 1px 1px;
    width: 165px;
    line-height: 14px;
    }



/*
##################################################################
ﾌｫｰﾑ設定
################################################################## */

.selectType1 {
    width: 270px;
    }

.selectType2 {
    width: 150px;
    }

.selectType3 {
    width: 116px;
    }

.selectType4, .selectType4_rear {
    width: 100px;
    }

.selectType4_rear {
    margin-left: 17px;
    }

.selectType5 {
    width: 190px;
    }

.selectType6 {
    width: 120px;
    }

/* CHECKBOX余白調整 モダンブラウザ用 */
input[type*="checkbox"] {
    margin:2px 3px 1px 4px;
    }

*:first-child+html input[type*="checkbox"] {
    margin:0;
    }



/*
##################################################################
最下部ボタン群
################################################################## */

/* SUBMIT枠 */
div.d_actionBox {
    position: relative;
    width: 962px;
    height: 34px;
    }

div.d_actionBox p {
    position: absolute;
    top: 9px;
    height: 25px;
    }

/* 開閉ボタン */
p.d_aB1 {
    width: 650px;
    overflow: hidden;
    }

p.d_aB1 a {
    float: left;
    display: block;
    padding-left: 23px;
    /*---width: 195px;---*/
    height: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    background-image: url(/cmn/images/bklist/bklist_sprite_v1.0.png);
    background-repeat: no-repeat;
    }

a.a_close {
    background-position: -500px 0;
    }

a:hover.a_close {
    background-position: -500px -25px;
    }

a.a_open {
    background-position: -500px -50px;
    }

a:hover.a_open {
    background-position: -500px -75px;
    }

p.d_aB1 span {
    float: left;
    display: block;
    margin-left: 15px;
    padding-top: 5px;
    font-size: 10px;
    line-height: 11px;
    color: #666;
    }

/* 条件クリア */
p.d_aB2 {
    left: 735px;
    width: 69px;
    }

p.d_aB2 a {
    display: block;
    width: 69px;
    height: 25px;
    text-indent: -9999px;
    text-decoration: none;
    outline: none;
    background: url(/cmn/images/bklist/bklist_sprite_v1.0.png) 0 -70px no-repeat;
    }

p.d_aB2 a:hover {
    background-position: -69px -70px;
    }

/* 再検索 */
p.d_aB3 {
    left: 813px;
    width: 150px;
    }

p.d_aB3 input#research-button {
    cursor: pointer;
    height: 30px;
    width: 150px;
    border: 0px;
    background: url(/cmn/images/bklist/bklist_sprite_v1.0.png) 0 -95px no-repeat;
    }

p.d_aB3 input#research-button:hover {
    background-position: -150px -95px;
    }

/* リンク枠 */
div.d_otherLinkBox {
    position: relative;
    width: 980px;
    height: 53px;
    background: url(/cmn/images/bklist/v1.0_04.png) 0 0 no-repeat;
    }

div.d_otherLinkBox p {
    position: absolute;
    top: 15px;
    }

div.d_otherLinkBox p a {
    padding-left: 8px;
    line-height: 13px;
    background: url(/cmn/images/general/sprite_midashi.gif) 0 3px no-repeat;
    }



/* あなたの検索条件履歴をみる */
p.p_oLB1 {
    left: 0px;
    }

/* My カーセンサーをみる */
p.p_oLB2 {
    left: 170px;
    }

/*「新着お知らせメール」を登録 */
p.p_oLB3 {
    left: 730px;
    }



/*
##################################################################
サジェスト
################################################################## */

div.d_suggestBox,
div.d_hambaitenBox {
    width: 962px;
    }

div.d_sgB,
div.d_hmB,
div.d_ssB {
    padding: 9px 0px 9px 10px;
    width: 950px;
    }

div.d_sgBr,
div.d_hmBl,
div.d_hmBr,
div.d_ssBl,
div.d_ssBr, {
    float: left;
    }


div.d_sgBl {
    float: left;
    position: relative;
    width: 306px;
    height: 17px;
    }


div.d_hmBl {
    position: relative;
    width: 239px;
    height: 28px;
    }

div.d_sgBr {
    float: left;
    width: 480px;
    }
div.d_hmBr {
    float: left;
    width: 640px;
    }

p.p_sgBl1,
p.p_hmBl1,
p.p_ssBl1 {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 17px;
    text-indent: 10px;
    background: url(/cmn/images/general/sprite_midashi.gif) 0 -400px no-repeat;
    }

p.p_sgBl2 {
    position: absolute;
    top: 0px;
    left: 229px;
    width: 57px;
    height: 17px;
    text-indent: -9999px;
    background: url(/cmn/images/bklist/bklist_sprite_v1.0.png) -140px -70px no-repeat;
    }

div.d_sgBr p {
    float: left;
    padding-right: 10px;
    width: 200px;
    height: 18px;
    }

div.d_sgBr p a {
    padding-left: 8px;
    line-height: 13px;
    background: url(/cmn/images/general/sprite_midashi.gif) 0 3px no-repeat;
    }

div.d_hmBr select {
    float: left;
    width: 180px;
    height: 18px;
    }

div.d_ssB select {
    position: absolute;
    top: 7px;
    left: 200px;
    width: 400px;
    }


/*
##################################################################
販売店コンボボックス
################################################################## */
div.d_hambaitenBox {
    width: 962px;
    }

div.d_hmB {
    padding: 9px 0px 9px 10px;
    width: 950px;
    }

/*
##################################################################
車種バナー
################################################################## */
/*
div.d_bkBannerBox {
    margin-bottom: 20px;
    width: 980px;
    height: 127px;
    background: url(/cmn/images/bklist/v1.1_01.png) 0 0 no-repeat;
    }

div.d_bBBttl {
    position: relative;
    width: 980px;
    height: 35px;
    }

div.d_bBBttl p {
    position: absolute;
    }

p.p_bBB0 {
    top: 10px;
    left: 930px;
    width: 43px;
    text-align: right;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 11px;
    }

p.p_bBB1 {
    top: 9px;
    left: 10px;
    font-weight: 700;
    line-height: 13px;
    }

p.p_bBB2 {
    top: 9px;
    left: 462px;
    width: 470px;
    height: 14px;
    font-weight: 700;
    overflow: hidden;
    }

ul.ul_bBB {
    margin-left: 12px;
    width: 967px;
    height: 92px;
    zoom: 100%;
    }

ul.ul_bBB:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    }

ul.ul_bBB li {
    float: left;
    height: 87px;
    overflow: hidden;
    }

li.li_bBB1 {
    width: 177px;
    }

li.li_bBB2 {
    width: 80px;
    }

span.s_bBBl, span.s_bBBr {
    float: left;
    display: block;
    width: 88px;
    height: 87px;
    color: #333;
    }

a.a_bBBl_1 img {
    margin-bottom :1px;
    border: 1px solid #ccc;
    padding: 1px;
    width: 80px;
    height: 60px;
    }

a:hover.a_bBBl_1 img {
    border: 1px solid #f90;
    }

a.a_bBBl_2 {
    padding-left: 8px;
    line-height: 13px;
    background: url(/cmn/images/general/sprite_midashi.gif) 0 3px no-repeat;
    }

span.s_bBBr_1 {
    margin-top: 1px;
    display: block;
    font-size: 10px;
    line-height: 11px;
    }

span.s_bBBr_2 {
    display: block;
    line-height: 15px;
    }

span.s_bBBr_2 em {
    font-style: normal;
    font-size: 14px;
    font-weight: 700;
    color: #f00;
    }

li.li_bBB2 a {
    display: block;
    margin-top: 17px;
    width: 71px;
    height: 46px;
    text-indent: -9999px;
    text-decoration: none;
    outline: none;
    background: url(/cmn/images/bklist/v1.1_02.png) 0 0 no-repeat;
    }

li.li_bBB2 a:hover {
    background-position: 0 -46px;
    }
*/

/* 車種バナー */
div#carBanner {
    position: relative;
    width: 980px;
    height: 145px;
    margin-bottom: 15px;
    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;}
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;}
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.d_ninteiBanner {
    margin-top: -13px;
    width: 980px;
    text-align: right;
    }
div.d_ninteiBannerAnchor {
    position: relative;
    margin-top: -5px;
    width: 980px;
    height: 21px;
    }
a.a_ninteiBannerAnchor {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    width: 191px;
    height: 21px;
    text-indent: -9999px;
    text-decoration: none;
    outline: none;
    background: url(/cmn/images/nintei/nintei_02_v2.png) 0 0 no-repeat;
    }