
@charset "utf-8";
/* CSS Document */

/*************************************************************/

/* HTMLタグ要素 */

/*************************************************************/

/*--------------------------------------*/
/* font-sizeの指定表
フォントサイズ指定に%を利用しています。
拡大縮小される場合は下記の表を参考に
指定を変更してください。

例）12pxを指定の場合 font-size: 93%;

 77%  = 10px    |   123.1% = 16px   |   167% = 22px
 85%  = 11px    |   131%   = 17px   |   174% = 23px
 93%  = 12px    |   138.5% = 18px   |   184% = 24px
 100% = 13px    |   146.5% = 19px   |   192% = 25px
 108% = 14px    |   153.9% = 20px   |   197% = 26px
 116% = 15px    |   161.6% = 21px   |

*/
/*--------------------------------------*/

/*--------------------------------------*/
/* カラム設定について
1カラム、2カラム、3カラムにて指定が異なる箇所があります。
スタイルシート内には、全てのカラム設定用の横幅や指定を
記載しております。
指定を変更される場合は、ご自身の設定をご確認ください。
*/
/*--------------------------------------*/

/*--------------------------------------*/
/* 高解像度ディスプレイ対応
このコメントが入ってる箇所では、高解像度ディスプレイ用に通常の
背景画像に加えて2倍サイズの画像が指定してあります。
通常サイズの画像を変更される際は、下記の注意書きをご覧ください。

・高解像度ディスプレイ用の画像を指定しない
下記のbackground-imageに、通常サイズと同様の画像を指定。

・高解像度ディスプレイ用の画像を指定する
通常サイズの画像の縦横とも2倍のサイズの画像を
高解像度ディスプレイ対応内のbackground-imageに指定し
background-sizeには、通常サイズの画像サイズを指定。
*/
/*--------------------------------------*/


body {
    word-break: break-all;
    color: #000000;
    line-height: 140%;
}

/* リンク */
A,
A h3 {
    font-weight: bold;
    text-decoration: none;
    color: #0088CC;
}

A:hover,
A h3:hover {
    color: #0066CC;
}

/* ヘッダータグ */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}


/*************************************************************/

/* 大枠 */

/*************************************************************/

/* 大枠 */
#container {
    width: 100%;
    min-width: 980px;
    position: relative;
}

/* 大枠中央レイアウト */
.fix_center {
    width: 980px;
    margin: auto;
}

.colmode .fix_center {
    width: 760px;
}


/*************************************************************/

/* カラム設定 */

/*************************************************************/

/* 左カラム */
#leftcol {
    width: 200px;
    float: left;
}

/* 右カラム */
#rightcol {
    width: 200px;
    float: left;
}

.widemode #rightcol {
    float: right;
}

/* メインカラム 1カラム */
#maincol1 {
    width: 980px;
}

/* メインカラム 2カラム */
#maincol2 {
    width: 780px;
    float: left;
}

/* メインカラム 3カラム */
#maincol3 {
    width: 580px;
    float: left;
}

/* 3カラム写真小モード用 */
#setcol {
    width: 780px;
    float: left;    
}

/* ポップアップ */
#popup {
    width: 780px;
    margin: auto;
}

/* コンテンツエリア最小縦幅 */
#maincol1,
#maincol2,
#maincol3,
#widecol {
    min-height: 700px;
}

.contents_undisplay #maincol1 {
    min-height: auto;	
}

.contents_undisplay #inner_footer {
    min-height: 800px;	
}


/*************************************************************/

/* カラム横幅可変モード */

/*************************************************************/

/* 商品一覧、商品検索結果横幅 */

.widemode .fix_center {
    width: 90%;
    min-width: 980px;
    margin: auto;
}

.widemode #maincol1 {
    width: auto;
}

.widemode #maincol2 {
    width: auto;
    float: none;
    margin-left: 200px;
}

.widemode .layout_r #maincol2 {
    margin-left: 0px;
    margin-right: 200px;
}


/*************************************************************/

/* ヘッダー */

/*************************************************************/

/* ヘッダー */
#header {
    border-top: 5px solid #000000;
}

/* ヘッダー背景画像 */
#inner_header {
    padding-top: 3px;
    min-height: 50px;
    padding-bottom: 15px;
    background-image: url(img/header_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #inner_header {
        background-image: url(img/header_bg_x2.gif);
        background-size: 50px 115px;
    }
    /*-----------------------------------------------------------*/
}


/* ヘッダー上　キャッチフレーズ欄 */
#header_top {
    position: relative;
}

/* ヘッダー中　ショップロゴ、検索、カートの中身 */
#header_middle {
    position: relative;
}

/* ヘッダー下　ログイン、新規登録 */
#header_bottom {
    position: relative;
    padding-top: 0px;
}


/*************************************************************/

/* フッター */

/*************************************************************/

/* フッター */
#footer {
    width: 100%;
    background-color: #000000;
    border-top: 1px solid #222222;
}

/* Powered by おちゃのこネット
/* 「おちゃのこネット ホームページ作成とショッピングカート付きネットショップ開業サービス」
※上記の文言は必須項目ですので、削除する事は許可されていません。 */

#ochanoko {
    width: 100%;
    border-bottom: 1px solid #000000;
}

.footer_top {
    background-color: #222222;
    color: #E0DFE3;
}

#inner_ochanoko {
    text-align: right;
    padding: 15px 0px;
}

/* コピーライト */
#copyright {
    font-size: 85%;
}

#copyright A {
    color: #FFFFFF;	
}

/* フッター内部コンテンツ */
#inner_footer {
    min-height: 500px;
    padding-top: 10px;
    text-align: center;
    position: relative;
    color: #E0DFE3;
}

/* ページトップ */
#pagetop {
    width: 100%;
}

#inner_pagetop {
    height: 30px;
    position: relative;
}

#inner_pagetop A {
    display: block;
    height: 20px;
    background-image: url(img/icon_pagetop.png);
    background-repeat: no-repeat;
    background-position: 5px 7px;
    background-color: #000000;
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 5px 5px 5px 25px;
    text-align: center;
    color: #FFFFFF;
    font-size: 77%;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #inner_pagetop A {
        background-image: url(img/icon_pagetop_x2.png);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}

#inner_pagetop A:hover {
    background-color: #333333;
}

/* スマートフォンサイトボタン */
#phonesite {
    position: relative;
    height: 30px;
    padding: 15px 0px 15px;
    background-color: #000000;
}

.phone_site_link {
    display: block;
	width: 188px;
	margin: auto;
    background-color: #FFFFFF;
    border-radius: 5px;	
}

.phone_site_link:hover {
    background-color: #CCCCCC;
}

.phone_site_link A {
    display: block;
    width: 150px;
    padding: 8px 8px 8px 30px;
	background-image: url(img/icon_phone.png);
    background-repeat: no-repeat;
    background-position: 5px 2px;
    font-size: 12px;
    color: #000000;
    text-align: center;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .phone_site_link A  {
        background-image: url(img/icon_phone_x2.png);
        background-size: 30px 30px;
    }
    /*-----------------------------------------------------------*/
}


/* フッター自由記入欄 */
.footer_free_space {
    text-align: left;
    color: #FFFFFF;
}


/*************************************************************/

/* キャッチフレーズ */

/*************************************************************/

/* キャッチフレーズ */
#copy {
    padding: 0px 15px 3px 0px;
    font-size: 11px;
    line-height: normal;
    float: left;
}

/* 表示パターン横幅 */
.header_top_800 {
    max-width: 800px;
}

.header_top_700 {
    max-width: 700px;
}

.header_top_600 {
    max-width: 600px;
}

.header_top_300 {
    max-width: 300px;
}

.header_top_200 {
    max-width: 200px;
}

.header_top_100 {
    max-width: 100px;
}


/*************************************************************/

/* グローバルサイト、文字サイズ */

/*************************************************************/

/* タイトル */
.site_list_title,
.set_font_title {
    display: inline-block;
    height: 20px;
    vertical-align: top;
    font-weight: bold;
}


/*--------------------------------------*/
/* グローバルサイトリンク */

.global_site {
    font-size: 11px;
    line-height: normal;
}

#header_global_site {
    float: right;
}

/* 横並び表示リンク */
.global_site A {
    display: inline-block;
    min-height: 20px;
    vertical-align: top;
}

/* リスト表示 */
.layout_dropdown {
    position: relative;
}

/* リスト表示タイトル */
.layout_dropdown .site_list_title A {
    padding: 0px 5px 0px 20px;
    background-image: url(img/icon_open.gif);
    background-repeat: no-repeat;
    background-position: left -2px;
    position: relative;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .layout_dropdown .site_list_title A {
        background-image: url(img/icon_open_x2.gif);
        background-size: 20px 20px;
    }
    /*-----------------------------------------------------------*/
}

/* リスト表示タイトルマウスオーバー、選択中 */
.layout_dropdown .site_list_title A:hover,
.layout_dropdown .site_list_title A.hover,
.layout_dropdown .nav_on A {
    background-color: #F5F5F5;
}

/* リンク一覧 */
.site_list_dropdown {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 180px;
    padding: 10px;
    background-color: #FFFFFF;
    border-top: 5px solid #F5F5F5;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.4),-5px 5px 10px rgba(0,0,0,0.4);
}

/* 各リンク先 */
.layout_dropdown .site_list_data {
    display: block;
    padding: 3px;
    border-bottom: 1px solid #E0DFE3;
}

/* 各リンク文字 */
.site_list_dropdown A {
    display: block;
    padding: 0px 3px;
    line-height: 20px;
}

.site_list_dropdown A:hover {
    background-color: #F5F5F5;
}

/* フッター用指定 */
#inner_footer .global_site {
    width: auto;
    margin: 10px auto;
}

#inner_footer .footer_global_site .global_site {
    width: 300px;
    margin: 10px auto;
}

/* 横並び表示文字色 */
#inner_footer .site_list_data A {
    color: #FFFFFF;
}

#inner_footer .site_list_data A:hover {
    color: #CCCCCC;
}

/* リスト表示文字色 */
#inner_footer .layout_dropdown .site_list_data A {
    color: #0088CC;
}

#inner_footer .layout_dropdown .site_list_data A:hover {
    color: #0066CC;
}

/* リスト表示タイトル */
#inner_footer .layout_dropdown .site_list_title {
    height: 30px;
}

#inner_footer .layout_dropdown .site_list_title A {
    background-image: none;
    background-color: #FFFFFF;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    line-height: 20px;
}

/* リンク一覧 */
.reverse_position .site_list_dropdown {
    left:50%;
    border: none;
    margin-top: 5px;
    margin-left: -100px;
    padding-top: 5px;
    text-align: left;
}


/*--------------------------------------*/
/* 文字サイズ */

.font_setting {
    display: inline-block;
    font-size: 11px;
    line-height: normal;
    margin-left: 15px;
}

#header_font_setting {
    float: right;
}

/* 文字サイズ画像 */
.set_font_normal,
.set_font_large {
    display: inline-block;
    width: 30px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: left top;
}

/* 普通画像 */
.set_font_normal {
    background-image: url(img/font_default.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .set_font_normal {
        background-image: url(img/font_default_x2.gif);
        background-size: 30px 40px;
    }
    /*-----------------------------------------------------------*/
}

/* 大画像 */
.set_font_large {
    background-image: url(img/font_large.gif);
    margin-left: 5px;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .set_font_large {
        background-image: url(img/font_large_x2.gif);
        background-size: 30px 40px;
    }
    /*-----------------------------------------------------------*/
}

/* 文字サイズ画像マウスオーバー、選択中 */
.font_setting .set_font_normal:hover,
.font_setting .set_font_large:hover,
.font_setting .nav_on {
    background-position: left bottom;
}


/*************************************************************/

/* ショップ名 */

/*************************************************************/

/* ショップ名ロゴ */
#shoplogo {
    width: 200px;
    height: 40px;
    float: left;
}

#shoplogo:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
}


/* ショップ名テキスト */
#shoptext {
    float: left;
    font-size: 138.5%;
    min-height: 40px;
    width: 450px;
}

/* ヘッダーバナーありの場合 */
.has_header_banner #shoptext {
    width: 200px;
}


/*************************************************************/

/* 商品検索 */

/*************************************************************/

/* 商品検索 */
#search {
    float: right;
    background-color: #000000;
    color: #FFFFFF;
    padding: 5px;
}

/* 検索エリア自由記入欄 */
#search_free {
    float: right;
}


/*************************************************************/

/* ログイン・新規登録 */

/*************************************************************/

/* 枠 */
#header_bottom .signin_box {
    width: 780px;
    padding-top: 7px;
    padding-right: 10px;
    float: right;
    text-align: right;
}

/* 各文字区切り */
.signin li {
    display: inline;
    padding: 0px 5px;
    font-size: 85%;
}

.signin .member_name,
.signin .member_group,
.signin .signout_top,
.signin .mypage_top,
.signin .member_point,
.signin .point {
    display: inline;
    padding: 0px 5px;
    font-size: 85%;
}

/* 各リンク文字 */
.signin li A,
.signin span A {
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: left top;
}

/* ログインボタン */
#header_bottom .signin .signin_top {
    padding-right: 10px;
    border-right: 1px solid #999999;
}

