/* ************************************************ * ------------------------------------------------ * 共通設定 * ------------------------------------------------ * ************************************************ */ /*------------------------------------------------ 注意事項 -------------------------------------------------- このテンプレートは、「デザイン設定」-「共通テンプレート」 -「初心者モード」設定の【使用する画像の色設定】にて選択 した色番号によって、表示されるメニュー画像の色が変換され ます。変換される画像は、次のクラスにて指定しています。 [カテゴリのタブメニュー部分] .tab_left .tab .tab_right [右側メニュー画像] .submenu_title_search .submenu_title_cart .submenu_title_recommend .submenu_title_seller --------------------------------------------------*/ body { font-size: 12px; background-color:#ffffff; margin: 10px; padding: 0px; } body,tr,td,th,div,font{ font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅"; color:#333; } img { border:0px; } form { margin: 0px; padding: 0px; } input, select, textarea { border: 1px ridge #333333; } ul,ol,li { margin: 0px; padding: 0px; } li { list-style-type: none; } a:link { color: #3c60c5;text-decoration: none} a:visited { color: #3c60c5;text-decoration: none} a:active { color: #3c60c5;text-decoration: none} a:hover { color: #0099FF;text-decoration: none} .tab a:link { color: #FFF;text-decoration: none} .tab a:visited { color: #FFF;text-decoration: none} .tab a:active { color: #FFF;text-decoration: none} .tab a:hover { color: #FFF;text-decoration: none} /* ************************************************ * ヘッダーメニュー * ************************************************ */ #header { height: 80px; margin: 0px 0px 15px 0px; padding: 0px; background-image:url(https://img13.shop-pro.jp/PA01090/232/etc/back_b.gif); background-repeat: repeat-x; text-size:-1em; } #category_tab { margin: 0px 0px 15px 0px; padding: 0px; } /* ------------------------------------- * ヘッダー グローバルメニューのオンマウス * ※WIN IEでは適用されません * ------------------------------------- */ #header .menu img { background: #999; } #header .menu img:hover { background-color: #CC3333; } /* ------------------------------------- * ショップタイトルのサイズ、色 * ------------------------------------- */ #title_size { font-size: 22px; color: #000099; font-weight: bold; } #title_size a {color: #000099;} #title_size a:link {color: #000099;text-decoration: none;} #title_size a:visited {color: #000099;text-decoration: none;} #title_size a:active {color: #000099;text-decoration: none;} #title_size a:hover {color: #000099;text-decoration: none;} /* ************************************************ * カテゴリータブ --------------------------------------------------- タブの色は「初心者モード-共通設定」で設定した 画像ナンバーによって色違いが表示されます。 --------------------------------------------------- * ************************************************ */ .tab_left { width:9px; background-image:url(http://img.shop-pro.jp/tmpl_img/10/c_5/tableft.gif); margin:0px; padding: 0px; } .tab { background-image:url(http://img.shop-pro.jp/tmpl_img/10/c_5/tab.gif); color:#ffffff; text-align:center; margin:0px; padding: 0px; } .tab_right { width:9px; background-image:url(http://img.shop-pro.jp/tmpl_img/10/c_5/tabright.gif); margin:0px; padding: 0px; } /* ************************************************ * 右側メニュー * ************************************************ */ .submenu { margin-top:18px; width:178px; } /*------------------------------------------------ 右メニューの画像は「初心者モード-共通設定」で設定した 画像ナンバーによって色違いが表示されます --------------------------------------------------*/ /*会員機能*/ .submenu_title_members { height: 26px; margin: 0px; padding:0px; background-image:url(http://img.shop-pro.jp/tmpl_img/10/c_5/submembers.gif); background-repeat: no-repeat; } #btn_members_login, #btn_members_logout { padding:10px 0px; text-align:center; } #btn_members_signup { padding:7px 0px; border-top:#666666 solid 1px; text-align:center; } #btn_members_signup span, #btn_members_logout span { display:block; font-size:10px; line-height:1.1em; padding-bottom:3px; } /*商品検索*/ .submenu_title_search { height: 26px; margin: 0px; padding:0px; background-image:url(https://img13.shop-pro.jp/PA01090/232/etc/subsea_g.gif); background-repeat: no-repeat; } /*カートの中身*/ .submenu_title_cart { height: 26px; margin: 0px; padding:0px; background-image:url(https://img13.shop-pro.jp/PA01090/232/etc/subcart_g.gif); background-repeat: no-repeat; } /*グループ*/ .submenu_title_group { height: 26px; margin: 0px; padding:0px; background-image:url(https://img13.shop-pro.jp/PA01090/232/etc/subcategory_g.gif); background-repeat: no-repeat; } /*おすすめ*/ .submenu_title_recommend { height: 26px; margin: 0px; padding:0px; background-image:url(https://img13.shop-pro.jp/PA01090/232/etc/subrecommend_g.gif); background-repeat: no-repeat; } /*売れ筋*/ .submenu_title_seller { height: 26px; margin: 0px; padding:0px; background-image:url(https://img13.shop-pro.jp/PA01090/232/etc/subseller_g.gif); background-repeat: no-repeat; } /*テキストメニュー(店主・メルマガ・フリーページ)*/ .submenu2_title { background: #dddddd; color: #666666; font-weight: bolder; margin: 0px; padding:6px; border-left: 1px #666666 solid; border-right: 1px #666666 solid; } .submenu_text { background-color:#FFFFFF; border: 1px #666666 solid; margin: 0px; padding: 6px; line-height: 170%; } /* おすすめ商品の枠の高さを指定する */ .submenu_text_recom { margin: 0px; padding: 0px; height: 200px; overflow-y:scroll; } /*店主の枠の高さを指定する*/ .submenu_text_manager { background-color:#FFFFFF; padding:2px; line-height: 120%; height: 200px; margin: 0px; } .submenu_text_manager img { padding-right:2px; } .line_top { width:100%; height:1px; background-color:#666666; } .line_under { width:100%; height:1px; background-color:#666666; margin-top:20px; } .table1 { background-color:#999999; } .CELL_1 { color: #333333; background-color:#CCCCCC; text-align:center; } .CELL_2 { background-color:#FFFFFF; text-align: left; } .CELL_140 { width: 140px; height: 140px; text-align:center; white-space:normal; } .chu { font-color: #FF0; padding: 20px; } #regi { padding: 20px; } #regi tr,td { } #regi input { } #regi .sub { padding: 10px; border: 1px solid #CCC; width: 500px; } .note { color: red; } .note2 { color: #999999; } /* ************************************************ * Foorer * ************************************************ */ .footer { color: #333; margin:5px 0px 0px 0px; font-size:10px; } /* ************************************************ * コンテンツ共通 * ************************************************ */ .top_title { width: 100%; color: #000099; font-weight: bolder; padding: 20px 0px 5px 0px; border-bottom: 1px #0073D9 dotted; } .top_title_2 { width: 90%; font-size: 15px; font-weight: bolder; } .top_title_3 { width: 90%; font-weight: bolder; margin: 20px 0px 3px 0px; } .top_box { width: 80%; background-color:#cc0000; } .sp { width: 90%; height: 14px } /* ------------------------------------- * 会員専用価格の表示 トップページ用 * ------------------------------------- */ .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; } /* ************************************************ * TOPコンテンツ * ************************************************ */ /* ------------------------------------- * お知らせ・おすすめエリアレイアウト * ------------------------------------- */ .top_items tr { text-align: center; } .top_items td { font-size: 11px; text-align: center; padding-bottom: 10px; } /* ------------------------------------- * トップ・お知らせエリア * 商品検索結果・検索条件エリア * ------------------------------------- */ .info { width:90%; padding:10px; background-color: #F8F8FF; border: 1px dotted #666666; text-align: left; color: #666666; line-height: 170%; } /* ------------------------------------- * おすすめ・売れ筋商品エリア * ------------------------------------- */ .recommend_list { float: left; width: 23%; text-align: center; } .recommend_item { text-align: center; width:135px; margin: 0px 10px 10px 0px; line-height: 170%; } .recommend_item img { width: 75px; margin-bottom: 5px; } .recommend_list a, .recommend_list a:link, .recommend_list a:visited { text-decoration:none; } .recommend_list a:active, .recommend_list a:hover { text-decoration:none; } /* ------------------------------------- * フリースペース * ------------------------------------- */ .free_space { padding:10px; text-align: left; background-color: #FFFFFF; color: #666666; border: 1px dotted #c0c0c0; line-height: 170%; } /* ************************************************ * 商品一覧 レイアウト * ************************************************ */ /* ------------------------------------- * カテゴリー レイアウト(商品一覧) * ------------------------------------- */ .cat_list_01 { float: left; width:140px; border: solid 1px #666666;; text-align: center; padding: 2px; margin: 0px 5px 15px 5px; /* margin: 0px 8px 10px 0px;*/ line-height: 170%; } .cat_list_01 img { width: 75px; margin-bottom: 5px; } .productlist_list a, .productlist_list a:link, .productlist_list a:visited { text-decoration:none; } .productlist_list a:active, .productlist_list a:hover { text-decoration:none; } .cat_list_01 .name { text-align: center; /* font-weight: bolder;*/ background: #E5E5E5; line-height: 120%; } .cat_text_01 { padding: 5px 10px 5px 5px; line-height: 170%; } .cat_list_01 .name a{ text-align: center; background: #E5E5E5; line-height: 120%; } .cat_text_01 .price { color: #FF3399; margin-bottom: 5px; font-size: 9px; } .cat_list_01 .regular_price_top { color:#cc0000; font-size: 12px; font-weight: bolder; margin-bottom: 5px; } .cat_list_01 .regular_price_top img{ width: 24px; height: 20px; margin: 0px; } .cat_list_01 .members_price_top { color:#cc0000; margin-bottom: 5px; } .cat_list_01 .price_top { color:#666666; margin-bottom: 5px; } .productlist_table { border: 1px #E5E5E5 solid; } /* ------------------------------------- * カテゴリー レイアウト(商品検索結果) * ------------------------------------- */ .cat_list_02 { float: left; width: 47%; border: solid 1px; margin: 0px 5px 15px 5px; } .cat_list_02 .name { text-align: center; font-weight: bolder; background: #E5E5E5; } .cat_list_02 img { width: 75px; margin: 5px; } .cat_text_02 { padding: 5px 20px 5px 5px; line-height: 170%; } .cat_text_02 .price { color: #000066; margin-bottom: 5px; } .searchlist_table { border: 1px #E5E5E5 solid; } /* ------------------------------------- * 商品検索結果 会員専用価格の表示 * ------------------------------------- */ .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; } /* ------------------------------------- * サブカテゴリー レイアウト * ------------------------------------- */ .subcat_list { float: left; width: 23%; text-align: center; } .subcat_item { text-align: center; width:135px; margin: 0px 10px 10px 0px; } .subcat_item img { width: 75px; } /* ------------------------------------- * 一覧表示 会員専用価格の表示 * ------------------------------------- */ .regular_price_all { padding:0px; font-size:11px; /* text-decoration:line-through;*/ /* color:#666666;*/ color:#3333cc; } .price_all { padding:0px; } .discount_rate_all { padding:0px 0px 0px 5px; color:#ff0000; } /* ------------------------------------- * 一覧表示 並び順を変更(商品一覧) * ------------------------------------- */ .sort_01 { width: 90%; color: #6699CC; padding-bottom: 10px; } .sort_01 a, .sort_01 a:link, .sort_01 a:visited { color:#0669D1; text-decoration:none; } .sort_01 a:active, .sort_01 a:hover { color:#4B0D89; text-decoration:none; } .bold { font-weight:bold; } /* ------------------------------------- * 一覧表示 並び順を変更(商品検索結果) * ------------------------------------- */ .sort_02 { width: 90%; color: #6699CC; padding-bottom: 10px; } .sort_02 a, .sort_02 a:link, .sort_02 a:visited { color:#0669D1; text-decoration:none; } .sort_02 a:active, .sort_02 a:hover { color:#4B0D89; text-decoration:none; } /* ------------------------------------- * 一覧表示 商品数と表示数 * ------------------------------------- */ .pagenavi { width: 90%; font-size: 10px; margin: 0px; padding: 0px; } /* ------------------------------------- * ぱんくずリスト * ------------------------------------- */ .footstamp { width: 80%; padding: 5px 0px 5px 0px; } .footstamp a, .footstamp a:link, .footstamp a:visited { color:#0669D1; text-decoration:none; } .footstamp a:active, .footstamp a:hover { color:#4B0D89; text-decoration:none; } /* ------------------------------------- * 商品が無い時の表示 * ------------------------------------- */ .nodata { width: 90%; padding-top: 20px; text-align: center; } /* ************************************************ * 商品詳細 レイアウト * ************************************************ */ /* .detail_table { border: 1px #E5E5E5 solid; } */ #detail { width:100%; text-align: center; margin-top: 20px; } #detail .large { margin-bottom: 5px; } #detail .small { width: 100px; margin-bottom: 5px; } #detail .name { text-align: center; font-weight: bolder; background: #E5E5E5; } #detail .expl { padding:10px; margin:10px 20px; text-align:left; border-left: 1px solid #666666; border-right: 1px solid #666666; color: #666666; line-height: 170%; } /* 特定商取引法に基づく表記(返品など)ボタン */ p#sk_link_other { text-align:center; margin-top:10px; } p#sk_link_other a { font-size:12px; } /* ------------------------------------- * 商品詳細 会員専用価格の表示 * ------------------------------------- */ .regular_price_detail { padding:0px; margin:0px; color:#cc0000; font-weight:bold; /* text-decoration:line-through;*/ } .price_detail { padding:0px; color:#ff0000; font-weight:bold; } .discount_rate_detail { padding:0px; margin:0px; color:#cc0000; } /* ------------------------------------- * この商品を買った人はこんな商品も買ってます * ------------------------------------- */ #together { margin: 0px 20px 0px 20px; } #together .tog_main_title { font-weight: bolder; margin-top:30px; padding-bottom:5px; border-bottom: 5px solid #CCC; text-align:left; } #together .together_list { margin:10px 3px 10px 3px; float:left; width: 150px; 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 #CCC; text-align:left; } #trackback .tb_url { font-size: 11px; padding: 5px 10px 5px 10px; text-align:left; } #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; text-align:left; } #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; } /* ************************************************ * 商品オプションページ * ************************************************ */ #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; line-height: 140%; } #Option .option_cell2 { text-align:left; background-color:#FFFFFF; padding: 2px 10px 2px 6px; line-height: 140%; } .product_name { margin:0px 0px 10px 0px; font-weight: bold; font-size: 12px; padding: 5px; background-color: #F8F8FF; border-bottom: 1px #3D9BDD dotted; } .option_btn{ margin-top:10px; } /* ------------------------------------- * オプション用 会員専用価格の表示 * ------------------------------------- */ .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; } .payment_table1 { background-color:#999999; } .payment_cell_1 { color: #333333; background-color:#CCCCCC; text-align:left; line-height : 170% } .payment_cell_2 { background-color:#FFFFFF; text-align: left; line-height : 170% } /* ************************************************ * プライバシーポリシーページ * ************************************************ */ .privacy_info { padding:10px; background-color: #FFFFFF; border: 1px dotted #3c60c5; text-align: left; color: #3c60c5; line-height : 170% } .privacy_table1 { background-color:#999999; } .privacy_cell_1 { color: #333333; background-color:#CCCCCC; text-align: left; line-height : 170% } .privacy_cell_2 { background-color:#FFFFFF; text-align: left; line-height : 170% }