/* ************************************************ * ------------------------------------------------ * 共通設定 * ------------------------------------------------ * ************************************************ */ body { font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅"; font-size: 12px; line-height:170%; background-color:#FFFFFF; color:#666; margin: 0px; padding: 0px; text-align: center; } img { border:0px; } form { margin: 0px; padding: 0px; } input, select, textarea { } ul,ol,li { margin: 0px; padding: 0px; } li { list-style-type: none; } .bold { font-weight:bolder; } .cell_mar { margin: 0px 5px 0px 15px; } a:link { color: #26621E;text-decoration: none} a:visited { color: #26621E;text-decoration: none} a:active { color: #26621E;text-decoration: none} a:hover { color: #568250;text-decoration: none} /* ************************************************ * ヘッダーメニュー * ************************************************ */ #header { color: #FFF; margin-top: 15px; margin-bottom: 15px; } .title { width: 770px; height: 79px; color: #FFFFFF; font-size: 22px; font-weight: bold; text-align: center; background: url(https://img.shop-pro.jp/tmpl_img/11/title_bg.jpg) no-repeat; margin-bottom: 15px; } .title a {color: #FFFFFF;} .title a:link {color: #FFFFFF;text-decoration: none;} .title a:visited {color: #FFFFFF;text-decoration: none;} .title a:active {color: #FFFFFF;text-decoration: none;} .title a:hover {color: #FFFFFF;text-decoration: none;} /*ホーム・マイアカウント・お問合せリンク*/ .menu_1 { color: #FFF; font-size: 10px; text-align: right; background: url(https://img.shop-pro.jp/tmpl_img/11/menu_1_bg.jpg) no-repeat; padding-left: 0px ; padding-right:12px; } .menu_1 a {color: #FFFFFF;} .menu_1 a:link {color: #FFFFFF;text-decoration: none;} .menu_1 a:visited {color: #FFFFFF;text-decoration: none;} .menu_1 a:active {color: #FFFFFF;text-decoration: none;} .menu_1 a:hover {color: #FFFFFF;text-decoration: none;} /* ************************************************ * 左側メニュー * ************************************************ */ .sidemenu { width:190px; color:#666; margin-bottom: 15px; } .side_title { height: 28px; background: url(https://img.shop-pro.jp/tmpl_img/11/side_cat_title_bg.jpg) no-repeat; color: #FFF; padding-left:15px; } .side_text { border-left: 1px #CCC solid; border-right:1px #CCC solid; background-color:#FFFFFF; padding:12px; } .side_bottom { height: 2px; background-color:#FFFFFF; background: url(https://img.shop-pro.jp/tmpl_img/11/side_bottom_bg.gif) no-repeat; } /* ------------------------------------- * 商品カテゴリーエリア背景色 * ------------------------------------- */ .side_cat_bg { width:190px; background: url(https://img.shop-pro.jp/tmpl_img/11/side_cat_bg.jpg); margin-bottom: 15px; } .side_cat_title { height: 28px; background: url(https://img.shop-pro.jp/tmpl_img/11/side_cat_title_bg.jpg) no-repeat; border-bottom:1px #FFF solid; color: #FFF; padding-left:15px; } .side_cat_text { height:29px; border-bottom: 1px #FFF solid; color: #432A16; padding:0px 12px; } .side_cat_bottom { height:18px; background: url(https://img.shop-pro.jp/tmpl_img/11/side_cat_bottom_bg.jpg) no-repeat; } .side_cat_text a {color: #432A16;} .side_cat_text a:link {color: #432A16;text-decoration: none;} .side_cat_text a:visited {color: #432A16;text-decoration: none;} .side_cat_text a:active {color: #432A16;text-decoration: none;} .side_cat_text a:hover {color: #7E5E44;text-decoration: none;} /* ------------------------------------- * カートの中 - 商品名・価格ボタン色/枠線色 * ------------------------------------- */ .cart_item { border-left: 3px solid #87876A; border-right: 3px solid #87876A; margin: 3px 0px 3px 0px; padding-left:5px; font-size:10px; } /* ************************************************ * フッターメニュー * ************************************************ */ #footer { width: 770px; height: 79px; color: #432A16; font-size: 10px; text-align: center; background: url(https://img.shop-pro.jp/tmpl_img/11/footer_bg.jpg) no-repeat; margin-top: 30px; margin-bottom: 15px; } #menu_2 { text-align:center; margin-bottom: 5px; } #copy { text-align:center; color:#432A16; } #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: 564px; height: 28px; background: url(https://img.shop-pro.jp/tmpl_img/11/main_title_bg.jpg) no-repeat; color: #FFF; margin-bottom: 15px; } /* ************************************************ * TOPコンテンツ * ************************************************ */ /* ------------------------------------- * お知らせエリア * 箇条書きでお知らせを掲載する際にご利用ください * ※初期設定では適用されていません * ------------------------------------- */ .info_bg { background: url(https://img.shop-pro.jp/tmpl_img/11/info_bg.jpg) repeat-y; margin-bottom: 15px; } .info_title { height: 28px; color: #FFF; } .info_text { color:#666; background: #FFF; border-top:#B4BEB4 1px solid; border-left:#B4BEB4 1px solid; padding: 10px; } .info_top { height:2px; background: url(https://img.shop-pro.jp/tmpl_img/11/info_top_bg.gif) no-repeat; background-position: top; } .info_text_bottom { height: 2px; background:#FFF url(https://img.shop-pro.jp/tmpl_img/11/info_text_bottom_bg.gif) no-repeat; } .info_bottom { height:7px; background: url(https://img.shop-pro.jp/tmpl_img/11/info_bottom_bg.gif) no-repeat; background-position: bottom; } /* ------------------------------------- * フリースペース * ------------------------------------- */ .free_space { color:#666; margin-bottom: 15px; } /* ------------------------------------- * 会員専用ページ * ------------------------------------- */ div#btn_members_logout { padding:0px; text-align:center; } div#btn_members_login { padding:0px; text-align:center; } div#btn_members_signup { border-top:1px dotted #cccccc; padding:7px 0px 0px; margin:7px 0px 0px; text-align:center; } p.txt_members_desc { line-height:1.1em; margin:0px; font-size:11px; padding:0px 0px 7px; } /* ------------------------------------- * 会員専用価格の表示 トップページ用 * ------------------------------------- */ .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; } /* ************************************************ * 商品一覧 レイアウト * ************************************************ */ /* ------------------------------------- * 一覧表示 並び順を変更(商品一覧) * ------------------------------------- */ .sort_01 { width: 564px; height: 28px; color: #432A16; font-size: 10px; background: url(https://img.shop-pro.jp/tmpl_img/11/sort_bg.jpg) no-repeat; margin-bottom: 1px; } .sort_01 a, .sort_01 a:link, .sort_01 a:visited { color:#26621E; text-decoration:none; } .sort_01 a:active, .sort_01 a:hover { color:#568250; text-decoration:none; } /* ------------------------------------- * 一覧表示 並び順を変更(商品検索結果) * ------------------------------------- */ .sort_02 { width: 564px; height: 28px; color: #432A16; font-size: 10px; background: url(https://img.shop-pro.jp/tmpl_img/11/sort_bg.jpg) no-repeat; margin-bottom: 1px; } .sort_02 a, .sort_02 a:link, .sort_02 a:visited { color:#26621E; text-decoration:none; } .sort_02 a:active, .sort_02 a:hover { color:#568250; text-decoration:none; } /* ------------------------------------- * 一覧表示 商品数と表示数 * ------------------------------------- */ .pagenavi { width: 564px; height: 28px; color: #432A16; font-size: 10px; background: url(https://img.shop-pro.jp/tmpl_img/11/pagenavi_bg.jpg) no-repeat; margin-bottom: 15px; } /* ------------------------------------- * 商品一覧表示のレイアウト * ------------------------------------- */ .product_list { float: left; width: 188px; text-align: center; padding:5px 0px 20px 0px; } .product_item { text-align: center; width:175px; margin: 0px auto; } .product_item img { padding: 4px; border-top: 1px #D1D1D1 solid; border-right: 1px #989898 solid; border-bottom: 1px #989898 solid; border-left: 1px #D1D1D1 solid; } .product_item .name { line-height: 120%; margin:5px 0px 0px 0px ; } .product_item .price { color: #383371; } .product_item .expl { color: #999; font-size: 10px; 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: 28px; background: url(https://img.shop-pro.jp/tmpl_img/11/footstamp_bg.jpg) no-repeat; color: #432A16; margin-bottom: 15px; } .footstamp a {color: #432A16;} .footstamp a:link {color: #432A16;text-decoration: none;} .footstamp a:visited {color: #432A16;text-decoration: none;} .footstamp a:active {color: #432A16;text-decoration: none;} .footstamp a:hover {color: #7E5E44;text-decoration: none;} /* ------------------------------------- * 商品が無い時の表示 * ------------------------------------- */ .nodata { width: 90%; padding-top: 20px; text-align: center; } /* 会員専用価格の表示 商品一覧用 */ .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; } /* 会員専用価格の表示 商品検索結果用 */ .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; } /* ************************************************ * 商品詳細 レイアウト * ************************************************ */ #detail { text-align:center; color:#666; } #detail .expl { line-height:150%; text-align: left; margin: 10px 10px 5px 10px; } #detail .main_img { padding: 4px; border-top: 1px #D1D1D1 solid; border-right: 1px #989898 solid; border-bottom: 1px #989898 solid; border-left: 1px #D1D1D1 solid; } #detail .sub { float: left; width: 188px; text-align: center; } #detail .sub img { width: 160px; padding: 4px; border-top: 1px #D1D1D1 solid; border-right: 1px #989898 solid; border-bottom: 1px #989898 solid; border-left: 1px #D1D1D1 solid; } #detail .table { width: 375px; background: url(https://img.shop-pro.jp/tmpl_img/11/detail_table_bg.jpg) left top repeat-y; text-align:left; margin-top: 20px; margin-bottom: 15px; } #detail .table .cell_1 { width: 105px; height: 28px; color: #FFF; border-right: 1px #FFF solid; border-bottom:1px #FFF solid; } #detail .table .cell_2 { width: 270px; height: 28px; color: #432A16; border-bottom:1px #FFF solid; } #detail .table .cell_mar { margin: 0px 5px 0px 15px; } /* ------------------------------------- * この商品を買った人はこんな商品も買ってます * ------------------------------------- */ #together { margin: 0px 10px 0px 10px; } #together .tog_main_title { font-weight: bolder; margin-top:30px; padding-bottom:5px; border-bottom: 5px solid #CC9966; } #together .together_list { margin:10px 3px 10px 3px; float:left; width: 170px; text-align:center; } #together img { padding: 4px; border-top: 1px #D1D1D1 solid; border-right: 1px #989898 solid; border-bottom: 1px #989898 solid; border-left: 1px #D1D1D1 solid; } /* ------------------------------------- * トラックバック * ------------------------------------- */ #trackback { margin: 0px 10px 20px 10px; } #trackback .tb_main_title { font-weight: bolder; margin-top:30px; padding-bottom:5px; border-bottom: 5px solid #CC9966; } #trackback .tb_url { font-size: 11px; padding: 5px 10px 5px 10px; } #trackback .tb { margin: 10px 0px 10px 0px; border-top: 1px solid #CC9966; border-left: 1px solid #CC9966; border-right: 1px solid #CC9966; border-bottom: 1px solid #CC9966; } #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 #CC9966; border-bottom: 1px dotted #CC9966; } #trackback .tb_state { padding: 5px 10px 5px 10px; } /* 会員専用価格の表示 商品詳細用 */ .regular_price_detail { padding:5px 0px 0px; margin:0px; text-decoration:line-through; } .price_detail { padding:0px; margin:0px; font-weight:bold; } .discount_rate_detail { padding:0px 0px 5px; margin:0px; color:#ff0000; font-weight:bold; } /* ************************************************ * 商品オプションページ * ************************************************ */ #Option .option_table { width: 564px; margin-bottom:15px; } #Option .option_cell1 { font-size: 11px; text-align:left; font-weight:normal; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding-left: 6px; } #Option .option_cell2 { font-size: 10px; text-align:left; border-right: 1px solid #cccccc; background-color:#FFFFFF; padding: 2px 6px 2px 6px; } #Option .option_cell3 { font-size: 10px; text-align:left; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; 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:#666; margin-bottom: 15px; } #ShopKeeper th { width: 160px; height: 28px; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-size: 10px; font-weight: normal; text-align:left; } #ShopKeeper td { border-bottom: 1px solid #cccccc; text-align:left; } /* ************************************************ * プライバシーポリシー * ************************************************ */ #PrivacyExplain { color:#666; margin-bottom: 15px; } .pe_title { color: #432A16; border-top: 1px solid #cccccc; padding-top: 15px; } .pe_note { line-height: 150%; margin:5px 5px 20px 30px; }