
/*#####################################################*/
/*#               stock_design_m                    #*/
/*#####################################################*/

/*******************************************************************************/
/* 詳細画面                                                                     */
/*******************************************************************************/

/*----- BODY背景 -------*/
body {background-color : #BBC4CA !important;}

/*-- ヘッダー・タイトル部分 --*/
.header {color: #336699 !important;}
h1 {
    color: #000000 !important;
    background-color: #ECE9D8 !important;
    border-top:    3px solid #666666 !important;
    border-bottom: 1px solid #666666 !important;
}

/*-- スペック一覧 --*/
.spec th {
    background-color: #F7F5EE !important;
    border-bottom: 1px solid  #CCCCCC !important;
    border-right:  1px dashed #CCCCCC !important;
    color: #000000 !important;
    font-size: 11px !important;
}
.spec td {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #CCCCCC !important;
    color: #333333 !important;
    font-size: 11px !important;
}

/*-- コメント欄 --*/
.comment-area .header {
    background-color: #F7F5EE  !important;
    border-top: 1px solid #CCCCCC !important;
    border-bottom: 1px dashed #CCCCCC !important;
}
.comment-area .header p {
    color: #333333 !important;
    font-size: 11px !important;
}
.comment-area .main {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #CCCCCC !important;
    color: #333333 !important;
    font-size: 11px !important;
}

/*-- 価格 --*/
.price-info {
    border-bottom: 2px solid #ffffff !important;;
    border-top: 2px solid #ffffff !important;;
}
.price-info .price {color: #CC0000 !important;}
.price-info .price-tag {color: #000000 !important;}
.price-info .price-tax {color: #000000 !important;}

/*-- ショップ情報 --*/
.shopData {color: #336699 !important;}
.shopName {
    background-color: #ECE9D8 !important;
    border-top: 3px solid #666666  !important;
    border-bottom: 1px solid #666666  !important;
    border-left:   1px solid #ECE9D8  !important;
    border-right:  1px solid #ECE9D8  !important;
}
.shopName p {color: #000000 !important;}
.shop-data {
    background-color: #E5E5E5 !important;
    border: 1px solid #E5E5E5  !important;
}
.shopPR {
    background-color: #E5E5E5 !important;
    border-left:   1px solid #E5E5E5  !important;
    border-right:  1px solid #E5E5E5  !important;
}
.shopPR p {color: #333333 !important;}
.shop-photo {background-color: #E5E5E5 !important;}
.shop-detail {background-color: #E5E5E5 !important;}
.shopTable {border-style: none !important;}
.shopTable th {
    background-color: #CCCCCC !important;
    border: 1px solid #F7F5EE !important;
    color: #000000 !important;
}
.shopTable td {
    background-color: #FFFFFF !important;
    border: 1px solid #F7F5EE !important;
    color: #333333 !important;
}
.shopTable p {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}
.shopTable a {
    color:#333333 !important;
    text-decoration: none !important;
}
.shopTable a:hover {
    color: #006699 !important;
    text-decoration: underline !important;
}

/*******************************************************************************/
/* 一覧画面                                                                     */
/*******************************************************************************/
/********************************************************/
/*グレー基調 */
/********************************************************/

/* LINK *************************************************/
.carStockList .carListNav div.pagelink a.show,
.carStockList .carListNav div.pagelink .next a,
.carStockList .carListNav div.pagelink .prev a,
.carStockList .carListNav div.sortForm a{
    color: #336699;
}
.carStockList .carListNav a:hover{
    color: #336699 !important;
}
/* ページ番号 */
.carStockList .carListNav div.pagelink a.WCMselected {
    background-color: #dddddd  !important;
    color: #cc6666 ;
}
/********************************************************/

/* 文字　*************************************************/
/* 全体 */
body,
    /* comment 文字色*/
.carStockList .sl9 #list .list-box:nth-child(2) .comment .centering .comment-box,
.carStockList .sl9 #list .list-box:nth-child(3) .comment .centering .comment-box,
.carStockList .sl10 #list .list-box:nth-child(2) .comment .centering .comment-box,
.carStockList .sl10 #list .list-box:nth-child(3) .comment .centering .comment-box,
.carStockList .sl11 #list .list-box .list-price .price,
.carStockList .sl12 #list .list-box .list-price .price,
.carStockList .sl13 #list .list-box .list-price .price,
.carStockList .sl9 #list .list-box:nth-child(2),
.carStockList .sl10 #list .list-box:nth-child(2),
.carStockList .sl9 #list .list-box:nth-child(3),
.carStockList .sl10 #list .list-box:nth-child(3),
.carStockList .s9 #list .list-box:nth-child(2) .list-spec-box .comment1,
.carStockList .sl9 #list .list-box:nth-child(3) .list-spec-box .comment1,
.carStockList .sl10 #list .list-box:nth-child(2) .list-spec-box .comment1,
.carStockList .sl10 #list .list-box:nth-child(3) .list-spec-box .comment1{
    color: #000000;
}
/* price 値段 文字色*/
.carStockList #list .list-box .list-price .price,
.carStockList .sl5 #list .list-box  .list-spec-box .price,
.carStockList .sl6 #list .list-box  .list-spec-box .price,
.carStockList .sl9 #list .list-box .list-spec-box .price,
.carStockList .sl10 #list .list-box  .list-spec-box .price {
    color: #CC0000;
}
/* price 単位　文字色 */
.carStockList #list .list-box .list-spec-box .price-tag {
    color: #CC0000 !important;
}
/* LIST NAV 文字色*/
.carStockList .carListNav div.carCount {
    color: #cc6666;
}
/* １列表示　ヘッダー行　文字色*/
.carStockList #list #listHeader .list-box,
.carStockList .sl11 #list #listHeader .list-box .list-price .price,
.carStockList .sl12 #list #listHeader .list-box .list-price .price ,
.carStockList .sl13 #list #listHeader .list-box .list-price .price {
    color: #e6eef7;
}
/********************************************************/

/* LIST NAV *********************************************/
/* LIST NAV 全体　背景色*/
.carStockList .carListNav {
    background-color: #f1f1f1;
}
/* LIST NAV 枠線*/
.carStockList .carListNav {
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}
/* LIST NAV ページ番号 背景色*/
.carStockList .carListNav div.pagelink,
.carStockList .carListNav div.pagelink a.show,
.carStockList .carListNav div.pagelink .next a,
.carStockList .carListNav div.pagelink .prev a,
.carStockList .carListNav div.sortForm a{
    background-color: #f1f1f1;
}
/********************************************************/

/* LIST-BOX *********************************************/
/* 全体 */
/*body,*/
/* LIST-BOX 背景色*/
.carStockList #list .list-box,
.carStockList .sl7 #list .list-box,
.carStockList .sl8 #list .list-box,
.carStockList .sl5 #list .list-box,
.carStockList .sl6 #list .list-box,
.carStockList .sl9 #list .list-box,
.carStockList .sl10 #list .list-box,
.carStockList .content #list .list-box:hover,
.carStockList .sl7 #list .list-box:hover,
.carStockList .sl8 #list .list-box:hover,
.carStockList .sl5 #list .list-box:hover,
.carStockList .sl6 #list .list-box:hover,
.carStockList .sl9 #list .list-box:hover,
.carStockList .sl10 #list .list-box:hover,
    /* spec */
.carStockList .sl7 #list .list-box .list-spec-box,
.carStockList .sl8 #list .list-box .list-spec-box  {
    background-color: #ffffff;
}

.carStockList .sl9 #list .list-box .list-spec-box .list-spec,
.carStockList .sl10 #list .list-box .list-spec-box .list-spec,
    /* spec　各スペック欄 */
.carStockList .sl7 #list .list-box .list-spec-box .list-spec .makerDiv,
.carStockList .sl7 #list .list-box .list-spec-box .list-spec .gradeDiv,
.carStockList .sl7 #list .list-box .list-spec-box .list-spec .inspDiv,
.carStockList .sl7 #list .list-box .list-spec-box .price-icon,
.carStockList .sl7 #list .list-box .list-spec-box .price-tag,
.carStockList .sl7 #list .list-box .price,
.carStockList .sl8 #list .list-box .list-spec-box .list-spec .makerDiv,
.carStockList .sl8 #list .list-box .list-spec-box .list-spec .gradeDiv,
.carStockList .sl8 #list .list-box .list-spec-box .price-icon,
.carStockList .sl8 #list .list-box .list-spec-box .price-tag,
.carStockList .sl8 #list .list-box .price,
.carStockList .sl9 #list .list-box:nth-child(2) .list-spec-box .list-spec .kindDiv,
.carStockList .sl9 #list .list-box:nth-child(3) .list-spec-box .list-spec .kindDiv,
.carStockList .sl9 #list .list-box:nth-child(2) .list-spec-box .list-spec .epochDiv,
.carStockList .sl9 #list .list-box:nth-child(3) .list-spec-box .list-spec .epochDiv,
.carStockList .sl9 #list .list-box:nth-child(2) .list-spec-box .list-spec .colorDiv,
.carStockList .sl9 #list .list-box:nth-child(3) .list-spec-box .list-spec .colorDiv,
.carStockList .sl10 #list .list-box:nth-child(2) .list-spec-box .list-spec .kindDiv,
.carStockList .sl10 #list .list-box:nth-child(3) .list-spec-box .list-spec .kindDiv,
.carStockList .sl10 #list .list-box:nth-child(2) .list-spec-box .list-spec .epochDiv,
.carStockList .sl10 #list .list-box:nth-child(3) .list-spec-box .list-spec .epochDiv,
.carStockList .sl10 #list .list-box:nth-child(2) .list-spec-box .list-spec .colorDiv,
.carStockList .sl10 #list .list-box:nth-child(3) .list-spec-box .list-spec  .colorDiv,
    /* comment */
.carStockList .sl9 #list .list-box:nth-child(2) .list-spec-box .comment1,
.carStockList .sl9 #list .list-box:nth-child(3) .list-spec-box .comment1,
.carStockList .sl10 #list .list-box:nth-child(2) .list-spec-box .comment1,
.carStockList .sl10 #list .list-box:nth-child(3) .list-spec-box .comment1,
    /* price */
.carStockList .sl9 #list .list-box .list-spec-box .price-icon,
.carStockList .sl10 #list .list-box .list-spec-box .price-icon,
.carStockList .sl7 #list .list-box .list-price,
.carStockList .sl8 #list .list-box .list-price {
    background-color: #f4f4f4;
}

/* 4,5列表示　LIST-BOX 背景色　2台強調用*/
.carStockList .sl7 #list .list-box .list-carimg,
.carStockList .sl8 #list .list-box .list-carimg,
.carStockList .sl9 #list .list-box .list-carimg,
.carStockList .sl10 #list .list-box .list-carimg,
.carStockList .sl9 #list .list-box:nth-child(2) .list-spec-box .price-icon,
.carStockList .sl9 #list .list-box:nth-child(3) .list-spec-box .price-icon,
.carStockList .sl10 #list .list-box:nth-child(2) .list-spec-box .price-icon,
.carStockList .sl10 #list .list-box:nth-child(3) .list-spec-box .price-icon,
.carStockList .sl9 #list .list-box:nth-child(2) .list-spec-box .list-spec,
.carStockList .sl9 #list .list-box:nth-child(3) .list-spec-box .list-spec,
.carStockList .sl10 #list .list-box:nth-child(2) .list-spec-box .list-spec,
.carStockList .sl10 #list .list-box:nth-child(3) .list-spec-box .list-spec,
.carStockList .sl9 #list .list-box:nth-child(2) .list-carimg,
.carStockList .sl9 #list .list-box:nth-child(3) .list-carimg,
.carStockList .sl10 #list .list-box:nth-child(2) .list-carimg,
.carStockList .sl10 #list .list-box:nth-child(3) .list-carimg{
    background-color: #e1e1e1;
}

/* LIST-BOX 1列表示　背景色*/
.carStockList .sl12 #list .list-box,
.carStockList .sl11 #list .list-box,
.carStockList .sl13 #list .list-box{
    background-color: #e1e1e1 !important;
}

/* １列表示 LIST-BOX 背景色　交互用*/
.carStockList .sl11 #list .list-box2,
.carStockList .sl12 #list .list-box2,
.carStockList .sl13 #list .list-box2{
    background-color: #f4f4f4 !important;
}

/* １列表示 hover 枠線 */
.carStockList .sl11 #list .list-box:hover ,
.carStockList .sl12 #list .list-box:hover ,
.carStockList .sl13 #list .list-box:hover {
    background-color: #1085d4 !important;
}