/* ログインボタン背景画像 */
.signin_top A {
    background-image: url(img/icon_signin.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .signin_top A {
        background-image: url(img/icon_signin_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* 新規登録ボタン背景画像 */
.register_top A {
    background-image: url(img/icon_regist.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .register_top A {
        background-image: url(img/icon_regist_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/*--------------------------------------*/
/* ログアウト・マイページ */

.activemember .member_group,
.activemember .point {
    padding-right: 0px;
}

/* ユーザー名 */
.member_name {
    font-weight: bold;
}

#header_bottom .member_name {
    border-right: 1px solid #E0DFE3;
}

/* ログアウト */
#header_bottom .signout_top {
    padding-right: 10px;
    border-right: 1px solid #999999;
}

/* ログアウトボタン背景画像 */
.signout_top A {
    background-image: url(img/icon_signout.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .signout_top A {
        background-image: url(img/icon_signout_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* 会員グループ */
.member_group,
.member_id {
    font-weight: normal;
}

/* マイページ */
#header_bottom .mypage_top {
    padding-left: 10px;
    display: inline-block;
}

/* マイページボタン背景画像 */
.mypage_top A {
    background-image: url(img/icon_mypage.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .mypage_top A {
        background-image: url(img/icon_mypage_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}

/* 保有ポイント */
#header_bottom .member_point {
    border-left: 1px solid #E0DFE3;
    display: inline-block;
}

/* ポイント数 */
.signin .point {
    font-weight: bold;
    color: #CC0000;
    padding: 0px;
}


/*-----------------------------------------------------------*/
/* 左右エリア */

/* ログイン枠 */
.side_signin .signin {
    border: 1px solid #E0DFE3;
}

.side_signin .signin_box {
    width: auto;
    padding: 10px;
}

/* li、spanブロック表示 */
.side_signin li {
    display: block;
    font-size: 95%;
    padding: 0px;
}

.side_signin .member_name,
.side_signin .member_group,
.side_signin .signout_top,
.side_signin .mypage_top,
.side_signin .member_point,
.side_signin .point {
    display: block;
    font-size: 95%;
    padding: 0px;
}

/* ポイントインライン表示 */
.side_signin .signin .point {
    display: inline;
}

/* 各ボタン */
.side_signin .signin li A,
.side_signin .signin .mypage_top A {
    display: block;
    padding: 8px 0px 8px 22px;
    background-position: 3px center;
}

.side_signin .signin li A:hover,
.side_signin .signin .mypage_top A:hover {
    background-color: #F5F5F5;
}

/* ログインボタン */
.side_signin .signin_top A {
    border-bottom: 1px solid #E0DFE3;
}

/* ユーザー名 */
.side_signin .member_name {
    border: 1px solid #E0DFE3;
    background-color: #F9F9F9;
    padding: 10px 10px 5px;
}

/* 会員グループ */
.side_signin .member_group {
    font-weight: normal;
    font-size: 85%;
}

/* ログアウトボタン */
.side_signin .signin .signout_top {
    width: auto;
    border-top: 1px solid #E0DFE3;
    padding: 3px;
    margin-top: 5px;
    text-align: right;
}

.side_signin .signin .signout_top A {
    font-size: 85%;
}

/* ログインボタン */
.side_signin .mypage_top A {
    margin-top: 8px;
}

/* 保有ポイント */
.side_signin .member_point {
    background-color: #FFFFEE;
    border: 1px solid #E0DFE3;
    padding: 5px;
    font-size: 85%;
    margin-top: 1px;
}

.signin_box .member_point .point {
    display: inline-block;
}


/*************************************************************/

/* 上部カートの中身 */

/*************************************************************/

#carttop {
    float: right;
    margin-left: 5px;
}

/* カートの中身ボタン */
.shopping_cart_button {
    position: relative;
    width: 130px;
}

/* 自由記入欄サイドカラム用 */
#leftcol .cartcontentsarea,
.reverse_cartcontent .cartcontentsarea {
    margin-right: 0;
    padding: 0 20px 20px 0;
    right: -210px;
    left: auto;
}

/* 自由記入欄メインカラム用 */
.center_cartcontent .cartcontentsarea {
    margin-right: 0;
    padding: 0 20px 20px 20px;
    left: -115px;
}

/* カート中身背景 */
.cartbtn {
    background-image: url(img/cart_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #428DFF;
    border-radius: 5px;
    position: relative;
}

.cartbtn:hover,
.cartbtn.hover {
    background-image: url(img/cart_bg_o.gif);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #0066FF;
}

.has_cart_popup .cartbtn:hover,
.has_cart_popup .cartbtn.hover {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

/* カート中身アイコン */
.cartbtn A {
    display: block;
    width: 87px;
    height: 25px;
    padding: 6px 0px 0px 43px;
    background-image: url(img/icon_cart.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    font-size: 12px;
    line-height: normal;
    color: #FFFFFF;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .cartbtn A {
        background-image: url(img/icon_cart_x2.png);
        background-size: 30px 30px;
    }
    /*-----------------------------------------------------------*/
}

.cartmiddle #carttop A {
    height: 27px;
    padding-top: 8px;
}

.header_hidden #carttop A {
    margin-top: 10px;
}

/* カートの中身数量 */
.cartquantity {
    width: 30px;
    text-align: center;
    position: absolute;
    top: 2px;
    left: 8px;
    color: #FFFFCC;
}

/* 数量99以上の場合 */
.quantityover {
    position: absolute;
    top: -5px;
    right: 0px;
    font-size: 10px;
}

/* カートの中身 */
.cartcontentsarea {
    width: 320px;
    margin-right: -20px;
    padding: 0px 0px 20px 20px;
    position: absolute;
    top: 30px;
    left: -210px;
}

.cartcontents {
    padding: 10px;
    background-color: #FFFFFF;
    border-top: 5px solid #0066FF;
    box-shadow:5px 5px 10px rgba(0,0,0,0.4),-5px 5px 10px rgba(0,0,0,0.4);
}

.cartcontents li {
    padding: 5px;
    border-bottom: 1px solid #E0DFE3;
}

/* サムネイル写真 */
.cartcontents .global_photo {
    width: 40px;
    float: left;
}

/* 商品説明 */
.cartcontents .text_data {
    width: 230px;
    padding: 0px 10px;
    float: left;
}

/* カートは空です */
.cartcontents li.cart_empty {
    padding: 5px;
    border-bottom: none;
}

.cartcontents .cart_empty .text_data {
    width: auto;
    padding: 0px;
    float: none;
    font-size: 93%;
    text-align: center;
}

/* 商品名、説明文字 */
.cartcontents .item_data A,
.cartcontents .item_data p {
    font-size: 77%;
    line-height: normal;
}

/* 合計金額 */
.cartcontents .shoppingcart_pricetotal p {
    padding: 5px;
    margin: 0px;
    text-align: right;
}

/* ボタン配置 */
.cartcontents .global_btn {
    border-top: 1px solid #E0DFE3;
    padding: 5px;
    text-align: center;
}


/*************************************************************/

/* ヘッダーバナー */

/*************************************************************/

.header_banner {
    position: absolute;
    top: 0px;
    left: 210px;
}


/*************************************************************/

/* グローバルナビゲーション */

/*************************************************************/

/* ヘッダーナビゲーション */
#globalnavi {
    width: 100%;
    background-color: #FFFFFF;
    background-image: url(img/navi_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    border-top: 1px solid #E0DFE3;
}

/* 各ナビゲーション配置 */
#globalnavi li {
    width: auto;
    float: left;
    list-style: none;
}

/* 各ナビゲーション背景画像、文字 */
#globalnavi li A {
    display: block;
    min-height: 20px;
    text-align: center;
    color: #000000;
    max-width: 250px;
    border-right: 1px solid #E0DFE3;
    font-size: 12px;
}

#globalnavi .sub_menu li A {
    font-size: 93%;
}

/* 各ナビゲーション余白 */
#globalnavi .nav_box {
    display: block;
    padding: 15px;
}

#globalnavi .sub_menu .nav_box {
    display: inline;
    padding: 0px;
}

/* 各ナビゲーションマウスオーバー */
#globalnavi li:hover,
#globalnavi li.hover > div > .nav_link,
#globalnavi li.hover .toggle_link,
#globalnavi li.h_home:hover  {
    background-image: url(img/navi_bg_o.gif);
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-position: left top;
}

/* 選択中 */
#globalnavi li.nav_on {
    background-image: url(img/navi_bg_o.gif);
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-position: left top;
}

/* ホーム余白 */
#globalnavi li.h_home .nav_box {
    padding: 0px;
}

/* 左端ナビゲーション枠線 */
#globalnavi .posleft A {
    border-left: 1px solid #E0DFE3;
}

/* 複数行用アイコン画像 */
#globalnavi .toggle_link .nav_box {
    display: block;
    padding: 0px;
    min-height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
}

.toggle_button .open .nav_box {
    background-image: url(img/navi_open_bg.png);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .toggle_button .open .nav_box {
        background-image: url(img/navi_open_bg_x2.png);
        background-size: 45px 45px;
    }
    /*-----------------------------------------------------------*/
}

.toggle_button .close .nav_box {
    background-image: url(img/navi_close_bg.png);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .toggle_button .close .nav_box {
        background-image: url(img/navi_close_bg_x2.png);
        background-size: 45px 45px;
    }
    /*-----------------------------------------------------------*/
}

/* 複数行時上部線 */
.overplus_nav .dropdown {
    border-top: 1px solid #E0DFE3;
}

/* メニュー背景 */
#globalnavi ul.dropdown ul.sub_menu li {
    width: 230px;
    height: auto;
    float: none;
    background-color: #FFFFFF;
    background-image: url(img/navi_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    box-shadow:5px 5px 10px rgba(0,0,0,0.4),-5px 5px 10px rgba(0,0,0,0.4);
}

/* メニュー文字、アイコン */
#globalnavi ul.dropdown ul.sub_menu li A,
#globalnavi ul.dropdown ul.sub_menu li A:hover {
    display: block;
    width: 200px;
    max-width: 200px;
    height: auto;
    padding: 8px 10px 8px 20px;
    color: #000000;
    text-align: left;
    border-bottom: 1px solid #E0DFE3;
    border-right: none;
    background-image: url(img/icon_b.gif);
    background-repeat: no-repeat;
    background-position: 5px 8px;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #globalnavi ul.dropdown ul.sub_menu li A,
    #globalnavi ul.dropdown ul.sub_menu li A:hover {
        background-image: url(img/icon_b_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* タブレット用閉じるボタン */
#globalnavi ul.dropdown ul.sub_menu li.dropdown_close A,
#globalnavi ul.dropdown ul.sub_menu li.dropdown_close A:hover,
.side_category_popup .hover li.dropdown_close A,
.side_category_popup .hover li.dropdown_close A:hover {
    background-color: #000000;
}

/* マウスオーバー時下線非表示 */
#globalnavi ul.dropdown ul.sub_menu li.posbottom A {
    border-bottom: none;
}

#globalnavi ul.dropdown ul.sub_menu li:hover {
	background-image: none;
    background-color: #FFFFFF;
}

/* サブメニュー有りアイコン */
.more {
    padding-left: 20px;
    background-image: url(img/icon_more.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .more {
        background-image: url(img/icon_more_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/*--------------------------------------*/
/* サイドナビゲーション */

/* ナビゲーション背景画像 */
.navi_list li {
    background-image: url(img/side_navi_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    border: 1px solid #E9E9E9;
    margin-bottom: 3px;
}

.navi_list li:hover {
    background-image: url(img/side_navi_bg_o.gif);
    background-position: left top;
}

/* ナビゲーションアイコン画像 */
.navi_list li A {
    padding: 10px 18px 10px 18px;
    background-image: url(img/icon_b.gif);
    background-repeat: no-repeat;
    background-position: 3px 10px;
    color: #333333;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .navi_list li A {
        background-image: url(img/icon_b_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}

/* 選択中 */
.navi_list li.nav_on {
    background-image: none;
    background-color: #E0F0F8;
    border: 1px solid #E0F0F8;
    margin-bottom: 3px;
}


/*--------------------------------------*/
/* フッターナビゲーション */

#globalnavi_footer {
    width: 100%;
    border-bottom: 1px solid #222222;
}

/* 各ナビゲーション文字色 */
#globalnavi_footer li .footer_navi_link {
    color: #FFFFFF;
}

/* 各ナビゲーションマウスオーバー */
#globalnavi_footer li .footer_navi_row:hover {
    background-color: #222222;
}

/* 選択中 */
#globalnavi_footer li.nav_on .footer_navi_row {
    background-color: #222222;
}

/* 各ブロックレイアウト */
#globalnavi_footer .footer_navi_box {
    float: left;
    color: #FFFFFF;
	box-sizing: border-box;
    border-left: 1px solid #222222;
}

#globalnavi_footer .footer_navi_box_right {
    border-right: 1px solid #222222;
}

#globalnavi_footer .column1 .footer_navi_box {
    float: none;
}

/* 1カラム */
#globalnavi_footer .column1 .footer_navi_box {
    width: 100%;
}

/* 2カラム */
#globalnavi_footer .column2 .footer_navi_box {
    width: 50%;
}

/* 3カラム */
#globalnavi_footer .column3 .footer_navi_box {
    width: 33.3%;
}

/* 4カラム */
#globalnavi_footer .column4 .footer_navi_box {
    width: 25%;
}

/* 5カラム */
#globalnavi_footer .column5 .footer_navi_box {
    width: 20%;
}

/* 各ブロック */
#globalnavi_footer ul {
    min-height: 180px;
    padding: 10px;
    list-style: none;
}

/* 各ナビゲーション背景、文字 */
#globalnavi_footer li .footer_navi_link {
    display: block;
    padding: 5px 5px 5px 15px;
    background-image: url(img/icon_w.gif);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    font-size: 85%;
    font-weight: normal;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #globalnavi_footer li .footer_navi_link {
        background-image: url(img/icon_w_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}

/* 上部自由記入欄利用時用 */
#footer_free_top {
    border-bottom: 1px solid #222222;
}

/* 自由記入欄用 */
.footer_navi_free,
.footer_navi_free A,
.footer_free_space,
.footer_free_space A {
    color: #FFFFFF;
	text-align: left;
}

#globalnavi_footer .footer_navi_free A:hover,
.footer_free_space A:hover {
    color: #CCCCCC;	
}


/*************************************************************/

/* グローバルリンク */

/*************************************************************/

.global_link {
    padding: 5px 5px 5px 15px;
    background-image: url(img/icon_b.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .global_link {
        background-image: url(img/icon_b_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/*************************************************************/

/* メイン写真 */

/*************************************************************/

/* メイン写真 */
#photo {
    width: 100%;
}

.colmode #photo {
    margin-bottom: 30px;
}

/* 3カラムレイアウト時 */
#setcol .colmode {
    margin-left: 20px;
}

.layout_r #setcol .colmode {
    margin-left: 0px;
    margin-right: 20px;
}

/* 全画像共通枠 */
.global_photo {
    margin: 0px auto 10px;
	line-height: 0px;
}


/*--------------------------------------*/

/* スライド表示 */

/*--------------------------------------*/

#photo {
    margin-top: 1px;
}

.slide{
    float: left;
}

/* サムネイルメニュー */

/* 各メニュー */
.menu li{
    width: 90px;
    display: inline-block;
    list-style: none;
    overflow: hidden;
    border-top: 5px solid #CCCCCC;
    margin-right: 1px;
    margin-top: 1px;
    vertical-align: top;
}

/* ボタン */
.menu li A {
    display: block;
}

/* 表示中サムネイル */
.menu li.current,
.menu li.current:hover {
    border-top: 5px solid #0066FF;
}

