@charset "utf-8";

/* +++++++++++++++++++++++++++++++

 product.css
カテゴリトップ、商品一覧、商品詳細

+++++++++++++++++++++++++++++++ */
/*
共通：カラーバリエーション
-----------------------------------*/
.list_color li {
    float: left;
}
.list_color span {
    display: block;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 0;
}
.list_color .black { background: #393939; }
.list_color .gray { background: #999; }
.list_color .blown01 { background: #766134; }
.list_color .blown02 { background: #ede2c6; }
.list_color .white { background: #fff; }

/*
共通：ページネート
-----------------------------------*/
.pagination {
    margin: 30px 0 0;
    text-align: center;
}
.pagination a,
.pagination span {
    display: inline-block;
    width: 36px;
    height: 19px;
    margin: 0 5px;
    padding: 9px 0 8px;
    border: 2px solid #d3d3d3;
    background: #fff;
    font-size: 14px;
    line-height: 19px;
}
.pagination a:hover {
    text-decoration: none;
    border-color :#de0010;
    cursor: pointer;/*170428遠藤 hrefを省いてもカーソルを指にするため追加*/
}
.pagination span { border-color: #fff; }

.pagination .current {
    border-color: #4e4e4e !important;
    background: #4e4e4e;
    color: #fff;
}
.pagination .prev,
.pagination .next {
    position: relative;
    width: 96px;
    margin: 0 35px;
}
.pagination .prev:after,
.pagination .next:after {
    position: absolute;
    top: 50%;
    display: block;
    width: 6px;
    height: 10px;
    margin-top: -5px;
    background: url(../images/common/sprite_arrow.png) no-repeat -200px 0;
    content: " ";
}
.pagination .next:after { right: 10px; }
.pagination .prev:after {
    left: 10px;
    background-position: -250px 0;
}
.pagination .next:hover:after { background-position: -200px -100px; }
.pagination .prev:hover:after { background-position: -250px -100px; }

.pagination .disabled {
    border-color :#d3d3d3 !important;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.pagination .disabled.prev:hover:after { background-position: -250px 0; }
.pagination .disabled.next:hover:after { background-position: -200px 0; }


/*
カテゴリトップ：シリーズ
-----------------------------------*/
/* 見出し */
.headline_category {
    position: relative;
    width: 950px;
    height: 300px;
    margin: 0 0 30px;
    text-align: center;
}
.headline_category img {
    position: absolute;
    top: 0;
    left: 0;
}
.headline_category .headline01 {
    position: relative;
    top: 50%;
    display: inline-block;
    min-width: 360px;
    margin: -42px 0 0;
    padding: 20px 20px 15px;
    background: #fff;
    background: rgba(255, 255, 255, .9);
    border-bottom-color: rgba(34, 34, 34, .6);
    border-right:  2px solid rgba(34, 34, 34, .6);
}

/* 検索タブ */
#search_condition .tab_link {
    margin-bottom: 20px;
    border-bottom: 2px solid #d3d3d3;
    text-align: center;
}
#search_condition .tab_link li {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 360px;
    margin: 0 10px;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}
#search_condition .tab_link .current {
    width: 316px;
    padding: 20px 20px 15px;
    border: 2px solid #d3d3d3;
    border-bottom-color: #fff;
}
#search_condition .tab_link .current:after {
    position: absolute;
    top: -2px;
    left: -2px;
    display: block;
    width: 360px;
    height: 3px;
    background: #de0010;
    content: " ";
}
#search_condition .tab_link a {
    display: block;
    padding: 20px 20px 15px;
    border: 2px solid #e9e9e9;
    border-bottom-color: #d3d3d3;
    background: #e9e9e9;
}
#search_condition .tab_link a:hover {
    text-decoration: none;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

#search_condition .tab_link span {
    position: absolute;
    top: 15px;
    left: 140px;
    width: 190px;
    font-size: 11px;
    font-weight: normal;
}

/* 検索条件テーブル */
#search_condition th {
    width: 110px;
    text-align: center;
}
#search_condition td { padding-top: 0; }