/* LIST-BOX 枠線*/
.carStockList #list .list-box,
.carStockList .sl7 #list .list-box,
.carStockList .sl8 #list .list-box,
.carStockList .sl5 #list .list-box,
.carStockList .sl6 #list .list-box,
.carStockList .sl9 #list .list-box,
.carStockList .sl10 #list .list-box,
.carStockList .sl9 #list .list-box:nth-child(2),
.carStockList .sl10 #list .list-box:nth-child(2),
.carStockList .sl9 #list .list-box:nth-child(3),
.carStockList .sl10 #list .list-box:nth-child(3){
    border-color: #cccccc;
}

/* image 下線 */
.carStockList #list .list-box .list-carimg,
.carStockList .sl5 #list .list-box .list-carimg,
.carStockList .sl6 #list .list-box .list-carimg{
    border-bottom-color: #cccccc;
}

/* hover 枠線 */
.carStockList #list .list-box:hover {
    border-color: #336699 !important;
}

/* １列表示 hover 枠線 */
.carStockList .sl11 #list .list-box:hover ,
.carStockList .sl12 #list .list-box:hover ,
.carStockList .sl13 #list .list-box:hover {
    border-color: #cccccc !important;
}

/* １列表示 横枠線 */
.carStockList .sl11 #list .list-box .list-spec-box .list-spec .data-cap,
.carStockList .sl12 #list .list-box .list-spec-box .list-spec .data-cap,
.carStockList .sl13 #list .list-box .list-spec-box .list-spec .data-cap,
.carStockList .sl11 #list .list-box .comment1,
.carStockList .sl12 #list .list-box .comment1,
.carStockList .sl13 #list .list-box .comment1,
.carStockList .sl11 #list .list-box .list-price,
.carStockList .sl12 #list .list-box .list-price,
.carStockList .sl13 #list .list-box .list-price{
    border-left: 1px solid #ffffff;
}
/* １列表示 縦枠線 */
.carStockList .sl11 #list .list-box,
.carStockList .sl12 #list .list-box,
.carStockList .sl13 #list .list-box{
    border: 1px solid #ffffff;
}

