@charset "UTF-8";

/*
##################################################################
catalog-sec-v1.css
################################################################## */

* {
    margin: 0px;
    padding: 0px;
    }

.container {
    margin: -2px 0px 0px 7px;
    width: 963px;
    font-size: 12px;
    }

div#lBox {
    float: left;
    width: 129px;
    height: 445px;
    background: url(/common/images/catalog/sec/v1_01.gif) 0 0 repeat-y;
    }

div#rBox {
    float: left;
    width: 834px;
    }

ul, li {
    list-style-type: none;
    }

h1 {
    display: none;
    }



/*
##################################################################
表示の切り替え
##################################################################*/

div#lBox h2 {
    width: 129px;
    height: 38px;
    text-indent: -9999px;
    background: url(/common/images/catalog/sec/v1_02.gif) 0 0 no-repeat;
    }

div#lBox ul {
    width: 129px;
    height: 407px;
    background: url(/common/images/catalog/sec/v1_03.gif) left bottom no-repeat;
    }

div#lBox li {
    width: 129px;
    height: 28px;
    }

div#lBox li.l_ketu {
    height: 38px !important;
    }

div#lBox li a {
    display: block;
    margin-left: 4px;
    margin-right: 5px;
    width: 120px;
    height: 28px;
    text-indent: -9999px;
    text-decoration: none;
    outline: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    }

div#lBox li.l_ketu a {
    height: 38px !important;
    }

div#lBox li a.act {
    background-position: -180px 0;
    }

div#lBox li a#nka_ALL {
    background-image: url(/common/images/catalog/sec/v1_04ALL.gif);
    }

div#lBox li a#nka_A {
    background-image: url(/common/images/catalog/sec/v1_04A.gif);
    }

div#lBox li a#nka_K {
    background-image: url(/common/images/catalog/sec/v1_04K.gif);
    }

div#lBox li a#nka_S {
    background-image: url(/common/images/catalog/sec/v1_04S.gif);
    }

div#lBox li a#nka_T {
    background-image: url(/common/images/catalog/sec/v1_04T.gif);
    }

div#lBox li a#nka_N {
    background-image: url(/common/images/catalog/sec/v1_04N.gif);
    }

div#lBox li a#nka_H {
    background-image: url(/common/images/catalog/sec/v1_04H.gif);
    }

div#lBox li a#nka_M {
    background-image: url(/common/images/catalog/sec/v1_04M.gif);
    }

div#lBox li a#nka_Y {
    background-image: url(/common/images/catalog/sec/v1_04Y.gif);
    }

div#lBox li a#nka_R {
    background-image: url(/common/images/catalog/sec/v1_04R.gif);
    }

div#lBox li a#nka_W {
    background-image: url(/common/images/catalog/sec/v1_04W.gif);
    }

div#lBox li a#nka_E {
    background-image: url(/common/images/catalog/sec/v1_04E.gif);
    }

div#lBox li a#nka_MDL {
    background-image: url(/common/images/catalog/sec/v1_04MDL.gif);
    }



/*
##################################################################
ボディタイプで絞り込む
##################################################################*/

div#rBox div#btlist {
    position: relative;
    width: 834px;
    height: 76px;
    margin-bottom: 6px;
    background: url(/common/images/catalog/sec/v1_05.gif) 0 0 repeat-x;
    }

div#rBox div#btlist h2 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 834px;
    height: 76px;
    text-indent: -9999px;
    background: url(/common/images/catalog/sec/v1_06.gif) 0 0 no-repeat;
    }

div#rBox div#btlist ul {
    position: absolute;
    top: 25px;
    left: 11px;
    width: 811px;
    height: 45px;
    }

div#rBox div#btlist li {
    float: left;
    width: 90px;
    height: 45px;
    }

/* 小 */
div#rBox div#btlist li.sml {
    width: 45px !important;
    }

div#rBox div#btlist li a {
    display: block;
    width: 90px;
    height: 45px;
    text-indent: -9999px;
    text-decoration: none;
    outline: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    }

div#rBox div#btlist li.sml a {
    width: 45px !important;
    }

div#rBox div#btlist li a.act {
    background-position: 0 -45px;
    }

div#rBox div#btlist li a#bta_S {
    background-image: url(/common/images/catalog/sec/v1_07S.gif);
    }

div#rBox div#btlist li a#bta_D {
    background-image: url(/common/images/catalog/sec/v1_07D.gif);
    }

div#rBox div#btlist li a#bta_C {
    background-image: url(/common/images/catalog/sec/v1_07C.gif);
    }

div#rBox div#btlist li a#bta_O {
    background-image: url(/common/images/catalog/sec/v1_07O.gif);
    }

div#rBox div#btlist li a#bta_W {
    background-image: url(/common/images/catalog/sec/v1_07W.gif);
    }

