/*------------------------------------------------ 注意事項 -------------------------------------------------- このテンプレートは、「デザイン設定」-「共通テンプレート」 -「初心者モード」設定の【使用する画像の色設定】にて選択 した色番号によって、表示されるメニュー画像の色(ブルー系 ・ピンク系)が変換されます。 変換される画像は、画像指定のcss中に、0の独自タグ が挿入されています。 ■■ 例 ■■ background:#74AEBF url(http://img.shop-pro.jp/tmpl_img/16/c_0/bg.gif); ~~~~~~~~~~~~~~~~ ↑このタグが入っている箇所は、画像の色が一括変換されます。 --------------------------------------------------*/ body { color:#333333; background:#74AEBF url(http://img.shop-pro.jp/tmpl_img/16/c_0/bg.gif); font: 12px/160% "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅"; margin:0; padding:0; } * { margin: 0px; padding:0px; } img { border:none; } ul { margin:0px; padding:0px; } li { list-style-type:none; } form,input { margin:0px; padding:0px; } br.clr { clear:both; font:0/0 sans-serif; } .small {font-size:10px;} .bold {font-weight:bolder;} .center {text-align:center;} /* ------------------------------------- * リンクの色設定(初級モードで設定) * ------------------------------------- */ a:link {color: #006380; text-decoration: underline;} a:visited {color: #006380; text-decoration: underline;} a:active {color: #006380; text-decoration: underline;} a:hover {color: #FF3366; text-decoration: none;} .pankuzu a:link {text-decoration: none;} .pankuzu a:visited {text-decoration: none;} .pankuzu a:active {text-decoration: none;} .pankuzu a:hover {text-decoration: underline;} /* ------------------------------------- * ページレイアウト * ------------------------------------- */ #wrapper { margin:0 auto; } #lace_l { width:28px; background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/lace_l.gif) repeat-y; } #lace_r { width:28px; background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/lace_r.gif) repeat-y; } #header {padding:0 10px;} #side { width:218px; } #main { width:600px; padding:0 10px; } #footer { text-align:right; padding:20px 10px 50px 10px; } .main_clr {background:#FFFFE7;} /* ------------------------------------- * 画像のサイズ・ボーダーの設定 * ------------------------------------- */ img.small { } /*商品詳細:その他画像の縮小サイズ*/ img.sub { width:120px; } img.border { background:#FFF; padding:4px; border-top:1px #D1D1D1 solid; border-right:1px #989898 solid; border-bottom:1px #989898 solid; border-left:1px #D1D1D1 solid; } /* ------------------------------------- * スペーサー・マージンの調整 * ------------------------------------- */ img.w1 {width:1px;} img.h1 {height:1px;} img.w28 {width:28px;height:1px;} img.h14 {width:1px;height:14px;} .ml10 {margin-left:10px;} .mt10 {margin-top:10px;} /* ************************************************ * ヘッダー * ************************************************ */ /* ------------------------------------- * サイトタイトル * ------------------------------------- */ #title { margin-right:250px; } h1 { color:#CA005F; font-size:22px; line-height:150%; } #title a:link {color: #CA005F; text-decoration: none;} #title a:visited {color: #CA005F; text-decoration: none;} #title a:active {color: #CA005F; text-decoration: none;} #title a:hover {color: #CA005F; text-decoration: none;} /* ------------------------------------- * タイトル右部 * ------------------------------------- */ #head_right { float:right; width:245px; } #head_menu img { height:17px; } /*ホーム、マイアカウント、お問合せの画像指定*/ .img_home { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/menu_home.gif) no-repeat;} .img_myacc { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/menu_account.gif) no-repeat;} .img_contact { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/menu_contact.gif) no-repeat;} /* ------------------------------------- * 検索スペース * ------------------------------------- */ .search_body { width:190px; height:64px; padding:25px 0px 0px 55px; text-align:left; background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/search.gif) no-repeat; background-position:bottom; } /* ------------------------------------- * ボーダー * ------------------------------------- */ .border_1 { background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/border_1.gif) repeat-x; } .border_2 { background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/border_2.gif) repeat-x; } /* ************************************************ * サイド(id="side") * ************************************************ */ /* ------------------------------------- * 会員専用ページ * ------------------------------------- */ div.side_memberArea { margin:0px 0px 10px; text-align:center; } div.side_member { width:198px; text-align:left; margin:0px auto; } div#btn_members_title { width:95px; height:22px; text-indent:-9999px; background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/linktitle_member.gif) no-repeat; margin:0px 0px 10px 14px; } div.side_member_top { width:198px; height:9px; background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/side_members_top.gif) no-repeat 0% 100%; } div.side_member_bottom { width:198px; height:9px; background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/side_members_bottom.gif) no-repeat; } div.side_member_body { width:198px; background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/side_members_body.gif) repeat-y; } div#btn_members_login a, div#btn_members_logout a, div#btn_members_signup a { text-indent:-9999px; width:169px; height:27px; margin:0px auto; display:block; text-decoration:none; } div#btn_members_login span, div#btn_members_logout span, div#btn_members_signup span { margin-bottom:3px; display:block; font-size:11px; line-height:1.1em; text-align:center; } div#btn_members_login, div#btn_members_logout { padding-bottom:10px; } div#btn_members_signup { padding:10px 0px 5px; margin:0px 10px; border-top:#ffffe7 dotted 1px; } div#btn_members_login a { background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/btn_members_login.gif) 0% 0% no-repeat; } div#btn_members_logout a { background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/btn_members_logout.gif) 0% 0% no-repeat; } div#btn_members_signup a { background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/btn_members_signup.gif) 0% 0% no-repeat; } /* ------------------------------------- * 枠つきスペース(デコレーション) * ------------------------------------- */ .side_deco_top { width:208px; height:75px; margin:0px auto; background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/side_deco_top.gif) no-repeat; } .side_deco_bottom { width:208px; height:43px; margin:0px auto; background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/side_deco_bottom.gif) no-repeat; } .link_deco { width:194px; margin:0px auto; border-right:2px #74AEBF solid; border-left:2px #74AEBF solid; background:#EAF7D6; } .link_deco .title { background:#74AEBF; } .link_deco .title img { width:132px; height:26px; margin-left:13px; } .link_deco ul { padding:15px 13px 20px 13px; } .link_deco li { margin-bottom:3px; } li.cat { background:url(https://img.shop-pro.jp/tmpl_img/16/li.gif) no-repeat; background-position:left; padding-left:15px; } /*タイトル画像指定*/ .img_category { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/linkttile_cat.gif) no-repeat;} .img_recommend { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/linkttile_rcm.gif) no-repeat;} .img_topsell { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/linkttile_seller.gif) no-repeat;} #group-list { border-top:#74AEBF dotted 1px; margin-top:5px; } /* ------------------------------------- * カートの中身を見る * ------------------------------------- */ img.viecart_btn { width:199px; height:40px; display:block; margin:0 auto; } .viewcart { width:193px; margin:0 auto; background:url(https://img.shop-pro.jp/tmpl_img/16/viewcart_bg.gif) repeat-y; margin-bottom:10px; } .viewcart .top { height:5px; background:url(https://img.shop-pro.jp/tmpl_img/16/viewcart_top.gif) no-repeat; background-position:left top; } .viewcart .bottom { height:5px; background:url(https://img.shop-pro.jp/tmpl_img/16/viewcart_bottom.gif) no-repeat; background-position:left bottom; } .viewcart ul { margin:0px 15px; } /* ------------------------------------- * 枠外スペース * ------------------------------------- */ .side_border { width:210px; margin:0 auto; padding-bottom:15px; background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/side_border.gif) no-repeat; background-position:center bottom; } .linktitle{ color:#006380; font-weight:bolder; text-align:center; } .linktext { margin:10px; } /*トラックバックタイトル画像*/ .img_tblist { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/linktitle_tb.gif) no-repeat;} /* ------------------------------------- * 店主スペース * ------------------------------------- */ .owner_photo { margin:5px; float:left; } /* ------------------------------------- * メールマガジン登録・解除 * ------------------------------------- */ img.mailmaga { width:200px; height:54px; display:block; margin:5px auto; } /* ------------------------------------- * feed * ------------------------------------- */ .feed { text-align:center; } .feed img { width:57px; height:15px; margin:0 5px; } /* ************************************************ * メインエリア(id="main") * ************************************************ */ /* ------------------------------------- * 各ページ共通 * ------------------------------------- */ .box { border:1px #B7D5DE solid; margin-bottom:10px; } .box_top { background:#FFF url(http://img.shop-pro.jp/tmpl_img/16/c_0/lace_box_top.gif) repeat-x; } .box_bottom { background:#FFF url(http://img.shop-pro.jp/tmpl_img/16/c_0/lace_box_bottom.gif) repeat-x; } .box_title { padding-bottom:10px; margin-bottom:10px; margin-left:35px; background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/border_box.gif) repeat-x; background-position:bottom left; color:#006380; font-weight:bolder; } .box_body {padding:10px;} /* ------------------------------------- * 各ボックスのアイコン設定 * ------------------------------------- */ /*おすすめ*/ .icon_rcm { background:#FFF url(http://img.shop-pro.jp/tmpl_img/16/c_0/icon_recommend.gif) no-repeat; background-position: 3px 18px; } /*売れ筋*/ .icon_seller { background:#FFF url(http://img.shop-pro.jp/tmpl_img/16/c_0/icon_seller.gif) no-repeat; background-position: 3px 18px; } /*商品一覧*/ .icon_itemli { background:#FFF url(http://img.shop-pro.jp/tmpl_img/16/c_0/icon_itemli.gif) no-repeat; background-position: 3px 18px; } /* ------------------------------------- * 境界線 * ------------------------------------- */ .arrow { width:100%; height:17px; } .arrow_l { width:24px; background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/arrow_l.gif) no-repeat; } .arrow_c { background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/arrow_c.gif) repeat-x; } .arrow_r { width:24px; background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/arrow_r.gif) no-repeat; } /* ------------------------------------- * 各ページ別画像指定 * ------------------------------------- */ /*トップ:各タイトル画像指定*/ .topimg_info { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/title_info.gif) no-repeat;} .topimg_rcm { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/title_rcm.gif) no-repeat;} .topimg_seller { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/title_seller.gif) no-repeat;} /*商品一覧:各タイトル画像指定*/ .listimg_crown { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/crown.gif) no-repeat; width:17px; height:20px; margin-left:15px; } .listimg_sub { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/title_subcat.gif) no-repeat;} .listimg_list { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/title_itemli.gif) no-repeat;} /*並べ替えボタン*/ .listimg_by { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/sort_by.gif) no-repeat;} .listimg_sra { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/sort_rcm_a.gif) no-repeat;} .listimg_srb { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/sort_rcm_b.gif) no-repeat;} .listimg_spa { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/sort_price_a.gif) no-repeat;} .listimg_spb { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/sort_price_b.gif) no-repeat;} .listimg_sna { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/sort_new_a.gif) no-repeat;} .listimg_snb { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/sort_new_b.gif) no-repeat;} /*商品詳細:各タイトル画像指定*/ /*「買い物を続ける」のうさぎ*/ .itemimg_back { background: url(http://img.shop-pro.jp/tmpl_img/16/c_0/continue.gif) no-repeat;} /* ------------------------------------- * 会員専用価格の表示 トップページ用 * ------------------------------------- */ .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; } /* ------------------------------------- * トップページ(Information、フリースペース) * ------------------------------------- */ .info { background:#D7E9EF url(http://img.shop-pro.jp/tmpl_img/16/c_0/icon_info.gif) no-repeat; background-position: 3px 18px; border:1px #74AEBF solid; margin-bottom:10px; } .info_title { padding-bottom:10px; margin-bottom:10px; margin-left:35px; background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/border_info.gif) repeat-x; background-position:bottom left; } .info_body {padding:10px 20px;} .info_top { height:14px; background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/lace_info_top.gif) repeat-x; } .info_bottom { height:14px; background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/lace_info_bottom.gif) repeat-x; } /* ------------------------------------- * 商品リスト(4列表示) * ------------------------------------- */ .item_box { float:left; width:24.5%; text-align:center; } .item_box .p5 {padding:5px;} .item_box .expl { text-align:left; color:#666; line-height:140%; margin-top:3px; } /* ------------------------------------- * サブカテゴリー * ------------------------------------- */ .scbox { background:#FFFFFF url(http://img.shop-pro.jp/tmpl_img/16/c_0/icon_subcat.gif) no-repeat; background-position: 3px 18px; border:1px #74AEBF solid; margin-bottom:10px; } .scbox_top { background:#FFFFFF url(http://img.shop-pro.jp/tmpl_img/16/c_0/lace_sc_top.gif) repeat-x; } .scbox_bottom { background:#FFFFFF url(http://img.shop-pro.jp/tmpl_img/16/c_0/lace_sc_bottom.gif) repeat-x; } .scbox_title { padding-bottom:10px; margin-bottom:10px; margin-left:35px; background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/border_box.gif) repeat-x; background-position:bottom left; } .scbox_body { padding:10px; } /* ------------------------------------- * パンくずナビ * ------------------------------------- */ .pankuzu { margin-bottom:10px; } .pankuzu_l { height:23px; width:15px; background:url(https://img.shop-pro.jp/tmpl_img/16/pankuzu_l.gif) no-repeat; background-position:left; } .pankuzu_r { width:25px; background:url(https://img.shop-pro.jp/tmpl_img/16/pankuzu_r.gif) no-repeat; background-position:right; } .pankuzu_c { background:url(https://img.shop-pro.jp/tmpl_img/16/pankuzu_c.gif) repeat-x; background-position:bottom; } /* ------------------------------------- * ソート * ------------------------------------- */ .sort { text-align:right; padding-bottom:3px; } img.sort_btn { width:84px; height:20px; } /* ------------------------------------- * ページナビ * ------------------------------------- */ .pagenavi { width:100%; margin:10px 0px; font-size:10px; } .pagenavi_l { height:25px; background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/pagenavi_l.gif) no-repeat; background-position:left; padding-left:25px; } .pagenavi_r { background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/pagenavi_r.gif) no-repeat; background-position:right; text-align:right; padding-right:25px; } .pagenavi_b { height:1px; border-bottom:1px #333 dotted; } /*次へ前へのリンクが無い場合の文字の色*/ .nolink {color:#777;} /* ------------------------------------- * カテゴリーネーム(サブカテゴリー上部) * ------------------------------------- */ .catname { width:100%; height:31px; background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/catname_bg.gif) repeat-x; } .catname_l { width:45px; background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/catname_l.gif) no-repeat; background-position:left; } .catname_r { color:#FFF; font-weight:bolder; background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/catname_r.gif) no-repeat; background-position:right; } /* ------------------------------------- * 会員専用価格の表示 商品一覧用 * ------------------------------------- */ .regular_price_all { padding:0px; font-size:11px; text-decoration:line-through; color:#666666; } .price_all { padding:0px; } .discount_rate_all { padding:0px 0px 0px 5px; color:#ff0000; } /* ------------------------------------- * 商品詳細ページ * ------------------------------------- */ #detail { padding:0 10px; } .mainimg { text-align:center; margin-bottom:20px; } .detail_sub { width:33%; float:left; margin-bottom:20px; text-align:center; } table.spec { width:100%; background:#B7D5DE; } .spec th { background:#EAF7D6; border-bottom:1px #FFF solid; border-left:1px #FFF solid; } .spec td { background:#FFFFFF; padding:3px; } .option { margin-top:10px; } input.cart { width:174px; height:55px; margin-bottom:10px; } img.detail_btn { width:174px; height:29px; } #detail .expl { margin-top:20px; } .continue { text-align:right; margin-top:20px; } .continue img { width:76px; height:24px; padding-bottom:3px; } .detail_title { color:#006380; font-weight:bolder; } .icon_tog { background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/icon_tog.gif) no-repeat; background-position:left; margin-left:24px; padding:4px 0; padding-left:40px; } .icon_tb { background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/icon_tb.gif) no-repeat; background-position:left; margin-left:24px; padding-left:40px; } .tb_url { background:url(http://img.shop-pro.jp/tmpl_img/16/c_0/tb_url.gif) no-repeat; background-position:left; margin:5px 0px; margin-left:24px; padding-left:40px; } /* 特定商取引法に基づく表記(返品など)ボタン */ div#sk_link_other { text-align:left; margin:0px 0px 10px; } div#sk_link_other a { font-size:10px; } /* ------------------------------------- * 会員専用価格の表示 商品検索一覧用 * ------------------------------------- */ .regular_price_search { padding:0px; font-size:11px; text-decoration:line-through; color:#666666; } .price_search { padding:0px; } .discount_rate_search { padding:0px 0px 0px 5px; color:#ff0000; } /* ------------------------------------- * トラックバック * ------------------------------------- */ .tb { margin:10px 24px; border:1px #74AEBF solid; } .tb div { padding:5px 10px;} .tb_body { padding:10px; border-top:1px #74AEBF dotted; border-bottom:1px #74AEBF dotted; } /* ------------------------------------- * 商品詳細検索結果 * ------------------------------------- */ .search_result { margin-left:20px; } .nodata { text-align:center; margin:10px; } /* ------------------------------------- * 会員専用価格の表示 商品詳細検索結果用 * ------------------------------------- */ .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; } /* ------------------------------------- * 特定商取引に基づく表記 * ------------------------------------- */ table.shop { width:90%; background:#B7D5DE; margin:10px auto; } .shop th { background:#EAF7D6; border-bottom:1px #FFF solid; border-left:1px #FFF solid; padding:0 5px; } .shop td { background:#FFF; padding:3px 5px; } .sk { width:90%; background:#FFF; border:1px #B7D5DE solid; margin:0 auto; margin-top:10px; } .sk .title { font-weight:bolder; background:#EAF7D6; padding:5px; border-bottom:1px #B7D5DE solid; } .sk .title img { margin:3px; } .sk .note { padding:10px 5px; } .payment_img { width:30px; height:30px; margin:3px; } /* ------------------------------------- * プライバシーポリシー * ------------------------------------- */ .policy { width:90%; background:#FFF; border:1px #B7D5DE solid; margin:20px auto; } .policy .title { font-weight:bolder; background:#EAF7D6; padding:5px; border-bottom:1px #B7D5DE solid; } .policy .note { padding:10px 5px; margin-bottom:10px; } /* ------------------------------------- * オプション在庫・値段表 * ------------------------------------- */ .option_title { font-size:120%; font-weight:bolder; text-align:center; color:#006380; margin-top:20px; } table.option { margin:20px auto; background:#B7D5DE; } .option .cell1 { background:#EAF7D6; padding:3px; } .option .cell2 { background:#FFF; padding:3px; } .option_btn { text-align:center; } /* ------------------------------------- * 会員専用価格の表示 オプション用 * ------------------------------------- */ .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; }