.type_search {
    padding: 5px 10px 4px 25px;
    border-radius: 2px;
    line-height: 1.1;
}
.type_search:after {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: 14px;
    height: 14px;
    background: url(../images/common/sprite_label.png) no-repeat left top;
    content: " ";
}
.type_search.checked { background: #e9e9e9; }
.type_search.checked:after { background-position: -50px 0; }

.type_color input {
    display: block;
    width: 18px;
    height: 18px;
}
.type_color.checked:after {
    position: absolute;
    right: -5px;
    bottom: 0;
    display: block;
    width: 15px;
    height: 13px;
    background: url(../images/common/sprite_label.png) no-repeat 0 -50px;
    content: " ";
}

.type_color .ico_color {
    height: 18px;
    width: 18px;
    border: none;
}
.type_color .white {
    box-sizing: border-box;
    border: 1px solid #d3d3d3;
} /* 白（線色グレー） */
.type_color .other { background: url(../images/product/ico_color14.png) no-repeat left top; } /* その他 */

/* 161201遠藤追加 */
.facet_reset {
    padding: 5px;
    text-align: right;
}
.facet_reset p {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 5px 0;
    font-size: 11px;
}

/* 並び順、表示形式他 */
.list_control {
    margin-top: 20px;
    padding: 10px;
    background: #f4f4f4;
}
.list_control p,
.list_control ul {
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: middle;
}
.list_control p {
    padding-top: 2px;
    font-size: 11px;
}
.list_control li {
    float: left;
    margin-left: -1px;
}
.list_control a,
.list_control button {
    display: block;
    padding: 5px 10px 4px;
    border: 1px solid #d3d3d3;
    background: #fff;
    color: #7a7a7a;
}
.list_control a:hover,
.list_control button:hover {
    background: #e6e6e6;
    text-decoration: none;
    cursor: pointer;/*161205遠藤 hrefを省いてもカーソルを指にするため追加*/
}
.list_control a.current,
.list_control button.current {
    background: #4e4e4e;
    color: #fff;
}
.list_control li:first-child a,
.list_control li:first-child button { border-radius: 3px 0 0 3px; }
.list_control li:last-child a,
.list_control li:last-child button { border-radius: 0 3px 3px 0; }

.list_control .sort { float: left; }
.list_control .view_mode,
.list_control .view_count {
    float: right;
    margin-left: 10px;
}
.list_control .view_mode a {
    position: relative;
    width: 20px;
    height: 18px;
    font-size: 0;
}
.view_mode .tile:after,
.view_mode .list:after  {
    position: absolute;
    top: 4px;
    left: 50%;
    display: block;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    background: url(../images/product/sprite_mode.png) no-repeat left top;
    content: " ";
}
.view_mode .list:after {
    width: 23px;
    margin-left: -11px;
    background-position: -50px 0;
}
.view_mode .current.tile:after { background-position: 0 -50px; }
.view_mode .current.list:after { background-position: -50px -50px; }

/* 一覧 */
.list_series { width: 980px; }
.list_series .item {
    position: relative;
    float: left;
    width: 310px;
    margin: 20px 10px 0 0;
}
.list_series a {
    display: block;
    padding-bottom: 10px;
    border-top: 2px solid #d3d3d3;
    background: #f4f4f4;
}
.list_series a:hover {
    border-top-color :#de0010;
    text-decoration: none;
}
.list_series .name {
    display: table;
    width: 290px;
    margin: 0;
    padding: 10px 10px 9px;
}
.list_series .name span {
    display: table-cell;
    width: 100%;
    height: 36px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1.1;
    vertical-align: middle;
}
.list_series .image {
    position: relative;
    margin-bottom: 15px;
    background: #fff;
}
.list_series a:hover .image img {
    filter: alpha(opacity=60);
    opacity: 0.6;

}
.list_series .tag {
    position: absolute;
    top: 0;
    left: 0;
}
.list_series .tag li { float: left; }
.list_series .tag img { vertical-align: top; }

.list_series .list_color { margin: 0 20px 10px; }
.list_series .list_color li { margin-right: 5px; }
.list_series .list_color span {
    width: 8px;
    height: 8px;
}
/*161205遠藤 アイコン2段のためアイコンにmargin-bottom:2px追加。そのためtag_featureもmin-heightに2px追加。*/
.list_series .tag_feature {
    min-height: 22px;
    margin: 0 20px 15px;
}
.tag_feature li {
    float: left;
    margin-right: 4px;
}
/*161205遠藤 アイコン2段表示バージョン*/
.list_series .tag_2dan {
    min-height: 42px;
    margin: 0 20px 15px;
}
.tag_2dan li {
    float: left;
    margin-right: 4px;
}
/*170429遠藤 一覧タイル2段表示バージョン*/
.tag_tile2dan li {
    float: left;
    margin-right: 4px;
}
.brand { font-size: 11px; padding: 1px 8px 2px; color: #333333; background: #eeeeee }
.heigh_adjustment {padding: 2px 8px 2px; margin: 0 0 1px 0; background: #d9760f; }
.capacity_100 {padding: 2px 8px 1px; background: #222222; margin: 0 0 2px 0; }
.capacity_80 {padding: 2px 8px 2px; margin: 0 0 1px 0;}
.capacity_60 {padding: 2px 8px 1px; background: #36698a; margin: 0 0 2px 0; }
.capacity_40 {
    padding: 2px 8px 1px;
    border: 1px solid #36698a;
    background: #cdd9e2;
    color: #04436d;
    margin: 0 0 2px 0;
}
.capacity_10 {
    padding: 2px 8px 1px;
    border: 1px solid #333333;
    background: #eeeeee;
    color: #333333;
    margin: 0 0 2px 0;
}
.capacity_20 {
    padding: 2px 8px 1px;
    border: 1px solid #36698a;
    background: #EEEEFD;
    color: #04436d;
    margin: 0 0 2px 0;
}
.stock_only { background: #e5246d; }
.stock_limited { background: #448aca; }
.special_price { background: #ff8300; }
/*.price_revision { background: #d9760f; }*/
.outlet_item { background: #e60012; }

.list_series .description {
    height: 39px;
    margin: 0 20px 20px;
    font-size: 14px;
}
.list_series .price {
    margin: 0 20px 10px;
    color: #de0010;
    font-size: 19px;
    font-weight: bold;
}
.list_series .more01 {
    margin: 0 10px;
    background: #ddd;
}
.list_series a:hover .more01 {
    background: #fff;
    color: #de0010;
}
.list_series a:hover .more01:after { background-position: -200px -100px; }
.list_series .more01:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

/* 一覧：４列 */
.list_series.column_4 .item {
    width: 225px;
    margin-right: 15px;
}
.list_series.column_4 .name { width: 205px; }
.list_series.column_4 .description { height: 60px; }


/* ランキング */
#ranking li:nth-child(n+6) { margin-top: 30px; }
#ranking .more {
    clear: both;
    margin-top: 20px;
    border-top: 2px solid #d3d3d3;
    text-align: center;
}
#ranking .more span {
    position: relative;
    display: inline-block;
    width: 300px;
    padding: 10px 0;
    border-radius: 0 0 5px 5px;
    background: #e9e9e9;
}
#ranking .more span:hover {
    filter: alpha(opacity=60);
    opacity: 0.6;
     cursor: pointer;
}
#ranking .more span:after {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    width: 10px;
    height: 6px;
    margin-top: -3px;
    background: url(../images/common/sprite_arrow.png) no-repeat -350px 0;
    content: " ";
}
#ranking .more .opened:after  { background-position: -300px 0; }


/*
商品一覧
-----------------------------------*/
#search { position: relative; }
/* 見出し */
.headline_search {
    margin: 0;
    padding: 15px 20px 12px;
    background: #f4f4f4;
    font-size: 20px;
}

/* 件数表示 */
#search .total_count {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 80px;
    padding: 8px 15px 7px;
    background: #fff;
    text-align: right;
}
#search .total_count strong {
    margin-right: 5px;
    font-size: 19px;
    font-weight: bold;
}

/* もしかして */
#search .list_keyword {
    position: relative;
    margin-bottom: 10px;
    padding: 0 20px 10px;
    background: #f4f4f4;
}
#search .list_keyword:before {
    position: absolute;
    top: 0;
    left: 5px;
    right: 5px;
    display: block;
    border-top: 2px dotted #ccc;
    content: " ";
}
#search .list_keyword dl { margin: 0; }
#search .list_keyword dt {
    float: left;
    clear: left;
    margin-top: 14px;
    font-size: 11px;
}
#search .list_keyword li {
    display: inline-block;
    margin-top: 10px;
}
#search .list_keyword a {
    display: block;
    padding: 5px 10px 4px;
    background :#fff;
    font-size: 11px;
}
#search .list_keyword a:hover {
    color: #de0010;
    text-decoration: none;
}

