/* ************************************************ * ------------------------------------------------ * 共通設定 * ------------------------------------------------ * ************************************************ */ /* --- Reset Start --- --- 各ブラウザ間の表示を統一する為の記述です --- */ /* default property reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea, th,td {margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} body * {line-height:1.22em;} /* body * {line-height:1.22em;} について */ /* 各フォントサイズ毎に行間を算出する指定です。 この指定を削除すると、全体の行間は統一される為、 見た目のレイアウトが変更される場合があります。 */ /* --- Reset End --- */ body { font-family:'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro','Verdana','メイリオ',Meiryo,'MS Pゴシック', sans-serif; font-size: 12px; line-height:170%; background-color:#FFFFFF; color:#333333; margin: 0px; padding: 0px; text-align: center; } img { vertical-align:bottom; } .bold { font-weight:bold; } .cell_mar { margin: 0px 5px 0px 15px; } a:link { color:#660000;text-decoration:none;} a:visited { color:#660000;text-decoration:none;} a:active { color:#660000;text-decoration:none;} a:hover { color:#FF0033;text-decoration:none; } /* ************************************************ * ヘッダーメニュー * ************************************************ */ #header { color:#ffffff; margin:20px 0px 10px; } .title { width:785px; height:121px; color: #660000; font-size: 18px; font-weight:bold; text-align:center; background:transparent url(https://img.shop-pro.jp/tmpl_img/26/title_bg.jpg) 0px 0px no-repeat; margin-bottom:10px; } .title a {color: #660000;} .title a:link {color: #660000;text-decoration: none;} .title a:visited {color: #660000;text-decoration: none;} .title a:active {color: #660000;text-decoration: none;} .title a:hover {color: #660000;text-decoration: none;} /*ホーム・マイアカウント・お問合せリンク*/ .menu_1 { padding:0px; margin:0px; line-height:0em; text-align:right; } .menu_1 img{ vertical-align:top; } a#linkHome, a#linkMyAccount { margin-right:25px; } /* ************************************************ * 左側メニュー * ************************************************ */ .sidemenu { width:190px; color:#333333; margin-bottom: 20px; } .side_title { height:30px; background:transparent url(https://img.shop-pro.jp/tmpl_img/26/side_cat_title_bg.jpg) 0px 0px no-repeat; color:#6d2916; padding-left:15px; font-weight:bold; } .side_text { background-color:#f9f4eb; padding:13px; } .side_text ul li{ padding-bottom:10px; } .side_text ul li img{ vertical-align:middle; } .side_bottom { height:4px; background-color:#f9f4eb; background: url(https://img.shop-pro.jp/tmpl_img/26/side_bottom_bg.gif) no-repeat; } /* ------------------------------------- * 商品カテゴリーエリア背景色 * ------------------------------------- */ .side_cat_bg { width:190px; background:transparent url(https://img.shop-pro.jp/tmpl_img/26/side_cat_bg.gif) 0px 0px repeat-y; margin-bottom:25px; } .side_cat_title { height:30px; background:transparent url(https://img.shop-pro.jp/tmpl_img/26/side_cat_title_bg.jpg) no-repeat; color:#6d2916; padding-left:15px; font-weight:bold; } .side_cat_text { border-bottom:1px #dacdb9 solid; padding:10px 15px 10px 30px; background:transparent url(https://img.shop-pro.jp/tmpl_img/26/icon_side01.gif) no-repeat 15px 13px; line-height:0px; } .side_cat_bottom { height:18px; background: url(https://img.shop-pro.jp/tmpl_img/26/side_cat_bottom_bg.jpg) no-repeat; } .side_cat_text a {color: #660000;} .side_cat_text a:link {color: #660000;text-decoration: none;} .side_cat_text a:visited {color: #660000;text-decoration: none;} .side_cat_text a:active {color: #660000;text-decoration: none;} .side_cat_text a:hover {color: #FF0033;text-decoration: none;} /* ------------------------------------- * カートの中 - 商品名・価格ボタン色/枠線色 * ------------------------------------- */ .cart_item { border-left: 3px solid #dacdb9; border-right: 3px solid #dacdb9; margin: 3px 0px 3px 0px; padding-left:5px; font-size:80%; } /* ------------------------------------- * 会員専用ページ * ------------------------------------- */ #btn_members_login, #btn_members_logout { text-align:center; } #btn_members_signup { padding:7px 0px 0px; margin:10px 0px 0px; border-top:#dacdb9 dotted 1px; text-align:center; } #btn_members_signup span, #btn_members_logout span { display:block; font-size:10px; line-height:1.1em; padding-bottom:3px; text-align:center; } /* ************************************************ * フッターメニュー * ************************************************ */ #footer { width: 785px; height: 79px; color: #432A16; font-size:80%; text-align: center; background: url(https://img.shop-pro.jp/tmpl_img/26/footer_bg.jpg) no-repeat; margin-top: 30px; margin-bottom: 15px; } #menu_2 { text-align:center; margin-bottom: 5px; } #copy { text-align:center; color:#660000; } #footer a {color: #432A16;} #footer a:link {color: #432A16;text-decoration: none;} #footer a:visited {color: #432A16;text-decoration: none;} #footer a:active {color: #432A16;text-decoration: none;} #footer a:hover {color: #7E5E44;text-decoration: none;} /* ************************************************ * コンテンツ共通 * ************************************************ */ .main_title { width:565px; height:30px; background: url(https://img.shop-pro.jp/tmpl_img/26/main_title_bg.jpg) no-repeat; color:#6d2916; margin-bottom:15px; font-weight:bold; } .main_title td{ padding-left:15px; } .main_title td img{ vertical-align:middle; } /* ------------------------------------- * 会員専用価格の表示 トップページ用 * ------------------------------------- */ .regular_price_top { padding:0px; margin:0px; font-size:11px; text-decoration:line-through; color:#666666; } .price_top { padding:0px; margin:0px; } .discount_rate_top { padding:0px; margin:0px; color:#ff0000; } /* ************************************************ * TOPコンテンツ * ************************************************ */ /* ------------------------------------- * お知らせエリア * 箇条書きでお知らせを掲載する際にご利用ください * ※初期設定では適用されていません * ------------------------------------- */ .info_bg { background:transparent url(https://img.shop-pro.jp/tmpl_img/26/info_bg.jpg) 0px 0px repeat-y; padding:0px 0px 5px; width:565px; } .info_title { background:transparent url(https://img.shop-pro.jp/tmpl_img/26/info_top_bg.jpg) 0px 0px no-repeat; color:#6d2916; font-weight:bold; padding:7px 15px; margin:0px; } .info_text { color:#333333; padding:0px 15px; } .info_text_bottom { margin-top:10px; } .info_block { width:550px; margin:0px auto; padding:15px 0px 0px; background:#ffffff; } .info_bottom { background:transparent url(https://img.shop-pro.jp/tmpl_img/26/info_bottom_bg.jpg) 0px 0px no-repeat; height:5px; margin-bottom:20px; } /* ------------------------------------- * フリースペース * ------------------------------------- */ .free_space { color:#333333; margin-bottom: 15px; } /* ************************************************ * 商品一覧 レイアウト * ************************************************ */ /* ------------------------------------- * 一覧表示 並び順を変更(商品一覧) * ------------------------------------- */ .sort_01 { width: 564px; height: 30px; color: #660000; font-size:80%; background: url(https://img.shop-pro.jp/tmpl_img/26/sort_bg.gif) no-repeat; margin-bottom: 1px; } .sort_01 a, .sort_01 a:link, .sort_01 a:visited { color:#CC3399; text-decoration:none; } .sort_01 a:active, .sort_01 a:hover { color:#FF99CC; text-decoration:none; } /* 会員専用価格の表示 商品一覧用 */ .regular_price_all { padding:0px 0px 2px; font-size:11px; text-decoration:line-through; color:#666666; margin:0px; } .price_all { padding:0px; margin:0px; } .discount_rate_all { padding:2px 0px 0px; color:#ff0000; margin:0px; } /* ------------------------------------- * 一覧表示 並び順を変更(商品検索結果) * ------------------------------------- */ .sort_02 { width: 564px; height: 28px; color: #432A16; font-size:80%; background: url(https://img.shop-pro.jp/tmpl_img/26/sort_bg.gif) no-repeat; margin-bottom: 1px; } .sort_02 a, .sort_02 a:link, .sort_02 a:visited { color:#eb5050; text-decoration:none; } .sort_02 a:active, .sort_02 a:hover { color:#ff7a21; text-decoration:none; } /* 会員専用価格の表示 商品検索結果用 */ .regular_price_search { padding:0px 0px 2px; font-size:11px; text-decoration:line-through; color:#666666; margin:0px; } .price_search { padding:0px; margin:0px; } .discount_rate_search { padding:2px 0px 0px; color:#ff0000; margin:0px; } /* ------------------------------------- * 一覧表示 商品数と表示数 * ------------------------------------- */ .pagenavi { width: 564px; height: 30px; color: #432A16; font-size:80%; background: url(https://img.shop-pro.jp/tmpl_img/26/pagenavi_bg.gif) no-repeat; margin-bottom: 15px; } /* ------------------------------------- * 商品一覧表示のレイアウト * ------------------------------------- */ .product_list { float: left; width: 188px; text-align: center; padding:5px 0px 30px; } .product_item { text-align:center; width:175px; margin:0px auto; } .product_item img { padding: 4px; border: 1px #dacdb9 solid; } .product_item .name { line-height: 120%; margin:10px 0px 0px; } .product_item .name img{ vertical-align:middle; } .product_item .price { margin:5px 0px 0px; color: #333333; } .product_item .expl { color: #999; font-size:80%; line-height:120%; text-align: left; margin:5px 0; } .product_list a, .product_list a:link, .product_list a:visited { text-decoration:none; } .product_list a:active, .product_list a:hover { text-decoration:none; } /* ------------------------------------- * ぱんくずリスト * ------------------------------------- */ .footstamp { width: 564px; height: 30px; background: url(https://img.shop-pro.jp/tmpl_img/26/footstamp_bg.gif) no-repeat; color: #333333; margin-bottom: 15px; } .footstamp a {color: #006600;} .footstamp a:link {color: #006600;text-decoration: none;} .footstamp a:visited {color: #006600;text-decoration: none;} .footstamp a:active {color: #006600;text-decoration: none;} .footstamp a:hover {color: #00CC99;text-decoration: none;} .txt-f10 { font-size:10px; } .footstamp img { vertical-align:middle; } /* ------------------------------------- * 商品が無い時の表示 * ------------------------------------- */ .nodata { width: 90%; padding-top: 20px; text-align: center; } /* ************************************************ * 商品詳細 レイアウト * ************************************************ */ #detail { text-align:center; color:#333333; } #detail .expl { line-height:150%; text-align: left; margin: 10px 10px 5px 10px; } #detail .main_img { padding: 4px; border:1px #dacdb9 solid; } #detail .sub { float: left; width: 188px; text-align: center; } #detail .sub img { width: 160px; padding: 4px; border:1px #dacdb9 solid; } #detail .table { width: 400px; background:transparent url(https://img.shop-pro.jp/tmpl_img/26/detail_table_bg.jpg) left top repeat-y; text-align:left; margin:20px auto 30px; } #detail .table .cell_1 { width: 130px; height: 28px; color: #6d2916; font-weight:bold; border-right: 2px #ffffff solid; border-bottom:2px #ffffff solid; } #detail .table .cell_2 { width: 270px; height: 28px; color: #6d2916; background:#f2ebe0; border-bottom:2px #ffffff solid; } #detail .table .cell_mar { margin: 0px 5px 0px 15px; } /* 特定商取引法に基づく表記(返品など)ボタン */ p#sk_link_other { text-align:center; margin-top:10px; } p#sk_link_other a { font-size:12px; } /* 会員専用価格の表示 商品詳細用 */ .regular_price_detail { padding:5px 0px 0px; margin:0px; text-decoration:line-through; } .price_detail { padding:0px; margin:0px; color:#ff0000; font-weight:bold; } .discount_rate_detail { padding:0px 0px 5px; margin:0px; color:#ff0000; } /* ------------------------------------- * この商品を買った人はこんな商品も買ってます * ------------------------------------- */ #together { margin: 0px 10px 0px 10px; } #together .tog_main_title { font-weight:bold; margin:30px 0px 5px; color:#6d2916; padding:5px 10px; background:#f9f4eb; } #together .together_list { margin:10px 3px 10px 3px; float:left; width: 170px; text-align:center; } #together img { padding: 4px; border: 1px #dacdb9 solid; } /* ------------------------------------- * トラックバック * ------------------------------------- */ #trackback { margin: 0px 10px 20px 10px; } #trackback .tb_main_title { font-weight:bold; margin:30px 0px 5px; color:#6d2916; } #trackback .tb_url { font-size:11px; padding:10px 13px; background:#f9f4eb; color:#6d2916; } #trackback .tb { margin:0px 0px 5px; border:1px solid #dacdb9; } #trackback .tb_date { font-size:80%; padding: 10px 10px 10px 10px; } #trackback .tb_title { padding: 0px 10px 10px 10px; color:#6d2916; } #trackback .tb_body { line-height: 150%; padding: 10px 10px 10px 10px; border-top: 1px dotted #dacdb9; border-bottom: 1px dotted #dacdb9; } #trackback .tb_state { padding: 5px 10px 5px 10px; } /* ************************************************ * 商品オプションページ * ************************************************ */ #Option .option_table { width: 564px; margin-bottom:5px; border-left: 1px solid #dacdb9; border-top: 1px solid #dacdb9; } #Option .option_cell1 { font-size: 11px; text-align:left; font-weight:normal; padding:5px; border-right: 1px solid #dacdb9; border-bottom: 1px solid #dacdb9; padding-left: 6px; } #Option .option_cell2 { font-size:80%; text-align:left; padding:5px; border-right: 1px solid #dacdb9; border-bottom: 1px solid #dacdb9; background-color:#FFFFFF; padding: 2px 6px 2px 6px; } #Option .option_cell3 { font-size:80%; text-align:left; padding:5px; border-right: 1px solid #dacdb9; border-bottom: 1px solid #dacdb9; background-color:#FFFFFF; padding: 2px 10px 2px 6px; } /* 会員専用価格の表示 オプション用 */ .regular_price_stock { padding:0px; margin:0px; font-size:11px; text-decoration:line-through; color:#666666; } .price_detail_stock { padding:0px; margin:0px; } .discount_rate_stock { padding:0px; margin:0px; color:#ff0000; } /* ************************************************ * 特定商取引法・お支払い方法・配送設定について * ************************************************ */ .payment_img { width:30px; height:30px; margin:3px; } #ShopKeeper { width: 564px; color:#333333; margin-bottom: 15px; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; } #ShopKeeper th { width: 160px; padding:10px; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-size: 80%; font-weight: normal; text-align:left; } #ShopKeeper td { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding:10px; text-align:left; } #ShopKeeper td table th, #ShopKeeper td table td, #ShopKeeper td table, #ShopKeeper td table { border-right:none; border-top:none; border-left:none; border-bottom:none; } #ShopKeeper th img, #ShopKeeper td img { vertical-align:middle; } /* 検索結果 */ .txt-search { padding:5px 10px; background:#f6eddf; border-bottom:#ffffff solid 1px; } .txt-hitNum { margin-bottom:15px; padding:5px 10px; background:#f6eddf; } .txt-search strong, .txt-hitNum strong { color:#6d2916; font-weight:bold; } /* オプションリンク */ .txt-optionLink { margin-bottom:15px; font-weight:bold; padding:0px 0px 0px 15px; background:transparent url(https://img.shop-pro.jp/tmpl_img/26/icon_side01.gif) no-repeat 0px 5px; line-height:0px; } ul.product-linkList li { margin-bottom:5px; padding:0px 0px 0px 15px; background:transparent url(https://img.shop-pro.jp/tmpl_img/26/icon_side01.gif) no-repeat 0px 5px; line-height:0px; } /* ************************************************ * プライバシーポリシー * ************************************************ */ #PrivacyExplain { color:#333333; margin-bottom: 15px; } .pe_title { color: #660000; border-top: 1px solid #dacdb9; padding-top: 15px; } .pe_note { line-height: 150%; margin:5px 5px 20px 30px; }