.carStockList .sl11 #list .list-box:nth-child(2n) .list-carimg,
.carStockList .sl12 #list .list-box:nth-child(2n) .list-carimg,
.carStockList .sl13 #list .list-box:nth-child(2n) .list-carimg,
.carStockList .sl11 #list .list-box:nth-child(2n+1) .list-carimg,
.carStockList .sl12 #list .list-box:nth-child(2n+1) .list-carimg,
.carStockList .sl13 #list .list-box:nth-child(2n+1) .list-carimg{
    border-right: 1px solid #ffffff !important;
    border-left: 1px solid #ffffff !important;
}


.carStockList .sl11 #list .list-box:nth-child(2n) .list-spec-box .list-spec .makerDiv,
.carStockList .sl11 #list .list-box:nth-child(2n) .list-spec-box .list-spec .kindDiv,
.carStockList .sl11 #list .list-box:nth-child(2n) .list-spec-box .list-spec .gradeDiv,
.carStockList .sl11 #list .list-box:nth-child(2n) .list-spec-box .list-spec .epochDiv,
.carStockList .sl11 #list .list-box:nth-child(2n) .list-spec-box .list-spec .distDiv,
.carStockList .sl11 #list .list-box:nth-child(2n) .list-spec-box .list-spec .inspDiv,
.carStockList .sl11 #list .list-box:nth-child(2n) .list-spec-box .list-spec .colorDiv,
.carStockList .sl11 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .makerDiv,
.carStockList .sl11 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .kindDiv,
.carStockList .sl11 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .gradeDiv,
.carStockList .sl11 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .epochDiv,
.carStockList .sl11 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .distDiv,
.carStockList .sl11 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .inspDiv,
.carStockList .sl11 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .colorDiv,
.carStockList .sl12 #list .list-box:nth-child(2n) .list-spec-box .list-spec .makerDiv,
.carStockList .sl12 #list .list-box:nth-child(2n) .list-spec-box .list-spec .kindDiv,
.carStockList .sl12 #list .list-box:nth-child(2n) .list-spec-box .list-spec .gradeDiv,
.carStockList .sl12 #list .list-box:nth-child(2n) .list-spec-box .list-spec .epochDiv,
.carStockList .sl12 #list .list-box:nth-child(2n) .list-spec-box .list-spec .distDiv,
.carStockList .sl12 #list .list-box:nth-child(2n) .list-spec-box .list-spec .inspDiv,
.carStockList .sl12 #list .list-box:nth-child(2n) .list-spec-box .list-spec .colorDiv,
.carStockList .sl12 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .makerDiv,
.carStockList .sl12 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .kindDiv,
.carStockList .sl12 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .gradeDiv,
.carStockList .sl12 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .epochDiv,
.carStockList .sl12 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .distDiv,
.carStockList .sl12 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .inspDiv,
.carStockList .sl12 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .colorDiv,
.carStockList .sl13 #list .list-box:nth-child(2n) .list-spec-box .list-spec .makerDiv,
.carStockList .sl13 #list .list-box:nth-child(2n) .list-spec-box .list-spec .kindDiv,
.carStockList .sl13 #list .list-box:nth-child(2n) .list-spec-box .list-spec .gradeDiv,
.carStockList .sl13 #list .list-box:nth-child(2n) .list-spec-box .list-spec .epochDiv,
.carStockList .sl13 #list .list-box:nth-child(2n) .list-spec-box .list-spec .distDiv,
.carStockList .sl13 #list .list-box:nth-child(2n) .list-spec-box .list-spec .inspDiv,
.carStockList .sl13 #list .list-box:nth-child(2n) .list-spec-box .list-spec .colorDiv,
.carStockList .sl13 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .makerDiv,
.carStockList .sl13 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .kindDiv,
.carStockList .sl13 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .gradeDiv,
.carStockList .sl13 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .epochDiv,
.carStockList .sl13 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .distDiv,
.carStockList .sl13 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .inspDiv,
.carStockList .sl13 #list .list-box:nth-child(2n+1) .list-spec-box .list-spec .colorDiv{
    border-right: 0px solid #ffffff !important;
    border-left: 1px solid #ffffff !important;
}

/* １列表示　ヘッダー 　枠線*/
.carStockList #list #listHeader .list-box{
    border-color: #ffffff !important;
}

/* １列表示　ヘッダー 　背景色*/
.carStockList .sl11 #list #listHeader .list-box ,
.carStockList .sl12 #list #listHeader .list-box ,
.carStockList .sl13 #list #listHeader .list-box {
    background-color: #1085d4 !important;
}

/*　１列表示 背景色（LIST-BOX全体） */
.carStockList .sl11 #list,
.carStockList .sl12 #list,
.carStockList .sl13 #list{
    background-color: #cccccc;
}
/********************************************************/

/*固定****************************************************/
.carStockList .sl11 #list,
.carStockList .sl12 #list,
.carStockList .sl13 #list{
    display: inline-block;
}
.carStockList .sl11 #list .list-box {
    width: 718px;
    margin: 0 0 1px;
}
.carStockList .sl12 #list .list-box {
    width: 603px;
    margin: 0 0 1px;
}
/********************************************************/



