@charset "Shift_JIS"; 


/* --------------------------------
表紙
-------------------------------- */
article#cover h1 { padding:6px 15px 4px 15px; background:url(//img.e87.com/s/common/images/dt_h_03.gif) repeat-x left bottom; background-size:48px 1px; -webkit-background-size:48px 1px; -moz-background-size:48px 1px; color:#b60039; font-weight:bold; }
article#cover .lead { padding:10px 15px 0 15px; }


/* --------------------------------
gen_ナビ
-------------------------------- */
.gen_nav { border-bottom: solid 4px #B00; height: 40px; margin: 5px; padding-bottom:10px; width: 100%; }
.gen_nav ul { height:50px; }
.gen_nav ul li.gen_nav01 { height: 48px; width:14%; font-size:12px !important; padding: 3px; float: left; background: #B00; margin-right: 2px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; box-shadow: 2px 2px rgba(0,0,0,0.1); }
.gen_nav ul li.gen_nav01 a,
.gen_nav ul li.gen_nav01 a:hover,
.gen_nav ul li.gen_nav01 a:link,
.gen_nav ul li.gen_nav01 a:visited{ color:#fff; font-weight:bold; }

.gen_nav ul li.gen_nav00 {font-size: 12px; width:14% !important; height:42px; padding:4px 2px !important; margin: 0 3px; float:left; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border: #ccc 1px solid; }
/* --------------------------------
選ぶ
-------------------------------- */

article.select { margin:25px 0 0 0; }
article.select h2 { padding:2px 0 2px 0; background:#860303; font-weight:bold; }
article.select h2 span { color:#fff; display:block; padding:3px 10px 4px 10px; border-top:#af7dbc 1px solid; border-bottom:#af7dbc 1px solid; }
article.select h2 img { margin:0 5px 0 0; vertical-align:bottom; }
article.select div.content { padding-bottom:0; }



/* 価格帯から選ぶ ---------------- */
article.price div.content { padding:15px 10px 20px 10px; }
article.price div.content ul { border:#ccc 1px solid; border-bottom:none; }
article.price div.content ul:first-child { border-top-left-radius:4px; border-top-right-radius:4px; }
article.price div.content ul:last-child { border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
article.price div.content ul li { border-bottom:#ccc 1px solid; background:url(//img.e87.com/s/common/images/arw_r_03.png) no-repeat 90% 50%; background-size:8px 12px; -webkit-background-size:8px 12px; -moz-background-size:8px 12px; }
article.price div.content ul li:first-child { border-left:none; }
article.price div.content ul li a { display:block; padding:10px; }
article.price div.content ul li a:link,
article.price div.content ul li a:visited,
article.price div.content ul li a:hover,
article.price div.content ul li a:active { color:#000; text-decoration:none; }



/* --------------------------------
商品
-------------------------------- */

section.item { margin:13px 0 0 0; background:#f4ebff url(//img.e87.com/s/selection/xmas/common/img/item_bg_b.gif) repeat-x left bottom; background-size:7px 15px; -webkit-background-size:7px 15px; -moz-background-size:7px 15px; }
section.item img { vertical-align:bottom; }
section.item div.item_bg { padding:33px 15px 38px 14px; background:url(//img.e87.com/s/selection/xmas/common/img/item_bg_t.gif) repeat-x; background-size:7px 13px; -webkit-background-size:7px 13px; -moz-background-size:7px 13px; }
section.item p.img { width:141px; float:left; }
section.item div.detail { padding:0 0 0 11px; width:48%; float:left; }
section.item .name { padding:3px 0 0 0; font-weight:bold; }
section.item .name a {}
section.item .name a:link,
section.item .name a:visited,
section.item .name a:hover,
section.item .name a:active { color:#5e0075; text-shadow:1px 1px #fff; }
section.item div.detail ul.ico { padding:8px 0 0 0; }
section.item div.detail ul.ico li { padding:4px 5px 0 0; width:56px; float:left; font-weight:bold; line-height:1; }
section.item div.detail ul.price { padding:8px 0 0 0; }
section.item div.detail ul.price li {}
section.item div.detail ul.price li.price_01 {}
section.item div.detail ul.price li.price_01 span { font-weight:bold; font-size:15px; }
section.item div.detail ul.price li.price_02 {}
section.item div.detail ul.price li.price_02 span { font-size:14px; }
section.item p.txt { clear:both; padding:15px 0 0 0; }
section.item p.btn { clear:both; margin:15px 0 0 0; color:#fff; font-weight:bold; text-shadow:0 -1px #d32e81; text-align:center; background: -moz-linear-gradient(
top,
#e967c2 0%,
#de42af 50%,
#d20297 50%,
#b1007f); background: -webkit-gradient(
linear, left top, left bottom, 
from(#e967c2),
color-stop(0.50, #de42af),
color-stop(0.50, #d20297),
to(#b1007f)); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #e392d0; -moz-box-shadow:
1px 1px 3px rgba(000,000,000,0.2); -webkit-box-shadow:
1px 1px 3px rgba(000,000,000,0.2); box-shadow:
1px 1px 3px rgba(000,000,000,0.2); }
section.item p.btn a { display:block; padding:14px 8px 14px 8px; }
section.item p.btn a:link,
section.item p.btn a:visited,
section.item p.btn a:hover,
section.item p.btn a:active { color:#fff; text-decoration:none; }

section.item section.other { margin:20px auto 0 auto; border-top:#c39dd2 1px solid; }
section.item section.other h3 { border-top:#fff 1px solid; padding:12px 0 0 1.5em; color:#5e0075; text-indent:-1.5em; text-shadow:1px 1px #fff; font-weight:bold; }
section.item section.other ul { margin:9px 0 0 0; }
section.item section.other ul li { width:48%; float:left; }
section.item section.other ul li:last-child { float:right; }
section.item section.other ul li p.img { text-align:center; width:auto; float:none; }
section.item section.other ul li p.name {}
section.item section.other ul li p.btn { margin:9px 0 0 0; line-height:1.3; }
section.item section.other ul li p.btn a { padding:5px 5px 5px 5px; }



/* --------------------------------
ページトップ
-------------------------------- */

article#body p.pagetop { margin-top:15px; border-top:none; background:#fff; }



/* --------------------------------
特集トップへ戻る
-------------------------------- */

p.btn_back_top { margin:15px 0 0 0; text-align:center; }


.ml5{ margin-left:5px; }
.ml10{ margin-left:10px; }
.ml15{ margin-left:15px; }
.ml20{ margin-left:20px; }

.mr5{ margin-right:5px; }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }

.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }

.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }