@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: #FFFFFF;

    line-height: 140%;

}



/* リンク */

A,

A h3 {

    font-weight: bold;

    text-decoration: none;

    color: #FFFFFF;

}



A:hover,

A h3:hover {

    color: #000000;

}



/* ヘッダータグ */

h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: normal;

}





/*************************************************************/



/* 大枠 */



/*************************************************************/



/* 大枠 */

#container {

    width: 100%;

    min-width: 980px;

    position: relative;

}



/* 大枠中央レイアウト */

.fix_center {

    width: 980px;

    margin: auto;

}





/*************************************************************/



/* カラム設定 */



/*************************************************************/



/* 左カラム */

#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 {

	position: relative;

	background-color: #FFFFFF;

	border-top: 5px solid #FFFFFF;

}



/* ヘッダー背景画像 */

#inner_header {

    padding-top: 3px;

    min-height: 50px;

    padding-bottom: 15px;

}



/* ヘッダー上　キャッチフレーズ欄 */

#header_top {

    position: relative;

}



/* ヘッダー中　ショップロゴ、検索、カートの中身 */

#header_middle {

    position: relative;

}



/* ヘッダー下　ログイン、新規登録 */

#header_bottom {

    position: relative;

    padding-top: 0px;

}





/*************************************************************/



/* フッター */



/*************************************************************/



/* フッター */

#footer {

    width: 100%;

    background-color: #F5F5F5;

}



/* Powered by おちゃのこネット

/* 「おちゃのこネット ホームページ作成とショッピングカート付きネットショップ開業サービス」

※上記の文言は必須項目ですので、削除する事は許可されていません。 */



#ochanoko {

    width: 100%;

}



.footer_top {

    border-top: 1px solid #E0DFE3;

}



#inner_ochanoko {

    text-align: right;

    padding: 15px 0px;

}



/* コピーライト */

#copyright {

    font-size: 85%;

}



/* フッター内部コンテンツ */

#inner_footer {

    /* min-height: 500px; */

    padding-top: 10px;

    text-align: center;

    position: relative;

}



/* ページトップ */

#pagetop {

    width: 100%;

}



#inner_pagetop {

    height: 30px;

    position: relative;

}



#inner_pagetop A {

    display: block;

    height: 20px;

    background-image: url(../images/icon_pagetop.png);

    background-repeat: no-repeat;

    background-position: 5px 7px;

	background-color: #FFFFFF;

    position: absolute;

    bottom: 0px;

    right: 0px;

    padding: 5px 5px 5px 25px;

    text-align: center;

    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(../images/icon_pagetop_x2.png);

        background-size: 15px 15px;

    }

    /*-----------------------------------------------------------*/

}



#inner_pagetop A:hover {

    background-color: #F5F5F5;

}



/* スマートフォンサイトボタン */

#phonesite {

    position: relative;

    height: 30px;

    padding: 15px 0px 15px;

}



.phone_site_link {

    display: block;

	width: 188px;

	margin: auto;

    background-color: #FFFFFF;

	border: 1px solid #000000;

    border-radius: 5px;	

}



.phone_site_link:hover {

    background-color: #F5F5F5;

}



.phone_site_link A {

    display: block;

	width: 150px;

	padding: 8px 8px 8px 30px;

	background-image: url(../images/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(../images/icon_phone_x2.png);

        background-size: 30px 30px;

    }

    /*-----------------------------------------------------------*/

}





/*************************************************************/



/* キャッチフレーズ */



/*************************************************************/



/* キャッチフレーズ */

#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(../images/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(../images/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 .layout_dropdown .site_list_title {

    height: 30px;

}



#inner_footer .layout_dropdown .site_list_title A {

    background-image: none;

    background-color: #E0DFE3;

    padding: 5px;

    text-align: center;

    border-radius: 5px;

    line-height: 20px;

}



#inner_footer .layout_dropdown .site_list_title A:hover {

    background-color: #FFFFFF;

}



/* リンク一覧 */

.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(../images/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(../images/font_default_x2.gif);

        background-size: 30px 40px;

    }

    /*-----------------------------------------------------------*/

}



/* 大画像 */

