/* ************************************************ * ------------------------------------------------ * 共通設定 * ------------------------------------------------ * ************************************************ */ /* --- 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:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} body * {line-height:1.22em;} /* body * {line-height:1.22em;} について */ /* 各フォントサイズ毎に行間を算出する指定です。 この指定を削除すると、全体の行間は統一される為、 見た目のレイアウトが変更される場合があります。 */ /* --- Reset End --- */ body {background: #fff9f0 url(https://img10.shop-pro.jp/PA01052/473/etc/bg.jpg?cmsp_timestamp=20160215124431) repeat; font-family:'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro','Verdana','メイリオ',Meiryo,'MS Pゴシック', sans-serif; font-size: .9em; line-height:170%; background-color:#fff9f0; color: #151515; margin: 0px; padding: 0px; text-align: center; } img { vertical-align:bottom; } .bold { font-weight:bold; } .cell_mar { margin: 0px 5px 0px 15px; } a:link { color:#006b0e; text-decoration:none;} a:visited { color:#6600CC; text-decoration:none;} a:active, a:hover { color: #1A8D0B; text-decoration: none; } a:active img, a:hover img { opacity: 0.8;} .red { color: #900; } /*clearfix*/ .cf:before,.cf:after {content:"";display:block;overflow:hidden;} .cf:after {clear:both;} .cf {zoom:1;} /* ************************************************ * ヘッダーメニュー * ************************************************ */ #header { margin-bottom:10px;width:950px; } .title { float: left; margin: 10px 0 6px; width: 670px; } .htel { float: right; margin: 0px; } #hnavi { clear: left; } #hnavi li { white-space: nowrap; margin-top: 3px; margin-bottom: 3px; padding-right: 0.5em; padding-left: 0.5em; display: inline-block; } #hnavi li+li { border-left: 1px solid #999; } #hnavi a {color: #432A16;text-decoration: none;} #hnavi a:link {color: #432A16;} #hnavi a:visited {color: #432A16;} #hnavi a:active, #hnavi a:hover {color: #7E5E44;} /* ************************************************ * フッターメニュー * ************************************************ */ #footer { width: 950px; font-size:90%; margin-top: 15px; margin-bottom: 15px; } #fnavi1 { text-align:center; margin-bottom: 5px; } ul#fnavi2 { letter-spacing: normal; border-top: 1px solid #999; clear: both; margin: 0px auto 15px; padding-top: 10px; } #fnavi2 li { background: url(https://img10.shop-pro.jp/PA01052/473/etc/arrow_g.png?cmsp_timestamp=20160215124548) no-repeat left center; margin-right: 1.4em; padding-left: 16px; white-space: nowrap; margin-top: 3px; margin-bottom: 3px; display: inline-block; } #fnavi2 li.bearsweb { float: left; width: 180px; background:none; } #copy { text-align: center; clear: both; color: #8b8b8b; } #footer a {color: #432A16;} #footer a:link {color: #432A16;text-decoration: none;} #footer a:visited {color: #432A16;text-decoration: none;} #footer a:active, #footer a:hover {color: #7E5E44;text-decoration: none;} #toTop { height: 61px; width: 90px; right: 0px; bottom: 50px; position: fixed; font-size: 80%; } #toTop a { background: url(https://img10.shop-pro.jp/PA01052/473/etc/totop.png?cmsp_timestamp=20160225130854) no-repeat center top; height: 61px; width: 90px; text-indent: -9998px; display: block; } #toTop a:hover { opacity: 0.8; -ms-filter: "alpha(opacity=80)"; } /* ************************************************ * 左側メニュー * ************************************************ */ #side { font-size: 90%; width: 220px; float: left; margin: 40px 15px 46px 40px; } #side a {color: #272727;} #side a:link {color: #272727;text-decoration: none;} #side a:visited {color: #272727;text-decoration: none;} #side a:active, #side a:hover {color:#7E5E44; text-decoration: none;} .sidemenu { margin: 25px 0; } .side_title, .side_cat_title { height: 1.6; color: #6d2916; font-weight: bold; border-bottom: 2px solid #81bc1b; font-size: 115%; } .side_text { padding:8px 0; } .side_text li{ background: url(https://img10.shop-pro.jp/PA01052/473/etc/maru.gif?cmsp_timestamp=20160215124637) no-repeat left 2px; margin-bottom: 6px; padding-left: 12px; } .side_text li img{ vertical-align:middle; } .side_kakomi { padding: 5px; border: 1px solid #ed5151; margin: 5px 0px; } .side_kakomi p { margin: 0px; } #side input[type=text] { width: 98%; margin-bottom: 5px; } /* ------------------------------------- * 商品カテゴリーエリア背景色 * ------------------------------------- */ .side_cat_bg { margin:25px 0; } .side_cat_text li { border-bottom: 1px #dcdcdc solid; padding: 10px 15px 10px 20px; background: url(https://img10.shop-pro.jp/PA01052/473/etc/arrow_beige.gif?cmsp_timestamp=20160215124730) no-repeat left 10px; line-height: 0px; } .side_cat_text li a { display: block; } /* ------------------------------------- * カートの中 - 商品名・価格ボタン色/枠線色 * ------------------------------------- */ .cart_item { margin: 3px 0px; padding: 3px; font-size: 80%; border-bottom: 1px dotted #CCC; } #side .cart_item a, #side .cart_item a:link, #side .cart_item a:visited { color:#006b0e; text-decoration:none; } #side .cart_item a:active, #side .cart_item a:hover { color: #1A8D0B; } /* ************************************************ * コンテンツ共通 * ************************************************ */ #contents { width: 950px; margin-right: auto; margin-left: auto; border: 1px solid #CCC;background: #FFF; position: relative; border-radius: 8px; -moz-box-shadow: 0px 0px 5px #999999; -webkit-box-shadow: 0px 0px 5px #999999; box-shadow: 0px 0px 5px #999999; } #contents:after { content: ""; clear: both; display: block; } #contents>table { margin-right: auto; margin-left: auto; } #main table th { background: #f0efe2; border: 1px solid #CBCBB6; color: #4D372C; padding: 5px; text-align: center; } #main table td { border: 1px solid #CBCBB6; padding: 5px; } #main { width: 600px; float: right; margin: 40px 50px 46px 0px; } #main p {line-height:1.6;} .main_title { background: #deeba2; color: #6d2916; margin: 15px 0 10px; font-weight: bold; padding: 7px 10px; border-radius: 6px; font-size: 110%; } .main_title img{ vertical-align:middle; } /* ************************************************ * TOPコンテンツ * ************************************************ */ /* ------------------------------------- * お知らせエリア * 箇条書きでお知らせを掲載する際にご利用ください * ※初期設定では適用されていません * ------------------------------------- */ .info_title {width: 600px; height: 30px; background: #F69; color: #6d2916; margin-bottom: 15px; font-weight: bold; } .info_block { width: 596px; padding-right: 3px; max-height: 140px; overflow: auto; margin-bottom: 40px; } .info_block li { line-height: 1.4; padding-top: 5px; padding-bottom: 5px; } .info_block li .date { color: #81442e; font-weight: bold; margin-right: 0.7em; } .info_block li+li { border-top: 1px solid #CCCCCC;} .topbnr li{ margin-bottom: 8px; display: inline-block; } .topbnr li.imgR{ float: right; } .specialbnr{ text-align: center; margin: 30px 0px; } /* ------------------------------------- * フリースペース * ------------------------------------- */ .free_space { margin-bottom: 35px; } /* ************************************************ * 商品一覧 レイアウト * ************************************************ */ .sort { font-size:80%; } .sort a, .sort a:link, .sort a:visited { color:#006b0e; text-decoration:none; } .sort a:active, .sort a:hover { color: #1A8D0B; } .pagenavi { height: 30px; font-size: 80%; border-top: 1px dotted #CCC; margin-top: 5px; margin-bottom: 40px; padding-right: 5px; padding-left: 5px; } #contents .pagenavi td { border: none; } /* ------------------------------------- * 商品一覧表示のレイアウト * ------------------------------------- */ .product_list { float: left; width: 200px; text-align: center; padding: 5px 0px 30px; font-size: 85%; } .product_item { width:180px; margin:0px auto; } .product_item img { padding: 2px; border: 1px #dacdb9 solid; height: auto; width: auto; max-width: 160px; max-height: 160px; } .product_item .name { line-height: 120%; margin:10px 0px 0px; } .product_item .name img{ vertical-align:middle; } .product_item .price { margin:5px 0px 0px; color: #333333; } .product_item .expl { color: #999; font-size:90%; line-height:120%; 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 { font-size: 80%; color: #999; margin-bottom: 15px; } .footstamp a, .footstamp a:link, .footstamp a:visited { color:#006b0e; text-decoration:none; } .footstamp a:active, .footstamp a:hover { color: #1A8D0B; } .txt-f10 { font-size:10px; } .footstamp img { vertical-align:middle; } /* ------------------------------------- * 商品が無い時の表示 * ------------------------------------- */ .nodata { width: 90%; padding-top: 20px; text-align: center; } /* ************************************************ * 商品詳細 レイアウト * ************************************************ */ #detail { } #detail .expl { line-height: 150%; text-align: left; margin: 10px 0 5px; clear: both; padding-top: 20px; } #detail .expl table{ width:100%;} #detail .expl table th { padding-right: 1em; padding-left: 1em; } #detail #photo { float: left; width: 338px; } #detail #main_img { min-height: 258px; margin-bottom: 10px; text-align: center; position: relative; } #detail .main_img { position: absolute; border: 1px #dacdb9 solid;padding: 3px; max-width:330px; max-height: 250px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } #detail .sub { float: left; border: 1px #dacdb9 solid; width: 104px; height: 104px; padding: 2px; text-align: center; vertical-align: middle; background: #f5f1eb; position: relative; } #detail .sub+.sub { margin-left: 4px; } #detail .sub img { width: auto; height: auto; max-width: 104px; max-height: 104px; top: 0;position: absolute; left: 0; right: 0; bottom: 0; margin: auto; } #detail #product { float: right; width: 238px; margin-top: 20px; margin-right: 2px; } #detail .table { width: 100%; text-align:left; margin:0 auto 10px; } #detail .table th { } #detail .table table td { padding: 0px; border-style: none; } /* ------------------------------------- * この商品を買った人はこんな商品も買ってます * ------------------------------------- */ #together { margin: 0px 10px 0px 10px; } #together .tog_main_title { font-weight:bold; margin:30px 0px 5px; color:#6d2916; padding:5px 0px; } #together .together_list { margin:10px 3px 10px 3px; float:left; width: 170px; text-align:center; } #together img { padding: 4px; border: 1px #dacdb9 solid; } /* ------------------------------------- * トラックバック * ------------------------------------- */ #trackback { margin: 0px 10px 20px 10px; } #trackback .tb_main_title { font-weight:bold; margin:30px 0px 5px; color:#6d2916; } #trackback .tb_url { font-size:11px; padding:10px 13px; background:#f9f4eb; color:#6d2916; } #trackback .tb { margin:0px 0px 5px; border:1px solid #dacdb9; } #trackback .tb_date { font-size:80%; padding: 10px 10px 10px 10px; } #trackback .tb_title { padding: 0px 10px 10px 10px; color:#6d2916; } #trackback .tb_body { line-height: 150%; padding: 10px 10px 10px 10px; border-top: 1px dotted #dacdb9; border-bottom: 1px dotted #dacdb9; } #trackback .tb_state { padding: 5px 10px 5px 10px; } /* ************************************************ * 商品オプションページ * ************************************************ */ #Option .option_table { width: 100%; margin-bottom:5px; } #Option .option_cell1 { font-size: 11px; text-align:left; font-weight:normal; padding:5px; padding-left: 6px; } #Option .option_cell2 { font-size:90%; text-align:left; padding:5px; background-color:#FFFFFF; padding: 2px 6px 2px 6px; } #Option .option_cell3 { font-size:80%; text-align:left; padding:5px; background-color:#FFFFFF; padding: 2px 10px 2px 6px; } /* ************************************************ * 特定商取引法・お支払い方法・配送設定について * ************************************************ */ .payment_img { width:30px; height:30px; margin:3px; } .ShopKeeper { width: 100%; margin-bottom: 30px; } .ShopKeeper th { width: 160px; padding: 10px; font-size: 90%; } .ShopKeeper td { padding:10px; text-align:left; } .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: #f8f3e2; border-bottom: #ffffff solid 1px; } .txt-hitNum { margin-bottom:15px; padding:5px 10px; background:#f8f3e2; } .txt-search strong, .txt-hitNum strong { color:#6d2916; font-weight:bold; } /* オプションリンク */ .txt-optionLink { margin-bottom: 15px; padding: 0px 0px 0px 10px; background: url(https://img10.shop-pro.jp/PA01052/473/etc/maru.gif?cmsp_timestamp=20160215125056) no-repeat 0px 2px; line-height: 0px; font-size: 85%; text-align: left; } ul.product-linkList li { margin: 5px 0; padding: 0px 0px 0px 10px; background: url(https://img10.shop-pro.jp/PA01052/473/etc/maru.gif?cmsp_timestamp=20160215125056) no-repeat 0px 2px; line-height: 0px; font-size: 85%; } /* ************************************************ * プライバシーポリシー * ************************************************ */ #PrivacyExplain { margin-bottom: 15px; } .pe_title { padding-top: 15px; } .pe_note { line-height: 150%; margin:5px 5px 20px 30px; }