.menu li.act A {
    cursor: default;
}

/* サムネイル横幅 */
.menu a img{
    width: 90px;
}

/* スライド送り */
.swipe_list .pointer_box {
    padding: 5px 0px;
    text-align:center;
}

/* スライド送りボタン */
.swipe_list .pointer span {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0px 5px 0px;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    cursor: pointer; 
}

/* 左右ボックス */
.side_box .swipe_list .pointer span {
    margin: 0 4px;
}

/* 現スライド */
.swipe_list .pointer span.current {
    background-color: #0066FF;
    border: 1px solid #0066FF;
}

/* 前へ、次へアイコン */
.swipe_list .pointer_box span.pointer_prev,
.swipe_list .pointer_box span.pointer_next {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0px 10px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
    border-radius: 25px;
    cursor: pointer;
}

/* 商品詳細メイン写真用 */
.swipe_list .detail_item_photo .pointer_box span.pointer_prev,
.swipe_list .detail_item_photo .pointer_box span.pointer_next {
    margin: 0px;
}

/* 前へアイコン画像 */
.swipe_list .pointer_box span.pointer_prev {
    background-image: url(img/icon_prev.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .swipe_list .pointer_box span.pointer_prev {
        background-image: url(img/icon_prev_x2.gif);
        background-size: 25px 25px;
    }
    /*-----------------------------------------------------------*/
}

/* 次へアイコン画像 */
.swipe_list .pointer_box span.pointer_next {
    background-image: url(img/icon_next.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .swipe_list .pointer_box span.pointer_next {
        background-image: url(img/icon_next_x2.gif);
        background-size: 25px 25px;
    }
    /*-----------------------------------------------------------*/
}

/* マウスオーバー時 */
.swipe_list .pointer_box span.pointer_prev:hover,
.swipe_list .pointer_box span.pointer_next:hover {
    background-color: #F0F0F0;
}

.swipe_list .pointer_box .pointer_prev_box span.pointer_prev,
.swipe_list .pointer_box .pointer_next_box span.pointer_next {
    margin: 0px;
}

/* スライドの注釈 */
.swipe_list .image_annotation {
    background-image: url(img/photo_alpha.png);
}

.swipe_list .annotation_left_top {
    left: 30px;
    top: 30px;
}

.swipe_list .annotation_right_top {
    right: 30px;
    top: 30px;
}

.swipe_list .annotation_left_bottom {
    left: 30px;
    bottom: 30px;
}

.swipe_list .annotation_right_bottom {
    right: 30px;
    bottom: 30px;
}


/*************************************************************/

/* メインカラム */

/*************************************************************/

/* メインカラム 1カラム */
#maincol1 #main_container {
    margin: 0px 0px 20px;
}

/* メインカラム 2カラム */
#maincol2 #main_container {
    margin: 0px 0px 20px 20px;
}

/* 右レイアウト */
.layout_r #maincol2 #main_container {
    margin: 0px 20px 20px 0px;
}

/* メインカラム 3カラム */
#maincol3 #main_container {
    margin: 0px 20px 20px;
}

/* 左、右カラム各ボックス */
.side_box {
    margin-bottom: 30px;
}

/* メインカラム各ボックス */
.main_box {
    margin-bottom: 30px;
}


/*************************************************************/

/* コンテンツ領域 */

/*************************************************************/

/* コンテンツ領域 */
#contents {
    margin-top: 15px;
    margin-bottom: 15px;
}

.bg_full #inner_contents,
.bg_full #inner_contents_top,
.bg_full #inner_contents_bottom {
    background-color: #FFFFFF;
}

#wide_contents {
    background-color: #F5F5F5;
    padding-bottom: 15px;
	margin-bottom: 15px;
}


/*************************************************************/

/* 左、右カラム　タイトル、コンテンツ枠 */

/*************************************************************/

/* タイトル */
.side_box h2 {
    padding: 10px;
    margin-bottom: 1px;
    background-image: url(img/side_h2_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    border-top: 1px solid #F5F5F5;
    font-weight: bold;
}

/* 左、右カラムコンテンツ */
.side_contents {
    padding: 0px;
}


/*************************************************************/

/* メインカラム　タイトル、コンテンツ枠 */

/*************************************************************/

/* タイトル */
.main_box h2 {
    padding: 10px;
    font-weight: bold;
}

/* メインカラムコンテンツ */
.main_contents {
    width: auto;
}


/*************************************************************/

/* パンくずリスト */

/*************************************************************/

/* パンくずリスト */
#pan {
    margin-bottom: 15px;
    padding: 5px;
    background-color: #F5F5F5;
}


/*************************************************************/

/* 左カラム */

/*************************************************************/

/*************************************************************/

/* カテゴリ、グループ一覧 */

/*************************************************************/

/* カテゴリ、グループ一覧タイトル */
.category h2,
.pickupcategory h2 {
    background-image: url(img/side_category_bg.gif);
    background-color: #444444;
    color: #FFFFFF;
    border-top: none;
}

/* カテゴリ、グループ一覧枠 */
.category_list,
.pickupcategory_list {
    border: 1px solid #E9E9E9;
}


/*--------------------------------------*/
/*
カテゴリ
グループ
オークションメニュー
共通 */

/* 各メニュー枠 */
.side_contents li {
    list-style: none;
    list-style-position: outside;
}

/* 各メニューボタン */
.side_contents li A {
    display: block;
}


/*--------------------------------------*/
/* メインカテゴリ、グループ */

/* メインカテゴリ、グループ背景 */
.category_list li,
.pickupcategory_list li {
    background-color: #F5F5F5;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #D9D9D9;
    position: relative;
}

/* カテゴリ、グループアイコン画像 */
.category_list li A,
.pickupcategory_list li A {
    padding: 5px 18px 5px 18px;
    background-image: url(img/icon_b.gif);
    background-repeat: no-repeat;
    background-position: 3px 6px;
    color: #444444;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .category_list li A,
    .pickupcategory_list li A {
        background-image: url(img/icon_b_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* メインカテゴリ、グループ背景　選択中 */
.category_list li.nav_on,
.pickupcategory_list li.nav_on {
    background-color: #E0F0F8;
    margin: 0px;
    border-top: none;
    border-bottom: none;
}

/* カテゴリアイコン画像　選択中 */
.category_list li A.nav_on,
.pickupcategory_list li A.nav_on {
    color: #006DD9;
    font-weight: bold;
}

/* カテゴリアイコン画像　サブカテゴリ有 */
.side_category_stack .parentcategory A {
    background-image: url(img/icon_db.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .side_category_stack .parentcategory A {
        background-image: url(img/icon_db_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* カテゴリアイコン画像　サブカテゴリ閉じる */
.side_category_stack A.parent_category {
    background-image: url(img/icon_dbc.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .side_category_stack li A.parent_category {
        background-image: url(img/icon_dbc_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* サブカテゴリポップアップ */
.side_category_popup .sub_category_box {
    width: 240px;
    position: absolute;
    top: -20px;
    visibility: hidden;
}

/* ポップアップ枠 */
.side_category_popup .subcategories {
    border: 1px solid #D9D9D9;
}

/* 左エリア用 */
#leftcol .side_category_popup .sub_category_box {
    padding: 20px 20px 20px 0px;
    left: 198px;
}

#leftcol .side_category_popup .subcategories {
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}

/* 右エリア用 */
#rightcol .side_category_popup .sub_category_box {
    padding: 20px 0px 20px 20px;
    right: 198px;
}

#rightcol .side_category_popup .subcategories {
    box-shadow: -5px 5px 5px rgba(0,0,0,0.2);
}

.side_category_popup .hover li.dropdown_close A,
.side_category_popup .hover li.dropdown_close A:hover {
    background-image: none;
    background-color: #000000;
    padding: 5px 15px 0px 15px;
    text-align: center;
}

/* メインカテゴリ開閉 */
.category_toggle {
    display: block;
    width: 15px;
    height: 30px;
    position: absolute;
    top: 0px;
    left: 2px;
}

/* サブカテゴリ開閉 */
.category_list li ul .category_toggle {
    display: block;
    width: 15px;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 8px;
}

/* マウスオーバー */
.category_list li A:hover,
.side_category_popup .hover .parentcategory A,
.pickupcategory_list li A:hover {
    background-color: #E9E9E9;
    color: #000000;
}

.category_list li.nav_on A.nav_on:hover,
.side_category_popup li.hover .parentcategory A.nav_on,
.pickupcategory_list li.nav_on A.nav_on:hover {
    background-color: #E0F0F8;
    font-weight: bold;
}


/*--------------------------------------*/
/* サブカテゴリ　第二階層 */

.category_list li ul li A {
    padding: 5px 5px 5px 23px;
    background-position: 8px 6px;
    color: #666666;
    font-weight: normal;
}

/* サブカテゴリ背景 */
.category_list li ul li {
    background-color: #FFFFFF;
    border: none;
}


/*--------------------------------------*/
/* オークション */

/* オークション背景画像 */
.auction_list li {
    background-image: url(img/side_navi_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    border: 1px solid #E9E9E9;
    margin-bottom: 3px;
    color: #000000;
}

.auction_list li:hover {
    background-image: url(img/side_navi_bg_o.gif);
}

/* オークションアイコン画像 */
.auction_list li A {
    padding: 10px 5px 10px 18px;
    background-image: url(img/icon_b.gif);
    background-repeat: no-repeat;
    background-position: 3px 10px;
    color: #333333;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .auction_list li A {
        background-image: url(img/icon_b_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/*************************************************************/

/* ショッピングカート */

/*************************************************************/

/* カートの中身一覧 */
.shoppingcart_list li {
    padding: 10px;
    border: 1px solid #E9E9E9;
    margin-bottom: 1px;
}

/* カートの中身一覧リンク */
.shoppingcart_list li A {
    display: inline;
    padding-left: 0px;
}

.shoppingcart li A:hover {
    background-color: transparent;
}

/* 各ブロック */
.side_cart_data_box {
    display: block;
    padding: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #E0DFE3;
}

/* 変更するリンク */
.side_cart_data .global_link {
    border: none;
    margin-bottom: 0px;
    padding-left: 15px;
}

/* 合計金額 */
.shoppingcart_pricetotal {
    background-color: #F5F5F5;
}

/* 合計金額文字 */
.shoppingcart_pricetotal p {
    padding: 10px;
    margin: 0px;
    font-weight: bold;
}

/* 金額文字 */
.shoppingcart_pricetotal p strong {
    color: #336699;
}

/* レジに進む */
.shoppingcart_register {
    padding: 10px;
    border: 1px solid #E9E9E9;
    text-align: center;
}

/* オーダーメイド */
.side_cart_data .custom_item,
.side_cart_data .custom_separator {
    border-bottom: none;
    display: inline;
}


/*************************************************************/

/* 私が店長です */

/*************************************************************/

/* 私が店長ですコンテンツ */
.staff_contents {
    padding: 5px 10px 10px;
    border: 1px solid #E9E9E9;
}

/* スタッフ画像 */
.staff_photo {
    width: 140px;
    margin: 10px auto;
}

/* プロフィール枠 */
.staff_contents dl {
    padding: 10px;
}

.staff_contents dt,
.staff_contents dd {
    padding: 5px;
}

/* プロフィール項目 */
.staff_contents dt {
    clear: left;
    float: left;
    width: 40px;
    font-weight: bold;
    border-top: 1px solid #000000;
}

/* プロフィール内容 */
.staff_contents dd {
    margin-left: 50px;
    border-top: 1px dotted #000000;
}

/* プロフィールコメント */
.side_box .staff_profile_desc {
    margin-bottom: 10px;
}

/* 店長ページリンク */
.staff_contents .global_link {
    border-top: 1px solid #E0DFE3;
}


/*************************************************************/

/* いらっしゃいませ */

/*************************************************************/

/* いらっしゃいませ枠余白 */
.welcome_data {
    padding: 15px;
}


/*************************************************************/

/* 店長日記 */

/*************************************************************/

/* 店長日記枠余白 */
.diary_data {
    padding: 15px;
}

/* トップ店長日記タイトル */
.diary_data h3 {
    font-size: 108%;
    font-weight: bold;
}

/* トップ店長日記日付 */
.top_page_body .diary_data .article_date {
    font-weight: normal;
}


/*************************************************************/

/* いらっしゃいませ、店長日記共通 */

/*************************************************************/

/* いらっしゃいませ、店長日記背景画像 */
.welcome,
.diary {
    background-color: #FFFFFF;
    background-position: left top;
    background-repeat: no-repeat;
    padding: 15px 0px 0px 15px;
}

/* 1カラム　いらっしゃいませ、店長日記背景画像 */
#maincol1 .welcome,
#maincol1 .diary {
    background-image: url(img/article_bg_b.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol1 .welcome,
    #maincol1 .diary {
        background-image: url(img/article_bg_b_x2.gif);
        background-size: 980px 200px;
    }
    /*-----------------------------------------------------------*/
}


/* 2カラム　いらっしゃいませ、店長日記背景画像 */
#maincol2 .welcome,
#maincol2 .diary {
    background-image: url(img/article_bg.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol2 .welcome,
    #maincol2 .diary {
        background-image: url(img/article_bg_x2.gif);
        background-size: 780px 200px;
    }
    /*-----------------------------------------------------------*/
}


/* 3カラム　いらっしゃいませ、店長日記背景画像 */
#maincol3 .welcome,
#maincol3 .diary {
    background-image: url(img/article_bg_s.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol3 .welcome,
    #maincol3 .diary {
        background-image: url(img/article_bg_s_x2.gif);
        background-size: 580px 200px;
    }
    /*-----------------------------------------------------------*/
}


/* 左右レイアウト */
.tarticle_data .global_photo,
.tarticle_data .ph_article {
    float: left;
}

/* 記事余白 */
.tarticle_data .ph_article {
    padding: 10px;
}


/*--------------------------------------*/

/* 写真サイズ */

/*--------------------------------------*/

/* 140px */
.tarticle_data .layout140 .global_photo,
.article_data .layout140 .global_photo {
    width: 140px;
}

/* 250px */
.tarticle_data .layout250 .global_photo,
.article_data .layout250 .global_photo {
    width: 250px;
}

/* 400px */
.tarticle_data .layout400 .global_photo,
.article_data .layout400 .global_photo {
    width: 400px;
}


/*--------------------------------------*/

/* 写真サイズ別記事横幅指定 */

/*--------------------------------------*/

/* 中央1カラム */

/* 140px */
#maincol1 .tarticle_data .layout140 .ph_article {
    width: 775px;
}

/* 250px */
#maincol1 .tarticle_data .layout250 .ph_article {
    width: 665px;
}

/* 400px */
#maincol1 .tarticle_data .layout400 .ph_article {
    width: 515px;
}


/*--------------------------------------*/

/* 中央2カラム */

/* 140px */
#maincol2 .tarticle_data .layout140 .ph_article {
    width: 555px;
}

/* 250px */
#maincol2 .tarticle_data .layout250 .ph_article {
    width: 445px;
}

/* 400px */
#maincol2 .tarticle_data .layout400 .ph_article {
    width: 295px;
}


/*--------------------------------------*/

/* 中央3カラム */

/* 140px */
#maincol3 .tarticle_data .layout140 .ph_article {
    width: 335px;
}