.set_font_large {

    background-image: url(../images/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(../images/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: #FFFFFF;

    color: #FFFFFF;

    padding: 2px;

}



/* 検索エリア自由記入欄 */

#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 #000000;

}



/* ログインボタン背景画像 */

.signin_top A {

    background-image: url(../images/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(../images/icon_signin_x2.gif);

        background-size: 15px 15px;

    }

    /*-----------------------------------------------------------*/

}





/* 新規登録ボタン背景画像 */

.register_top A {

    background-image: url(../images/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(../images/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 #E0DFE3;

}



/* ログアウトボタン背景画像 */

.signout_top A {

    background-image: url(../images/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(../images/icon_signout_x2.gif);

        background-size: 15px 15px;

    }

    /*-----------------------------------------------------------*/

}





/* 会員グループ */

.member_group {

    font-weight: normal;

}



/* マイページ */

#header_bottom .mypage_top {

    padding-left: 10px;

    display: inline-block;

}



/* マイページボタン背景画像 */

.mypage_top A {

    background-image: url(../images/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(../images/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: #990000;

    padding: 0px;

}





/*-----------------------------------------------------------*/

/* 左右エリア */



.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: #F5F5F5;

    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 {

    border-radius: 5px;

    position: relative;

	border: 2px solid #000000;

}



.cartbtn:hover,

.cartbtn.hover {

    background-color: #F5F5F5;

}



.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: 83px;

    height: 25px;

    padding: 6px 0px 0px 43px;

    background-image: url(../images/icon_cart.png);

    background-repeat: no-repeat;

    background-position: 5px center;

    font-size: 12px;

    line-height: normal;

}



/* 高解像度ディスプレイ対応 */

/*-----------------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),

only screen and (min-resolution: 144dpi) {

    /*-----------------------------------------------------------*/

    .cartbtn A {

        background-image: url(../images/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: #000000;

}



/* 数量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 #E0DFE3;

    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%;

	border-top: 5px solid #E0DFE3;

	background-color: #FFFFFF;

}



/* 各ナビゲーション配置 */

#globalnavi li {

    width: auto;

    float: left;

    list-style: none;

}



/* 各ナビゲーション背景画像、文字 */

#globalnavi li A {

    display: block;

    background-image: url(../images/navi_line_bg.gif);

    background-repeat: no-repeat;

    background-position: right center;

    text-align: center;

    max-width: 250px;

	font-weight: bold;

	font-size: 16px;

	border-bottom: 3px solid #FFFFFF;

	color: #000000;

}



#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 A:hover,

#globalnavi li.hover > div > .nav_link,

#globalnavi li.toggle_drill_down.hover .toggle_link {

    border-bottom: 3px solid #FFFFFF;

}



#globalnavi li.nav_on A,

#globalnavi li.nav_on A:hover {

    border-bottom: none;

}



/* 選択中 */

#globalnavi li.nav_on {

    border-bottom: 3px solid #FFFFFF;

}



/* ホーム余白 */

#globalnavi li.h_home .nav_box {

    padding: 0px;

}



/* 複数行用アイコン画像 */

#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(../images/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(../images/navi_open_bg_x2.png);

        background-size: 45px 45px;

    }

    /*-----------------------------------------------------------*/

}



.toggle_button .close .nav_box {

    background-image: url(../images/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(../images/navi_close_bg_x2.png);

        background-size: 45px 45px;

    }

    /*-----------------------------------------------------------*/

}



/* 複数行時上部線 */

.overplus_nav .dropdown {

    border-top: 1px solid #FFFFFF;

}



/* メニュー背景 */

#globalnavi ul.dropdown ul.sub_menu li {

    width: 230px;

    height: auto;

    float: none;

    background-color: #FFFFFF;

    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;

    text-align: left;

    border-bottom: 1px solid #E0DFE3;

    border-right: none;

    background-image: url(../images/icon_b.gif);

    background-repeat: no-repeat;

    background-position: 5px 8px;

    color: #1D8BD9;

}



#globalnavi ul.dropdown ul.sub_menu li A:hover {

    color: #1669A7;

}



/* 高解像度ディスプレイ対応 */

/*-----------------------------------------------------------*/

@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(../images/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-color: #F5F5F5;

}



/* サブメニュー有りアイコン */

.more {

    padding-left: 20px;

    background-image: url(../images/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(../images/icon_more_x2.gif);

        background-size: 15px 15px;

    }

    /*-----------------------------------------------------------*/

}





/*--------------------------------------*/

/* サイドナビゲーション */



/* ナビゲーション背景画像 */

