/* ************************************************ * ------------------------------------------------ * 共通設定 * ------------------------------------------------ * ************************************************ */ /*------------------------------------------------ 注意事項 -------------------------------------------------- このテンプレートは、「デザイン設定」-「共通テンプレート」 -「初心者モード」設定の【使用する画像の色設定】にて選択 した色番号によって、表示されるメニュー画像の色(ピンク系 ・ブルー系)が変換されます。 変換される画像は、次のクラスの背景画像として指定しています。 body .left .left img .right .right img #header #header .home #header .account #header .contact .info_title .info .info_bottom --------------------------------------------------*/ body { color:#4D4D4D; background:#F3E1E1 url(http://img.shop-pro.jp/tmpl_img/15/c_0/bg_all.gif) repeat-x; font: 12px/150% "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅"; padding:0; } * { margin: 0px; padding:0px; } table { border:none; } img { border:none; } ul { margin: 0px; padding:0px; } li { list-style-type:none; } br.clear { clear:both; font:0/0 sans-serif; } .border { background:url(https://img.shop-pro.jp/tmpl_img/15/border.gif) repeat-x; height:1px; margin:10px 0; } .border img { width:1px; height:1px; } /* ------------------------------------- * ページレイアウト * ------------------------------------- */ #wrapper { width:835px; margin: 0 auto; } .left { width:13px; background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/left_bg.gif) repeat-y; } .left img { width:13px; height:280px; background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/left_top.gif) no-repeat; } .center { width:812px; background:#FFF; } .right { width:10px; background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/right_bg.gif) repeat-y; } .right img { width:10px; height:280px; background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/right_top.gif) no-repeat; } #header { height:135px; background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/bg_header.gif) no-repeat; } #side { width:180px; float:left; padding-left:15px; margin-right:39px; } #main { width:554px; float:left; } #feed { background:#FFF; text-align:right; padding-top:15px; } #feed img { margin:5px; width:57px; height:15px; } #footer { text-align:center; font-size:10px; padding:5px 0; background:#DFC5C6; border-top:4px #CAB6B6 solid; } /* ------------------------------------- * リンクの色設定(初級モードで設定) * ------------------------------------- */ /*左サイドメニューのリンク文字色*/ a:link {color: #FF3366; text-decoration: underline;} a:visited {color: #FF3366; text-decoration: underline;} a:active {color: #FF3366; text-decoration: underline;} a:hover {color: #FF3366; text-decoration: none;} /*ショップタイトルのリンク文字色*/ .logo a:link {color: #4D4D4D; text-decoration: none;} .logo a:visited {color: #4D4D4D; text-decoration: none;} .logo a:active {color: #4D4D4D; text-decoration: none;} .logo a:hover {color: #999; text-decoration: none;} /*メインエリアのリンク文字色*/ #main a:link {color: #339999; text-decoration: underline;} #main a:visited {color: #339999; text-decoration: underline;} #main a:active {color: #339999; text-decoration: underline;} #main a:hover {color: #99CCCC; text-decoration: none;} /*フッターのリンク文字色*/ #footer a:link {color: #4D4D4D; text-decoration: underline;} #footer a:visited {color: #4D4D4D; text-decoration: underline;} #footer a:active {color: #4D4D4D; text-decoration: underline;} #footer a:hover {color: #666; text-decoration: none;} /* ************************************************ * ヘッダー * ************************************************ */ #header .logo { font-size:22px; line-height:170%; font-weight:bolder; padding-left:15px; padding-top:30px; } #header .menu { padding-top:30px; text-align:right; } #header .menu img { margin-right:20px; } /*ヘッダー部分の3つのボタンは、[共通html]上のダミー画像(sp.gif)の背景に、以下のcssにて各ボタン画像を設置しています。*/ /*メニューボタン「ホーム」*/ #header .home{ background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/menu_home.gif) no-repeat; width:50px; height:14px; } /*メニューボタン「マイアカウント」*/ #header .account{ background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/menu_account.gif) no-repeat; width:74px; height:14px; } /*メニューボタン「お問合せ」*/ #header .contact{ background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/menu_contact.gif) no-repeat; width:87px; height:14px; } /* ************************************************ * サイドメニュー * ************************************************ */ .linktitle { width:180px; height:22px; margin-bottom:5px; } .link { width:180px; margin-bottom:15px; } .link li { margin-bottom:3px; padding-left: 15px; list-style-type: none; background: url(https://img.shop-pro.jp/tmpl_img/15/li.gif) no-repeat; background-position: 0px 6px; } .link li img { } /* ------ カートを見る、店長コーナー ------ */ .link_2 { width:180px; margin-bottom:15px; } .link_2 .top { height: 27px; background:url(https://img.shop-pro.jp/tmpl_img/15/linktitle_cart.gif) no-repeat; text-align: center; } .link_2 .middle { background:url(https://img.shop-pro.jp/tmpl_img/15/link_2.gif) repeat-y; padding:5px 15px; border-top: 2px solid #DDDDDD; } .link_2 .bottom { height:5px; } .link_2 .bottom img { width:180px; height:5px; } .cart ul { padding:5px 15px; } .cart li { background:none; padding:0; } .owner_photo { display:block; margin:0px auto; } /* ------ メルマガ ------ */ .mailmaga { text-align:center; border-bottom:1px #9E9E9E solid; border-right:1px #9E9E9E solid; border-left:1px #9E9E9E solid; } /* ------ フリーページ ------ */ .freepage li { margin-bottom:3px; } /* ************************************************ * メイン * ************************************************ */ /* ------------------------------------- * 各ページ共通 * ------------------------------------- */ /* ------ 角丸ボックス ------ */ .round_top { height:30px; background:url(https://img.shop-pro.jp/tmpl_img/15/round_top.gif) no-repeat; } .round_top img { height:15px; margin-left:18px; } .round_bg { background:url(https://img.shop-pro.jp/tmpl_img/15/round_bg.gif) repeat-y; text-align:left; } .round_bottom{ height:30px; background:url(https://img.shop-pro.jp/tmpl_img/15/round_bottom.gif) no-repeat; } /* ------ パンくずナビ等 ------ */ .pankuzu { margin-bottom:5px; font-size:10px;} .sort { margin-bottom:10px;} .pagenavi { text-align:center;} /* ------------------------------------- * トップページ(Information、フリースペース) * ------------------------------------- */ .info_title{ height:34px; background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/info_title.gif) no-repeat; } .info { background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/info_border.gif) repeat-y; padding:15px 20px; } .info_bottom{ height:5px; background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/info_bottom.gif) no-repeat; } .freespace { border:1px solid #CCC; padding:20px; } /* ------------------------------------- * 商品リスト(4列表示) * ------------------------------------- */ .item_box { float:left; width:100px; padding:10px 18px 0px 18px; text-align:center; } .item_box img{ border:1px dotted #999999; display:block; } /* ------------------------------------- * 商品一覧 * ------------------------------------- */ .item_cat { width:100%; } .item_cat .thumnail { background:url(https://img.shop-pro.jp/tmpl_img/15/cat_border.gif) repeat-y; background-position:right; margin-right:10px; } .item_cat .thumnail img { border:1px dotted #999999; margin-right:20px; } .item_cat .expl { padding:0px 20px; } .item_cat .expl .name {} .item_cat .expl .price { height:30px; text-align:right;} /* ------------------------------------- * 商品詳細ページ * ------------------------------------- */ /*商品画像(画像周囲の飾り枠)*/ .main_img { padding:3px 3px 10px 3px; background:url(https://img.shop-pro.jp/tmpl_img/15/main_img.gif); } /*商品名*/ .detail_name { font-size:120%; font-weight:bolder; padding:0px 0px 5px 0px; } /*商品販売価格*/ .detail_price { font-size:120%; padding:0px 0px 10px 0px; border-bottom:1px dotted #CCC; } /*商品説明テキスト*/ .detail_expl { border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; padding:10px 0px 10px 0px; } /*価格詳細表*/ .spec { font-size:12px; margin:10px 0px 0px 0px; } .spec td { height:20px; padding-right:10px; } .sub_img { float:left; width:100px; margin-right:5px; } .sub_img .thumnail { width:100px; border:1px dotted #999999; display:block; margin-bottom:3px; } .zoom {width:32px;height:7px;border:none;} .etc { width:195px; } .etc_btn { width:195px; height:23px; display:block; margin-bottom:5px; } .detail_title { width:529px; height:20px; margin-bottom:5px; } /* ------------------------------------- * こんな商品も買ってます * ------------------------------------- */ .together { width:169px; float:left; margin:0px 0px 20px 3px; background:url(https://img.shop-pro.jp/tmpl_img/15/together.gif) repeat-y; } .together .top { height:12px; width:169px; background:url(https://img.shop-pro.jp/tmpl_img/15/together_top.gif) no-repeat; } .together .middle { text-align:center; width:149px; padding:3px 10px; } .together .bottom { height:12px; width:169px; background:url(https://img.shop-pro.jp/tmpl_img/15/together_bottom.gif) no-repeat; background-color:#fff; } .together .middle img{ border:1px dotted #999999; display:block; margin:0px auto; } /* ------------------------------------- * トラックバック * ------------------------------------- */ /*トラックバックURL*/ .tb_url{ font-size:12px; font-weight:bolder; color:#FF3366; margin-bottom:20px; } /*トラックバックの枠*/ .tb{ border:1px #DDDDDD solid; margin-bottom:20px; width:529px; } /*トラックバックの日付*/ .tb_date { color:#333; background:#EAEAEA; padding:5px 10px; border-bottom:1px #DDDDDD solid; } /*記事名・ブログ名*/ .tb_title { color: #FF3366; background:#F4F4F4; padding:10px; } .tb_body { padding:10px; border-top:1px #DDDDDD solid; border-bottom:1px #DDDDDD solid; } /* ------------------------------------- * 特定商取引(SK) * ------------------------------------- */ .sk_title { font-size:120%; color:#339999; font-weight:bolder; text-align:center; } #sk_shop th { text-align:left; font-weight:normal; color:#339999; padding:3px 10px 3px 0px; } #sk_shop td { padding:3px 10px 3px 0px; } /*お支払い方法・配送方法の罫線の色*/ .sk { width:515px; background:#FFF; border:1px #999 solid; margin-top:10px; } .sk .title { font-size:120%; font-weight:bolder; padding:10px; } .sk .title img { margin:3px; } .sk .note { padding:10px; border-top:1px #999 dotted; } .payment_img { width:30px; height:30px; margin:3px; } /* ------------------------------------- * 商品検索結果 * ------------------------------------- */ .srh { margin-bottom:30px; } .srh_hit { font-size:120%; line-height:170%; border-bottom:3px #FF6699 dotted; } /* ------------------------------------- * オプション * ------------------------------------- */ .option_title { font-size:120%; font-weight:bolder; text-align:center; color:#FFF; margin-top:30px; } .option { margin:20px auto; background:#666666; } .option .cell1 { color:#666666; background:#DDDDDD; padding:3px; } .option .cell2 { background:#FFF; padding:3px; } .option_btn { margin-bottom:10px 0px; text-align:center; } /* ------------------------------------- * プライバシーポリシー * ------------------------------------- */ .privacy_title { font-size:120%; font-weight:bolder; background:#FFF; padding:5px; margin-top:20px; } .privacy_note { padding:10px; }