/* 検索条件 */
#search_condition .acc_panel .table_form { margin-top: -1px; }
#search_condition .more {
    border-top: 1px solid #d3d3d3;
    text-align: center;
}
#search_condition .more span {
    position: relative;
    display: inline-block;
    width: 300px;
    padding: 10px 0;
    border-radius: 0 0 5px 5px;
    background: #e9e9e9;
}
#search_condition .more span:hover {
    filter: alpha(opacity=60);
    opacity: 0.6;
     cursor: pointer;
}
#search_condition .more span:after {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    width: 10px;
    height: 6px;
    margin-top: -3px;
    background: url(../images/common/sprite_arrow.png) no-repeat -350px 0;
    content: " ";
}
#search_condition .more .opened:after  { background-position: -300px 0; }

/* おすすめ商品 */
.list_recommend { width: 970px; }
.list_recommend li { margin-right: 20px; }
.list_recommend li,
.list_recommend li .image { width: 174px;height: 290px }
.list_recommend li p .name { height: 60px; }
.list_item.list_recommend li { margin-top: 10px; }

/*
商品詳細
-----------------------------------*/
#product { margin: 30px auto 0; }
#product_container {
    position: relative;
    padding-right: 250px;
}
#product_container .product_info {
    float: left;
    width: 370px;
    margin-bottom: 30px;
}
#product_container .product_info:first-child {
    width: 550px;
    margin-right: 30px;
}