.navi_list li {

	border: 1px solid #CCCCCC;

	margin-bottom: 5px;

	border-radius: 5px;

}



.navi_list li:hover {

    background-color: #F5F5F5;

}



/* ナビゲーションアイコン画像 */

.navi_list li A {

	display: block;

    padding: 10px 18px 10px 18px;

    background-image: url(../images/icon_b.gif);

    background-repeat: no-repeat;

    background-position: 3px 10px;

}



/* 高解像度ディスプレイ対応 */

/*-----------------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),

only screen and (min-resolution: 144dpi) {

    /*-----------------------------------------------------------*/

    .navi_list li A {

        background-image: url(../images/icon_b_x2.gif);

        background-size: 15px 15px;

    }

    /*-----------------------------------------------------------*/

}



/* 選択中 */

.navi_list li.nav_on {

    background-color: #F5F5F5;

    margin-bottom: 3px;

}





/*--------------------------------------*/

/* フッターナビゲーション */



#globalnavi_footer {

    width: 100%;

}



/* 各ナビゲーション文字色 */

#globalnavi_footer li .footer_navi_link {

    color: #000000;

}



/* 各ナビゲーションマウスオーバー */

#globalnavi_footer li .footer_navi_row:hover {

	background-color: #E1E1E1;

}



/* 選択中 */

#globalnavi_footer li.nav_on .footer_navi_row {

    background-color: #E1E1E1;

}



/* 各ブロックレイアウト */

#globalnavi_footer .footer_navi_box {

    float: left;

	box-sizing: border-box;

    border-left: 1px solid #E0DFE3;

}



#globalnavi_footer .footer_navi_box_right {

    border-right: 1px solid #E0DFE3;

}



#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(../images/icon_b.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(../images/icon_b_x2.gif);

        background-size: 15px 15px;

    }

    /*-----------------------------------------------------------*/

}





/* 上部自由記入欄利用時用 */

#footer_free_top {

    border-bottom: 1px solid #E0DFE3;

}



/* 自由記入欄用 */

.footer_navi_free,

.footer_navi_free A,

.footer_free_space,

.footer_free_space A {

	text-align: left;

}





/*************************************************************/



/* グローバルリンク */



/*************************************************************/



.global_link {

    padding: 5px 5px 5px 15px;

    background-image: url(../images/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(../images/icon_b_x2.gif);

        background-size: 15px 15px;

    }

    /*-----------------------------------------------------------*/

}





/*************************************************************/



/* メイン写真 */



/*************************************************************/



/* メイン写真 */

#photo {

	width: 100%;

	background-color: #F5F5F5;

}



/* 全画像共通枠 */

.global_photo {

    margin: 0px auto 10px;

    line-height: 0px;

}





/*--------------------------------------*/



/* スライド表示 */



/*--------------------------------------*/



.slide{

    float: left;

}



/* スライド送り */

.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 #E0DFE3;

    border-radius: 8px;

    cursor: pointer; 

}



/* 左右ボックス */

.side_box .swipe_list .pointer span {

    margin: 0 4px;

}



/* 現スライド */

.swipe_list .pointer span.current {

    background-color: #1D8BD9;

	border: 1px solid #1D8BD9;

}





/* 前へ、次へアイコン */

.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(../images/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(../images/icon_prev_x2.gif);

        background-size: 25px 25px;

    }

    /*-----------------------------------------------------------*/

}



/* 次へアイコン画像 */

