@charset "UTF-8";

/* 画面幅を100%へ拡張 */
#header-area-wrap{
    width:99%;
}
#header-area-wrap #header-area-wrap-l{
    width:350px;
}
#main-cont-area-wrap{
    width:99%;
}
#footer-area-wrap{
    width:100%;
}
#footer-area-wrap p.cmo-pageTop{
    width:100%;
}
#footer-area-wrap #footer-area{
    width:99%;
}

input{
    color:#000000 !important;
}


/* 商品詳細検索トップボタン */
#link-path{
    float:left;
}
#link-path-search{
    float:right;
    padding-top:4px;
}
#contents-title{
    clear:both;
}








/* 統一書式 */
#my-cont-area-wrap{
    width:99%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-bottom:1em;
}
#my-cont-area{
    width:100%;
    border:3px solid #EBEBEE;
    background-color:#FFFFFF;
    padding:1px;
}
#my-cont-area .contents-wrap{
    margin:1em;
}
#my-cont-area *{
    color:#847F70;
}
#my-cont-area a{
    color:#FF6600;
    text-decoration:underline;
}







/* 商品詳細検索 */
.search-condition-input .description{
    font-size:140%;
}
.search-condition-input .group{
    clear:both;
    margin-bottom:2em;
}
.search-condition-input .title a{
    margin-left:1em;
    font-size:92%;
    font-weight:normal;
    color:#847F70 !important;
}
.search-condition-input .item{
    margin-left:1em;
    margin-top:1em;
    clear:both;
}
.search-condition-input .selectedAll{
    display:none;
}
.search-condition-input .originorg{
    margin-bottom:1.5em;
}
.search-condition-input .originorg .item{
    margin-top:0em;
}
.search-condition-input label{
    display:block;
    float:left;
    min-width:8em;
    margin-right:1em;
    line-height:2;
    vertical-align:middle;
}
.search-condition-input input{
    vertical-align:middle;
}
.search-condition-input .keyword input{
    width:20em;
    height:1.3em;
}
.search-condition-input br{
    clear:both;
}
.search-condition-input .button{
    text-align:center;
}









/* 現在の状態＆カート */
.titlebox{
    background-color:#F2F0E8;
    border-bottom:2px solid #E6E2D3;
    padding:5px;
    padding-bottom:2px;
    padding-right:0px;

}
.titlebox .title{
    font-size:130%;
    font-weight:bold;
    padding-left:10px;
    padding-right:400px;
}
.titlebox .title span{
    font-size:100%;
}
.titlebox .title .enname{
    margin-left:1em;
    font-weight:normal;
}
.titlebox .cart{
    margin-top:-26px;
    float:right;
}
.titlebox .cart_total{
    float:left;
}
.titlebox .cart_total span{
    font-weight:bold;
    line-height:30px;
}



/* 詳細検索条件 */
.search-result-conditionDetail{
}
.search-result-conditionDetail .title{
    font-weight:bold;
    font-size:120%;
    margin-bottom:4px;
    float:left;
}
.search-result-conditionDetail .reCondition{
    margin-left:1em;
    margin-top:1px;
    float:left;
}
.search-result-conditionDetail .conditions{
    margin-left:1em;
    clear:both;
}



/* 表示操作 */
.search-result-control .count{
    float:left;
}
.search-result-control .limit{
    float:right;
    text-align:right;
}
.search-result-control .limit a{
    margin:0px 4px;
}
.search-result-control .limit a.active{
    color:#847F70 !important;
    text-decoration:none !important;
}



/* 検索結果タイトル */
.search-result-title{
    background-color:#F2F0E8;
    margin-bottom:10px;
}
.search-result-title-count{
    float:left;
    font-weight:bold;
    padding:0em 1em;
    width:200px;
    font-size:120%;
    line-height:2;
}
#search-result-saibou .search-result-title-count{
    background-color:#F9C677;
}
#search-result-etc .search-result-title-count{
    background-color:#A1DCEF;
}

/* ページング */
.search-result-title-pager{
    float:right;
}
.search-result-title-pager div{
    float:left;
    padding:0px 6px;
}
.search-result-title-pager span{
    font-size:120%;
    line-height:2;
}
.search-result-title-pager a{
    text-decoration:none !important;
}
.search-result-title-pager .navi{
    padding:0em 1em;
}
.search-result-title-pager .num{
    border:1px solid #D7D4CA;
    border-top:0px;
    border-bottom:0px;
    margin-right:-1px;
}
.search-result-title-pager .active span{
    color:#FFFFFF !important;
    font-weight:bold;
}
#search-result-saibou .search-result-title-pager .active{
    background-color:#FF9900;
}
#search-result-etc .search-result-title-pager .active{
    background-color:#3BA1D1;
}