/* 250px */
#maincol3 .tarticle_data .layout250 .ph_article {
    width: 225px;
}

/* 400px */
#maincol3 .tarticle_data .layout400 .global_photo,
#maincol3 .tarticle_data .layout400 .ph_article {
    float: none;
}


/*--------------------------------------*/

/* 左右カラム */

.side_col .welcome,
.side_col .diary {
    background-image: url(img/side_article_bg.gif);
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: left top;
    padding: 15px 0px 0px 0px;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .side_col .welcome,
    .side_col .diary {
        background-image: url(img/side_article_bg_x2.gif);
        background-size: 200px 200px;
    }
    /*-----------------------------------------------------------*/
}


.side_col .welcome h2,
.side_col .diary h2 {
    background-image: none;
    background-color: transparent;
    border: none;
    padding-left: 15px;
}

.side_box .tarticle_data .ph_article {
    padding: 10px 0px 0px;
}

/* 140px */
.side_box .tarticle_data .layout140 .global_photo,
.side_box .tarticle_data .layout140 .ph_article {
    float: none;
}


/*************************************************************/

/* What's New */

/*************************************************************/

/* What's Newタイトル */
.whatnew h2 {
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
    border: none;
    color: #000000;
}

/* 1カラム　What's Newタイトル */
#maincol1 .whatnew h2 {
    background-image: url(img/item_h2_bg_b.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol1 .whatnew h2 {
        background-image: url(img/item_h2_bg_b_x2.gif);
        background-size: 790px 50px;
    }
    /*-----------------------------------------------------------*/
}


/* 2カラム　What's Newタイトル */
#maincol2 .whatnew h2 {
    background-image: url(img/item_h2_bg.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol2 .whatnew h2 {
        background-image: url(img/item_h2_bg_x2.gif);
        background-size: 780px 50px;
    }
    /*-----------------------------------------------------------*/
}


/* 3カラム　What's Newタイトル */
#maincol3 .whatnew h2 {
    background-image: url(img/item_h2_bg_s.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol3 .whatnew h2 {
        background-image: url(img/item_h2_bg_s_x2.gif);
        background-size: 580px 50px;
    }
    /*-----------------------------------------------------------*/
}


/* 左右カラム　What's Newタイトル */
.side_col .whatnew h2 {
    background-image: url(img/side_item_h2_bg.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
    border: none;
    color: #000000;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .side_col .whatnew h2 {
        background-image: url(img/side_item_h2_bg_x2.gif);
        background-size: 200px 50px;
    }
    /*-----------------------------------------------------------*/
}


/* What's Newコンテンツ */
.whatnew_contents {
    padding: 10px;
    border: none;
}

/* 各行 */
.news_data {
    border-bottom: 1px solid #E0DFE3;
    padding: 5px 0px;
}

.main_box .news_data .news_date,
.main_box .news_data A {
    float: left;
}

.side_box .news_data .news_date,
.side_box .news_data A {
    float: none;	
}

.side_box .news_data .news_date {
    display: block;	
}

/* 日付 */
.news_date {
    padding-right: 10px;
    font-size: 93%;
}

/* 年月日 */
.format {
    font-size: 85%;
}


/*************************************************************/

/* 商品一覧 */

/*************************************************************/

/* 商品一覧タイトル */
.item_box h2 {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
    border: none;
    font-weight: bold;
    color: #000000;
}

/* 1カラム　商品一覧タイトル */
#maincol1 .item_box h2 {
    background-image: url(img/item_h2_bg_b.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol1 .item_box h2 {
        background-image: url(img/item_h2_bg_b_x2.gif);
        background-size: 980px 50px;
    }
    /*-----------------------------------------------------------*/
}


/* 2カラム　商品一覧タイトル */
#maincol2 .item_box h2 {
    background-image: url(img/item_h2_bg.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol2 .item_box h2 {
        background-image: url(img/item_h2_bg_x2.gif);
        background-size: 780px 50px;
    }
    /*-----------------------------------------------------------*/
}


/* 3カラム　商品一覧タイトル */
#maincol3 .item_box h2 {
    background-image: url(img/item_h2_bg_s.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol3 .item_box h2 {
        background-image: url(img/item_h2_bg_s_x2.gif);
        background-size: 580px 50px;
    }
    /*-----------------------------------------------------------*/
}


/* 左右カラム　商品一覧タイトル */
.side_col .item_box h2 {
    background-image: url(img/side_item_h2_bg.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
    border: none;
    color: #000000;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .side_col .item_box h2 {
        background-image: url(img/side_item_h2_bg_x2.gif);
        background-size: 200px 50px;
    }
    /*-----------------------------------------------------------*/
}

/* 商品一覧説明 */
.main_desc {
    padding: 0px 15px;
}

.side_desc {
    padding: 10px;
}

/* 商品一覧商品情報 */
.item_box .item_data {
    padding: 10px;
}

/* 商品一覧マウスオーバー */
.item_box .item_hover:hover {
    background-color: #F9F9F9;
}

/* 商品一覧販売価格 */
.item_box .price {
    color: #000000;
    font-weight: bold;
    word-break: normal;
}

/* 商品一覧通常販売価格 */
.item_box .regular_price {
    font-weight: normal;
    display: block;
    word-break: normal;
}

.item_box .text_layout .regular_price {
    display: inline;
}

/* 商品一覧希望小売価格、税込価格 */
.item_box .retail_price,
.item_box .tax_incl_price {
    color: #666666;
    font-weight: normal;
    word-break: normal;
}

/* 在庫あり */
.stock {
    font-size: 85%;
    color: #666666;
    font-weight: normal;
}

/* 在庫なし */
.soldout,
.variation_stock_list .data_table .soldout {
    color: #777777;
}

/* 在庫僅か */
.lowstock,
.variation_stock_list .data_table .lowstock {
    color: #990000;
}

/* 商品一覧説明 */
.item_box .item_desc {
    padding: 5px;
    color: #000000;
    font-weight: normal;
}

/* 商品一覧ランキングNo. */
.rankno {
    width: auto;
    min-width: 40px;
    margin-bottom: 5px;
    padding: 3px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #0066FF;
    font-size: 85%;
}

.item_data .rankno1 {
    background-color: #E3007E;
    font-size: 100%;
}


/*--------------------------------------*/
/* 写真のみレイアウト */

.item_box li {
    float: left;
}

.item_box li .text_data {
    margin-top: 10px;
}


/*--------------------------------------*/
/* 説明ありレイアウト */

.item_box .text_layout li {
    float: none;
}

.item_box .text_layout .global_photo {
    float: left;
}

.item_box .text_layout .text_data {
    float: left;
    margin-top: 0px;
}


/*--------------------------------------*/
/* リスト枠線 */

/* グリッド表示用右、下罫線 */
.item_box li {
    border-right: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

/* リスト下線非表示 */
.item_box li.posbottom,
.item_box .text_layout li.posbottom {
    border-bottom: none;
}

/* リスト右線非表示 */
.item_box li.posright,
.item_box .text_layout li {
    border-right: none;
}


/*************************************************************/

/* 商品一覧レイアウト用幅指定 */

/*************************************************************/
/*

[!]カスタマイズに際して
「管理画面」→「配置/画像/コメント」のカラム設定、写真/説明設定
「商品一覧ページ設定」の商品一覧サムネイルサイズ
上記2か所をご確認の上、該当の指定をカスタマズください。

・サムネイル写真枠　.global_photo
200px、160px、120pxで設定しています。

・説明欄枠　.item_data
カラム数、表示位置、選択サムネイルサイズで横幅が異なります。

・左右横幅調整
数値に端数がでる場合の調整用指定となります。

*/
/*************************************************************/

/* サムネイル写真枠 */

/*************************************************************/

/* 200px */
.layout200 .item_data .global_photo {
    width: 200px;
}

/* 160px */
.layout160 .item_data .global_photo {
    width: 160px;
}

/* 120px */
.layout120 .item_data .global_photo {
    width: 120px;
}

/* 左右エリア写真中央揃え */
#leftcol .item_box .item_data .global_photo,
#rightcol .item_box .item_data .global_photo {
    margin: 0px auto 10px;
}

/*************************************************************/

/* 1カラム */
/* 写真のみ */

/* トップメインエリア、商品一覧ページ共通 */
/* 新商品、おすすめ商品、ランキング */
/* 最大横幅980px .item_data左右10pxの余白 */

/*
横幅の算出について
例）横幅160pxの場合
　最大横幅980px-余白100px-罫線4px＝876px
　876pxまで入るスペースで875px分をitem_dataの横幅で指定
　175pxが5列で175×5＝875pxとなります。
　1px余分となるため、paddingで1pxを調整
*/

/*************************************************************/

/*--------------------------------------*/
/* 横幅200px */
/* 横幅:897px　罫線:3px　余白:80px　※調整:1px */

#maincol1 .layout200 .item_data {
    width: 224px;
}

/* 左右横幅調整 */
#maincol1 .layout200 {
    padding-left: 1px;
}


/*--------------------------------------*/
/* 横幅160px */
/* 横幅:876px　罫線:4px　余白:100px　※調整：1px */

#maincol1 .layout160 .item_data {
    width: 175px;
}

/* 左右横幅調整 */
#maincol1 .layout160 {
    padding-left: 1px;
}


/*--------------------------------------*/
/* 横幅120px */
/* 横幅:855px　罫線:5px　余白:120px　※調整：3px */

#maincol1 .layout120 .item_data {
    width: 142px;
}

/* 左右横幅調整 */
#maincol1 .layout120 {
    padding: 1px;
    padding-left: 2px;
}


/*--------------------------------------*/
/* ランキング */

/* ランキングNo.2-No.5 */
#maincol1 .ranking_contents .item_list .posbottom .item_data {
    width: 224px;
}

#maincol1 .ranking_contents .layout160,
#maincol1 .ranking_contents .layout120 {
    padding: 0px 0px 0px 1px;
}


/*************************************************************/

/* 1カラム */
/* 説明付き */

/* トップメインエリア、商品一覧ページ共通 */
/* 新商品、おすすめ商品、ランキングNo.1 */

/*************************************************************/

/*--------------------------------------*/
/* 商品説明枠共通 */

#maincol1 .text_layout .item_data,
.widemode #maincol1 .text_layout .item_data {
    width: auto;
	padding: 10px;
}

#maincol1 .text_layout .layout200,
#maincol1 .text_layout .layout160,
#maincol1 .text_layout .layout120 {
    padding: 0px;
}


/*--------------------------------------*/
/* 横幅200px */

#maincol1 .text_layout .layout200 .text_data,
.widemode #maincol1 .text_layout .layout200 .text_data {
    width: 740px;
    padding: 0px 10px;
}


/*--------------------------------------*/
/* 横幅160px */

#maincol1 .text_layout .layout160 .text_data,
.widemode #maincol1 .text_layout .layout160 .text_data {
    width: 780px;
    padding: 0px 10px;
}


/*--------------------------------------*/
/* 横幅120px */

#maincol1 .text_layout .layout120 .text_data,
.widemode #maincol1 .text_layout .layout120 .text_data {
    width: 820px;
    padding: 0px 10px;
}


/*************************************************************/

/* 2カラム */
/* 写真のみ */

/* トップメインエリア、商品一覧ページ共通 */
/* 新商品、おすすめ商品、ランキング */
/* 最大横幅760px .item_data左右10pxの余白 */

/*
横幅の算出について
例）横幅160pxの場合
　最大横幅760px-余白80px-罫線3px＝677px
　677pxまで入るスペースで676px分をitem_dataの横幅で指定
　169pxが4列で169×4＝676pxとなります。
　1px余分となるため、paddingで1pxを調整
*/

/*************************************************************/

/*--------------------------------------*/
/* 横幅200px */
/* 横幅:698px　罫線:2px　余白:60px　※調整:2px */

#maincol2 .layout200 .item_data {
    width: 232px;
}

/* 左右横幅調整 */
#maincol2 .layout200 {
    padding: 1px;
}


/*--------------------------------------*/
/* 横幅160px */
/* 横幅:677px　罫線:3px　余白:80px　※調整:1px */

#maincol2 .layout160 .item_data {
    width: 169px;
}

/* 左右横幅調整 */
#maincol2 .layout160 {
    padding-left: 1px;
}


/*--------------------------------------*/
/* 横幅120px */
/* 横幅:656px　罫線:4px　余白:100px　※調整:1px */

#maincol2 .layout120 .item_data {
    width: 131px;
}

/* 左右横幅調整 */
#maincol2 .layout120 {
    padding-left: 1px;
}

/*--------------------------------------*/
/* ランキング */

/* ランキングNo.2-No.5 */
#maincol2 .ranking_contents .item_list .posbottom .item_data {
    width: 169px;
}


/*************************************************************/

/* 2カラム */
/* 説明付き */

/* トップメインエリア、商品一覧ページ共通 */
/* 新商品、おすすめ商品、ランキングNo.1 */

/*************************************************************/

/*--------------------------------------*/
/* 商品説明枠共通 */

#maincol2 .text_layout .item_data,
.widemode #maincol2 .text_layout .item_data {
    width: auto;
	padding: 10px;
}

#maincol2 .text_layout .layout200,
#maincol2 .text_layout .layout160,
#maincol2 .text_layout .layout120 {
    padding: 0px;
}


/*--------------------------------------*/
/* 横幅200px */

#maincol2 .text_layout .layout200 .text_data,
.widemode #maincol2 .text_layout .layout200 .text_data {
    width: 520px;
    padding: 0px 10px;
}


/*--------------------------------------*/
/* 横幅160px */