.swipe_list .pointer_box span.pointer_next {

    background-image: url(../images/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(../images/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;

}



/* トップ画像枠 */

/* ※height: 500px;は、高さを固定する必要あり */

.wide_slide {

	width: 100%;

    height: 500px;

    overflow: hidden;

}



.wide_slide .fix_center {

    position: relative;

}



/* トップ画像表示枠 */

/* ※margin-left: -800px;は、width値の半分をマイナス指定 */

.wide_slide .swipe_list {

    width: 1600px;

    margin-left: -800px;

    position: absolute;

    left: 50%;

    overflow: hidden;

}



/* スライド送り */

.wide_slide .swipe_list .pointer span {

	display: inline-block;

	width: 50px;

	height: 8px;

	margin: 0px 5px 0px;

	background-color: #FFFFFF;

	border: none;

    cursor: pointer; 

	border-radius: 0px;

}



.wide_slide .swipe_list .pointer span.current {

    background-color: #000000;

}



/* 前へ、次へアイコン */

.wide_slide .pointer_box .pointer {

    position: relative;

	bottom: 40px;

	opacity:0.6;

    filter: alpha(opacity=60);

}





.wide_slide .swipe_list .pointer_box span.pointer_prev,

.wide_slide .swipe_list .pointer_box span.pointer_next {

	width: 40px;

	height: 100px;

	margin: 0px 10px;

	background-size: 40px 100px;

	background-color: transparent;

	border: none;

	border-radius: 0px;

}



/* 前へアイコン画像 */

.wide_slide .pointer_box span.pointer_prev {	

	background-image: url(../images/icon_prev.png);

}



/* 高解像度ディスプレイ対応 */

/*-----------------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),

only screen and (min-resolution: 144dpi) {

    /*-----------------------------------------------------------*/

    .wide_slide .pointer_box span.pointer_prev {

        background-image: url(../images/icon_prev_x2.png);

        background-size: 40px 100px;

    }

    /*-----------------------------------------------------------*/

}



/* 次へアイコン画像 */

.wide_slide .pointer_box span.pointer_next {

	background-image: url(../images/icon_next.png);

}



/* 高解像度ディスプレイ対応 */

/*-----------------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),

only screen and (min-resolution: 144dpi) {

    /*-----------------------------------------------------------*/

    .wide_slide .pointer_box span.pointer_next {

        background-image: url(../images/icon_next_x2.png);

        background-size: 40px 100px;

    }

    /*-----------------------------------------------------------*/

}



/* マウスオーバー時 */

.wide_slide .swipe_list .pointer_box span.pointer_prev:hover,

.wide_slide .swipe_list .pointer_box span.pointer_next:hover {

	opacity:0.5;

    filter: alpha(opacity=50);

}



/* 前へアイコン表示位置 */

/* ※margin-left: 310px;は、(1600 - 980) ÷ 2 の値 */

.wide_slide .pointer_prev_box {

    margin-left: 310px; 

}



/* 次へへアイコン表示位置 */

/* ※margin-right: 310px;は、(1600 - 980) ÷ 2 の値 */

.wide_slide .pointer_next_box {

    margin-right: 310px;

}



/* トップ画像サイズ */

/* ※読み込み時の表示崩れ防止のため指定が必要 */

.wide_slide .list_item_cell {

    width: 1600px;

    height: 500px;

}



.wide_slide .list_item_cell img {

    width: 100%;

    height: auto;

}



.wide_slide .swipe_list .list_item_row {

    width: 9000px;

}



/* スライドの注釈 */

.swipe_list .image_annotation {

    background-image: url(../images/photo_alpha.png);

}



.wide_slide .swipe_list .annotation_left_top {

    left: 400px;

    top: 100px;

}



.wide_slide .swipe_list .annotation_right_top {

    right: 400px;

    top: 100px;

}



.wide_slide .swipe_list .annotation_left_bottom {

    left: 400px;

    bottom: 40px;

}



.wide_slide .swipe_list .annotation_right_bottom {

    right: 400px;

    bottom: 40px;

}





/*************************************************************/



/* メインカラム */



/*************************************************************/



/* メインカラム 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-image: url(../images/alpha_full.png);

	background-color: transparent;

}



#wide_contents {

    background-color: #F5F5F5;

    padding-bottom: 15px;

	margin-bottom: 15px;

}





/*************************************************************/



/* 左、右カラム　タイトル、コンテンツ枠 */



/*************************************************************/



/* タイトル */

.side_box h2 {

	border-left: 5px solid #1D8BD9;

    padding: 10px;

	font-size: 123.1%;

	font-weight: bold;

}



/* 左、右カラムコンテンツ */

.side_contents {

    padding: 0px;

}





/*************************************************************/



/* メインカラム　タイトル、コンテンツ枠 */



/*************************************************************/



/* タイトル */

.main_box h2 {

	border-left: 5px solid #1D8BD9;

    padding: 10px;

	font-size: 123.1%;

	font-weight: bold;

}



/* メインカラムコンテンツ */

.main_contents {

    width: auto;

}





/*************************************************************/



/* パンくずリスト */



/*************************************************************/



/* パンくずリスト */

#pan {

    margin-bottom: 15px;

    padding: 10px;

    background-color: #FFFFFF;

	border-radius: 5px;

}