div#rBox div#btlist li a#bta_M {
    background-image: url(/common/images/catalog/sec/v1_07M.gif);
    }

div#rBox div#btlist li a#bta_X {
    background-image: url(/common/images/catalog/sec/v1_07X.gif);
    }

div#rBox div#btlist li a#bta_P {
    background-image: url(/common/images/catalog/sec/v1_07P.gif);
    }

div#rBox div#btlist li a#bta_T {
    background-image: url(/common/images/catalog/sec/v1_07T.gif);
    }

div#rBox div#btlist li a#bta_N {
    background-image: url(/common/images/catalog/sec/v1_07N.gif);
    }

div#rBox div#btlist li.ketsu {
    width: 1px !important;
    }



/*
##################################################################
車種一覧
##################################################################*/

div#rBox div#listBox {
	position: relative;
    padding: 0px 3px 6px 4px;
    width: 827px;
    min-height: 348px;
    background: url(/common/images/catalog/sec/v1_09.gif) 0 0 repeat-y;
    }

div#rBox div#listBox h2 {
    width: 827px;
    padding-top: 10px;
    height: 25px;
    font-size: 15px;
    line-height: 25px;
    color: #011532;
    text-indent: 10px;
    background: url(/common/images/catalog/sec/v1_10.gif) left top no-repeat;
    }

div#rBox div#listBox p.brandLink {
	width: 827px;
	position: relative;
	float: right;
	}

div#rBox div#listBox a {
	position:absolute;
	right:20px;
	top:-20px;
	font-size:12px;
	}

div#rBox div#listBox div.nkbList {
    width: 827px;
    padding-bottom: 19px;
    background: url(/common/images/catalog/sec/v1_13.gif) left bottom no-repeat;
    display: none;
    }

/* 行名 */
div#rBox div#listBox div.nkbList h3 {
    width: 827px;
    height: 41px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 0 0;
    }

div#rBox div#listBox div#nkb_A h3 {
    background-image: url(/common/images/catalog/sec/v1_14A.gif);
    }

div#rBox div#listBox div#nkb_K h3 {
    background-image: url(/common/images/catalog/sec/v1_14K.gif);
    }

div#rBox div#listBox div#nkb_S h3 {
    background-image: url(/common/images/catalog/sec/v1_14S.gif);
    }

div#rBox div#listBox div#nkb_T h3 {
    background-image: url(/common/images/catalog/sec/v1_14T.gif);
    }

div#rBox div#listBox div#nkb_N h3 {
    background-image: url(/common/images/catalog/sec/v1_14N.gif);
    }

div#rBox div#listBox div#nkb_H h3 {
    background-image: url(/common/images/catalog/sec/v1_14H.gif);
    }

div#rBox div#listBox div#nkb_M h3 {
    background-image: url(/common/images/catalog/sec/v1_14M.gif);
    }

div#rBox div#listBox div#nkb_Y h3 {
    background-image: url(/common/images/catalog/sec/v1_14Y.gif);
    }

div#rBox div#listBox div#nkb_R h3 {
    background-image: url(/common/images/catalog/sec/v1_14R.gif);
    }

div#rBox div#listBox div#nkb_W h3 {
    background-image: url(/common/images/catalog/sec/v1_14W.gif);
    }

div#rBox div#listBox div#nkb_E h3 {
    background-image: url(/common/images/catalog/sec/v1_14E.gif);
    }

/* 車種リスト */
div#rBox div#listBox div.nkbList ul {
    /*---padding: 0px 31px 0px 46px;
    width: 750px;---*/
    padding: 0px 16px 0px 31px;
    width: 780px;
    background: url(/common/images/catalog/sec/v1_15.gif) repeat-y;
    }

div#rBox div#listBox div.nkbList ul:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    }

div#rBox div#listBox div.nkbList li {
    position: relative;
    float: left;
    display: block;
    padding: 30px 0px 0px 110px;
    width: 149px !important;
    height: 65px !important;
    color: #999;
    }

div#rBox div#listBox div.nkbList li a {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 255px;
    height: 81px;
    font-weight: 700;
    }

/* カタログ画像 */
div#rBox div#listBox div.nkbList li a img {
    float: left;
    margin-right: 4px;
    border: 1px solid #016c8f;
    width: 105px;
    height: 79px;
    }

div#rBox div#listBox div.nkbList li a:hover img {
    border: 1px solid #f90;
    }

/* 生産中モデル */
div#rBox div#listBox div.nkbList li span {
    display: block;
    padding: 2px 3px;
    width: 75px;
    text-align: center;
    border: 1px solid #f26c6c;
    font-size: 10px;
    line-height: 10px;
    color: #f26c6c;
    }

/* アクティブ */
div#rBox div#listBox div.nkbList li a.act {
    background: url(/common/images/catalog/sec/v1.1_02.gif) 0 0 no-repeat;
    }