#maincol2 .text_layout .layout160 .text_data,
.widemode #maincol2 .text_layout .layout160 .text_data {
    width: 560px;
    padding: 0px 10px;
}


/*--------------------------------------*/
/* 横幅120px */

#maincol2 .text_layout .layout120 .text_data,
.widemode #maincol2 .text_layout .layout120 .text_data {
    width: 600px;
    padding: 0px 10px;
}


/*************************************************************/

/* 3カラム */
/* 写真のみ */

/* トップメインエリア */
/* 新商品、おすすめ商品、ランキングNo.2-No.5 */
/* 最大横幅540px */

/*
横幅の算出について
例）横幅160pxの場合
　最大横幅540px-余白54px-罫線2px＝484px
　484pxまで入るスペースで480px分をitem_dataの横幅で指定
　160pxが3列で160×3＝480pxとなります。
　4px余分となるため、paddingで4pxを調整
*/

/*************************************************************/

/*--------------------------------------*/
/* 横幅200px */
/* 最大横幅:499px　罫線:1px　余白:40px　※調整:1px */

#maincol3 .layout200 .item_data {
    width: 249px;
}

/* 左右横幅調整 */
#maincol3 .layout200 {
    padding-left: 1px;
}


/*--------------------------------------*/
/* 横幅160 */
/* 最大横幅:484px　罫線:2px　余白:54px　※調整:4px */

#maincol3 .layout160 .item_data {
    width: 160px;
    padding: 9px;
}

/* 左右横幅調整 */
#maincol3 .layout160 {
    padding: 2px;
}


/*--------------------------------------*/
/* 横幅120 */
/* 最大横幅:497px　罫線:3px　余白:40px　※調整:1px */

#maincol3 .layout120 .item_data {
    width: 124px;
    padding: 5px;
}

/* 左右横幅調整 */
#maincol3 .layout120 {
    padding-left: 1px;
}


/*************************************************************/

/* 3カラム */
/* 説明付き */

/* トップメインエリア */
/* 新商品、おすすめ商品、ランキングNo.1 */

/*************************************************************/

/*--------------------------------------*/
/* 商品説明枠共通 */

#maincol3 .text_layout .item_data {
    width: auto;
	padding: 10px;
}

#maincol3 .text_layout .layout200,
#maincol3 .text_layout .layout160,
#maincol3 .text_layout .layout120 {
    padding: 0px;
}


/*--------------------------------------*/
/* 横幅200px */

#maincol3 .text_layout .layout200 .text_data {
    width: 300px;
    padding: 0px 10px;
}


/*--------------------------------------*/
/* 横幅160px */

#maincol3 .text_layout .layout160 .text_data {
    width: 340px;
    padding: 0px 10px;
}


/*--------------------------------------*/
/* 横幅120px */

#maincol3 .text_layout .layout120 .text_data {
    width: 380px;
    padding: 0px 10px;
}


/*************************************************************/

/* 左右エリア */
/* 新商品、おすすめ商品、ランキング商品 */

/*************************************************************/

/* コンテンツ枠 */
.item_box .side_contents {
    border: 1px solid #F5F5F5;
}

/* 商品説明横幅 */
#leftcol .side_contents .item_data,
#rightcol .side_contents .item_data {
    width: 180px;
}


/*--------------------------------------*/
/* メインエリア指定リセット */

.item_box .side_contents A {
    padding: 0px
}

.item_box .side_contents A:hover {
    background-color: transparent;
}

#leftcol .item_box li,
#rightcol .item_box li {
    border: none;
	border-bottom: 1px solid #E0DFE3;
    float: none;
}

/* 最近チェックした商品のみfloat */
#leftcol .item_box .swipe_list li,
#rightcol .item_box .swipe_list li {
    float: left;
}


/*************************************************************/

/* 最近チェックした商品 */

/*************************************************************/

/* 最近チェックした商品タイトル */
#maincol1 .recently h2,
#maincol2 .recently h2,
#maincol3 .recently h2,
.main_wide_box .recently h2,
.side_col .recently h2 {
	background-image: none;
	background-color: #F5F5F5;
    font-weight: bold;
	padding-top: 10px;
}

/* メインエリア最下部のタイトル */
.main_wide_box .recently h2 {
    padding-left: 10px;
}

/* 最近チェックした商品背景 */
.recently {
    background-color: #F5F5F5;
}

#maincol1 .recently,
#maincol2 .recently,
#maincol3 .recently {
    padding-bottom: 10px;	
}

.recently .layout_photo img {
    height: auto;
}

/* リセットボタン */
.recently_reset {
    position: relative;
}

.recently_reset A {
    display: block;
    padding: 2px 10px 2px 25px;
    position: absolute;
    top: -25px;
    right: 0px;
    background-image: url(img/icon_reset.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
    color: #666666;
    font-size: 10px;
    font-weight: normal;
    text-align: right;
	height: 18px;
    line-height: 18px;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .recently_reset A {
        background-image: url(img/icon_reset_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* メインエリアリセットボタン */
#maincol1 .recently_reset A,
#maincol2 .recently_reset A,
#maincol3 .recently_reset A {
    top: -35px;
	right: 5px;	
}

/* 左右エリアリセットボタン */
.side_col .recently_reset {
    height: 40px;
}

.side_col .recently_reset A {
    padding: 2px 10px 2px 25px;
    top: auto;
    bottom: 5px;
    right: 5px;
}

/* リセットボタンマウスオーバー */
.recently_reset A:hover,
.side_col .recently_reset A:hover {
    background-color: #E0DFE3;
}

/* 商品一覧マウスオーバー */
.recently .item_hover:hover {
    background-color: #FFFFFF;
}


/*--------------------------------------*/
/* 横幅120px */
/* 横幅:855px　罫線:5px　余白:120px　※調整：3px */
#wide_contents .layout120 .item_data {
    width: 142px;
}

#wide_contents .layout120 {
    padding: 1px;
    padding-left: 2px;
}


/*--------------------------------------*/
/* 横幅160px */
/* 横幅:876px　罫線:4px　余白:100px　※調整：1px */
#wide_contents .layout160 .item_data {
    width: 175px;
}

/* 左右横幅調整 */
#wide_contents .layout160 {
    padding-left: 1px;
}

/*--------------------------------------*/


/*************************************************************/

/* 提携、SSLバナー */

/*************************************************************/

.banner_box {
    text-align: center;
    margin: 5px 0px;
}

.footer_banner {
    text-align: center;
    margin: 10px;
}

.footer_banner .banner_box {
    display: inline-block;
    margin: 5px;
    vertical-align: top;
}


/*************************************************************/

/* 第二階層各ページ枠 */

/*************************************************************/

/* ページタイトル */
.page_box h2 {
    background-image: url(img/page_h2_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #444444;
    padding: 10px;
    margin-bottom: 1px;
    font-size: 108%;
    color: #FFFFFF;
    font-weight: bold;
}

/* ページサブタイトル */
.contents_box h3,
.form_box h3 {
    background-image: url(img/page_h3_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #F5F5F5;
    border-top: 1px solid #F1F1F1;
    padding: 10px;
    font-size: 108%;
    font-weight: bold;
}

/* ページ小項目タイトル */
.inner_contents_box h4 {
    border-left: 5px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
    padding: 5px;
    font-weight: bold;
    font-size: 108%;
}

/* カート確認画面ページ小項目タイトル */
#shoppingcart_page_step4 .inner_contents_box h4,
#shoppingcart_page_step5 .inner_contents_box h4,
.historydetail_page_body .inner_contents_box h4 {
    border: none;
    margin-bottom: 5px;
    text-align: left;
}

/* ページ小項目サブタイトル */
.inner_contents_box h5 {
    padding: 5px;
    border-bottom: 1px dotted #F1F1F1;
    font-weight: bold;
}

/* ページコンテンツ */
.page_contents {
    width: auto;
}

/* 各コンテンツ余白 */
.contents_box {
    margin: 20px;
}

/* 各コンテンツ小項目余白 */
.inner_contents_box {
    padding: 10px;
    border-left: 1px solid #F1F1F1;
    border-right: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

/* ページ可変時　罫線非表示 */
.widemode .page_contents {
    border: none;
}


/*************************************************************/

/* 商品一覧、検索結果 */

/*************************************************************/

/* 商品一覧、検索結果タイトル */
.itemlist h2,
.detail_page_title {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
    border: none;
    font-weight: bold;
    color: #000000;
	font-size: 123.1%;
}

/* 1カラム　商品一覧、検索結果タイトル */
#maincol1 .itemlist h2,
#maincol1 .detail_page_title {
    background-image: url(img/item_h2_bg_b.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol1 .itemlist h2,
    #maincol1 .detail_page_title {
        background-image: url(img/item_h2_bg_b_x2.gif);
        background-size: 980px 50px;
    }
    /*-----------------------------------------------------------*/
}


/* 2カラム　商品一覧、検索結果タイトル */
#maincol2 .itemlist h2,
#maincol2 .detail_page_title {
    background-image: url(img/item_h2_bg.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol2 .itemlist h2,
    #maincol2 .detail_page_title {
        background-image: url(img/item_h2_bg_x2.gif);
        background-size: 780px 50px;
    }
    /*-----------------------------------------------------------*/
}

/* カテゴリ説明欄 */
.categorylist_desc {
    padding: 10px;
}

/* サブカテゴリ一覧上部表示 */
.center_category_list {
    margin: 10px;
}

.page_contents .center_category_list li {
    border: none;
    float: left;
}

/* 各サブカテゴリ枠 */
.center_category_list li A {
    width: 160px;
    display: block;
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
    padding: 10px;
    margin: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.center_category_list li A:hover {
    background-color: #F5F5F5;
}

/* 登録商品数 */
.category_item_count,
.history_count {
    padding: 10px;
    font-size: 85%;
}


/*--------------------------------------*/
/* ソート */

/* ソート大枠 */
.sort {
    width: 100%;
    background-color: #F5F5F5;
}

.sort select {
    height: 30px;
}

/* ソートコンテンツ枠 */
.sort div {
    min-height: 50px;
    float: left;
    border-left: 1px solid #FFFFFF;
    font-size: 93%;
}

.sort_order {
    width: 210px;
}

.sort_layout {
    width: 160px;
}

.sort_number {
    width: 150px;
}

.sort_stock {
    width: 115px;
}

.sort_size {
    width: 120px;
}

.sort_layout_icons {
    display: inline-block;
}

/* ソートコンテンツ */
.sort p {
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

/* 表示方法、在庫あり調整 */
.sort_layout p,
.sort_stock p {
    padding: 16px 5px 0px;
}

.sort_layout img {
    max-width: none;
    margin-right: 10px;
}


/*************************************************************/

/* 商品詳細 */

/*************************************************************/

/* 詳細ページ余白 */
.detail_contents .inner_page_contents {
    padding: 19px;
}

/* 商品情報　各ブロック */
.detail_section {
    padding: 10px;
    border-bottom: 1px dotted #000000;
}

/* 商品情報　各ブロック　下線非表示 */
.formbottom {
    border-bottom: none;
}

/* 商品情報　商品名 */
.detail_item_data h1,
.detail_item_data .item_name {
    font-size: 123.1%;
    font-weight: bold;
    margin-bottom: 10px;
}

.product_name_inside {
    margin-top: 10px;
}

/* 商品情報　商品名 */
.detail_item_data .common_icon {
    padding: 0px 10px;
}

/* 商品詳細　価格エリアdivタグ間余白 */
.detail_item_data .price div {
    margin-bottom: 15px;
}

/* カート上下配置用余白 */
.item_form_bottom {
    margin-top: 20px;
}

/* 商品詳細　価格エリア項目間余白 */
.detail_item_data .price p {
    margin-bottom: 5px;
}

/* オーダーメイド下部価格余白削除 */
.detail_item_data .bottompos div,
.detail_item_data .bottompos p {
    margin-bottom: 0px;
}

/* 商品詳細　販売価格 */
.detail_item_data .selling_price {
    font-size: 123.1%;
    word-break: normal;
}

/* 商品詳細　販売価格金額 */
.detail_item_data .selling_price .figure {
	font-weight: bold;
}

/* 商品詳細　通常販売価格 */
.detail_item_data .regular_price {
    font-size: 85%;
    word-break: normal;
}

/* 商品詳細　希望小売価格、税込価格 */
.detail_item_data .retail_price,
.detail_item_data .tax_incl_price {
    color: #666666;
    word-break: normal;
}

/* 商品詳細　販売価格ラベル */
.detail_item_data .selling_price span {
    font-weight: normal;
}

/* 商品詳細　在庫 */
.detail_item_data .stock {
    font-size: 108%;
    font-weight: bold;
}

/* 商品情報　商品説明 */
.item_desc {
    padding: 10px;
}

/* 価格変動注意書き */
.price_desc {
    font-size: 77%;
}

/* バリエーション、オーダーメイド項目間余白 */
.variation_stock_list,
.variation_stock,
.variation_item,
.order_item {
    padding-bottom: 5px;
}

.variation .bottompos,
.ordermade .bottompos {
    padding-bottom: 0px;
}

/* バリエーション在庫表 */
.variation_stock_list {
    margin-bottom: 5px;
}

.variation_stock_list input[type="radio"] {
    margin: 0;
}

/* 在庫数のラベルなし */
.hidden_stock .stocklist_data {
    text-align: center;
}

/* バリエーション在庫選択中背景 */
.variation_stock_list .data_table .selected_item {
    background-color: #E0F0F8;
    color: #006DD9;
}

.variation_stock_list .data_table .selected_data {
    background-color: #E0F0F8;
}


/*--------------------------------------*/
/* サムネイル写真 */

.thumbnail {
    padding-top: 5px;
}

/* サムネイル写真大枠横幅 */
/* 選択サイズにより利用class名が異なります */
.thumbnail_list {
    margin: auto;
}

.th50 .thumbnail_list {
    max-width: 250px;
}

.th60 .thumbnail_list {
    max-width: 300px;
}

.th80 .thumbnail_list {
    max-width: 400px;
}

.th120 .thumbnail_list {
    max-width: 600px;
}

/* レイアウト別サムネイル枠横幅 */
.layout250 .th60 .thumbnail_list,
.layout250 .th80 .thumbnail_list,
.layout250 .th120 .thumbnail_list {
    max-width: 250px;	
}

.layout300 .th80 .thumbnail_list,
.layout300 .th120 .thumbnail_list,
.layoutnfloat .th60 .thumbnail_list {
    max-width: 300px;	
}

.layout400 .th120 .thumbnail_list,
.layoutnfloat .th80 .thumbnail_list {
    max-width: 400px;	
}

.layoutnfloat .th120 .thumbnail_list {
    max-width: 600px;	
}

.layout800 .th120 .thumbnail_list {
    max-width: 800px;	
}

/* サムネイル各枠 */
.thumbnail li {
    float: left;
}

.thumbnail li A {
    display: block;
    margin: 0px auto 5px;
}

.thumbnail li A:hover {
    background-color: transparent;
}

.thumbnail .thumbnail_btn {
    border: 2px solid #FFFFFF;
}

.thumbnail .current .thumbnail_btn {
    border: 2px solid #CC0000;
}


/* サムネイル写真枠サイズ */
/* 選択サイズにより利用class名が異なります */
.th50 li {
    width: 50px;
}

.th60 li {
    width: 60px;
}

.th80 li {
    width: 80px;
}

.th120 li {
    width: 120px;
}

/* Facebookコメント、関連商品 */
.detail_inner_box {
    margin: 20px 0px;
}

/* 関連商品タイトル */
.detail_page_body .related_item h2,
.shoppingcart_page_body .related_item h2 {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
    border: none;
    color: #000000;
}

/* ソーシャルツール */
.social_tool {
    padding-bottom: 5px;
    width: auto;
}

/* 各ボタンレイアウト */
.social_tool li {
    float: left;
    height: 27px;
}

/* garittoレビュー */
.garitto_review {
    width: 100%;
    height: 25px;
}

.mixi_detail img {
    border: none;
    margin-right: 8px;
}

.mixi_detail {
    height: 27px;
}

/* コメント */
#fbcomment_contents .fb_unit {
    padding: 20px 0px 0px;
    margin: 0px auto;
}

#maincol1 #fbcomment_contents .fb_unit {
    width: 900px;
}

#maincol2 #fbcomment_contents .fb_unit {
    width: 700px;
}