/*************************************************************/



/* 左カラム */



/*************************************************************/



/*************************************************************/



/* カテゴリ、グループ一覧 */



/*************************************************************/



/*--------------------------------------*/

/*

カテゴリ

グループ

オークションメニュー

共通 */



/* 各メニュー枠 */

.side_contents li {

    list-style: none;

    list-style-position: outside;

}



/* 各メニューボタン */

.side_contents li A {

    display: block;

}





/*--------------------------------------*/

/* メインカテゴリ、グループ */



/* メインカテゴリ、グループ背景 */

.category_list li,

.pickupcategory_list li {

    border-bottom: 1px solid #E0DFE3;

    position: relative;

}



/* カテゴリ、グループアイコン画像 */

.category_list li A,

.pickupcategory_list li A {

    padding: 5px 18px 5px 18px;

    background-image: url(../images/icon_b.gif);

    background-repeat: no-repeat;

    background-position: 3px 6px;

}



/* 高解像度ディスプレイ対応 */

/*-----------------------------------------------------------*/

@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(../images/icon_b_x2.gif);

        background-size: 15px 15px;

    }

    /*-----------------------------------------------------------*/

}





/* メインカテゴリ、グループ背景　選択中 */

.category_list li.nav_on,

.pickupcategory_list li.nav_on {

    background-color: #F5F5F5;

    margin: 0px;

}



.category_list li ul li.nav_on,

.pickupcategory_list li ul li.nav_on {

	border-radius: 0px;

}



/* カテゴリアイコン画像　選択中 */

.category_list li A.nav_on,

.pickupcategory_list li A.nav_on {

    font-weight: bold;

}



/* カテゴリアイコン画像　サブカテゴリ有 */

.side_category_stack .parentcategory A {

    background-image: url(../images/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(../images/icon_db_x2.gif);

        background-size: 15px 15px;

    }

    /*-----------------------------------------------------------*/

}





/* カテゴリアイコン画像　サブカテゴリ閉じる */

.side_category_stack A.parent_category {

    background-image: url(../images/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(../images/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 #E0DFE3;

}



/* 左エリア用 */

#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: #F5F5F5;

    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: #F5F5F5;

    font-weight: bold;

}





/*--------------------------------------*/

/* サブカテゴリ　第二階層 */



.category_list li ul li A {

    padding: 5px 5px 5px 23px;

    background-position: 8px 6px;

    font-weight: normal;

}



/* サブカテゴリ背景 */

.category_list li ul li {

	background-color: #FFFFFF;

    border-top: 1px solid #E0DFE3;

	border-bottom: none;

}



.category_list li ul li.postop {

    border-top: none;

}





/*--------------------------------------*/

/* オークション */



/* オークション背景画像 */

.auction_list li {

	border: 1px solid #CCCCCC;

	margin-bottom: 5px;

	border-radius: 5px;

}



.auction_list li:hover {

    background-color: #F5F5F5;

}



/* オークションアイコン画像 */

.auction_list li A {

    padding: 10px 5px 10px 18px;

    background-image: url(../images/icon_b.gif);

    background-repeat: no-repeat;

    background-position: 3px 10px;

}



/* 高解像度ディスプレイ対応 */

/*-----------------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),

only screen and (min-resolution: 144dpi) {

    /*-----------------------------------------------------------*/

    .auction_list li A {

        background-image: url(../images/icon_b_x2.gif);

        background-size: 15px 15px;

    }

    /*-----------------------------------------------------------*/

}





/*************************************************************/



/* ショッピングカート */



/*************************************************************/



/* カートの中身一覧 */

.shoppingcart_list li {

    padding: 10px;

    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: #990000;

}



/* レジに進む */

.shoppingcart_register {

    padding: 10px;

    text-align: center;

}



/* オーダーメイド */

.side_cart_data .custom_item,

.side_cart_data .custom_separator {

    border-bottom: none;

    display: inline;

}





/*************************************************************/



/* 私が店長です */



/*************************************************************/



/* 私が店長ですコンテンツ */

.staff_contents {

    padding: 5px 10px 10px;

}



/* スタッフ画像 */

.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 #E0DFE3;

}



/* プロフィール内容 */

.staff_contents dd {

    margin-left: 50px;

    border-top: 1px solid #E0DFE3;

}



/* プロフィールコメント */

