/* ************************************************ * ------------------------------------------------ * 共通設定 * ------------------------------------------------ * ************************************************ */ body { font-size:12px; font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅"; color:#695B48; background:#FFF; border-top: 5px solid #CC3333; border-bottom: 5px solid #CC3333; margin: 0px; padding: 0px; } form { margin: 0px; padding: 0px; } div { margin: 0px; padding: 0px; } img { border: 0px; } a:link { color: #9D2D11; text-decoration: underline; } a:visited { color: #9D2D11; text-decoration: underline; } a:active { color: #9D2D11; text-decoration: underline; } a:hover { color: #9D2D11; background: #EEE; text-decoration: none; } #contents { margin: 0px auto; width: 800px; } /*ページ中央の枠線の色*/ #center { border: 1px solid #CCC; background: #FFF; margin: 0px 5px 0px 5px; } /* ************************************************ * ヘッダーメニュー * ************************************************ */ #header { margin: 30px auto 10px auto; width: 800px; } /* ------------------------------------- * ヘッダー グローバルメニューのオンマウス * ※WIN IEでは適用されません * ------------------------------------- */ #header .menu img { background: #999; } #header .menu img:hover { background: #CC3333; } /* ------------------------------------- * ショップタイトルのサイズ、色 * ------------------------------------- */ #title_size { font: 22px/130% "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅"; font-weight: bold; padding-top:10px; } #title_size a { color: #CC3333; } #title_size a:link { color: #CC3333; text-decoration: underline; } #title_size a:visited { color: #CC3333; text-decoration: underline; } #title_size a:active { color: #CC3333; text-decoration: underline; } #title_size a:hover { color: #CC3333; background: #EEE; text-decoration: none; } /* ************************************************ * 左側メニュー * ************************************************ */ /* ------------------------------------- * 商品検索 * ------------------------------------- */ #search { width: 130px; margin: 10px auto; } #search select { width: 125px; border: 1px solid #990000; } #search input { width: 120px; border: 1px solid #990000; margin: 5px 0px 5px 0px; padding: 2px; } /* ------------------------------------- * 左メニュー最下部 フリーエリア * バナーを貼る際などにご利用ください * ※初期設定では適用されていません * ------------------------------------- */ #freespace_left { font-size: 12px; border: 2px solid #CC3333; margin-top: 10px; padding: 5px; text-align: center; } #group-list { border-top:#ffffff dotted 1px; margin-top:10px; } /* ************************************************ * 右側メニュー * ************************************************ */ .cart { font-size: 11px; margin: 0px 2px 10px 2px; background: #FFF; } .cart ul { line-height: 160%; margin: 0px 5px 0px 5px; padding: 5px; } .cart li { list-style-type: none; } .cart p { margin: 3px; padding: 5px; font-weight: bolder; } .cart input { margin: 5px; } .subtotal { padding:5px 0; } .stotal { text-align:right; } .total { padding:5px 0; border-top:1px dotted #C3C3C3; text-align:right; } .postage { border-top:1px solid #C3C3C3; border-bottom:1px solid #C3C3C3; list-style-type:none; } .postage li { margin:5px 0; color:red; text-align:left; } .cart p.viewcart { padding:5px 0; text-align:center; } /* 会員専用ページ */ #members { background:#ffffff; padding:5px 0px; margin:0px 2px 10px; text-align:center; } #btn_members_login, #btn_members_logout { padding:10px 0px; } #btn_members_signup { padding:7px 0px; margin:0px 3px; border-top:#333333 dotted 1px; } #btn_members_signup span, #btn_members_logout span { display:block; font-size:10px; line-height:1.1em; padding-bottom:3px; } /* ************************************************ * 左右メニューのレイアウト * ************************************************ */ .side { width: 150px; padding: 0px 0px 10px 0px; background: #FB6262 url(https://img.shop-pro.jp/tmpl_img/4/background_side.jpg) no-repeat; } .list ul { line-height: 160%; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; } .list li { list-style-type: none; background: url(https://img.shop-pro.jp/tmpl_img/4/list_white.gif) no-repeat 6px 7px; } .list li a { color: #FFF; text-decoration: none; margin: 0px; padding: 0px; display: block; width: 100%; text-indent: 1em; } .list li a:visited { color: #FFF; text-decoration: none; display: block; width: 100%; } .list li a:hover { color: #000; text-decoration: none; background: #FFF url(https://img.shop-pro.jp/tmpl_img/4/list_red.gif) no-repeat 6px 7px; display: block; width: 100%; } .list li a:active { color: #000; text-decoration: none; background: #FFF url(https://img.shop-pro.jp/tmpl_img/4/list_red.gif) no-repeat 6px 7px; display: block; width: 100%; } /* ************************************************ * 店主のコーナー レイアウト * ************************************************ */ .freespace_right { font-size: 12px; border: 2px solid #CC3333; margin-top: 10px; padding: 5px; text-align: center; } .freespace_right img { border: 1px solid #CC3333; margin: 5px 0px 5px 0px; padding: 3px; } .freespace_right p { text-align: left; font-size: 11px; } /* ************************************************ * RSSリンクのレイアウト * ************************************************ */ .feed { text-align: center; margin: 20px auto; } .feed img { border: 0px; } /* ************************************************ * フッターメニュー * ************************************************ */ #footer { font-size: 12px; padding: 30px; text-align: center; } #footer p { font-size: 11px; margin: 10px 0px 0px 0px; font-family: "Verdana"; } /* ************************************************ * コンテンツ共通 * ************************************************ */ /* ------------------------------------- * 100px×100pxの縮小画像表示 * ※トップ及びサブカテゴリー表示時に使用 * ------------------------------------- */ .item_box { text-align: center; padding-bottom: 10px; width: 120px; float: left; } .item_thumbnail { margin: 0px 0px 5px 10px; width: 100px; height: 100px; overflow: hidden; position: relative; } .item_thumbnail img { width: 100px; height: 100px; } .item_frame { border: 0px; width: 100px; height: 100px; position: absolute; top: 0px; left: 0px; z-index: 1; } /* ------------------------------------- * 商品一覧表示のレイアウト * ------------------------------------- */ .category_items td { font-size: 12px; padding: 10px 0px 10px 0px; } .category_items p { font-size: 12px; margin: 5px 0px 0px 0px; padding: 0px; } /* ------------------------------------- * ぱんくずリスト * ------------------------------------- */ .footstamp { padding: 10px; font-size: 11px; } /* ------------------------------------- * ページタイトル * ------------------------------------- */ .pagetitle { margin: 20px 0px 1px 0px; padding: 0px 10px 5px 10px; border-bottom: 3px solid #CC3333; font-size: 14px; clear: both; } /* ------------------------------------- * 商品が無い時の表示 * ------------------------------------- */ .nodata { margin: 50px 0px 50px 0px; text-align: center; } /* ************************************************ * TOPコンテンツ * ************************************************ */ /* ------------------------------------- * お知らせ・おすすめエリアレイアウト * ------------------------------------- */ .top_items tr { text-align: center; } .top_items td { font-size: 11px; text-align: center; padding-bottom: 10px; } /* ------------------------------------- * お知らせエリア * ------------------------------------- */ .info_space { margin: 20px; } /* ------------------------------------- * フリースペース * ------------------------------------- */ .free_space { margin: 20px; } /* ------------------------------------- * お知らせエリア * 箇条書きでお知らせを掲載する際にご利用ください * ※初期設定では適用されていません * ------------------------------------- */ #information ul { font-size: 11px; line-height: 160%; margin: 0px 20px 0px 15px; padding: 0px 0px 0px 0px; } #information li { padding: 0px 0px 0px 20px; list-style-type: none; background: url(https://img.shop-pro.jp/tmpl_img/4/list_red.gif) no-repeat 6px 7px; } #information p { margin: 10px 0px 20px 20px; } /* ------------------------------------- * 会員価格表示 トップページ用 * ------------------------------------- */ .regular_price_top { padding:0px 0px 2px; font-size:11px; text-decoration:line-through; color:#666666; margin:5px 0px 0px; } .price_top { padding:0px; margin:0px; } .discount_rate_top { padding:2px 0px 0px; color:#ff0000; margin:0px; } /* ************************************************ * 商品詳細 レイアウト * ************************************************ */ #detail { padding: 20px 0px 20px 0px; } #detail .td1 { background: #EEE; } #detail .td2 { background: #FFF; } #detail .large { border: 1px solid #CCC; margin: 0px 20px 0px 20px; width: 200px; } #detail .small { margin: 20px 0px 0px 20px; width: 100px; height: 100px; } #detail p { font-size: 14px; margin: 20px; padding: 5px; border: 1px solid #CCC; background: #EEE; } #detail ul { margin: 20px; padding: 5px; } #detail li { padding: 0px 0px 0px 20px; list-style-type: none; background: url(https://img.shop-pro.jp/tmpl_img/4/list_arrow_red.gif) no-repeat 6px 0px; } /*会員専用価格の表示 商品詳細用*/ #detail p.regular_price_detail { padding:0px 0px 5px; margin:0px; text-decoration:line-through; border:none; background:none; } #detail p.price_detail { padding:0px; margin:0px; border:none; background:none; } #detail p.discount_rate_detail { padding:5px 0px 0px; margin:0px; color:#ff0000; border:none; background:none; } /* ------------------------------------- * 商品詳細-購入数選択・「カートに入れる」ボタン * ------------------------------------- */ .product_num { width: 50px; } .product_incart { margin: 10px; text-align: center; } /* 特定商取引法に基づく表記(返品など)ボタン */ div#sk_link_other { text-align:left; margin-top:10px; } div#sk_link_other a { font-size:12px; } /* ------------------------------------- * この商品を買った人はこんな商品も買ってます * ------------------------------------- */ #together { width:450px; margin: 0px 20px 0px 20px; height:100%; } #together .tog_main_title { font-weight: bolder; margin-top:30px; padding-bottom:5px; border-bottom: 5px solid #FB6262; } #together .together_list { margin:10px 5px 0px 3px; float:left; width: 135px; text-align:center; } /* ------------------------------------- * トラックバック * ------------------------------------- */ #trackback { margin: 0px 20px 20px 20px; } #trackback .tb_main_title { font-weight: bolder; margin-top:30px; padding-bottom:5px; border-bottom: 5px solid #FB6262; } #trackback .tb_url { font-size: 11px; padding: 5px 10px 5px 10px; } #trackback .tb { margin: 10px 0px 10px 0px; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } #trackback .tb_date { font-size: 10px; padding: 10px 10px 10px 10px; } #trackback .tb_title { font-weight: bold; padding: 0px 10px 10px 10px; } #trackback .tb_body { line-height: 150%; padding: 10px 10px 10px 10px; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; } #trackback .tb_state { padding: 5px 10px 5px 10px; } /* ************************************************ * 商品一覧 レイアウト * ************************************************ */ /* ------------------------------------- * サブカテゴリー レイアウト * ------------------------------------- */ .subcategory { padding: 10px; font-size: 11px; } /* ------------------------------------- * 検索条件表示 * ------------------------------------- */ .search_result { border: 1px solid #CCC; margin: 20px 20px 10px 20px; padding: 5px; } /* ------------------------------------- * 一覧表示 並び順を変更 * ------------------------------------- */ .sort { border-bottom: 1px solid #CCC; padding: 10px; font-size: 11px; } /* ------------------------------------- * 一覧表示 商品数と表示数 * ------------------------------------- */ .pagenavi { margin: 10px 20px 10px 20px; font-size: 11px; } /* ------------------------------------- * 会員専用価格の表示 商品一覧用 * ------------------------------------- */ .regular_price_all { padding:0px 0px 2px; font-size:11px; text-decoration:line-through; color:#666666; } .price_all { padding:0px; } .discount_rate_all { padding:2px 0px 0px; color:#ff0000; } /* ************************************************ * 商品オプションページ * ************************************************ */ /* ------------------------------------- * オプション表の罫線の色 * ------------------------------------- */ #Option .option_table { background-color:#999; } /* ------------------------------------- * オプション 項目背景の色 * ------------------------------------- */ #Option .option_cell1 { text-align:left; color: #333333; background-color:#EEEEEE; margin: 2px; padding: 2px 10px 2px 10px; font-weight:bold; white-space:nowrap; } /* ------------------------------------- * オプション 価格背景の色 * ------------------------------------- */ #Option .option_cell2 { text-align:left; background-color:#FFFFFF; padding: 2px 10px 2px 6px; } /* ------------------------------------- * サブカテゴリリスト * ------------------------------------- */ .subcategory_list { float:left; width: 120px; text-align:center; margin: 10px 10px; } /* ------------------------------------- * 会員専用価格の表示 オプション用 * ------------------------------------- */ span.regular_price_stock { padding:0px; margin:0px; font-size:11px; text-decoration:line-through; color:#666666; } span.price_detail_stock { padding:0px; margin:0px; } span.discount_rate_stock { padding:0px; margin:0px; color:#ff0000; } /* ************************************************ * 商品検索ページ * ************************************************ */ /*会員専用価格の表示 商品検索結果用*/ .regular_price_search { padding:0px 0px 2px; font-size:11px; text-decoration:line-through; color:#666666; } .price_detail_search { padding:0px; } .discount_rate_search { padding:2px 0px 0px; color:#ff0000; } /* ************************************************ * 特定商取引法・お支払い方法・配送設定について * ************************************************ */ #ShopKeeper { margin: 20px auto; background: #999999; width: 450px; } #ShopKeeper th { width: 150px; background: #EEE; border-top: 1px solid #FFF; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #FFF; color: #000; font-size: 11px; padding: 0px 5px 0px 5px; } #ShopKeeper td { width: 300px; background: #FFF; padding: 5px; } .SK p { margin: 0px 0px 10px 0px; padding: 15px 0px 0px 30px; border-top: 1px solid #CCC; } .SK .area { padding: 0px 30px 20px 30px; } .SK .title { background: #EEE; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px dotted #CCC; border-left: 1px solid #CCC; padding: 5px; color: #000; } .SK .note { background: #FFF; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; margin: 0px 0px 10px 0px; padding: 5px; } .payment_img { width:30px; height:30px; margin:3px; } /* ************************************************ * プライバシーポリシー * ************************************************ */ #PrivacyExplain { margin: 20px; font-size: 12px; } #PrivacyExplain .title { margin: 20px 0px 0px 0px; padding: 5px 5px 10px 5px; border-top: 2px solid #CCC; color: #000; font-weight: bolder; } #PrivacyExplain .note { font-size: 11px; line-height: 150%; margin: 10px 5px 20px 15px; }