/* ************************************************ * ------------------------------------------------ * 共通設定 * ------------------------------------------------ * ************************************************ */ /* ------------------------------------- * ページ背景色(全体) * ページ背景画像(全体) * フォント色(全体) * フォントサイズ(全体) * ------------------------------------- */ body { background-color:#999999; background-image:url(https://img.shop-pro.jp/tmpl_img/3/obj_bg.gif); background-repeat: repeat; margin: 0px; padding: 0px; color:#666; font: 12px/130% "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅"; } /* ------------------------------------- * リンクの文字/通常時(link,visited,active) * リンクの文字/マウスが当たっている時(hover) * ------------------------------------- */ a:link {color:#1A2D4A; text-decoration:none;} a:visited {color:#1A2D4A; text-decoration:none;} a:active {color:#1A2D4A; text-decoration:underline;} a:hover {color:#1A2D4A; text-decoration:underline;} div { margin: 0px; padding: 0px; } p { margin: 0px; padding: 0px; } form { margin: 0px; padding: 0px; } img { border:0px; margin: 0px; padding: 0px; } input, select, textarea { margin: 0px; padding: 0px; } ul,ol { margin: 0px; padding-left: 15px; } /* ************************************************ * 複数ページで使用しているクラス * ************************************************ */ /* ------------------------------------- * 各ページのタイトル欄設定 * ------------------------------------- */ .main_menu { width: 390; height: 26; background-image: url(https://img.shop-pro.jp/tmpl_img/3/main_menu.gif); background-repeat: no-repeat; font-weight: bold; text-align:center; padding:5px 0px; margin:10px 25px 0px 25px; } /* 太字設定 */ .bold { font-weight: bold; } /* 該当商品なし */ .nodata { font-size: 14px; font-weight: bolder; margin: 10px; } /* ************************************************ * ショップタイトルのサイズ、色 * ************************************************ */ .title_size { font: 22px/130% "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅"; font-weight: bold; color: #1A2D4A; text-align: right; margin-right: 15px; } /* ************************************************ * パンくずリスト * ************************************************ */ /* ------------------------------------- * パンくずリスト * ------------------------------------- */ .navi_list { background: #354C72; margin:10px 0px 10px 0px; padding: 3px 3px 3px 28px; width:100%; color:#FFF; } /* ------------------------------------- * パンくずリストリンク文字色 * ------------------------------------- */ .navi_list a, .navi_list a:link, .navi_list a:visited { color:#FFF; } .navi_list a:active, .navi_list a:hover { color:#FFF; } /* ************************************************ * ページ左側のコンテンツ * ************************************************ */ /* ------------------------------------- * メニュータイトル * ------------------------------------- */ .left_menu { width: 136px; background-image: url(https://img.shop-pro.jp/tmpl_img/3/left_menu.gif); background-repeat: no-repeat; font-weight: bold; padding:2px 0px 2px 15px; margin-bottom: 5px; color:#666; } /* ------------------------------------- * 商品検索 * ------------------------------------- */ /* カテゴリーのセレクトボックス */ .search_type { width:140px; } /* 検索文字入力欄 */ .search_word { width: 135px; margin: 5px 0px; } /* ------------------------------------- * カテゴリー欄 * ------------------------------------- */ .left_category { margin: 10px 0px 10px 10px; width: 140px; } /*名*/ .left_category_name { width: 135px; height: 28px; background-image: url(https://img.shop-pro.jp/tmpl_img/3/left_menu_02.gif); background-repeat: no-repeat; padding: 5px 0px 0px 15px; } /*画像*/ .left_category_img { width: 140px; background-color:#EFEFEF; padding: 5px 0px 5px 0px; text-align:center; } /* ------------------------------------- * カートを見る欄 * ------------------------------------- */ .cart_area{ border-color:#7F8A9D; background-color:#FFFFFF; } .left_cartbox { width: 5px; height: 30px; margin: 2px 2px 5px 1px; background-color: #CBCBCB; text-align:center; float:left; } /* ------------------------------------- * 情報配信エリア * ------------------------------------- */ .linktext { font-size: 12px; line-height: 140%; margin: 0; } /* ************************************************ * ページ右側のコンテンツ * ************************************************ */ /* ------------------------------------------- * メニュータイトル * ------------------------------------------- */ .right_menu { width: 141px; height: 19px; background-image: url(https://img.shop-pro.jp/tmpl_img/3/right_menu.gif); background-repeat: no-repeat; font-weight: bold; color:#666; padding: 2px 0px 2px 9px; margin-bottom: 5px; } /* ------------------------------------------- * 各コンテンツ共通 * ------------------------------------------- */ .right_text { color: #FFFFFF; margin: 0px 0px 10px 5px; } /* ------------------------------------------- * 店長エリアの画像 * ------------------------------------------- */ .owner_photo { /* border : 1px solid #666; */ /* float: left; */ /* margin: 0px 5px 5px 0px; */ } /* ************************************************ * トップページ * ************************************************ */ /* ------------------------------------------- * トップページのおすすめ商品・売れ筋商品エリア * ------------------------------------------- */ .main_goods { width: 100px; padding: 10px 0px 5px 30px; float: left; } .main_goods a, .main_goods a:link, .main_goods a:visited { color:#FFF; } .main_goods a:active, .main_goods a:hover { color:#FFF; } /* 商品の値段 */ .main_price { font-weight: bold; } /* ------------------------------------------- * フリースペース設定 * ------------------------------------------- */ .free_space { margin: 0px 10px; } /* ************************************************ * 商品一覧・商品検索結果(共通) * ************************************************ */ /* ------------------------------------------- * ソートエリア(カテゴリ別・商品検索共通) * ------------------------------------------- */ /* 全体 */ .main_title_2 { width: 390px; height: 20px; background-color: #ffffff; margin: 10px 25px; } /* 「並び順を変更」 */ .main_title_2_2 { width: 85px; height: 16px; background-color: #7F8A9D; padding: 2px 5px; float: left; color:#242D4B; font-weight:bold; } /* 各ソートとリンク設定 */ .main_title_2_3 { width: 280px; height: 16px; background-color: #7F8A9D; padding: 2px 5px; float:right; } .main_title_2_3 a, .main_title_2_3 a:link, .main_title_2_3 a:visited { color:#FFF; } .main_title_2_3 a:active, .main_title_2_3 a:hover { color:#FFF; } /* ------------------------------------------- * サブカテゴリーエリア(カテゴリ別のみ) * ------------------------------------------- */ .main_more_2_1 { margin: 10px 20px; float: left; } .main_more_2_1 a, .main_more_2_1 a:link, .main_more_2_1 a:visited { color:#FFF; } .main_more_2_1 a:active, .main_more_2_1 a:hover { color:#FFF; } /* ------------------------------------------- * 商品画像(カテゴリ別・商品検索共通) * ------------------------------------------- */ .main_more_2_2 { margin:0px 10px 20px 0px; float: left; } /* ------------------------------------------- * 商品名(カテゴリ別・商品検索共通) * ------------------------------------------- */ .main_more_2_3 { color:#ffffff; font-weight:bold; } .main_more_2_3 a, .main_more_2_3 a:link, .main_more_2_3 a:visited { color:#FFF; } .main_more_2_3 a:active, .main_more_2_3 a:hover { color:#FFF; } /* ------------------------------------------- * 簡易説明(カテゴリ別・商品検索共通) * ------------------------------------------- */ .main_more_2_4 { font-size:11px; margin:10px 0px; } /* ------------------------------------------- * 表示商品数など(カテゴリ別・商品検索共通) * ------------------------------------------- */ .main_text { width: 390px; text-align: center; margin: 10px 25px; } /* ------------------------------------------- * 前・次ページへ(カテゴリ別・商品検索共通) * ------------------------------------------- */ .main_arrow { width: 390px; margin: 20px 25px; } /* ************************************************ * 商品詳細 * ************************************************ */ /* ************************************************ * 「商品詳細」 * ************************************************ */ /* ------------------------------------------- * 商品名 * ------------------------------------------- */ .main_title_3 { width: 380px; height: 14px; background-color: #242D4B; margin: 0px 25px; padding: 5px; align: center; font-weight:bold; font-size:14px; } /* ------------------------------------------- * 商品画像 * ------------------------------------------- */ .main_more_1 { width: 200px; padding: 0px 5px; float: left; } /* ------------------------------------------- * 商品その他画像 * ------------------------------------------- */ .main_more_3 { width: 60px; padding: 10px 5px; margin-bottom: 10px; float: left; } /* ------------------------------------------- * 商品詳細のテーブルタイトル * ------------------------------------------- */ .main_tbl_cell { width: 75px; } /* ------------------------------------------- * 商品購入数テキストエリア * ------------------------------------------- */ .product_num { width:60px; } /* ------------------------------------- * この商品を買った人はこんな商品も買ってます * ------------------------------------- */ #together { margin: 0px 0px 0px 0px; height:100%; } #together .tog_main_title { font-weight: bolder; margin-top:30px; padding-bottom:5px; border-bottom: 5px solid #7F8A9D; color:#1A2D4A; } #together .together_list { margin:10px 3px 0px 3px; float:left; width: 115px; text-align:left; } /* ------------------------------------- * トラックバック * ------------------------------------- */ #trackback { margin: 0px 0px 10px 0px; } #trackback .tb_main_title { font-weight: bolder; margin-top:30px; padding-bottom:5px; border-bottom: 5px solid #7F8A9D; color:#1A2D4A; } #trackback .tb_url { font-size: 11px; padding: 5px 10px 5px 10px; } #trackback .tb { margin: 10px 0px 10px 0px; border-top: 1px solid #7F8A9D; border-left: 1px solid #7F8A9D; border-right: 1px solid #7F8A9D; border-bottom: 1px solid #7F8A9D; background-color:#DFDFDF; } #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 #7F8A9D; border-bottom: 1px dotted #7F8A9D; } #trackback .tb_state { padding: 5px 10px 5px 10px; } /* ************************************************ * 特定商取引法・お支払い方法・配送設定について * ************************************************ */ /* 各項目のタイトル */ .linktitle_sub { font-size: 12px; font-weight: bolder; margin: 10px 0px 5px 0px; } /* 販売業者情報表の罫線の色 */ .ShopKeeper { background-color:#1A2D4A; width:390px; } /* 販売業者情報表の項目背景色 */ .sk_th { color: #1A2D4A; background-color:#A6AEBD; width:160px; text-align:left; padding-left:10px; } .sk_td { color: #1A2D4A; background-color:#FFFFFF; width:210px; text-align:left; padding-left:10px; } /* お支払い方法など、サブエリアの枠 */ .sub_area { border : 1px solid #1A2D4A; background-color:#FFF; width:390px; margin-bottom:10px; margin-left:0px; } /* サブエリアのタイトル */ .sub_title { font-weight:bold; margin-left:10px; margin-top:10px; white-space:nowrap; color:#666; } .sub_note { margin-bottom:15px; margin-left:10px; color:#666; } /* ************************************************ * 商品オプションページ * ************************************************ */ /* オプション表の罫線の色 */ #Option .option_table { background-color:#999; } /* オプション 項目背景の色 */ #Option .option_cell1 { text-align:left; color: #333333; background-color:#cccccc; 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; } .product_name { margin:10px 0px 10px 0px; font-weight: bold; font-size: 15px; padding: 5px; } .option_btn{ margin-top:10px; } /* ************************************************ * プライバシーポリシー * ************************************************ */ /* タイトル */ .linktitle_pri { font-size: 12px; font-weight: bolder; color: #FFF; margin: 10px 0px 0px 0px; padding-left: 20px; height:22px; } #PrivacyExplain { margin:0px; text-align:left; } /* 項目タイトルの設定 */ .privacy_title { margin:10px 10px 10px 30px; color: #FFFFFF; } .privacy_note { margin:0px 10px 20px 30px; }