.side_box .staff_profile_desc {

    margin-bottom: 10px;

}



/* 店長ページリンク */

.staff_contents .global_link {

    border-top: 1px solid #E0DFE3;

}





/*************************************************************/



/* いらっしゃいませ */



/*************************************************************/



.welcome {

    background-color: #F5F5F5;

	border-radius: 5px;	

}



.welcome h2 {

    border: none;

	padding-top: 15px;	

}



/* いらっしゃいませ枠余白 */

.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;

}





/*************************************************************/



/* いらっしゃいませ、店長日記共通 */



/*************************************************************/



/* 左右レイアウト */

.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_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_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%;

}



/*************************************************************/



/* 商品一覧 */



/*************************************************************/



/* 商品一覧説明 */

.main_desc {

    padding: 10px;

}



.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: #666666; 

    font-size: 85%;

}



.item_data .rankno1 {

    background-color: #1D8BD9;

    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;

}





/*************************************************************/



/* 左右エリア */

/* 新商品、おすすめ商品、ランキング商品 */



/*************************************************************/



/* 商品説明横幅 */

#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;

}





/*************************************************************/



/* 最近チェックした商品 */



/*************************************************************/



/* メインエリア最下部のタイトル */

.main_wide_box .recently h2 {

    background-color: transparent;

	background-image: none;

	padding: 10px 0px 5px 10px;

	font-size: 116%;

}



.side_col .recently h2 {

    font-size: 108%;	

}



/* メインエリア最下部背景 */

.main_wide_box .recently {

    background-color: #F5F5F5;

}



.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(../images/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(../images/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: 30px;

}



.side_col .recently_reset A {

    padding: 2px 10px 2px 25px;

    top: auto;

    bottom: 0px;

    right: 0px;

}



/* リセットボタンマウスオーバー */

.recently_reset A:hover,

.side_col .recently_reset A:hover {

    background-color: #E0DFE3;

}



/* 商品一覧マウスオーバー */

.main_wide_box .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 {

    border: 1px solid #E0DFE3;

	border-radius: 5px;

    padding: 15px;

    font-size: 123.1%;

    font-weight: bold;

}



/* ページサブタイトル */

.contents_box h3,

.form_box h3,

.detail_page_body .page_box h2 {

    background-color: #F5F5F5;

    padding: 10px;

    font-size: 108%;

    font-weight: bold;

}



/* ページ小項目タイトル */

.inner_contents_box h4 {

	border-bottom: 1px solid #E0DFE3;

    padding: 10px 5px;

    font-weight: bold;

}



/* カート確認画面ページ小項目タイトル */

#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;

    font-weight: bold;

}



/* ページコンテンツ */

.page_contents {

    width: auto;

}



/* 各コンテンツ余白 */

.contents_box {

    margin: 20px;

}



/* 各コンテンツ小項目余白 */

.inner_contents_box {

    padding: 10px;

}



/* ページ可変時　罫線非表示 */

.widemode .page_contents {

    border: none;

}





/*************************************************************/



/* 商品一覧、検索結果 */



/*************************************************************/



/* 商品一覧、検索結果タイトル */

.itemlist h2,

.detail_page_title {

    border: 1px solid #E0DFE3;

	border-radius: 5px;

    padding: 15px;

    font-size: 123.1%;

    font-weight: bold;

}



/* カテゴリ説明欄 */

.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;

	border-radius: 5px;

}



.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 solid #E0DFE3;

}



/* 商品情報　各ブロック　下線非表示 */

.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: #FFFFEE;

    color: #FF0000;

}



.variation_stock_list .data_table .selected_data {

    background-color: #FFFFEE;

}





/*--------------------------------------*/

/* サムネイル写真 */



.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 #1D8BD9;

}





/* サムネイル写真枠サイズ */

/* 選択サイズにより利用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: #F5F5F5;

    padding: 10px;

    font-size: 108%;

    font-weight: bold;

}



/* ソーシャルツール */

.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-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: #1D8BD9;

}



/* ステップ表 文字 */

.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(../images/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(../images/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: 1px solid #E0DFE3;

}



/* 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: #F1F1F1;

}



/* 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: #E0DFE3;

    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(../images/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(../images/icon_open2_x2.png);

        background-size: 20px 20px;

    }

    /*-----------------------------------------------------------*/

}



/* 閉じるボタン背景 */

