/* ************************************************ * ------------------------------------------------ * 共通設定 * ------------------------------------------------ * ************************************************ */ /* --- Reset Start --- --- 各ブラウザ間の表示を統一する為の記述です --- */ /* default property reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,th,td {margin:0px; padding:0px;} table {border-collapse:collapse; border-spacing:0px;} fieldset,img {border:0px;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0px;} body * {line-height:1.22em; word-break:break-all;} /* line-height:1.22em;について */ /* 各フォントサイズ毎に行間を算出する指定です。 この指定を削除すると、全体の行間は統一される為、 見た目のレイアウトが変更される場合があります。 */ /* --- Reset End --- */ body { background-image:url(https://img02.shop-pro.jp/PA01174/011/etc/base-shop3.png?20140228112855);    background-repeat : no-repeat; background-position : center top;         font-family:"MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; line-height:170%; margin:0px; padding:0px; text-align:center; font-size:12px; color:#333333; } img { vertical-align:bottom; } .bold { font-weight:bold; } .cell_mar { margin:0px 5px 0px 15px; } a:link {color:#0000cc;text-decoration:underline;} a:visited {color:#0000cc;text-decoration:underline;} a:active {color:#0000cc;text-decoration:underline;} a:hover {color:#ee0000;text-decoration:underline;} /* ************************************************ * ヘッダーメニュー * ************************************************ */ #header { margin:20px 0px 15px 0px; } .title { width:950px; height:130px; font-weight:bold; text-align:center; margin-bottom:25px; color:#FFFFFF; font-size:30px; } .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;} #gbn { margin-bottom:15px; } #gbn1 {width:90px;} #gbn2 {width:88px;} #gbn3 {width:89px;} #gbn4 {width:89px;} #gbn5 {width:89px;} #gbn6 {width:88px;} #gbn7 {width:89px;} #gbn8 {width:101px;text-align:right;} #gbn9 {} #gbn9_form { padding-left:20px; } .gbn9_form_select { width:206px; margin-bottom:5px; } .gbn9_form_input { width:140px; margin-right:5px; } .menu_1 { width:950px; height:150px; padding:0px 15px 0px 0px; margin:0px; line-height:0em; text-align:right; font-size:10px; } .menu_1 img{ vertical-align:top; } .menu_1 a {color:#FFFFFF; text-decoration:underline;} .menu_1 a:link {color:#FFFFFF; text-decoration:underline;} .menu_1 a:visited {color:#FFFFFF; text-decoration:underline;} .menu_1 a:active {color:#FFFFFF; text-decoration:underline;} .menu_1 a:hover {color:#FFFFFF; text-decoration:underline;} #linkSpacer{ margin:0px 5px 0px 5px; } /* ************************************************ * 左側メニュー * ************************************************ */ #side_area { padding-right:29px; text-align:left; } table.sidemenu { width:195px; margin-bottom:25px; color:#333333; } .side_title { width:195px; height:33px; margin-bottom:10px; } .side_text { text-align:center; padding:5px 10px; background:#FFFFFF url(https://img.shop-pro.jp/tmpl_img/31/left-navi_bg.gif) 0px 0px repeat-y; line-height:1.2em; } .side_text_members, .side_text_cart { display:block; text-align:center; padding-top:10px; } .side_text ul li{ padding-bottom:10px; } .side_text ul li img{ vertical-align:middle; } .side_cat_bottom { width:195px; height:2px; background:#FFFFFF url(https://img.shop-pro.jp/tmpl_img/31/left-navi_bg03.gif) 0px 0px no-repeat; } .side_bottom { display:block; width:195px; height:2px; background:#FFFFFF url(https://img.shop-pro.jp/tmpl_img/31/left-navi_bg03.gif) 0px 0px no-repeat; } .st_contents { overflow:hidden; width:175px; text-align:left; } .side_text a {color:#0000cc; text-decoration:underline;} .side_text a:link {color:#0000cc; text-decoration:underline;} .side_text a:visited {color:#0000cc; text-decoration:underline;} .side_text a:active {color:#0000cc; text-decoration:underline;} .side_text a:hover {color:#ee0000; text-decoration:underline;} #manager_name { margin:5px 0px; font-weight:bold; text-align:center; } /* ------------------------------------- * 商品カテゴリーエリア背景色 * ------------------------------------- */ .side_cat_bg { margin-bottom:25px; } .side_cat_text { width:195px; background:#FFFFFF; overflow:hidden; } .side_cat_text_group { width:195px; background:#FFFFFF; overflow:hidden; } .side_cat_text .st_contents { border-top:1px #e6e6e6 solid; } .side_cat_text_group .st_contents { border-top:1px #e6e6e6 dotted; } .side_cat_text .st_contents, .side_cat_text_group .st_contents{ padding:10px; background:#FFFFFF url(https://img.shop-pro.jp/tmpl_img/31/left-navi_bg.gif) 0px 0px repeat-y; } .side_cat_text .st_contents a, .side_cat_text_group .st_contents a { background:transparent url(https://img.shop-pro.jp/tmpl_img/31/rs_m_rect.gif) 0px 3px no-repeat; padding-left:15px; } .side_cat_img { padding:10px 0px 0px; } .side_cat_text a,.side_cat_text_group a {color:#0000cc; text-decoration:underline;} .side_cat_text a:link ,.side_cat_text_group a:link {color:#0000cc; text-decoration:underline;} .side_cat_text a:visited,.side_cat_text_group a:visited {color:#0000cc; text-decoration:underline;} .side_cat_text a:active,.side_cat_text_group a:active {color:#0000cc; text-decoration:underline;} .side_cat_text a:hover,.side_cat_text_group a:hover {color:#ee0000; text-decoration:underline;} /* ------------------------------------- * カートの中 - 商品名・価格ボタン色/枠線色 * ------------------------------------- */ .cart_item { width:175px; overflow:hidden; margin:3px 0px 3px 0px; padding:5px; font-size:10px; border-left:3px solid #6699CC; border-right:3px solid #6699CC; } .incart_name { text-align:left; } .subtotal { padding:5px 0; } .stotal { text-align:right; } .total { padding:5px 0; border-top:1px dotted #C3C3C3; text-align:right; margin:0; } .postage { border-top:1px solid #C3C3C3; border-bottom:1px solid #C3C3C3; padding:5px 0; } .postage li { margin:5px 0; color:red; text-align:left; } .viewcart { padding:5px 0; text-align:center; } /* ------------------------------------- * 会員専用ページ * ------------------------------------- */ #btn_members_login, #btn_members_logout, #btn_members_signup{ text-align:center; } #btn_members_signup span, #btn_members_logout span { display:block; font-size:10px; line-height:1.1em; padding:8px 0px 3px; text-align:center; } /* ------------------------------------- * 商品検索 * ------------------------------------- */ .side_form_select { width:175px; margin-bottom:5px; } .side_form_input { width:120px; margin-right:5px; } /* ************************************************ * フッターメニュー * ************************************************ */ #footer #copy{ border-top:1px #e6e6e6 solid; width:950px; text-align:center; padding-top:30px; margin:30px 0px; color:#999999;; } #footer a {color:#0000cc; text-decoration:underline;} #footer a:link {color:#0000cc; text-decoration:underline;} #footer a:visited {color:#0000cc; text-decoration:underline;} #footer a:active {color:#0000cc; text-decoration:underline;} #footer a:hover {color:#ee0000; text-decoration:underline;} /* ************************************************ * コンテンツ共通 * ************************************************ */ .main_title { width:726px; padding-bottom:15px; } /* ------------------------------------- * 会員専用価格の表示 トップページ用 * ------------------------------------- */ .regular_price_top { padding:0px; margin:0px; text-decoration:line-through; color:#999999; } .price_top { padding:0px; margin:0px; font-size:14px; color:#ff0000; } .discount_rate_top { padding:0px; margin:0px; color:#333333; } .common_image img{ margin-bottom:15px; display:block; } /* ------------------------------------- * コンテンツ下部 決済・配送方法指定 * ------------------------------------- */ #shop_info { margin-top:60px; } #shop_info_pay .tit, #shop_info_deli .tit { } #shop_info .cont { padding:15px 20px; } #shop_info_pay {background:transparent url(https://img.shop-pro.jp/tmpl_img/31/shop_info_pay_bg.gif) 0px 0px repeat-y;} #shop_info_deli {background:transparent url(https://img.shop-pro.jp/tmpl_img/31/shop_info_deli_bg.gif) 0px 0px repeat-y;} #right_pay_deli_bg { height:2px; background:transparent url(https://img.shop-pro.jp/tmpl_img/31/right-pay_deli_bg.gif) 0px 0px no-repeat; width:726px; } /* ************************************************ * TOPコンテンツ * ************************************************ */ /* ------------------------------------- * お知らせエリア * 箇条書きでお知らせを掲載する際にご利用ください * ※初期設定では適用されていません * ------------------------------------- */ .info_block { width:726px; margin:0px 0px 30px; border:#e5e5e5 solid 1px; } .info_title { font-weight:bold; margin:0px 0px 10px; padding:15px 15px 0px; } .info_text { padding:0px 15px 15px; color:#333333; } /* ------------------------------------- * フリースペース * ------------------------------------- */ .free_space { text-align:left; color:#333333; } /* ************************************************ * 商品一覧 レイアウト * ************************************************ */ /* ------------------------------------- * 一覧表示 並び順を変更(商品一覧) * ------------------------------------- */ .sort_01 { width:726px; height:28px; color: #333333; background:#e7e7e7; margin-bottom:1px; } .sort_01 a, .sort_01 a:link, .sort_01 a:visited { text-decoration:underline; color:#0000cc; } .sort_01 a:active, .sort_01 a:hover { text-decoration:underline; color:#ee0000; } /* 会員専用価格の表示 商品一覧用 */ .regular_price_all { padding:0px; margin:0px; text-decoration:line-through; color:#999999; } .price_all { padding:0px; margin:0px; font-size:14px; color:#ff0000; } .discount_rate_all { padding:0px; margin:0px; color:#333333; } /* ------------------------------------- * 一覧表示 並び順を変更(商品検索結果) * ------------------------------------- */ .sort_02 { width:726px; height:28px; color:#333333; background:#e7e7e7; margin-bottom:1px; } .sort_02 a, .sort_02 a:link, .sort_02 a:visited { text-decoration:underline; color:#0000cc; } .sort_02 a:active, .sort_02 a:hover { text-decoration:underline; color:#ee0000; } /* 会員専用価格の表示 商品検索結果用 */ .regular_price_search { padding:0px; margin:0px; text-decoration:line-through; color:#999999; } .price_search { padding:0px; margin:0px; font-size:14px; color:#ff0000; } .discount_rate_search { padding:0px; margin:0px; color:#333333; } /* ------------------------------------- * 一覧表示 商品数と表示数 * ------------------------------------- */ .pagenavi { width:726px; height:28px; background:#e7e7e7; margin-bottom:15px; } .pagenavi a { color:#0000cc; text-decoration:underline; } /* ------------------------------------- * 商品一覧表示のレイアウト * ------------------------------------- */ .product_list { float:left; width:181px; text-align:center; margin:0px; } .product_item { text-align:center; padding:0px 0px 50px; } .product_item img { border:1px solid #999999; } .product_item .name { margin:10px 0px 0px; color:#333333; } .product_item .name img{ vertical-align:middle; } .product_item .price { margin:5px 0px 0px; font-weight:bold; } .product_item .expl { color:#333333; line-height:120%; text-align:left; margin:5px 0px; } .product_list a {color:#0000cc; text-decoration:underline;} .product_list a:link {color:#0000cc; text-decoration:underline;} .product_list a:visited {color:#0000cc; text-decoration:underline;} .product_list a:active {color:#0000cc; text-decoration:underline;} .product_list a:hover {color:#ee0000; text-decoration:underline;} /* ------------------------------------- * ぱんくずリスト * ------------------------------------- */ .footstamp { width:726px; color:#333333; margin-bottom:15px; } .footstamp a {color:#0000cc; text-decoration:underline;} .footstamp a:link {color:#0000cc; text-decoration:underline;} .footstamp a:visited {color:#0000cc; text-decoration:underline;} .footstamp a:active {color:#0000cc; text-decoration:underline;} .footstamp a:hover {color:#ee0000; text-decoration:underline;} .txt-f10 { font-size:10px; } .footstamp img { vertical-align:middle; } /* ------------------------------------- * 商品が無い時の表示 * ------------------------------------- */ .nodata { padding-top:20px; text-align:center; } /* ------------------------------------- * 最近チェックした商品 * ------------------------------------- */ .ci_main_title { border-bottom: 5px solid #ABABAB; font-weight: bolder; margin-top: 30px; padding-bottom: 5px; text-align: left; } .checkitem_list { float:left; margin: 15px 0; padding: 0 9px 0 12px; width: 100px; } .checkitem .price { font-weight:bold; } .checkitem .ci_img { width:98px; margin-bottom:3px; border:1px solid #999999; } /* ************************************************ * 商品詳細 レイアウト * ************************************************ */ .detail_cont { width:726px; } .detail_img_block { width:405px; float:left; } .detail_txt_block { width:294px; float:right; text-align:left; } .detail_img_block img { border:1px solid #999999; } .product_name { font-size:18px; font-weight:bold; margin-bottom:10px; } .expl_block { margin-bottom:30px; } .detail_img { margin-bottom:20px; } .detail_other { width:405px; } .detail_other .sub { width:135px; float:left; } .detail_other .sub img { width: 120px; } .detail_txt_block table.table { width:294px; border-left:#e7e7e7 solid 1px; border-top:#e7e7e7 solid 1px; margin-bottom:20px; } .detail_txt_block table.table td.tit, .detail_txt_block table.table td.cont { padding:15px; border-right:#e7e7e7 solid 1px; border-bottom:#e7e7e7 solid 1px; } .detail_txt_block table.table td.tit { width:100px; } .sk_link_other { margin-bottom:20px; } .txt_option { margin-bottom:20px; background:transparent url(https://img.shop-pro.jp/tmpl_img/31/icon_option.gif) 0px 3px no-repeat; padding-left:15px; } .txt_back { margin-bottom:10px; background:transparent url(https://img.shop-pro.jp/tmpl_img/31/icon_back.gif) 0px 0px no-repeat; padding-left:22px; } .txt_tell { margin-bottom:10px; background:transparent url(https://img.shop-pro.jp/tmpl_img/31/icon_tell.gif) 0px 3px no-repeat; padding-left:22px; } .txt_inq { margin-bottom:10px; background:transparent url(https://img.shop-pro.jp/tmpl_img/31/icon_inq.gif) 0px 0px no-repeat; padding-left:22px; } .txt_review { margin-bottom:10px; background:transparent url(https://img.shop-pro.jp/tmpl_img/31/icon_review.gif) 0px 0px no-repeat; padding-left:22px; } .txt_reviewpost { margin-bottom:20px; background:transparent url(https://img.shop-pro.jp/tmpl_img/31/icon_post.gif) 0px 0px no-repeat; padding-left:22px; } /* オプションリンク */ .txt-optionLink { margin-bottom:20px; } .rs_pd_cart_btn { margin-bottom:10px; } .btn_quick { } /* 会員専用価格の表示 商品詳細用 */ .regular_price_detail { padding:0px; margin:0px; text-decoration:line-through; color:#999999; } .price_detail { padding:0px; margin:0px; font-size:14px; color:#ff0000; font-weight:bold; } .discount_rate_detail { padding:0px; margin:0px; color:#333333; } p#sk_link_other { text-align:center; margin-top:10px; } p#sk_link_other a { font-size:12px; } /* ------------------------------------- * この商品を買った人はこんな商品も買ってます * ------------------------------------- */ #together { margin:65px 0px 0px; } #together .tog_main_title { margin:0px 0px 15px; } #together .together_list { margin:0px 3px; float:left; width:175px; } #together .together_list img { border:1px solid #999999; } /* ------------------------------------- * トラックバック * ------------------------------------- */ #trackback { margin:30px 0px 15px; } #trackback .tb_main_title { font-weight:bold; margin:0px 0px 5px; } #trackback .tb_url { padding:6px 8px; border:1px solid #e7e7e7; } #trackback .tb { } #trackback .tb_date { padding:10px 0px; } #trackback .tb_title { padding:0px 0px 10px; } #trackback .tb_body { line-height:150%; padding:10px 0px; border-top:1px dotted #e7e7e7; border-bottom:1px dotted #e7e7e7; } #trackback .tb_state { padding:0px; } /* ************************************************ * 商品オプションページ * ************************************************ */ #Option .main_title { margin:15px auto; padding:5px 0px; background:#e7e7e7; height:auto; width:564px; } #Option .main_title .cont { padding:0px 5px; } #Option .option_table { width:564px; margin-bottom:5px; border-left:1px solid #eaeaea; border-top:1px solid #eaeaea; } #Option .option_cell1 { text-align:left; font-weight:normal; padding:5px 5px 5px 6px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } #Option .option_cell2 { text-align:left; padding:5px; background-color:#FFFFFF; padding:2px 6px 2px 6px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } #Option .option_cell3 { text-align:left; padding:5px; background-color:#FFFFFF; padding:2px 10px 2px 6px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } div#Option table.main_title td{ text-align:left; } /* 会員専用価格の表示 オプション用 */ .regular_price_stock { padding:0px; margin:0px; text-decoration:line-through; color:#333333; } .price_detail_stock { padding:0px; margin:0px; } .discount_rate_stock { padding:0px; margin:0px; color:#333333; } /* ************************************************ * 特定商取引法・お支払い方法・配送設定について * ************************************************ */ .payment_img { width:30px; height:30px; margin:3px; } #ShopKeeper { width:726px; margin-bottom:15px; color:#333333; border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; } #ShopKeeper th { width:200px; overflow:hidden; padding:10px; font-weight:normal; text-align:left; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } #ShopKeeper td { padding:10px; text-align:left; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } #ShopKeeper td table th, #ShopKeeper td table td, #ShopKeeper td table, #ShopKeeper td table { border-right:none; border-top:none; border-left:none; border-bottom:none; } #ShopKeeper th img, #ShopKeeper td img { vertical-align:middle; } /* 検索結果 */ .txt-search { padding:5px 10px; background:#e7e7e7; border-bottom:1px solid #FFFFFF; } .txt-hitNum { margin-bottom:15px; padding:5px 10px; background:#e7e7e7; } .txt-search strong, .txt-hitNum strong { font-weight:bold; } /* ************************************************ * プライバシーポリシー * ************************************************ */ #PrivacyExplain { margin-bottom:15px; color:#333333; } .pe_title { padding-top:15px; color:#333333; border-top:1px solid #eaeaea; } .pe_note { line-height:150%; margin:5px 5px 20px 30px; } /* ************************************************ * float解除 * ************************************************ */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display:inline-block; } /* Hides from IE-mac */ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */