/* ************************************************ * ------------------------------------------------ * 共通設定 * ------------------------------------------------ * ************************************************ */ body { font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅"; font-size: 10px; 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: #cc9999;text-decoration: none} a:visited { color: #cc9999;text-decoration: none} a:active { color: #cc9999;text-decoration: none} a:hover { color: #999999;text-decoration: none} /* ************************************************ * ヘッダーメニュー * ************************************************ */ #header { color: #cc9999; margin-top: 15px; margin-bottom: 15px; } .title { width: 800px; height: 50px; color: #FFFFFF; font-size: 22px; font-weight: bold; text-align: center; background: url(https://img.shop-pro.jp/tmpl_img/11/sp.gif) no-repeat; margin-bottom: 10px; } .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: #660000; font-size: 11px; text-align: right; background: url(https://img09.shop-pro.jp/PA01039/254/etc/menu_1_bg.jpg) no-repeat; padding-left: 0px ; padding-right:5px; } .menu_1 a {color: #cc9999;} .menu_1 a:link {color: #cc9999;text-decoration: none;} .menu_1 a:visited {color: #cc9999;text-decoration: none;} .menu_1 a:active {color: #cc9999;text-decoration: none;} .menu_1 a:hover {color: #cc9999;text-decoration: none;} /* ************************************************ * 左側メニュー * ************************************************ */ .sidemenu { width:190px; color:#666; margin-bottom: 15px; } .side_title { height: 28px; background-color:#FFFFFF; color: #FFF; padding-left:0px; } .side_text { border-left: 1px #CCC solid; border-right:1px #CCC solid; background-color:; padding:12px; } .side_bottom { height: 2px; background-color:; background: url(https://img.shop-pro.jp/tmpl_img/11/side_bottom_bg.gif) no-repeat; } /* ------------------------------------- * 商品カテゴリーエリア背景色 * ------------------------------------- */ .side_cat_bg { width:216px; background-color:#FFFFFF; margin-bottom: 20px; } .side_cat_title { height: 55px; background-color:#FFFFFF; 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-color:#F8F0F2; } .side_cat_text a {color: #660000;} .side_cat_text a:link {color: #660000;text-decoration: none;} .side_cat_text a:visited {color: #660000;text-decoration: none;} .side_cat_text a:active {color: #660000;text-decoration: none;} .side_cat_text a:hover {color: #CC9999;text-decoration: none;} /* ------------------------------------- * カートの中 - 商品名・価格ボタン色/枠線色 * ------------------------------------- */ .cart_item { border-left: 3px solid #cc9999; border-right: 3px solid #cc9999; margin: 3px 0px 3px 0px; padding-left:5px; font-size:10px; } /* ************************************************ * フッターメニュー * ************************************************ */ #footer { width: 800px; height: 79px; color: #432A16; font-size: 10px; text-align: center; background-color:#F8F0F2; margin-top: 30px; margin-bottom: 15px; } #menu_2 { text-align:center; margin-bottom: 5px; } #copy { text-align:center; color:#999999; } #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-color:#F8F0F2; color: #CC9999; margin-bottom: 15px; } /* ************************************************ * TOPコンテンツ * ************************************************ */ /* ------------------------------------- * お知らせエリア * 箇条書きでお知らせを掲載する際にご利用ください * ※初期設定では適用されていません * ------------------------------------- */ .info_bg { http://img.shop-pro.jp/tmpl_img/11/info_bg.jpg; margin-bottom: 15px; } .info_title { height: 28px; background: fff; } .info_text { color:#666; background: #FFF; border-top:#B4BEB4 1px solid; border-left:#B4BEB4 1px solid; padding: 10px; } .info_top { height:2px; background-position: top; } .info_text_bottom { height: 2px; } .info_bottom { height:7px; background-position: bottom; } /* ------------------------------------- * フリースペース * ------------------------------------- */ .free_space { color:#666; margin-bottom: 15px; } /* ************************************************ * 商品一覧 レイアウト * ************************************************ */ /* ------------------------------------- * 一覧表示 並び順を変更(商品一覧) * ------------------------------------- */ .sort_01 { width: 564px; height: 28px; color: #660000; font-size: 11px; background-color:#F8F0F2; margin-bottom: 1px; } .sort_01 a, .sort_01 a:link, .sort_01 a:visited { color:#660000; text-decoration:none; } .sort_01 a:active, .sort_01 a:hover { color:#CC9999; text-decoration:none; } /* ------------------------------------- * 一覧表示 並び順を変更(商品検索結果) * ------------------------------------- */ .sort_02 { width: 564px; height: 28px; color: #432A16; font-size: 11px; background-color:#F8F0F2; 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: 11px; background-color:#F8F0F2; 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: 128%; margin:5px 0px 0px 0px ; } .product_item .price { color: #663333; } .product_item .expl { color: #999; font-size: 10px; line-height:120%; text-align: center; 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-color:#F8F0F2; color: #999999; margin-bottom: 15px; } .footstamp a {color: #660000;} .footstamp a:link {color: #660000;text-decoration: none;} .footstamp a:visited {color: #660000;text-decoration: none;} .footstamp a:active {color: #660000;text-decoration: none;} .footstamp a:hover {color: #cc9999;text-decoration: none;} /* ------------------------------------- * 商品が無い時の表示 * ------------------------------------- */ .nodata { width: 90%; padding-top: 20px; text-align: center; } /* ************************************************ * 商品詳細 レイアウト * ************************************************ */ #detail { text-align:center; color:#666; } #detail .expl { line-height:150%; text-align: left; font-size: 11px; 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: 200px; 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-color:#F8F0F2; text-align:left; margin-top: 20px; margin-bottom: 15px; } #detail .table .cell_1 { width: 105px; height: 28px; color: #cc9999; border-right: 1px #FFF solid; border-bottom:1px #FFF solid; } #detail .table .cell_2 { width: 270px; height: 28px; color: #999; 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 #CC9999; } #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 #CC9999; } #trackback .tb_url { font-size: 10px; padding: 5px 10px 5px 10px; } #trackback .tb { margin: 10px 0px 10px 0px; border-top: 1px solid #CC9999; border-left: 1px solid #CC9999; border-right: 1px solid #CC9999; border-bottom: 1px solid #CC9999; } #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 #CC9999; border-bottom: 1px dotted #CC9999; } #trackback .tb_state { padding: 5px 10px 5px 10px; } /* ************************************************ * 商品オプションページ * ************************************************ */ #Option .option_table { width: 564px; margin-bottom:15px; } #Option .option_cell1 { font-size: 10px; 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; } /* ************************************************ * 特定商取引法・お支払い方法・配送設定について * ************************************************ */ .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; }