.display_link .contents_close {

    background-image: url(../images/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(../images/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(../images/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(../images/icon_open_x2.gif);

        background-size: 20px 20px;

    }

    /*-----------------------------------------------------------*/

}



/* 閉じるボタンアイコン */

.display_link .contents_close A {

    background-image: url(../images/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(../images/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: #F5F5F5;

    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(../images/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(../images/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;

}



/* 送り主、お届け先タイトル */

.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;

}



/* お支払い方法選択で選択中の背景色 */

.form_table .checked_row > .cell_header {

    background-color: #FFFFEE;

    color: #FF0000;

}



.form_table .checked_row > .cell_data {

    background-color: #FFFFEE;

}



/* お支払方法注意書き */

.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: #FFFFEE;

}



/* 確認画面　送り主、お届け先各ブロック */

#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;

	border-radius: 5px;

}



.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;

}



/* 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 {

    border: 1px solid #E0DFE3;

	border-radius: 5px;

    padding: 15px;

    font-size: 123.1%;

    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 {

    border: 1px solid #E0DFE3;

	border-radius: 5px;

    padding: 15px;

    font-size: 123.1%;

    font-weight: bold;

}





/*************************************************************/



/* 最新情報、店長日記共通 */



/*************************************************************/



/* 記事余白 */

.article_data {

    padding: 10px;

}



/* 記事日付 */

.article_date {

    width: 100%;

    padding: 5px 0px;

    margin-bottom: 5px;

    border-bottom: 1px solid #E0DFE3;

    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 #E0DFE3;

}



/* 左右レイアウト */

.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 solid #E0DFE3;

    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 #E0DFE3;

    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 #E0DFE3;

    border-bottom: 1px solid #E0DFE3;

    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 #E0DFE3;

}



/* プロフィール内容 */

.pstaff_contents dd {

    margin-left: 50px;

    border-top: 1px solid #E0DFE3;

}



/* 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 #E0DFE3;

}





/*************************************************************/



/* メールマガジン登録・解除 */



/*************************************************************/



/* メールマガジンコンテンツ */

.mailmagazine_contents {

    padding: 5px 10px;

}



/* 登録・解除ボックス */

.mailmagazine_box {

    padding: 15px 8px;

    background-color: #F5F5F5;

    text-align: left;

}





/*************************************************************/



/* 携帯サイトURL */



/*************************************************************/



/* 携帯サイトURLコンテンツ*/

.mobilesite_contents {

    padding: 5px 10px;

}



/* 送信ボックス */

.mobilesite_box {

    padding: 15px 8px;

    background-color: #F5F5F5;

    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 #1D8BD9;

    background-color: #1D8BD9;

    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 #1D8BD9;

    background-color: #1D8BD9;

    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: #F5F5F5;

}



/* 関連商品下部ボタン */

.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(../images/btn_main.gif);

    background-position: left bottom;

    background-repeat: repeat-x;

    background-color: #F9F9F9;

    color: #333333;

}



/* 色強調 */

.global_btn .btn_color_emphasis,

.global_btn A.btn_color_emphasis {

    background-image: url(../images/btn_main_b.gif);

    background-position: left bottom;

    background-repeat: repeat-x;

    background-color: #333333;

    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(../images/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(../images/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(../images/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(../images/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(../images/load_icon_x2.gif);

        background-size: 25px 25px;

    }

    /*-----------------------------------------------------------*/

}



.entry_box .loading {

    position: absolute;

    left: 8px;

    top: 5px;

    background-image: url(../images/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(../images/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: 16px;

    left: 750px;

}



.close_btn {

    display: block;

    width: 20px;

    height: 20px;

    background-image: url(../images/btn_winclose.png);

}



.close_btn:hover {

    background-image: url(../images/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(../images/btn_winclose_x2.png);

        background-size: 20px 20px;

    }



    .close_btn:hover {

        background-image: url(../images/btn_winclose_o_x2.png);

        background-size: 20px 20px;

    }

    /*-----------------------------------------------------------*/

}





body {

font-family: "ＭＳ　ゴシック", sans-serif;

}



body,

A,

A h3 {

color: #000000;

}



.global_btn .btn_color_emphasis, .global_btn A.btn_color_emphasis {

background-image: none;

}

.page_contents .center_category_list li {

float: none;

}

#globalnavi .nav_box {

font-family: "ＨＧＳ明朝Ｂ", serif;

}