/* 見出し */
#product header {
    display: table;
    margin-bottom: 20px;
}
#product header .tag,
#product header h1 {
    display: table-cell;
    margin: 0;
    vertical-align: top;
}
#product header .tag {
    padding: 2px 10px 0 0;
    white-space: nowrap;
}
#product header .tag li {
    display: inline-block;
    margin-left: -0.5em;
  
}
#product header .tag li:first-child { margin-left: 0; }

/* 商品写真 */
#product .bx-wrapper { margin-bottom: 0; }
#product .bx-viewport {
    left: 0;
    border: none;
    box-shadow: none;
}
#product .bxslider li {
    position: relative;
    width: 550px;
    height: 550px;
}
#product .bxslider li img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

#product .bx-viewport a {
    position: relative;
    display: block;
    width: 550px;
    height: 550px;
}
#product .bx-viewport a:after {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: block;
    content: url(../images/product/ico_zoom.png);
}
#product .bx-viewport img { margin: 0 auto; }
#product .bx-prev { left: 0; }
#product .bx-next { right: 0; }
#product #bx_pager a {
    float: left;
    display: table;
    width: 102px;
    height: 102px;
    margin-left: 10px;
}
#product #bx_pager a:first-child{ margin-left: 0 ; }
#product #bx_pager a div {
    display: table-cell;
    width: 102px;
    height: 102px;
    text-align: center;
    vertical-align: middle;
}
#product #bx_pager img {
  max-width: 102px;
  max-height: 102px;
}

