/* ************************************************ * 共通設定 * ************************************************ */ * { margin: 0px; padding: 0px; } body { color: #000000; font-size: small; font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅"; line-height: 1.6em; background-color: #ffffff; text-align:center; } br.clear { clear: both; font: 0pt/0pt sans-serif; } img { border: 0px; } /* ------------------------------------- * ページレイアウト * ------------------------------------- *※ページ全体の幅は800pxとなっています。 幅を広げる場合は、.sideと.mainのwidth の合計値が#containerのwidthになるよう 設定してください。 * ------------------------------------- */ /*ページ全体の幅、レイアウトをセンタリング*/ #container { margin:0px auto; width:900px; text-align:left; border: 1px solid #999; } /*ヘッダー(ページタイトル、グローバルメニュー)*/ .header { width:100%; clear:left; } /* 画面左側メニューの幅 */ .side { float: left; width:200px; padding-left: 10px; } /* 画面右側の幅 */ .main { float: left; width: 660px; padding-left: 20px; } /* 特定商取引法に基づく表記(返品など)ボタン */ p#sk_link_other { text-align:left; margin-top:10px; } p#sk_link_other a { font-size:12px; } /* フッター(コピーライト) */ .footer { font-size: 10px; width:880px; padding-right:10px; padding-left:10px; text-align:center; clear:left; margin-bottom:10px; } #group-list {     border-top:#838383 dotted 1px; padding:5px 0px 0px; margin:10px 20px 0px 0px; } /* ************************************************ * 商品一覧 レイアウト * ************************************************ */ /* ------------------------------------- * 一覧表示 商品数と表示数 * ------------------------------------- */ .pagenavi { width: 660px; height: 30px; color: #432A16; font-size:80%; background: url(https://img14.shop-pro.jp/PA01143/153/etc/b.gif?20110806170306) no-repeat; margin-bottom: 15px; } /* ------------------------------------- * 商品一覧表示のレイアウト * ------------------------------------- */ .product_list { float: left; width: 290px; text-align: center; padding:5px 15px 30px; } .product_item { text-align:center; width:260px; 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: #333333; 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; } /* ------------------------------------- * 商品カテゴリーエリア背景色 * ------------------------------------- */ .side_cat_bg { width:280px; 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: <{$table_title_bgcolor}>;} .side_cat_text a:link {color: <{$table_title_bgcolor}>;text-decoration: none;} .side_cat_text a:visited {color: <{$table_title_bgcolor}>;text-decoration: none;} .side_cat_text a:active {color: <{$table_title_bgcolor}>;text-decoration: none;} .side_cat_text a:hover {color: <{$table_title_fontcolor}>;text-decoration: none;} /* ------------------------------------- * カートの中 - 商品名・価格ボタン色/枠線色 * ------------------------------------- */ .cart_item { border-left: 3px solid <{$cart_view_bordercolor}>; border-right: 3px solid <{$cart_view_bordercolor}>; 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; } /* ------------------------------------- * 会員専用価格の表示 トップページ用 * ------------------------------------- */ .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; } /* ************************************************ * 商品詳細 レイアウト * ************************************************ */ #detail { text-align:center; color:<{$font_color}>; } #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: 280px; text-align: center; } #detail .sub img { width: <{$productimg_border}>px; padding: 4px; border:1px #dacdb9 solid; } #detail .table { width: 280px; 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: 280px; height: 28px; color: #6d2916; font-weight:bold; border-right: 2px #ffffff solid; border-bottom:2px #ffffff solid; } #detail .table .cell_2 { width: 280px; 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 <{$option_bordercolor}>; border-top: 1px solid <{$option_bordercolor}>; } #Option .option_cell1 { font-size: 11px; text-align:left; font-weight:normal; padding:5px; border-right: 1px solid <{$option_bordercolor}>; border-bottom: 1px solid <{$option_bordercolor}>; padding-left: 6px; } #Option .option_cell2 { font-size:80%; text-align:left; padding:5px; border-right: 1px solid <{$option_bordercolor}>; border-bottom: 1px solid <{$option_bordercolor}>; background-color:#FFFFFF; padding: 2px 6px 2px 6px; } #Option .option_cell3 { font-size:80%; text-align:left; padding:5px; border-right: 1px solid <{$option_bordercolor}>; border-bottom: 1px solid <{$option_bordercolor}>; 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: 550px; color:<{$font_color; margin-right: 55px; }>; margin-bottom: 15px; border-top: 1px solid <{$ShopKeeper_bordercorder}>; border-left: 1px solid <{$ShopKeeper_bordercorder}>; } #ShopKeeper th { width: 160px; padding:10px; border-right: 1px solid <{$ShopKeeper_bordercorder}>; border-bottom: 1px solid <{$ShopKeeper_bordercorder}>; font-size: 80%; font-weight: normal; text-align:left; } #ShopKeeper td { border-right: 1px solid <{$ShopKeeper_bordercorder}>; border-bottom: 1px solid <{$ShopKeeper_bordercorder}>; 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:10px; padding:0px 0px 0px 15px; line-height:0px; } /* ************************************************ * プライバシーポリシー * ************************************************ */ #PrivacyExplain { color:<{$font_color}>; margin-bottom: 15px; } .pe_title { color: <{$privacy_title_fontcolor}>; border-top: 1px solid <{$privacy_title_bgcolor}>; padding-top: 15px; } .pe_note { line-height: 150%; margin:5px 5px 20px 30px; } .mawari { float: left; margin-right: 5px; margin-bottom: 5px; }.kai { height: auto; width: 660px; } .kaiimg { float: left; margin-right: 20px; margin-bottom: 20px; } #kai hr { clear: left; margin-bottom: 10px; }#ShopKeeper { font-size: 12px; margin-left: 80px; border: 1px solid #666; } #ShopKeeper tr th { font-size: 12px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #666; border-bottom-color: #666; } #ShopKeeper tr td { border-right-width: 1px; border-bottom-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-right-color: #666; border-bottom-color: #666; } .gochu { text-align: left; width: 520px; margin-left: 100px; } .main_title1 { font-size: 16px; font-weight: bold; width: 660px; background-color: #ffb200; margin-top: 30px; margin-bottom: 20px; height: 30px; padding-left: 30px; }