/*************************************************************/

/* 商品詳細レイアウト指定 */

/*************************************************************/
/*

[!]カスタマイズに際して
「商品詳細ページ設定」の商品詳細のレイアウト設定をご確認の上、
該当の指定をカスタマズください。

*/
/*************************************************************/

/*--------------------------------------*/
/* レイアウト1、2、3左右配置  */
.main_photo_slide,
.detail_item_data {
    float: left;
}

.detail_item_photo {
    position: relative;
}

/* 商品説明枠共通 */
.detail_item_data {
    padding-left: 20px;
}

/*************************************************************/

/* 商品メイン画像、説明横幅指定 */

/*************************************************************/
/*

[!]カスタマイズに際して
「商品詳細ページ設定」の商品詳細の写真サイズをご確認の上、
該当の指定をカスタマズください。

*/
/*************************************************************/

/*--------------------------------------*/
/* 250px */

/* 写真枠 */
.layout250 .detail_item_photo {
    width: 250px;
}

/* 商品説明枠 */
/* 1カラム */
#maincol1 .layout250 .detail_item_data {
    width: 672px;
}

/* 2カラム */
#maincol2 .layout250 .detail_item_data {
    width: 452px;
}


/*--------------------------------------*/
/* 300px */

/* 写真枠 */
.layout300 .detail_item_photo {
    width: 300px;
}

/* 商品説明枠 */
/* 1カラム */
#maincol1 .layout300 .detail_item_data {
    width: 622px;
}

/* 2カラム */
#maincol2 .layout300 .detail_item_data {
    width: 402px;
}


/*--------------------------------------*/
/* 400px */

/* 写真枠 */
.layout400 .detail_item_photo {
    width: 400px;
}

/* 商品説明枠 */
/* 1カラム */
#maincol1 .layout400 .detail_item_data {
    width: 522px;
}

/* 2カラム */
#maincol2 .layout400 .detail_item_data {
    width: 302px;
}


/*--------------------------------------*/
/* 600px */

/* 写真枠 */
.layout600 .detail_item_photo {
    width: 600px;
}

/* 商品説明枠 */
/* 1カラム */
#maincol1 .layout600 .detail_item_data {
    width: 322px;
}


/*--------------------------------------*/
/* 800px */

/* 写真枠 */
.layout800 .detail_item_photo {
    width: 800px;
}


/*--------------------------------------*/
/* レイアウト4、5横一列配置 */

.layoutnfloat .main_photo_slide,
.layoutnfloat .detail_item_data {
    float: none;
}

/* 写真枠　横一列配置 */
.layoutnfloat .detail_item_photo {
    margin: auto;
}


/* 商品説明枠　横一列配置 */
.layoutnfloat .detail_item_data {
    padding-left: 0px;
    margin: 10px 0px;
}

/* 1カラム */
#maincol1 .layoutnfloat .detail_item_data {
    width: 942px;
}

/* 2カラム */
#maincol2 .layoutnfloat .detail_item_data {
    width: 722px;
}


/*************************************************************/

/* 商品仕様 */

/*************************************************************/

/* 商品仕様枠 */
.detail_spec_data {
    margin: 10px;	
}

.detail_spec .data_table .cell_header {
    width: 200px;
}


/*************************************************************/

/* 他の写真 */

/*************************************************************/

/* 他の写真枠 */
.detail_other_photo {
    margin: 15px 0px;
}

.detail_other_photo ul {
    margin: 10px 0px;
}

/* 他の写真レイアウト */
.detail_other_photo li {
    float: left;
}

/* 他の写真枠 */
.other_item_data {
    border: 1px solid #F5F5F5;
    margin: 1px;
    padding: 5px;
}

/* 他の写真説明 */
.other_photo_desc {
    padding: 10px 5px;
}


/*--------------------------------------*/
/* 500px */

/* 横並び解除 */
.detail_other_photo .layout500 li {
    float: none;
}

/* 写真枠 */
.detail_other_photo .layout500 .global_photo {
    width: 500px;
}


/*--------------------------------------*/
/* 220px 140px */

/* 横並び */
.detail_other_photo .layout220 li,
.detail_other_photo .layout140 li {
    width: 33%;
}

.detail_other_photo .layout220 li.poscenter,
.detail_other_photo .layout140 li.poscenter {
    width: 34%;
}

/* 写真枠 */
.detail_other_photo .layout220 .global_photo {
    width: 220px;
}

/* 写真枠 */
.detail_other_photo .layout140 .global_photo {
    width: 140px;
}


/*************************************************************/

/* 会員登録、お問い合わせ、ショッピングカート */

/*************************************************************/

/*************************************************************/

/* ステップ表 */

/*************************************************************/


/* ステップ表 大枠 */
.step_list {
    width: 100%;
}

/* ステップ表 各枠 */
.step_list li {
    float: left;
}

/* ステップ表横幅　2カラム */
#step_col2 li {
    width: 50%;
}

/* ステップ表横幅　3カラム */
#step_col3 li {
    width: 33%;
}

/* ステップ表横幅　5カラム */
#step_col5 li {
    width: 20%;
}

/* ステップ表横幅　6カラム */
#step_col6 li {
    width: 17%;
}

#step_col6 li#step2 {
    width: 18%;
}

#step_col6 li#step6 {
    width: 14%;
}

/* ステップ表 各枠背景 */
.step_data {
    padding: 10px;
    background-color: #F5F5F5;
    border-bottom: 1px solid #F1F1F1;
    border-right: 1px solid #FFFFFF;
}

.shoppingcart_page_body .step_data {
    min-height: 40px;
}

.shoppingcart_page_body #maincol2 .step_data {
    padding: 5px;
}

/* ステップ表 右端 */
.step_list .posright .step_data {
    border-right: none;
}

/* ステップ表 各枠　現ページ */
.step_check .step_data {
    background-color: #E3007E;
}

/* ステップ表 文字 */
.step_data span {
    display: block;
    color: #666666;
    font-size: 93%;
}

/* ステップ表6カラム時文字 */
.shoppingcart_page_body #maincol2 #step_col6 span {
    font-size: 85%;
}

/* ステップ表 ステップ数 */
.step_data .step_number {
    font-size: 108%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

/* ステップ表 現ページ文字 */
.step_check .step_data span {
    color: #FFFFFF;
}


/*************************************************************/

/* 入力フォームテーブル table,th,td */

/*************************************************************/

/* フォーム上部説明 */
.global_note {
    margin: 15px;
}

.inner_contents_box .global_note {
    margin: 5px 0px;
}

.global_note li {
    padding: 5px 5px 5px 15px;
    border-bottom: 1px solid #E0DFE3;
    background-image: url(img/icon_circle.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .global_note li {
        background-image: url(img/icon_circle_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}

.custom_note {
    padding: 5px 0px;
}


/* フォーム枠 */
.form_box {
    margin: 20px;
}

.inner_contents_box .form_box {
    margin: 10px;
}

/* 左右コンテンツフォーム枠 */
.side_form_box {
    margin: 5px 0px;
}

/* tableタグ */
.form_table {
    width: 100%;
}

/* thタグ、tdタグ */
.form_table .cell_header,
.form_table .cell_data {
    padding: 15px;
    border-bottom: 1px solid #E0DFE3;
    vertical-align: middle;
}

/* 最上部行 */
.form_table th.postop,
.form_table td.postop {
    border-top: 2px solid #000000;
}

/* thタグ */
.form_table .cell_header {
    width: 30%;
    color: #333333;
    text-align: left;
    background-color: #F5F5F5;
}

/* tdタグ */
.form_table .cell_data {
    width: 70%;
}

/* 必須項目 */
.note {
    margin-bottom: 5px;
}
.require {
    color: #FF0000;
    font-weight: bold;
    padding-left: 5px;
}

abbr.require {
    border: none;
    cursor: default;
}

/* 注意書き */
span.cell_note {
    display: block;
    font-size: 85%;
    font-weight: normal;
}

div.cell_note,
p.cell_note {
    padding: 5px;
}

/* tdタグ内注意書き */
td span.cell_note {
    display: inline;
    padding-left: 5px;
}

/* tdタグ内例 */
td span.ex_note {
    display: block;
    border-top: 1px solid #E0DFE3;
    margin-top: 8px;
    padding: 3px;
}


/*************************************************************/

/* データ表示テーブル table,th,td */

/*************************************************************/

/* tableタグ */
.data_table {
    width: 100%;
}

/* thタグ、tdタグ */
.data_table .cell_header,
.data_table .cell_data,
.data_table .cell_data2 {
    padding: 5px;
    border: 1px solid #E0DFE3;
    vertical-align: middle;
}

/* thタグ */
.data_table .cell_header {
    color: #333333;
    background-color: #F5F5F5;
    white-space: nowrap;
}

/* tdタグ */
.data_table .cell_data {
    color: #333333;
    background-color: #FFFFFF;
}

/* 各セル指定 */
.cellbold {
    font-weight: bold;
}

.cellnormal {
    font-size: medium;
}

.cellleft {
    text-align: left;
}

.cellright {
    text-align: right;
}

.cellcenter {
    text-align: center;
}

.nodata {
    padding: 30px 0px;
}


/*************************************************************/

/* ショッピングカート */

/*************************************************************/

/* カート小項目余白 */
.cart_data {
    padding: 5px 10px;
}


/*--------------------------------------*/
/* カートの中身 */

/* td価格 */
.data_table td.price {
    text-align: right;
    white-space: nowrap;
}

/* th、tdボタン */
.data_table th.btn,
.data_table td.btn {
    text-align: center;
}

/* tdお届け先 */
.data_table td.recipient_number,
.data_table td.recipient_name {
    font-weight: bold;
}

/* tdお届け先名 */
.data_table td.recipient_name {
    min-width: 60px;
}

/* td価格 */
.data_table td.sub_total .price,
.data_table td.total .price {
    font-weight: bold;
}

/* th、td小計、合計 */
.data_table th.sub_total,
.data_table th.total {
    text-align: right;
}

/* th、td小計 */
.data_table th.sub_total,
.data_table td.sub_total {
    background-color: #F5F5F5;
}

/* th、td合計 */
.data_table th.total,
.data_table td.total {
    background-color: #ECEBED;
}

/* td数量 */
.data_table td.quantity {
    text-align: center;
    white-space: nowrap;
}

/* td商品名 */
.data_table td.item_name {
    width: 300px;
}

/* td商品写真 */
.data_table td.item_photo {
    width: 100px;
    text-align: center;
}

.data_table td.item_photo A:hover {
    opacity:0.8;
    filter: alpha(opacity=80);
}

/* 買い物を続ける、合計左右並び */
.cart_footer .global_btn,
.cart_footer .cart_price_box {
    float: left;
}

.cart_footer .cart_price_box,
#maincol2 .cart_footer .cart_price_box {
    width: 348px;
    margin-left: 0px;
}

.cart_footer .global_btn {
    width: 180px;
    border: 1px solid #E0DFE3;
    background-color: #F5F5F5;
    padding: 15px;
    margin-top: 20px;
}

/* 1カラム */
#maincol1 .cart_footer .global_btn {
    margin-right: 338px;
}

/* 2カラム */
#maincol2 .cart_footer .global_btn {
    margin-right: 118px;
}

/* 合計金額枠 */
.price_box {
    text-align: right;
    padding: 10px;
    border-bottom: 1px solid #E0DFE3;
}

/* 総合計 */
.grand_total {
    font-size: 116%;
}

/* 総合計金額 */
.grand_total .price {
    font-weight: bold;
}

/* 送料無料まで */
.charge_free {
    color: #CC0000;
}

/* 送料無料まで金額 */
.charge_free .price {
    font-weight: bold;
}

/* 注意書きの枠表示 */
.global_info {
    padding: 10px;
    border: 1px solid #E0DFE3;
    background-color: #FFFFEE;
}

/* 下部ボタン上部注意書き */
.global_bottom_info {
    width: 70%;
    margin: 40px auto 0px auto;
    padding: 10px;
    border-bottom: 1px solid #E0DFE3;
    text-align: center;
}

/* ご利用に際して */
.userrules {
    margin: 20px;
}

.shoppingcart_page_body .userrules {
    margin: 20px 10px;
}

#userrules_contents {
    margin: 10px 15px;
}

/* ご利用に際してタイトル */
.userrules h4,
.userrules A {
    display: block;
    border-left: none;
    padding: 10px;
    font-weight: bold;
    font-size: 108%;
    border-bottom: none;
}

/* 注意書き */
.title_note {
    font-weight: normal;
}