/* シリーズ・所属カテゴリ */
.box_affiliation {
    position: relative;
    margin-top: 20px;
    padding: 15px 10px 15px;
    border: 1px solid #d3d3d3;
}
.box_affiliation .series {
    margin-bottom: 20px;
    padding: 5px 5px 20px;
    border-bottom: 2px solid #d3d3d3;
    font-size: 16px;
    font-weight: bold;
}
.box_affiliation .series .more01 {
    position: absolute;
    top: 13px;
    right: 20px;
    width: 50px;
    padding-right: 10px;
    border-radius: 4px;
    background: #ddd;
    font-size: 11px;
    font-weight: normal;
}
.box_affiliation .series .more01:after { right: 10px; }
.box_affiliation .series .more02 {
    position: absolute;
    top: 13px;
    right: 90px;
    width: 90px;
    padding-right: 10px;
    border-radius: 4px;
    background: #ddd;
    font-size: 11px;
    font-weight: normal;
}
.box_affiliation .series .more02:after { right: 10px; }
.box_affiliation li {
    float: left;
    margin-bottom: 5px;
}
.box_affiliation li:before {
    margin: 0 3px;
    content: "／";
}
.box_affiliation li:first-child:before { content: ""; }
.box_affiliation li a { text-decoration: underline; }
.box_affiliation li a:hover { text-decoration: none; }

/* コピー、説明文 */
#product .tag_feature { margin: 0 0 18px; }
#product .copy {
    margin: 0 0 15px;
    font-size: 15px;
    font-weight: bold;
}
/*
#product .description {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
}
*/
/*161214遠藤 common_series.css の descriptionと重複するため名前変更*/
#product .p_description {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
}


/* インフォメーション */
#product .information {
    margin: 20px 0 0;
    padding: 10px 0;
    border-top: 2px solid #f4f4f4;
    border-bottom: 2px solid #f4f4f4;
}
#product .information li {
    float: left;
    width: 33.33%;
    font-size: 10px;
    text-align: center;
}
#product .information .image { margin-bottom: 5px; }
#product .information a:hover img { opacity: 0.6; }
#product .information li a:hover { text-decoration: underline; }
#product .information .time {
    display: inline-block;
    width: 36px;
    height: 30px;
    margin-left: 3px;
    padding-top: 6px;
    background: url(../images/product/img_time.png) no-repeat left top;
    color: #e53340;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

