/* ************************************************ * ------------------------------------------------ * 共通設定 * ------------------------------------------------ * ************************************************ */ /* --- 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;} /* --- Reset End --- */ body { font-family:'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro','Verdana','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif; font-size: 13px; line-height:170%; background-color:#FFFFFF; color:#333333; 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:#eb5050;text-decoration:none;} a:visited { color:#eb5050;text-decoration:none;} a:active { color:#eb5050;text-decoration:none;} a:hover { color:#ff7a21;text-decoration:none; } /* ************************************************ * レイアウト * ************************************************ */ #wrapper{width:970px;margin:0 auto;} #contents{clear:both;margin-top:10px;overflow: hidden;} #sidebar{float:left;width:220px;text-align:left;} #main{float:right;width:720px;text-align:left;} /* ************************************************ * ヘッダー * ************************************************ */ #header {margin-top:15px;overflow: hidden;} .title {margin-top:15px;float:left;width:260px;} .title p{font-size:10px;} .description{float:left;width:400px;} #header .inner{float:left;width:300px;} #header .inner li{margin-bottom:5px;} /* ************************************************ * ヘッダメニュー * ************************************************ */ #hNavi{clear:both;height:40px;margin:10px 0;background:url(https://img06.shop-pro.jp/PA01176/130/etc/navi-bg.jpg) 0px 0px repeat-x;overflow: hidden;} #hNavi ul{margin-left:50px;} #hNavi li{float:left;} /* ************************************************ * サイドバー * ************************************************ */ #sidebar h3 {margin-bottom:10px;line-height:30px;background:#2a4103;color:#fff;;font-weight:bold;text-align:center;} .sidemenu {color:#333333;margin-bottom: 20px;} #sidebar li{padding-bottom:10px;} #sidebar li img{vertical-align:middle;} .sidemenu.members, .sidemenu.order_info {padding-bottom:10px;border:solid 1px #ccc;} .sidemenu.free_area{padding:6px;border:solid 1px #ccc;} .sidemenu.order_info p{margin:3px 10px;} /* ------------------------------------- * 商品カテゴリｰエリア背景色 * ------------------------------------- */ .side_cat {margin-bottom:25px;} #sidebar .side_cat li {padding:0;line-height:0;} #sidebar .side_cat h3{margin:0;} .side_cat.group li {margin-bottom:10px;} /* ------------------------------------- * カートの中 - 商品名・価格ボタン色/枠線色 * ------------------------------------- */ .cart_item { border-left: 3px solid #dacdb9; border-right: 3px solid #dacdb9; margin: 3px 0px 3px 0px; padding:0 5px; font-size:80%; } .subtotal {padding:5px 0;} .stotal {text-align:right;} .total {padding:5px 0;border-top:1px dotted #C3C3C3;text-align:right;} .postage {border-top:1px solid #C3C3C3;padding-top:5px;} .postage li {margin:5px 0;color:red;text-align:left;} .viewcart {padding:5px 0;text-align:center;} /* ------------------------------------- * 会員専用ページ * ------------------------------------- */ #btn_members_login, #btn_members_logout {text-align:center;} #btn_members_signup {padding:7px 0px 0px;margin:10px 0px 0px;border-top:#dacdb9 dotted 1px;text-align:center;} #btn_members_signup span, #btn_members_logout span {display:block;font-size:10px;line-height:1.1em;padding-bottom:3px;text-align:center;} /* ************************************************ * フッターメニュー * ************************************************ */ #footer {clear:both;width: 100%;margin:30px 0 0 0;padding:20px 0;color: #432A16;font-size:80%;text-align: center;background:#7a9b3c ;} #menu_2 {text-align:center;margin-bottom: 5px;} #copy {text-align:center;color:#333333;} #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 {clear:both;background: #2A4103;color:#fff;margin-bottom:15px;padding:10px 15px;font-size:110%;font-weight:bold;} .main_title.seller{margin-top:20px;} .catch{margin-bottom:20px;} /* ------------------------------------- * 会員専用価格の表示　トップページ用 * ------------------------------------- */ .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コンテンツ * ************************************************ */ .freeArea1{width:100%;margin-bottom:30px;overflow:auto;} .bnArea1{float:right;width:350px;height:190px;margin-bottom:10px;} .bnArea1 li{margin-bottom:10px;} /* お知らせ */ .info{float:left;width:350px;height:180px;margin-bottom:20px;background:#d9dfab;} .info h2{font-weight:bold;margin-left:15px;line-height:30px;} .info .inner{height:120px;margin:0 10px 10px;padding:8px;background:#fff;overflow:auto;} /* レビュー */ .review{clear:both;width:720px;height:375px;background:url(https://img06.shop-pro.jp/PA01176/130/etc/review-bg.gif) 0px 0px no-repeat;overflow: hidden;} .review .inner{height:255px;margin:80px 55px 25px ;padding:8px;background:#fff;overflow:auto;} /* フリースペース */ .free_space {color:#333333;margin-bottom: 20px;} #free1{margin-bottom: 20px;} /* ************************************************ * 商品一覧　レイアウト * ************************************************ */ /* ------------------------------------- * 一覧表示　並び順を変更(商品一覧）(商品検索結果） * ------------------------------------- */ .sort_01 { padding:15px; color: #432A16; font-size:90%; text-align:center; background: url(https://img.shop-pro.jp/tmpl_img/26/sort_bg.gif) ; margin-bottom: 15px; } .sort_01 a, .sort_01 a:link, .sort_01 a:visited {color:#eb5050;text-decoration:none;} .sort_01 a:active, .sort_01 a:hover {color:#ff7a21;text-decoration:none;} /* 会員専用価格の表示 商品一覧用 */ .regular_price_all {padding:0px 0px 2px;font-size:11px;text-decoration:line-through;color:#666666;margin:0px;} .price_all {padding:0px;margin:0px;} .discount_rate_all {padding:2px 0px 0px;color:#ff0000;margin:0px;} /* 会員専用価格の表示 商品検索結果用 */ .regular_price_search {padding:0px 0px 2px;font-size:11px;text-decoration:line-through;color:#666666;margin:0px;} .price_search {padding:0px;margin:0px;} .discount_rate_search {padding:2px 0px 0px;color:#ff0000;margin:0px;} /* ------------------------------------- * 一覧表示　商品数と表示数 * ------------------------------------- */ .pagenavi {clear:both;overflow: hidden;padding:10px 0;margin-bottom:1px;color: #432A16;font-size:90%;text-align:center;background: #eee;} .nextlink{float:left;width:15%;text-align:center;} .prevlink{float:left;display:block;width:15%;text-align:center;} .listnum{float:left;width:70%;text-align:center;} /* ------------------------------------- * 商品一覧表示のレイアウト * ------------------------------------- */ .product_list {float: left;width: 180px;text-align: center;padding:5px 0px 30px;} .product_item {text-align:center;width:175px;margin:0px auto;} .product_item img {padding: 4px;border: 1px #dacdb9 solid;} .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:80%;line-height:120%;text-align: left;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;} /* ------------------------------------- * 最近チェックした商品 * ------------------------------------- */ .checkitem_list {width:120px;padding:0 8px 0 12px;margin:0 0 10px 0;float:left;} .checkitem .ci_img {width:90px;border: 1px solid #DACDB9;padding: 4px;margin-bottom:3px;} /* ------------------------------------- * ぱんくずリスト * ------------------------------------- */ .footstamp {background: #dee8ce ;color: #333333;margin-bottom: 15px;padding:5px;font-size:12px;} .footstamp p{margin:0 0 0 20px;} .footstamp a {color: #eb5050;} .footstamp a:link {color: #eb5050;text-decoration: none;} .footstamp a:visited {color: #eb5050;text-decoration: none;} .footstamp a:active {color: #eb5050;text-decoration: none;} .footstamp a:hover {color: #ff7a21;text-decoration: none;} .txt-f10 {font-size:10px;} .footstamp img { vertical-align:middle;} /* ------------------------------------- * 商品が無い時の表示 * ------------------------------------- */ .nodata {clear:both;width: 90%;padding-top: 20px;text-align: center;margin-bottom:40px;} /* ************************************************ * 商品詳細　レイアウト * ************************************************ */ #detail {color:#333333;} #detail_left{float:left;width:350px;margin:0 0 40px 10px;} #detail_right{float:right;width:350px;margin-bottom:40px;} #detail .expl {line-height:150%;text-align: left;margin: 30px 10px;} #detail .expl .expl_inner{margin:0 15px;} #detail .expl img{margin:10px;} #detail h3 { background: #e8f5d1;font-size: 110%;font-weight: bold;margin-bottom: 15px;padding: 6px 15px;border-left:solid 3px #2A4103;} #detail .main_img {padding: 4px;border:1px #dacdb9 solid;} #detail .subimg {clear:both;overflow: hidden;margin-bottom:30px;} #detail .sub {float: left;width: 188px;text-align: center;} #detail .sub img {width: 160px;padding: 4px;border:1px #dacdb9 solid;} #detail .table {width: 340px;background:transparent url(https://img.shop-pro.jp/tmpl_img/26/detail_table_bg.jpg) left top repeat-y;text-align:left;margin:20px auto 30px;} #detail .table .cell_1 {width: 90px;height: 28px;color: #6d2916;font-weight:bold;border-right: 2px #ffffff solid;border-bottom:2px #ffffff solid;} #detail .table .cell_2 {width: 250px;height: 28px;color: #6d2916;background:#f2ebe0;border-bottom:2px #ffffff solid;} #detail .table .cell_mar {margin: 0px 5px 0px 15px;} #detail .optioninfo{text-align:left;} /* 特定商取引法に基づく表記（返品など）ボタン */ p#sk_link_other {margin-top:10px;} p#sk_link_other a {font-size:12px;} /* 会員専用価格の表示 商品詳細用 */ .regular_price_detail {padding:5px 0px 0px;margin:0px;text-decoration:line-through;} .price_detail {padding:0px;margin:0px;color:#ff0000;font-weight:bold;} .discount_rate_detail {padding:0px 0px 5px;margin:0px;color:#ff0000;} .discount_price_detail{padding:0px;margin:0px;color:#ff8c00;font-size:120%;font-weight:bold;} .discount_price_detail{padding:0px;margin:0px;color:#ff8c00;font-weight:bold;} #detail .discount_price_detail{padding:0px;margin:0px;color:#ff8c00;font-size:120%;font-weight:bold;} /* ------------------------------------- * この商品を買った人はこんな商品も買ってます * ------------------------------------- */ #together {margin: 0px 10px 0px 10px;} #together .tog_main_title {font-weight:bold;margin:30px 0px 5px;color:#6d2916;padding:5px 10px;background:#f9f4eb;} #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: 564px; margin-bottom:5px; border-left: 1px solid #dacdb9; border-top: 1px solid #dacdb9; } #Option .option_cell1 { font-size: 11px; text-align:left; font-weight:normal; padding:5px; border-right: 1px solid #dacdb9; border-bottom: 1px solid #dacdb9; padding-left: 6px; } #Option .option_cell2 { font-size:80%; text-align:left; padding:5px; border-right: 1px solid #dacdb9; border-bottom: 1px solid #dacdb9; background-color:#FFFFFF; padding: 2px 6px 2px 6px; } #Option .option_cell3 { font-size:80%; text-align:left; padding:5px; border-right: 1px solid #dacdb9; border-bottom: 1px solid #dacdb9; background-color:#FFFFFF; padding: 2px 10px 2px 6px; } /* 会員専用価格の表示 オプション用 */ .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;} .ShopKeeper {width:100%;color:#333333;margin-bottom: 15px;border-top: 1px solid #cccccc;border-left: 1px solid #cccccc;} .ShopKeeper th {width: 190px;padding:10px;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;font-weight: normal;text-align:left;} .ShopKeeper td {border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;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:#f6eddf;border-bottom:#ffffff solid 1px;} .txt-hitNum {margin-bottom:15px;padding:5px 10px;background:#f6eddf;} .txt-search strong, .txt-hitNum strong {color:#6d2916;font-weight:bold;} /* オプションリンク */ .txt-optionLink { margin-bottom:15px; font-weight:bold; padding:0 0px 0px 15px; background:transparent url(https://img.shop-pro.jp/tmpl_img/26/icon_side01.gif) no-repeat 0px 5px; line-height:0px; } ul.product-linkList{padding-top:10px; border-top:dashed 1px #ccc;} ul.product-linkList li { margin-bottom:5px; padding:0px 0px 0px 15px; background:transparent url(https://img.shop-pro.jp/tmpl_img/26/icon_side01.gif) no-repeat 0px 5px; line-height:0px; } /* ************************************************ * プライバシーポリシー * ************************************************ */ #PrivacyExplain {color:#333333;margin: 15px;} .pe_title {color: #432A16;border-top: 1px solid #dacdb9;padding-top: 15px;} .pe_note {line-height: 150%;margin:5px 5px 20px 30px;} /* ************************************************ * レシピ * ************************************************ */ .recipe_list {margin: 20px 0px 40px;padding: 10px;border: 3px solid #999;overflow: hidden;} .recipe_list li a {display:block;text-decoration: none;float: left;width:82px ;height:120px;margin: 6px;padding:10px;text-align:center;font-size:11px;} .recipe_list li img{ margin-bottom:5px;} .recipe_list li a:hover {background: #ffc;} .recipe_detail{ margin-bottom:20px;padding:10px 20px 10px 10px; clear:both;border:1px solid #999; overflow:hidden;} .recipe_detail .sample{ float:left; margin-right:20px;} .recipe_detail h3{ font-size:16px; color:#C30; font-weight:bold;} .recipe_detail dl{overflow: hidden;} .recipe_detail dt{ margin:15px 0 10px; padding:0 0 2px 5px;border-bottom:solid 1px #F90;border-left:solid 2px #F90; font-weight:bold;} .recipe_detail dd{padding:0 10px;} .pagetop{ text-align:right;}