/* ご利用に際してタイトルボタン背景 */
.display_link .userrules_title {
    background-position: right center;
    background-repeat: no-repeat;
}

/* 開くボタン背景 */
.display_link .contents_open {
    background-image: url(img/icon_open2.png);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .display_link .userrules_title {
        background-image: url(img/icon_open2_x2.png);
        background-size: 20px 20px;
    }
    /*-----------------------------------------------------------*/
}

/* 閉じるボタン背景 */
.display_link .contents_close {
    background-image: url(img/icon_close2.png);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .display_link .contents_close {
        background-image: url(img/icon_close2_x2.png);
        background-size: 20px 20px;
    }
    /*-----------------------------------------------------------*/
}

.display_link .userrules_title:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
}

/* ご利用に際してタイトルボタンアイコン */
.userrules A {
    background-position: left center;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 25px;
    color: #000000;
}

/* 開くボタンアイコン */
.display_link .contents_open A {
    background-image: url(img/icon_open.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .display_link .contents_open A {
        background-image: url(img/icon_open_x2.gif);
        background-size: 20px 20px;
    }
    /*-----------------------------------------------------------*/
}

/* 閉じるボタンアイコン */
.display_link .contents_close A {
    background-image: url(img/icon_close.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .display_link .contents_close A {
        background-image: url(img/icon_close_x2.gif);
        background-size: 20px 20px;
    }
    /*-----------------------------------------------------------*/
}


/* 年齢認証 */
.cart_agecheck {
    margin: 20px 0px;
}

/* クレジットカード入力 */
#cart_payment .global_info {
    padding: 0px;
    border: none;
}


/*--------------------------------------*/
/* カートステップ1 */

/* ログイン */
#signin_contents {
    padding: 10px;
}

/* ログインボックス */
#signin_contents .signin_box {
    padding: 15px 8px;
    background-color: #F9F9F9;
    text-align: left;
}

/* ID、PW */
#signin_contents .id_title,
#signin_contents .pass_title {
    font-size: 116%;
    font-weight: bold;
}

#signin_contents .id_box,
#signin_contents .pass_box {
    padding: 0px 10px;
}

/* パスワード */
#signin_contents .password {
    background-image: url(img/icon_pass.gif);
    margin-top: 5px;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #signin_contents .password {
        background-image: url(img/icon_pass_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}

#signin_contents .password A {
    font-size: 85%;
}

/* カートステップ1、2　左右floatコンテンツ */
/* 会員登録-会員登録せずに購入、送り主-お届け先、用途-オプション */
.cart_contents_data,
.recipient_icon {
    float: left;
    margin-top: 15px;
}

/* 1カラム */
#maincol1 .cart_contents_data {
    width: 434px;
}

/* 2カラム */
#maincol2 .cart_contents_data {
    width: 324px;
}

/* カートステップ1、2　会員登録せずに購入、オプション余白調整 */
.member_data,
.purpose_data {
    margin-right: 50px;
}

/* 会員登録-会員登録せずに購入余白調整 */
.member_data,
.guest_data {
    margin-top: 0px;
}


/*--------------------------------------*/
/* カートステップ2～カートステップ5 */

/* 選択ボックス */
.cart_contents_select {
    padding: 5px 10px 10px;
    background-color: #F5F5F5;
    border-right: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

/* 送り主、お届け先タイトル */
.sender_select h5,
.recipient_select h5 {
    margin-top: 3px;
}

.shipping_inner h5 {
    margin-top: 10px;
}

/* 送り主、お届け先間矢印アイコン */
.recipient_icon {
    width: 50px;
    text-align: center;
}

/* 送り主、お届け先　登録/変更 */
.cart_recipient .cart_contents_select {
    position: relative;
}

/* 送り主、お届け先　登録/変更ボタン位置 */
.cart_recipient .senderaddinput,
.cart_recipient .recipientaddinput {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0px;
}

/* 送り主横幅調整 */
.cart_recipient .sender_new {
    width: 125px;
}

.cart_recipient .sender_new A {
    width: 110px;
}

/* 用途オプション、お届け日時余白調整 */
.cart_option,
.cart_deliverydate {
    margin-top: 35px;
}

/* お届け先追加 */
.btn_box .add_recipient {
    margin-top: 30px;
    border-right: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

/* お支払い方法選択で選択中の背景色 */
.form_table .checked_row > .cell_header {
    background-color: #E0F0F8;
    color: #006DD9;
}

.form_table .checked_row > .cell_data {
    background-color: #E0F0F8;
}

/* お支払方法注意書き */
.upper_info {
    margin-bottom: 10px;
}

.lower_info {
    margin-top: 10px;
}

/* ポイント */
.cart_point_box {
    margin: 20px 0px 0px 400px;
}

/* 左カラム有 */
#maincol2 .cart_point_box {
    margin-left: 200px;
}

/* ポイント利用する/利用しない枠 */
.point_box {
    padding: 5px;
}

/* ポイント利用枠 */
.point_use {
    border-bottom: 1px solid #E0DFE3;
}

/* ポイント利用説明 */
.point_use_desc {
    padding: 5px;
    margin-top: 5px;
    border-top: 1px solid #E0DFE3;
}

/* 金額を更新ボタン欄背景 */
.cart_point_box .form_btn_spad {
    background-color: #F5F5F5;	
}

/* 変更時の金額を更新ボタン欄背景 */
.notice_box .form_btn_spad {
    background-color: #FFF0F0;
}

/* 確認画面　送り主、お届け先各ブロック */
#recipient_formdata .form_table {
    margin-bottom: 15px;
}

/* 返品特約 */
#cart_return {
    width: 700px;
    margin: auto;
}

#cart_return #return_contents {
    background-color: #FFFFEE;
}

/* 購入完了画面 */
.thanks_message {
   padding: 10px;
}

.thanks_message_lead {
    padding: 5px 0px;
    font-size: 123%;
    font-weight: bold;
}

.thanks_message_history_id,
.thanks_message_desc {
    padding: 5px;
}


/*************************************************************/

/* ご利用案内 */

/*************************************************************/

/* 小項目余白 */
.help_data {
    padding: 10px;
}

/* 小項目タイトル */
.table_caption {
    padding: 5px 0px;
    text-align: left;
}

#icon_contents .help_data {
    padding: 5px 10px;
}

/* ページ内ナビゲーション */
.help_navigation {
    margin: 10px;
}

.page_contents .help_navigation li {
    border: none;
    float: left;
}

/* 各ナビゲーション枠 */
.help_navigation li A {
    width: 124px;
    display: block;
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
    padding: 10px;
    margin: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.help_navigation li A:hover {
    background-color: #F5F5F5;
}

/* 送料表　セル幅 */
.area_charge th,
.area_charge td {
    width: 20%;
}

.pref_charge th,
.pref_charge td {
    width: 14%;
}

/* 重量別送料 */
.weight_charge {
    overflow: auto;
    overflow-y: visible;
}

/* アイコン */
#help_icon .data_table .cell_header {
    width: 60px;
	background-color: #FFFFFF;	
}

/* 推奨環境 */
#spec_contents dt {
    font-weight: bold;
    padding-bottom: 5px;
}

#spec_contents dd {
    background-color: #F5F5F5;
    padding: 10px;
}

/* 推奨環境　SSL画像 */
#spec_contents #spec3 img,
#spec_contents #spec3 p {
    float: right;
}

#spec_contents #spec3 p {
    padding-right: 10px;
}

/* 1カラム */
#maincol1 #spec_contents #spec3 p {
    width: 753px;
}

/* 2カラム */
#maincol2 #spec_contents #spec3 p {
    width: 533px;
}


/*************************************************************/

/* 特定商取引法 */

/*************************************************************/

/* thタグ、tdタグ */
.legal_contents .data_table .cell_header,
.legal_contents .data_table .cell_data {
    padding: 15px;
    vertical-align: middle;
}

/* 最上部行 */
.legal_contents .data_table th.postop,
.legal_contents .data_table td.postop {
    border-top: 2px solid #000000;
}

/* thタグ */
.legal_contents .data_table .cell_header {
    text-align: left;
}


/*************************************************************/

/* 最新情報 */

/*************************************************************/

/* 枠余白 */
.pwhatnew_contents {
    padding: 10px;
}

.whatnew_detail_page_body .pwhatnew_contents {
    padding: 0px;    
}

.whatnew_detail_page_body .contents_box {
    margin: 0px;    
}

/* タイトル */
.pwhatnew_contents h1 {
    background-image: url(img/page_h3_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    border-top: 1px solid #F1F1F1;
    border-left: 5px solid #D1D1D1;
    padding: 15px;
    font-weight: bold;
}


/*************************************************************/

/* 店長日記 */

/*************************************************************/

/* 枠余白 */
.pdiary_contents {
    padding: 10px;
}

.diary_detail_page_body .pdiary_contents {
    padding: 0px;    
}

.diary_detail_page_body .contents_box {
    margin: 0px;    
}

/* タイトル */
.pdiary_contents h1 {
    background-image: url(img/page_h3_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    border-top: 1px solid #F1F1F1;
    border-left: 5px solid #D1D1D1;
    padding: 15px;
    font-weight: bold;
}


/*************************************************************/

/* 最新情報、店長日記共通 */

/*************************************************************/

/* 記事余白 */
.article_data {
    padding: 10px;
    border-left: 5px solid #D1D1D1;
}

/* 記事日付 */
.article_date {
    width: 100%;
    padding: 5px 0px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #D1D1D1;
    font-weight: bold;
    float: left;
}

/* 左右レイアウト */
.article_data .global_photo,
.article_data .ph_article {
    float: left;
}

.article_data .ph_article {
    padding: 10px;
}


/*--------------------------------------*/
/* 写真サイズ別記事横幅指定 */

/* 1カラム */

/* 140px */
#maincol1 .article_data .layout140 .ph_article {
    width: 735px;
}

/* 250px */
#maincol1 .article_data .layout250 .ph_article {
    width: 625px;
}

/* 400px */
#maincol1 .article_data .layout400 .ph_article {
    width: 475px;
}

/* 2カラム */

/* 140px */
.article_data .layout140 .ph_article {
    width: 515px;
}

/* 250px */
.article_data .layout250 .ph_article {
    width: 405px;
}

/* 400px */
.article_data .layout400 .ph_article {
    width: 255px;
}


/*************************************************************/

/* リンク集 */

/*************************************************************/

/* 枠余白 */
.link_data {
    width: auto;
    padding: 10px;
    margin: 10px;
    border-bottom: 1px solid #F5F5F5;
}

/* 左右レイアウト */
.link_title_box,
.link_desc_box {
    float: left;
}

/* タイトル横幅 */
.link_data .link_title_box {
    width: 40%;
}

/* 説明文横幅 */
.link_data .link_desc_box {
    width: 60%;
}

/* タイトル */
.link_data .link_title_box A {
    display: block;
    min-height: 50px;
    border-right: 1px dotted #D1D1D1;
    padding: 10px;
}

/* バナー下テキスト */
.link_data h3 {
    margin-top: 10px;
}

/* 説明文 */
.link_data .link_desc {
    padding: 10px;
}

/* 下部罫線削除 */
.link_contents li.posbottom .link_data {
    border-bottom: none;
}


/*************************************************************/

/* 掲示板 */

/*************************************************************/

/* 記事枠 */
.post_box {
    padding: 10px;
    border: 1px solid #F1F1F1;
    background-color: #F5F5F5;
	margin-bottom: 5px;
}

/* 記事枠下部余白削除 */
.post_box .posbottom {
    margin-bottom: 0px;
}

/* 記事枠レス */
.post_box_res {
    padding-left: 20px;
    margin: 15px 0px;
}

/* 記事ヘッダー */
.post_box th.cell_header,
.post_box td.cell_data {
    text-align: left;
    background-color: #E9E9E9;
    font-weight: normal;
}

/* 記事ヘッダー下部余白 */
.post_box .data_table {
    margin-bottom: 5px;
}

/* 記事ヘッダー中央寄せ */
.post_box td.url,
.post_box td.res,
.post_box td.toggle,
.post_box td.btn {
    text-align: center;
}

/* 記事タイトル */
.post_title {
    font-weight: bold;
}

/* 記事コメント */
.bbs_comments {
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #D1D1D1;
}

/* 記事検索 */
.bbs_search {
    padding: 10px;
    background-color: #F5F5F5;
}

/* 検索文字強調 */
.result_emphasis {
    background-color: #FFFF73;
}

/* 検索前に戻る */
.bbs_search .global_link {
    display: inline-block;
    margin-left: 10px;
}

/* 記事開閉 */
#bbs_toggle {
    border-top: 1px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
    padding: 10px;
}

#bbs_toggle img {
    margin-right: 5px;
}


/*************************************************************/

/* 私が店長です */

/*************************************************************/

/* スタッフ画像 */
.pstaff_photo {
    width: 250px;
    margin: 10px auto;
}

/* プロフィール枠 */
.pstaff_contents dl {
    padding: 10px;
}

.pstaff_contents dt,
.pstaff_contents dd {
    padding: 5px;
}

/* プロフィール項目 */
.pstaff_contents dt {
    clear: left;
    float: left;
    width: 40px;
    font-weight: bold;
    border-top: 1px solid #000000;
}

/* プロフィール内容 */
.pstaff_contents dd {
    margin-left: 50px;
    border-top: 1px dotted #000000;
}

/* 1カラム */
#maincol1 .pstaff_contents dd {
    width: 590px;
}

/* 2カラム */
#maincol2 .pstaff_contents dd {
    width: 370px;
}

/* 左右レイアウト */
.pstaff_photo,
.staff_profile {
    float: left;
}

.staff_profile,
.staff_profile_desc {
    padding: 10px;
}

.staff_profile_desc {
    background-color: #F5F5F5;
    border: 1px solid #E0DFE3;
}


/*************************************************************/

/* マイページ */

/*************************************************************/

/* マイページ各コンテンツ余白 */
.member_contents .member_contents {
    margin: 10px 0px;
}

/* ポイント数 */
.member_contents .point {
    padding: 10px;
}

/* ポイント数　数字 */
.member_contents .point_number {
    font-size: 116%;
    color: #CC0000;
    font-weight: bold;
}

/* ポイント有効期限 */
.point_limit {
    padding-left: 15px;
}

/* リンク枠余白 */
.member_contents .link_box {
    padding: 10px;
}


/*************************************************************/

/* 購入履歴 */

/*************************************************************/