/* 検索結果テーブル */
.contents-search-result table{
    width:100%;
    margin-bottom:6px;
}
#search-result-saibou table{
    border:1px solid #FBD99C;
}
#search-result-etc table{
    border:1px solid #7FC5DC;
}
.contents-search-result table a{
    text-decoration:none !important;
}
.contents-search-result table .nowrap{
    white-space:nowrap;
}
.contents-search-result table .min{
    white-space:nowrap;
    width:1%;
}
.contents-search-result table .left{
    text-align:left;
}
.contents-search-result table .priceAsk{
    display:block;
    font-size:80%;
}
.contents-search-result table thead th{
    text-align:center;
    padding:4px 8px;
    line-height:1.1;
    white-space:nowrap;
}
#search-result-saibou table thead th{
    background-image: url('./img/search_table_header_saibou.gif');
    border:1px solid #F7BD6A;
}
#search-result-etc table thead th{
    background-image: url('./img/search_table_header_etc.gif');
    border:1px solid #7FC5DC;
}
.contents-search-result table thead td{
    text-align:center;
    padding:2px;
}
#search-result-saibou table thead td{
    background-color:#F9C677;
    border:1px solid #F08726;
    border-bottom:0px;
}
#search-result-etc table thead td{
    background-color:#A1DCEF;
    border:1px solid #4CA2C5;
    border-bottom:0px;
}
.contents-search-result table tbody td{
    padding:3px 6px;
    text-align:center;
    border:1px solid #E6E2D3;
}
.contents-search-result table tbody td.link a{
    text-decoration:underline !important;
}
#search-result-saibou table tbody td a{
    color:#FF6600 !important;
}
#search-result-etc table tbody td a{
    color:#1F95CC !important;
}
.contents-search-result table tbody td .campaign_price{
    color:#FC5209 !important;
}
#search-result-saibou table tbody tr.odd{
    background-color:#FFF0D2;
}
#search-result-etc table tbody tr.odd{
    background-color:#E0EEF4;
}

/* 在庫更新日 */
.contents-search-result .aboutstock{
    text-align:right;
    margin-bottom:5px;
}

.search-result-separater{
    display:block;
    border:0px;
    margin:20px 10px;
    margin-top:0px;
    height:3px;
    background-color:#EBEBEE;
    color:#EBEBEE !important;
}


strike {
    text-decoration:none;
    background-image:url(./img/doubleline_g.gif);
    background-repeat:repeat-x;
    background-position: center;
}
.campaign_price{
    color:#FC5209 !important;
    font-size: 100%;
}




/* 商品詳細情報 */
.contents-detail{
    clear:both;
}
.detail-table-top th,
.detail-table-bottom th{
    border:solid #FFFFFF;
    border-width:4px 0px;
    background-color:#827764;
    color:#FFFFFF !important;
    font-weight:normal;
    font-size:110%;
    padding:4px 8px;
    width:130px;
    white-space:nowrap;
}
.detail-table-top td,
.detail-table-bottom td{
    padding:4px 8px;
    font-size:110%;
}
.detail-table-top{
    width:100%;
    margin-bottom:1em;
}
.detail-table-top .smallCell{
    width:13em;
}
.detail-table-bottom-wrap{
    margin-bottom:1em;
}
.detail-table-bottom-wrap .image{
    width:1%;
    padding:1em 2em;
}
.detail-table-bottom{
    width:100%;
}

.contents-detail .linkRelation{
    clear:both;
    margin-bottom:1em;
}
.contents-detail .linkRelation a{
    margin-right:1em;
    text-decoration:none !important;
    margin-bottom:1em;
}

.contents-detail .back{
    float:left;
}
.contents-detail .toCart{
    float:right;
}

/* ボタン http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */
.contents-detail .linkRelation .clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
.contents-detail .linkRelation a.button span{
    white-space:nowrap;
}
.contents-detail .linkRelation a.button {
    background: transparent url('./img/button/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
.contents-detail .linkRelation a.button span {
    background: transparent url('./img/button/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
.contents-detail .linkRelation a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
.contents-detail .linkRelation a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 







/* カート */
.cart-cont-area-wrap{
    padding-top:1.5em;
}
.contents-cart ul{
    margin-left:1.5em;
    margin-bottom:1.5em;
}
.contents-cart li{
    list-style-type:disc;
    line-height:1.4;
    margin-bottom:0.3em;
}
.contents-cart li.alert{
    color:#FF0000 !important;
}
.contents-cart li.alert a{
    font-weight:bold;
}

.contents-cart table{
    width:100%;
    margin-bottom:6px;
}
.contents-cart table a{
    text-decoration:underline !important;
}
.contents-cart table .nowrap{
    white-space:nowrap;
}
.contents-cart table .min{
    white-space:nowrap;
    width:1%;
}
.contents-cart table .link a *{
    color:#FF6600 !important;
}
.contents-cart table .left{
    text-align:left;
}
.contents-cart table .priceAsk{
    display:block;
    font-size:80%;
}
.contents-cart table th{
    border:solid #FFFFFF;
    border-width:4px 0px;
    background-color:#827764;
    color:#FFFFFF !important;
    padding:4px 8px;
    text-align:center;
    border:1px solid #E6E2D3;
    white-space:nowrap;
}
.contents-cart table td{
    padding:2px 8px;
    font-size:110%;
    text-align:center;
    border:1px solid #E6E2D3;
}
.contents-cart table .count{
    width:4em;
    text-align:right;
}
.contents-cart .control{
    text-align:center;
    margin-bottom:1em;
}
.contents-cart .control .printout{
    >width:185px; /* IEのみボタンの幅が広いと表示が崩れる為、幅を固定 */
}
.contents-cart .cart_total{
    text-align:right;
    font-size:160%;
    margin-bottom:6px;
}
.contents-cart .cart_total *{
    font-size:100%;
}
.contents-cart form ul{
    margin-left:0.5em;
    margin-bottom:1em;
}
.contents-cart form li{
    list-style-type:none;
    margin-bottom:0.5em;
    clear:both;
}
.contents-cart form ul *{
    vertical-align:middle;
    line-height:1.8;
}
.contents-cart form ul .inputtitle{
    width:13em;
    display:block;
    float:left;
}
.contents-cart form ul .inputtitle .need{
    color:#CC0000 !important;
}
.contents-cart form ul input{
    height:1.3em;
    line-height:1.3;
}
.contents-cart form ul textarea{
    color:#000000 !important;
    height:4em;
    width:40em;
    line-height:1.3;
}