/* ************************************************ * ------------------------------------------------ * 共通設定 * ------------------------------------------------ * ************************************************ */ body { font-size:12px;line-height: 1.5; font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅"; color:#333333; background:#FFF; border-top: 5px solid #000000; border-bottom: 0px solid #FFFFFF; margin: 0px; padding: 0px; } form { margin: 0px; padding: 0px; } div { margin: 0px; padding: 0px; } img { border: 0px; } a:link { color: #333300; text-decoration: underline; } a:visited { color: #333300; text-decoration: underline; } a:active { color: #3300FF; text-decoration: underline; } a:hover { color: #9D2D11; background: #FF00EA; text-decoration: none; } #contents { margin: 0px auto; width: 800px; background:#FFF; } /*ページ中央の枠線の色*/ #center { border: 0px solid #CCC; background: #FFF; margin: 0px 5px 0px 5px; } p.shop-info { color: #333333; font-size:7pt;line-height: 1.5; } .table_01 a:link {font-size:8pt; font-weight: bold; color: #FF0000; text-decoration: underline; } .table_01 a:visited {font-size:8pt; font-weight: bold; color: #FF0000; text-decoration: underline; } .table_01 a:active {font-size:8pt; font-weight: bold; color: #3300FF; text-decoration: underline; } .table_01 a:hover {font-size:8pt; font-weight: bold; color: #9D2D11; background: #FF00EA; text-decoration: none; line-height: 1.5; } .table_01 { width:100%;margin:0px 0px 10px 0px;padding:2px; border-collapse:collapse; border-top:1px dotted #999999; } .table_01 th { width:153;padding:0px 0px 0px 0px; text-align:center;vertical-align:top;color:#666666; background-color:;border-left:3px double #CCCCCC; font-size:8pt;font-weight: bold; color: #FF0000; text-decoration: underline; } .table_01 td { padding:0px 0px 0px 0px; border-bottom:1px dotted #999999;border-left:3px double #CCCCCC; text-align:center; font-size:7pt; } /* ************************************************ * ヘッダーメニュー * ************************************************ */ #header { margin: 0px auto 0px auto; width: 800px; background:#FFF; } /* ------------------------------------- * ヘッダー グローバルメニューのオンマウス * ※WIN IEでは適用されません * ------------------------------------- */ #header .menu img { background: #999; } #header .menu img:hover { background: #F3CC00; } /* ------------------------------------- * ショップタイトルのサイズ、色 * ------------------------------------- */ #title_size { font: 22px/130% "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅"; font-weight: bold; padding-top:10px; } #title_size a { color: #000000; } #title_size a:link { color: #000000; text-decoration: underline; } #title_size a:visited { color: #000000; text-decoration: underline; } #title_size a:active { color: #000000; text-decoration: underline; } #title_size a:hover { color: #000000; background: #EEE; text-decoration: none; } img.top { border: 1px #ff0000 solid; } p.shopinfo-title { color: #FF0000; } /* ************************************************ * 左側メニュー * ************************************************ */ /* ------------------------------------- * 商品検索 * ------------------------------------- */ #search { width: 130px; margin: 10px auto; } #search select { width: 125px; border: 1px solid #000000; } #search input { width: 120px; border: 1px solid #000000; margin: 5px 0px 5px 0px; padding: 2px; } /* ------------------------------------- * 左メニュー最下部 フリーエリア * バナーを貼る際などにご利用ください * ※初期設定では適用されていません * ------------------------------------- */ #freespace_left { font-size: 11px; border: 2px solid #FF0000; margin-top: 10px; padding: 5px; text-align: center; } /* ************************************************ * 右側メニュー * ************************************************ */ .cart { font-size: 11px; margin: 0px 6px 10px 6px; background: #F3F3F3; } .cart ul { line-height: 160%; margin: 0px 5px 0px 5px; padding: 5px; } .cart li { list-style-type: none; } .cart p { border-top: 1px dotted #333; margin: 5px; padding: 5px; text-align: right; font-weight: bolder; } .cart input { margin: 5px; } /* ************************************************ * 左右メニューのレイアウト * ************************************************ */ .side { width: 150px; padding: 0px 0px 10px 0px; background: #FF0000 url(https://img04.shop-pro.jp/PA01011/593/etc/orange-back.jpg) ; } .list li { list-style-type: none; background: url(https://img04.shop-pro.jp/PA01011/593/etc/list.gif) no-repeat 6px 7px; } .list ul { line-height: 160%; margin: 10px 1px 10px 1px; padding: 0px 0px 0px 0px; } .list li a { color: #000000; text-decoration: none; margin: 0px; padding: 0px; display: block; width: 100%; text-indent: 1em; } .list li a:visited { color: #000000; text-decoration: none; display: block; width: 100%; } .list li a:hover { color: #000; text-decoration: none; background: #F3cc00 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%; } .list1 li { list-style-type: none; background: url(https://img04.shop-pro.jp/PA01011/593/etc/list.gif) no-repeat 6px 7px; } .list1 ul { line-height: 160%; margin: 10px 1px 10px 1px; padding: 0px 0px 0px 0px; } .list1 li a { color: #000000; text-decoration: none; margin: 0px; padding: 0px; display: block; width: 100%; text-indent: 1em; } .list1 li a:visited { color: #000000; text-decoration: none; display: block; width: 100%; } .list1 li a:hover { color: #000; text-decoration: none; background: #FF00EA url(https://img.shop-pro.jp/tmpl_img/4/list_red.gif) no-repeat 6px 7px; display: block; width: 100%; } .list1 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%; } .list1-2 li { list-style-type: none; background: } .list1-2 ul { line-height: 160%; margin: 10px 1px 10px 1px; padding: 0px 0px 0px 0px; } .list1-2 li a { color: #000000; text-decoration: none; margin: 0px; padding: 0px; display: block; width: 100%; text-indent: 1em; } .list1-2 li a:visited { color: #000000; text-decoration: none; display: block; width: 100%; } .list1-2 li a:hover { color: #000; text-decoration: none; background: #FF00EA display: block; width: 100%; } .list1-2 li a:active { color: #000; text-decoration: none; background: #FFF display: block; width: 100%; } .list1-3 li { list-style-type: none; background: ; color: #ffffff; text-decoration: none; margin: 0px; padding: 0px; display: block; width: 100%; line-height: 0.8;} /* ************************************************ * 店主のコーナー レイアウト * ************************************************ */ .freespace_right { font-size: 11px; border: 1px solid #CC3333; margin-top: 10px; padding: 5px; text-align: center; } .freespace_right1 { font-size: 11px; border: 1px solid #CC3333; margin-top: 10px; padding: 5px; } .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: 11px; padding: 30px; text-align: center; background:#FFF url(https://img04.shop-pro.jp/PA01011/593/etc/bg_ol_linen.gif); } #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: 0px; } /* ------------------------------------- * フリースペース * ------------------------------------- */ .free_space { margin: 0px; } /* ------------------------------------- * お知らせエリア * 箇条書きでお知らせを掲載する際にご利用ください * ※初期設定では適用されていません * ------------------------------------- */ #information ul { font-size: 11px; line-height: 160%; margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px; } #information li { padding: 0px 0px 0px 10px; 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 10px 10px; } /* ************************************************ * 商品詳細 レイアウト * ************************************************ */ #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; } /* ------------------------------------- * 商品詳細-購入数選択・「カートに入れる」ボタン * ------------------------------------- */ .product_num { width: 50px; } .product_incart { margin: 10px; text-align: center; } /* ------------------------------------- * この商品を買った人はこんな商品も買ってます * ------------------------------------- */ #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; } /* ************************************************ * 商品オプションページ * ************************************************ */ /* ------------------------------------- * オプション表の罫線の色 * ------------------------------------- */ #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; } /* ************************************************ * 特定商取引法・お支払い方法・配送設定について * ************************************************ */ #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; }