/* バリエーション */
.box_variation { margin: 30px 0 0; }
.box_variation .title {
    margin: 0 10px 10px;
    font-size: 14px;
    font-weight: bold;
}
.box_variation .wrap {
    position: relative;
    padding: 15px 20px;
    background: #f4f4f4;
}
.box_variation .wrap + .wrap:before {
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    display: block;
    border-top: 2px dotted #ccc;
    content: " ";
}
.box_variation .wrap p { margin: 0; }
.box_variation .wrap li {
    float: left;
    height: 34px;
    margin: 15px 10px 0; 
}
.box_variation span.ico_color { border-color: #666; }
.box_variation span.ico_color:after {
    position: absolute;
    top: 50%;
    left:  50%;
    display: block;
    width: 15px;
    height: 13px;
    margin: -6px 0 0 -7px;
    background: url(../images/common/sprite_label.png) no-repeat 0 -50px;
    content: " ";
}

/* カラーチップ */
.ico_color {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 0;
    vertical-align: middle;
}
a.ico_color:hover {
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.black01 { background: #393939; }
.gray01 { background: #999; }

.brown01 { background: #49221d; }
.brown02 { background: #a17248; }
.brown03 { background: #d1864d; }
.brown04 { background: #e9cca4; }
.brown05 { background: #DCC9B8; }
.white01 { background: #eeeeee; }
.beige01 { background: #EBEBD4; }
.silver01 { background: #bbbbbb; }

.perple01 { background: #5e2883; }
.blue01 { background: #233b8b; }
.blue02 { background: #799db6; } /* 水色 */
.green01 { background: #27853f; }
.yellow01 { background: #ffbf00; }
.orange01 { background: #e07d15; }
.red01 { background: #ca1028; }
.pink01 { background: #fb9dc6; }
/*ETC 汎用コード*/
.ETC_BK { background: #393939; }/* ブラック */
.ETC_BL { background: #305ae4; }/* ブルー */
.ETC_GR { background: #27853f; }/* グリーン */
.ETC_LB { background: #aad4ff; }/* ライトブルー */
.ETC_LG { background: #c3c3c3; }/* ライトグレー */
.ETC_OR { background: #e07d15; }/* オレンジ */
.ETC_RD { background: #ca1028; }/* レッド */
.ETC_SB { background: #7fd4ff; }/* スカイブルー */
.ETC_VL { background: #aa00ff; }/* バイオレット */
.ETC_YG { background: #9adb6f; }/* イエローグリーン */
.ETC_YW { background: #fff000; }/* イエロー */
.ETC_MB { background: #0066cc; }/* ミディアムブルー */
.ETC_GY { background: #919191; }/* グレー */
.ETC_CH { background: #59493f; }/* チョコ */
.ETC_NB { background: #25408a; }/* ネイビー */
.ETC_LD { background: #a4c0e2; }/* ラベンダー */
.ETC_PK { background: #f19ec2; }/* ピンク */
.ETC_RB { background: #d74b87; }/* ラズベリー */
.ETC_TP { background: #dddddd; }/* 透明 */
.type_color .ETC_WH { background: #fff; border: 1px solid #d3d3d3;} /* 白（線色グレー） */
.ETC_WH { background: #fff; }/* ホワイト */
/*CLM カラーマルシェ*/
.CLM_CB { background: #0a3c9d; }
.CLM_LY { background: #fadd00; }
.CLM_MG { background: #aedb15; }
.CLM_MO { background: #ff8b05; }
.CLM_PG { background: #009004; }
.CLM_PP { background: #f16591; }
.CLM_RW { background: #eeeeee; }
.CLM_TR { background: #d52617; }
.CLM_WB { background: #acaae7; }
/*FCS チャットボード*/
.FCS_AG { background: #634966; }
.FCS_BK { background: #151817; }
.FCS_FU { background: #c83976; }
.FCS_GR { background: #809852; }
.FCS_LV { background: #a4c0e2; }
.FCS_NV { background: #1c243a; }
.FCS_OR { background: #f0531a; }
.FCS_RD { background: #c52b1e; }
.FCS_RS { background: #d3aaba; }
.FCS_TQ { background: #66c7c7; }
.FCS_WH { background: #edf2f3; }
.FCS_YL { background: #f0e37e; }
/*FNT ファントーニ*/
.FNT_6S { background: #b3b7b6; }
.FNT_AB { background: #f7edd2; }
.FNT_AE { background: #efb866; }
.FNT_B5 { background: #fdfffe; }
.FNT_BN { background: #fffff5; }
.FNT_NC { background: #785746; }
.FNT_NF { background: #d1864d; }
.FNT_QK { background: #060608; }
.FNT_RL { background: #ddbe9f; }
.FNT_RP { background: #ddbe9f; }
.FNT_TK { background: #a17248; }
.FNT_VP { background: #abcf37; }
.FNT_WE { background: #312018; }
.FNT_YL { background: #f6c100; }
.FNT_YS { background: #ffed27; }
/*GRG ガラージ*/
.GRG_MA { background: #e1ba6d; }
/*MAE 前橋工場品*/
.MAE_DW { background: #49221d; }
.MAE_M4 { background: #cccccc; }
.MAE_MG { background: #44231c; }
.MAE_MH { background: #44231c; }
.MAE_T2 { background: #906542; }
.MAE_TW { background: #ac4b2a; }
.MAE_W1 { background: #eeeeee; }
.MAE_W4 { background: #eeeeee; }
.MAE_WM { background: #e9cca4; }
.MAE_WS { background: #eeeeee; }
/*TPE 台湾*/
.TPE_BC { background: #e7a068; }
.TPE_DZ { background: #381e18; }
.TPE_LB { background: #dcc9b8; }
.TPE_WH { background: #eeeeee; }


/* 購入導線 */
#purchase_info {
    position: absolute;
    top: 0;
    left: 980px;
    width: 220px;
}
#purchase_info .code {
    margin: 0;
    padding: 8px 0 7px;
    background: #393939;
    color :#fff;
    font-size: 12px;
    text-align: center;
}
#purchase_info .inner {
    padding: 10px 10px 14px;
    background: #e9e9e9;
}
#purchase_info .data li {
    margin-bottom: 5px;
    font-size: 11px;
}
#purchase_info .ico_color {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

#purchase_info .box_price {
    margin: 10px 0;
    padding: 10px 10px 8px;
    background: #fff;
    font-weight: bold;
    text-align: center;
}
#purchase_info .box_price span {
    font-size: 10px;
    font-weight: normal;
}
#purchase_info .stock {
    margin: 0 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e9e9e9;
}
#purchase_info .stock span { display: block; }
#purchase_info .stst1{
    margin: 0 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e9e9e9;
    font-size:12px;
    font-weight: normal;
}
#purchase_info .stst2{
    margin: 0 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e9e9e9;
    color: #de0010;
    font-size:14px;
}
#purchase_info .price {
    margin: 0;
    color: #de0010;
    font-size: 20px;
}
#purchase_info .postage {
    margin: 0;
    color: #de0010;
    font-size: 12px;
    font-weight: normal;
}
#purchase_info .box_option p:first-child {
    margin: 0;
    font-size:11px;
    text-align: center;
}
#purchase_info .box_option span {
    display: block;
    font-size: 11px;
}
#purchase_info .box_option p.status {
    padding: 2px 0 1px;
    border: 1px solid #fff;
    background: #f4f4f4;
    font-size: 12px;
    text-align: center;
}
#purchase_info .box_option .status + p {
    margin: 5px;
    font-size: 10px;
}
#purchase_info .box_option .option_price {
    margin: 0;
    padding: 8px 0 7px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #df101e;
    font-size: 11px;
    text-align: center;
    line-height: 1.6;
}

#purchase_info .quantity {
    margin-top: 10px;
    font-size: 11px;
    text-align: center;
}
#purchase_info .quantity input {
    width: 40px;
    margin-left: 3px;
}
#purchase_info .box_button { margin-top: 10px; }
#purchase_info .button_cart {
    width: 100%;
    padding: 50px 0 8px;
    border: none;
    background: #e67e22 url(../images/product/bg_button_cart.png) no-repeat center 10px;
    box-shadow: 0 4px #b2621b;
    color: #fff;
    font-size: 16px;
}
#purchase_info .button_cart:hover {
    position: relative;
    top: 4px;
    border-top: none;
    box-shadow: none;
}
#purchase_info .button_cart.button_disabled {
    top: 4px;
    background-color: #ccc;
    box-shadow: none;
}

#purchase_info .supplement {
    margin: 10px 0 0;
    font-size: 10px;
}
#purchase_info .social { margin: 15px 0 0; }
#purchase_info .social li {
    float: left;
    margin-left: 1px;
}
#purchase_info .social li:first-child { margin-left: 0; }
#purchase_info .social a:hover {
    filter: alpha(opacity=60);
    opacity: 0.6;
}