/* 購入履歴 */
.history_search {
    background-color: #F5F5F5;
    margin-bottom: 15px;
    padding: 10px;
}

.history_search select {
    height: 30px;
}

/* 項目名 */
.search_keyword,
.search_date {
    font-weight: bold;
}

/* 検索ボタン */
.history_search .global_btn .searchinput {
    height: 30px;
}


/*************************************************************/

/* 送り主、お届け先登録/変更 */

/*************************************************************/

.mypage_recipient .form_btn_spad {
    margin-bottom: 10px;
}


/*************************************************************/

/* ログインページ */

/*************************************************************/

.psignin_contents .inner_contents_box {
    border-top: 1px solid #F1F1F1;
}


/*************************************************************/

/* メールマガジン登録・解除 */

/*************************************************************/

/* メールマガジンコンテンツ */
.mailmagazine_contents {
    padding: 5px 10px;
    border: 1px solid #E9E9E9;
}

/* 登録・解除ボックス　上部線 */
.mailmagazine_contents .inner_contents_box {
    border-top: 1px solid #F1F1F1;
}

/* 登録・解除ボックス */
.mailmagazine_box {
    padding: 15px 8px;
    background-color: #F9F9F9;
    text-align: left;
}


/*************************************************************/

/* 携帯サイトURL */

/*************************************************************/

/* 携帯サイトURLコンテンツ*/
.mobilesite_contents {
    padding: 5px 10px;
    border: 1px solid #E9E9E9;
}

/* 送信ボックス　上部線 */
.mobilesite_contents .inner_contents_box {
    border-top: 1px solid #F1F1F1;
}

/* 送信ボックス */
.mobilesite_box {
    padding: 15px 8px;
    background-color: #F9F9F9;
    text-align: left;
}

/* QRコード画像 */
.qrcode {
    border-top: 1px solid #E0DFE3;
    margin: 15px;
}


/*************************************************************/

/* ページャー */

/*************************************************************/

/* ページャー枠 */
.pager {
    text-align: center;
    padding: 20px;
    border-top: 1px solid #E0DFE3;
    margin-top: 20px;
}

/* 上部ぺージャー */
#pagertop {
    border-top: none;
    border-bottom: 1px solid #E0DFE3;
    margin-top: 0px;
    margin-bottom: 20px;
}

/* 現在のページ */
.pager strong {
    display: inline-block;
    min-width: 20px;
    padding: 3px;
    margin: 0px 1px;
    border: 1px solid #000000;
    background-color: #000000;
    color:#FFFFFF;
}

/* 他のページ */
.pager A {
    display: inline-block;
    min-width: 20px;
    padding: 3px;
    border: 1px solid #E0DFE3;
    background-color: #FFFFFF;
    margin: 0px 1px;
    text-decoration: none;
}

.pager A:hover {
    border: 1px solid #000000;
    background-color: #000000;
    color: #FFFFFF;
}

/* 掲示板ページャー */

.bbs_contents .pager {
    border: none;
    padding: 5px;
}

.bbs_contents #pagertop {
    border-bottom: none;
}


/*************************************************************/

/* フォーム関連 */

/*************************************************************/

form {
    margin: 0px;
    padding: 0px;
    display: inline;
}

/* テキストエリアサイズ */
.xxsmallsize {
    width: 35px;
}

.xsmallsize {
    width: 50px;
}

.smallsize {
    width: 100px;
}

.mediumsize {
    width: 150px;
}

.largesize {
    width: 200px;
}

.xlargesize {
    width: 300px;
}

.xxlargesize {
    width: 95%;
}

.searchform {
    width: 250px;
}

#search input {
    font-size: 12px;
    line-height: normal;
}

/* セレクトボックスラベル */
.selection_label {
    padding: 2px;
}

/* 確認用入力 */
.confirmation_input {
    margin-top: 5px;
}


/*************************************************************/

/* フォームボタン */

/*************************************************************/

/* フォームボタンマウスオーバー */
.global_btn input:hover,
.global_btn A:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/* ボタンサイズXXS */
.global_btn .btn_size_xxsmall {
    width: 30px;
    height: 30px;
}

/* ボタンサイズXS */
.global_btn .btn_size_xsmall {
    width: 50px;
    height: 30px;
}

/* ボタンサイズS */
.global_btn .btn_size_small {
    width: 70px;
    height: 30px;
}

/* ボタンサイズM */
.global_btn .btn_size_medium {
    width: 90px;
    height: 30px;
}

.global_btn A.btn_size_xxsmall,
.global_btn A.btn_size_xsmall,
.global_btn A.btn_size_small,
.global_btn A.btn_size_medium,
.global_btn A.btn_size_auto {
    line-height: 30px;
}

/* ボタンサイズL */
.global_btn .btn_size_large {
    width: 130px;
    height: 35px;
}

.global_btn .btn_size_large {
    line-height: 35px;
}

/* ボタンサイズXL */
.global_btn .btn_size_xlarge {
    width: 180px;
    height: 40px;
    font-size: 116%;
}

.global_btn .btn_size_xlarge {
    line-height: 40px;
}

/* ボタンサイズXXL */
.global_btn .btn_size_xxlarge {
    width: 281px;
    height: 50px;
    font-size: 123%;
}

.global_btn .btn_size_xxlarge {
    line-height: 50px;
}

/* ボタンサイズ横幅auto */
.global_btn .btn_size_auto {
    height: 30px;
    width: auto;
    padding: 0px 20px;
}

/* ボタンサイズ小文字 */
.font_size_small {
    font-size: 77%;
}

/* 左右並びボタン */
.btn_float {
    width: 121px;
    margin: auto;
}

.btn_float span {
    display: block;
    float: left;
}

.recipient_list_data .btn_float {
    padding: 5px;
}

/* 左右並びボタン　下部配置 */
.btn_box .btn_float {
    width: 281px;
    margin: auto auto 80px;
    padding: 20px;
}

.btn_box .largesize {
    width: 350px;
}

.btn_box .largesize .btn_size_large {
    height: 30px;
}

/* 左右並びボタン　下部配置 右ボタン位置調整 */
.btn_float .global_btn .btn_size_xlarge {
    margin-top: -6px;
}

/* 左右並びボタン　商品一覧 */
li .add_cart .btn_float {
    width: 432px;
    margin: 15px 0px 0px 10px;
}

/* 縦2段積みボタン */
.under_global_btn {
    display: block;
    margin-top: 15px;
}

/* 商品詳細 */
.detail_item_data .add_cart .global_btn {
    display: block;
    text-align: center;
}

/* 左右並びボタン　商品詳細 */
.detail_item_data .add_cart .btn_float {
    width: 281px;
}

/* 左ボタン */
.btn_float .posleft {
    padding-right: 10px;
    border-right: 1px solid #E0DFE3;
}

/* 右ボタン */
.btn_float .posright {
    padding-left: 10px;
}

/* 中央ボタン */
.btn_float .poscenter {
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #E0DFE3;
}

/* 左右エリア　ボタン余白 */
.side_form_box .global_btn input {
    margin: 5px 0px;
}

/* 下部配置ボタン */
.form_btn {
    text-align: center;
    margin: auto;
    padding: 40px;
}

/* カート内、掲示板余白調整 */
.shoppingcart_page_body .form_btn,
.bbs_page_body .form_btn {
    padding: 20px;
}

/* ログインページ新規登録余白調整 */
#register_form .form_btn {
    padding: 0px;
}

/* カート内、送り主/お届け先余白調整 */
.sender_page_body .form_btn,
.senderchange_page_body .form_btn,
.shipping_page_body .form_btn,
.shippingchange_page_body .form_btn {
    padding: 40px;
}

.form_btn_spad {
    text-align: center;
    margin: auto;
    padding: 10px;
    background-color: #F9F9F9;
}

/* 関連商品下部ボタン */
.item_list .add_cart {
    text-align: center;
    margin-top: 10px;
}

/* Aタグボタン */
.global_btn A {
    display: block;
    text-align: center;
    font-weight: normal;
    margin: auto;
}

/* spanタグボタン */
.global_btn span {
    display: inline-block;
    padding: 8px;
}

/* 検索ボタン */
.global_btn .searchinput {
    height: 25px;
}

/* 外部決済ボタン */
.outside_btn_box {
    margin: 0px 20px;
    background-color: #FFFFEE;
    border: 1px solid #E0DFE3;
}

/* 楽天決済用 */
.payment_method_desc {
    margin-bottom:10px;
}


/*--------------------------------------*/

/* ボタン色 */

/*--------------------------------------*/
/* 色通常 */
/* フォームボタン全般 */
.global_btn .btn_color_common,
.global_btn A.btn_color_common {
    background-image: url(img/btn_main.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: #94929D;
    color: #FFFFFF;
}

/* 色強調 */
.global_btn .btn_color_emphasis,
.global_btn A.btn_color_emphasis {
    background-image: url(img/btn_main_b.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: #3E8BFF;
    color: #FFFFFF;
}


/*************************************************************/

/* エラー */

/*************************************************************/

/* 左右エリアカートエラー表示 */
.side_cart_data span.error_box,
.side_cart_data span.error_status {
    border-bottom: none;
    padding: 0px;
}

/* フォーム上部エラー表示 */
.error_box {
    border: 1px solid #FF0000;
    margin: 10px 0px 15px;
    padding: 10px;
    border-radius: 5px;
}

/* 商品詳細エラー表示 */
.detail_page_body .error_box {
    margin: 10px;
}

/* エラー表示　※赤枠内文字 */
.error_status {
    color: #FF0000;
    font-size: 93%;
    padding-left: 5px;
}

/* エラー表示アイコン位置調整 */
.error_status img {
    padding-right: 3px;
}

.form_ok {
    padding-left: 5px;
}

.form_status {
    display: inline-block;
}

/* エラー時入力エリア背景色 */
.page_box .edit_form .error_row input,
.page_box .edit_form .error_row select,
.page_box .edit_form .error_row textarea {
    background-color: #FFF0F0;
}


/*--------------------------------------*/

/* フォームエラー */

/*--------------------------------------*/

/* thタグ、tdタグ背景 */
.form_table .form_error th,
.form_table .form_error td {
    border: none!important;
    background-color: #FF0000;
}

/* thタグ */
.form_table .form_error th {
    color: #FFFFFF;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

/* tdタグ */
.form_table .form_error td {
    padding: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* 必須項目 */
.form_table .form_error th .require {
    color: #FFFFFF;
}

/* tdタグ内背景色 */
.form_error td .cell_form_error {
    margin: 5px;
    padding: 10px;
    background-color: #FFFFFF;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

/* エラー項目間余白 */
.form_table td.cell_border {
    padding: 0px!important;
    height: 0px!important;
    border-bottom: 1px solid #FFF!important;
}

/* エラー除外項目透過 */
.detail_page_body .form_alpha,
.form_table .form_alpha th,
.form_table .form_alpha td {
    opacity:0.3;
    filter: alpha(opacity=30);
}

/* 商品詳細ページエラー */
.detail_page_body .form_error {
    margin: 5px 0px;
    padding: 5px 5px 5px 20px;
    background-color: #FF0000;
    border-radius: 5px;
    background-image: url(img/icon_detailerorr.png);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.detail_page_body .form_error .cell_form_error {
    background-color: #FFFFFF;
    padding: 10px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

/* バリエーション赤枠エラー */
.form_error_block {
    padding: 5px;
    background-color: #FF0000;
    border-radius: 5px;
}

.form_error_block .cell_form_error {
    padding: 3px;
    background-color: #FFFFFF;
    border-radius: 2px;
}

/* divタグボックスエラー */
div.form_error {
    margin: 5px 0px;
    padding: 5px 5px 5px 20px;
    background-color: #FF0000;
    border-radius: 5px;
    background-image: url(img/icon_detailerorr.png);
    background-repeat: no-repeat;
    background-position: 3px center;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    div.form_error {
        background-image: url(img/icon_detailerorr_x2.png);
        background-size: 16px 16px;
    }
    /*-----------------------------------------------------------*/
}

div.form_error .cell_form_error {
    padding: 10px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background-color: #FFFFFF;
}


/*************************************************************/

/* OK */

/*************************************************************/

/* 左右エリアOK表示 */
.side_cart_data span.ok_box,
.side_cart_data span.ok_status {
    border-bottom: none;
    padding: 0px;
}

/* フォーム上部OK表示 */
.ok_box {
    border: 1px solid #339900;
    margin: 10px 0px 15px;
    padding: 10px;
    border-radius: 5px;
}

/* OK表示　※緑枠内文字 */
.ok_status {
    color: #339900;
    font-size: 93%;
    padding-left: 5px;
}

/* OK表示アイコン位置調整 */
.ok_status img {
    padding-right: 3px;
}

/* OK時入力エリア背景色 */
.page_box .edit_form .ok_row input,
.page_box .edit_form .ok_row select,
.page_box .edit_form .ok_row textarea,
.page_box .edit_form .error_row .ok_input {
    background-color: #F5FFF2;
}


/*************************************************************/

/* ロード */

/*************************************************************/

.entry_box {
    display: inline-block;
    position: relative;
}

.loading {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(img/load_icon.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .loading {
        background-image: url(img/load_icon_x2.gif);
        background-size: 25px 25px;
    }
    /*-----------------------------------------------------------*/
}

.entry_box .loading {
    position: absolute;
    left: 8px;
    top: 5px;
    background-image: url(img/load_entry_icon.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	/*-----------------------------------------------------------*/
    .entry_box .loading {
        background-image: url(img/load_entry_icon_x2.gif);
        background-size: 25px 25px;
    }
    /*-----------------------------------------------------------*/
}


/*************************************************************/

/* 余白 */

/*************************************************************/

.box_padding {
    padding: 2px;
}

.box_margin {
    margin: 2px;
}


/*************************************************************/

/* ウィンドウを閉じる */

/*************************************************************/

/* ポップアップ画面 */
#popup {
    position: relative;
}

/* 閉じる位置 */
.window_close {
    position: absolute;
    top: 9px;
    left: 750px;
}

.close_btn {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(img/btn_winclose.png);
}

.close_btn:hover {
    background-image: url(img/btn_winclose_o.png);
    background-color: transparent;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .close_btn {
        background-image: url(img/btn_winclose_x2.png);
        background-size: 20px 20px;
    }

    .close_btn:hover {
        background-image: url(img/btn_winclose_o_x2.png);
		background-size: 20px 20px;
    }

    /*-----------------------------------------------------------*/
}
