@charset "Shift_JIS";



/*
	--------------------------------
	更新日: 2011-07-26
	--------------------------------
*/



@import "global.css";



/* --------------------------------
	body
-------------------------------- */

body { background:#fff; }



/* --------------------------------
	ヘッダ
-------------------------------- */

header#global_header { border-bottom:#dcdcdc 1px solid; padding:0 0 3px 0; width:100%;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fbfbfb 50%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#fbfbfb), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fbfbfb 50%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fbfbfb 50%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fbfbfb 50%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fbfbfb 50%,#ededed 100%); /* W3C */
}
header#global_header img { display:block; }
header#global_header #hdr_si_logo { padding:9px 0 0 6px; width:180px; float:left; }
header#global_header ul#hdr_nav { padding:5px 5px 0 0; width:100px; float:right; }
header#global_header ul#hdr_nav li { padding:0 0 0 3px; width:47px; font-size:0; line-height:1; float:left; }



/* --------------------------------
	パンくず
-------------------------------- */

p#breadcrumbs { padding:11px 10px 0 10px; font-size:12px; line-height:1.5; }
p#breadcrumbs span { color:#e73078; }

/* 2012.08.01 [nyuugami] */
p#breadcrumbs a {
background:transparent url(//img.e87.com/img/usr/images/topicpath_bg.gif) no-repeat scroll right top;
padding:0 10px 0 0;
}


/* --------------------------------
	本文
-------------------------------- */

article#body  { margin:10px auto 0 auto; }

header#body_header { position:relative; width:100%; box-shadow:0 5px 5px -5px rgba(0,0,0,0.5); -webkit-box-shadow:0 5px 5px -5px rgba(0,0,0,0.5); }
header#body_header p#body_header_h { padding:7px 0 6px 0; color:#fff; font-weight:bold; font-size:18px; line-height:1.278; text-align:center;
background: #792c35; /* Old browsers */
background: -moz-linear-gradient(top,  #792c35 0%, #6a1e27 50%, #5a0f18 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#792c35), color-stop(50%,#6a1e27), color-stop(100%,#5a0f18)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #792c35 0%,#6a1e27 50%,#5a0f18 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #792c35 0%,#6a1e27 50%,#5a0f18 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #792c35 0%,#6a1e27 50%,#5a0f18 100%); /* IE10+ */
background: linear-gradient(to bottom,  #792c35 0%,#6a1e27 50%,#5a0f18 100%); /* W3C */
}
header#body_header p#nav_historyback { position:absolute; width:54px; left:10px; top:3px; }



/* --------------------------------
	アコーディオン
-------------------------------- */

section.accordion ul li div.btn { border-top:#b0b0b0 1px solid; border-right:#b0b0b0 1px solid; border-left:#b0b0b0 1px solid; padding:10px 10px 8px 15px; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 1%, #f5f5f5 50%, #eaeaea 98%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(50%,#f5f5f5), color-stop(98%,#eaeaea), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 1%,#f5f5f5 50%,#eaeaea 98%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 1%,#f5f5f5 50%,#eaeaea 98%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 1%,#f5f5f5 50%,#eaeaea 98%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 1%,#f5f5f5 50%,#eaeaea 98%,#ffffff 100%); /* W3C */
}
section.accordion ul li:first-child div.btn { -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
section.accordion ul li:last-child div.btn { border-bottom :1px solid #b0b0b0; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; }
section.accordion ul li div.btn .btn_bg { padding:2px 0 0 0; min-height:21px; background:url(//img.e87.com/s/common/images/accordion_bg_open.png) no-repeat right center; background-size:21px 21px; -webkit-background-size:21px 21px; -moz-background-size:21px 21px; text-shadow:1px 1px 1px #fff; font-size:14px; font-weight:bold; }

section.accordion ul li div.content { border:#b0b0b0 1px solid; border-bottom:none; padding:0 10px 15px 10px; }
section.accordion ul li:last-child div.content { border-bottom:#b0b0b0 1px solid; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; }

/* OPEN */
section.accordion ul li div.btn.open {
background: #b50e57; /* Old browsers */
background: -moz-linear-gradient(top,  #b50e57 1%, #c11360 50%, #cd1868 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#b50e57), color-stop(50%,#c11360), color-stop(100%,#cd1868)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b50e57 1%,#c11360 50%,#cd1868 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b50e57 1%,#c11360 50%,#cd1868 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b50e57 1%,#c11360 50%,#cd1868 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b50e57 1%,#c11360 50%,#cd1868 100%); /* W3C */
}
section.accordion ul li:last-child div.btn.open { border-bottom:none; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; }
section.accordion ul li div.btn.open .btn_bg { background-image:url(//img.e87.com/s/common/images/accordion_bg_close.png); text-shadow:none; color:#fff; }



/* --------------------------------
	フラワーギフトを探す
-------------------------------- */

article#flowergift { margin:21px auto 0 auto; }
article#flowergift h2 { display:block; border-top:#cb949a 1px solid; padding:5px 0 8px 0; color:#fff; font-weight:bold; font-size:14px; text-shadow:-1px -1px #371115; line-height:1.357; text-align:center;
background: #792c35; /* Old browsers */
background: -moz-linear-gradient(top,  #792c35 0%, #6a1e27 50%, #5a0f18 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#792c35), color-stop(50%,#6a1e27), color-stop(100%,#5a0f18)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #792c35 0%,#6a1e27 50%,#5a0f18 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #792c35 0%,#6a1e27 50%,#5a0f18 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #792c35 0%,#6a1e27 50%,#5a0f18 100%); /* IE10+ */
background: linear-gradient(to bottom,  #792c35 0%,#6a1e27 50%,#5a0f18 100%); /* W3C */
}
article#flowergift h2 img { margin:0 3px 0 0; vertical-align:bottom; font-size:0; line-height:1; }


/* アコーディオン ---------------- */
article#flowergift ul li div.btn { border-right:none; border-left:none; padding-left:15px; }
article#flowergift ul li div.btn .btn_bg { padding:2px 0 0 0; min-height:21px; background:url(//img.e87.com/s/common/images/accordion_bg_open.png) no-repeat right center; background-size:21px 21px; -webkit-background-size:21px 21px; -moz-background-size:21px 21px; font-size:14px; line-height:1.357; text-shadow:1px 1px 1px #fff; font-weight:bold; }
article#flowergift ul li div.btn.open .btn_bg { background-image:url(../../common/images/accordion_bg_close.png); text-shadow:none; color:#fff; }
article#flowergift ul li:first-child div.btn { -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; }
article#flowergift ul li:last-child div.btn { -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; }
article#flowergift ul li div.content { position:relative; border-right:none; border-left:none; padding:0; overflow:hidden; }
article#flowergift ul li div.content h4 { position:relative; margin:13px 10px -10px 17px; color:#5a0f18; font-weight:bold; }
article#flowergift ul li div.content ul { margin:13px 10px 15px 10px; }
article#flowergift ul li div.content ul li { padding:10px 0 10px 13px; border-top:#b0b0b0 1px solid; border-left:#b0b0b0 1px solid; border-right:#b0b0b0 1px solid; }
article#flowergift ul li div.content ul li:first-child { -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
article#flowergift ul li div.content ul li:last-child { border-bottom:#b0b0b0 1px solid; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; }
article#flowergift ul li div.content ul li a { display:block; background:url(//img.e87.com/s/common/images/arw_r_01.png) no-repeat 97% 0.3em; background-size:8px 11px; -webkit-background-size:8px 11px; -moz-background-size:8px 21px; }
article#flowergift ul li div.content ul li a:link,
article#flowergift ul li div.content ul li a:visited,
article#flowergift ul li div.content ul li a:hover,
article#flowergift ul li div.content ul li a:active { color:#333; text-decoration:none; }

/* OPEN */
article#flowergift ul li:first-child div.btn.open { border-top:none; }

/* 特集で選ぶ */
article#flowergift ul li.feature {}
article#flowergift ul li.feature div.content { padding:7px 0 15px 0; }
article#flowergift ul li.feature div.content ul { margin:9px auto 0 auto; width:316px; }
article#flowergift ul li.feature div.content ul li { border:none; padding:0 0 0 8px; width:146px; float:left; }
article#flowergift ul li.feature div.content ul li img { display:block; }
article#flowergift ul li.feature div.content ul.txtbnr {}
article#flowergift ul li.feature div.content ul.txtbnr li { vertical-align:middle; }
article#flowergift ul li.feature div.content ul.txtbnr li p { border:#ff97c0 1px solid; color:#e73078; font-weight:bold;  
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fafafa 50%, #f0f0f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#fafafa), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fafafa 50%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fafafa 50%,#f0f0f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fafafa 50%,#f0f0f0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fafafa 50%,#f0f0f0 100%); /* W3C */
}
article#flowergift ul li.feature div.content ul.txtbnr li p span { display:table-cell; padding:0 4px 0 10px; width:132px; height:48px; background:url(//img.e87.com/s/common/images/flowergift_bnr_bg.gif) repeat-y right top; background-size:14px 5px; -webkit-background-size:14px 5px; -moz-background-size:14px 5px; vertical-align:middle; }
article#flowergift ul li.feature div.content ul.txtbnr li p a { display:block; padding:0 20px 0 0; background:url(//img.e87.com/s/common/images/arw_r_02.png) no-repeat right center; background-size:6px 9px; -webkit-background-size:6px 9px; -moz-background-size:6px 9px; }
article#flowergift ul li.feature div.content ul.txtbnr li p a:link,
article#flowergift ul li.feature div.content ul.txtbnr li p a:visited,
article#flowergift ul li.feature div.content ul.txtbnr li p a:hover,
article#flowergift ul li.feature div.content ul.txtbnr li p a:active { color:#e73078; text-decoration:none; }


/* 検索ボックス ---------------- */
article#flowergift div.form { padding:20px 0 0 0; text-align:center; }
article#flowergift div.form p input { vertical-align:top; }
article#flowergift div.form p.txt { display:inline; width:35px; }
article#flowergift div.form p.txt input { margin:1px 0 0 0; height:25px; }
article#flowergift div.form p.img { display:inline; }
article#flowergift div.form .example { padding:14px 33px 0 33px; line-height:1.833; }
article#flowergift div.form .example a:link,
article#flowergift div.form .example a:visited,
article#flowergift div.form .example a:hover,
article#flowergift div.form .example a:active { color:#333; }



/* --------------------------------
	商品一覧
-------------------------------- */

article.itemlist {}


/* リストリンク ---------------- */
article.itemlist section.listlink { padding:7px 0 6px 0; background:#cd1868; box-shadow:0 5px 5px -5px rgba(0,0,0,0.5); -webkit-box-shadow:0 5px 5px -5px rgba(0,0,0,0.5); color:#fff; }
article.itemlist section.listlink p.listcount { padding:0 0 0 10px; float:left; }
article.itemlist section.listlink ul.listsort { padding:0 10px 0 0; float:right; }
article.itemlist section.listlink ul.listsort li { padding:0 0 0 11px; float:left; }
article.itemlist section.listlink ul.listsort li.current { font-weight:bold; }
article.itemlist section.listlink ul.listsort li a:link,
article.itemlist section.listlink ul.listsort li a:visited,
article.itemlist section.listlink ul.listsort li a:hover,
article.itemlist section.listlink ul.listsort li a:active { color:#fff; }


/* ページナビ ---------------- */
article.itemlist nav.pagenav { position:relative; text-align:center; }
article.itemlist nav.pagenav ul { position:relative; margin:0 0 0 -20px; padding:20px 80px 0 80px; }
article.itemlist nav.pagenav ul li { display:inline; padding:0 0 0 20px; }
article.itemlist nav.pagenav ul li.current { font-weight:bold; color:#e73078; }
article.itemlist nav.pagenav ul li.btn { padding:0; position:absolute; width:63px; top:17px; }
article.itemlist nav.pagenav ul li.prev { left:30px; }
article.itemlist nav.pagenav ul li.next { right:10px; }
article.itemlist nav.pagenav ul li img { vertical-align:middle; }
article.itemlist nav.pagenav ul li a:link,
article.itemlist nav.pagenav ul li a:visited,
article.itemlist nav.pagenav ul li a:hover,
article.itemlist nav.pagenav ul li a:active { color:#333; }


/* リスト ---------------- */
article.itemlist section.list { margin:18px 0 0 0; }
article.itemlist section.list ul { border-bottom:#ccc 1px solid; }
article.itemlist section.list ul li { border-top:#ccc 1px solid; padding:15px 0 15px 0; }
article.itemlist section.list ul li p.img { padding:0 0 0 10px; width:100px; float:left; }
article.itemlist section.list ul li p.img img { border-radius:4px; float:left; }
article.itemlist section.list ul li div.detail { padding:0 10px 0 10px; width:58%; float:left; }
article.itemlist section.list ul li div.detail p.name { color:#e73078; }
article.itemlist section.list ul li div.detail p.lead { padding:5px 0 0 0; }
article.itemlist section.list ul li div.detail ul.ico { position:relative; margin:9px 0 0 -5px; border:none; }
article.itemlist section.list ul li div.detail ul.ico li { border:none; padding:0 0 0 5px; float:left; font-size:0; line-height:1; }
article.itemlist section.list ul li div.detail ul.price { margin:6px 0 0 0; border:none; }
article.itemlist section.list ul li div.detail ul.price li { border:none; padding:2px 0 0 0; }
article.itemlist section.list ul li div.detail ul.price li span { font-weight:bold; font-size:16px; }
article.itemlist section.list ul li div.detail ul.price li.price_02 { color:#e73078; }



/* --------------------------------
	タブコンテンツ
-------------------------------- */

section.tabcontent { background:url(//img.e87.com/s/common/images/tabcontent_bg_m.gif); background-size:27px 48px; -webkit-background-size:27px 48px; -moz-background-size:27px 48px; }
section.tabcontent div.tabcontent_bg { background:url(//img.e87.com/s/common/images/tabcontent_bg_b.gif) repeat-x left bottom; background-size:14px 5px; -webkit-background-size:14px 5px; -moz-background-size:14px 5px; }
section.tabcontent div.tabcontent_bg_bg { padding:11px 0 19px 0; background:url(//img.e87.com/s/common/images/tabcontent_bg_t.gif) repeat-x; background-size:14px 4px; -webkit-background-size:14px 4px; -moz-background-size:14px 4px; }
section.tabcontent div.content { padding:0 10px 0 10px; }
section.tabcontent div.content ul.tab { display:table; margin:11px 0 0 0; width:100%; }
section.tabcontent div.content ul.tab li { display:table-cell; padding:6px 2px 4px 2px; width:34%; height:24px; color:#4d3538; font-weight:bold; line-height:1.35; vertical-align:middle; text-align:center; cursor:pointer;
background: -moz-linear-gradient(
	top,
	#ffffff 0%,
	#f8f8f8 50%,
	#e5e5e5 50%,
	#d6d6d6);
background: -webkit-gradient(
	linear, left top, left bottom, 
	from(#ffffff),
	color-stop(0.50, #f8f8f8),
	color-stop(0.50, #e5e5e5),
	to(#d6d6d6));
border-top: 1px solid #bcbcbc;
border-right: 1px solid #bcbcbc;
border-left: 1px solid #bcbcbc;
-moz-box-shadow:
	inset 1px 1px #fff;
-webkit-box-shadow:
	inset 1px 1px #fff;
text-shadow:
	1px 1px #fff;
}
section.tabcontent div.content ul.tab li:first-child { border-right:none; -webkit-border-top-left-radius:5px; }
section.tabcontent div.content ul.tab li:last-child { border-left:none; -webkit-border-top-right-radius:5px; }
section.tabcontent div.content ul.tab li.active { border-left:#cd065f; background:#cd065f; color:#fff; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; text-shadow:none; }
section.tabcontent div.content section.list { margin:0 1px 0 0; border-top:#bc0657 2px solid; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; background:#fff; -webkit-box-shadow:2px 1px 3px 0px rgba(0,0,0,0.1); }
section.tabcontent div.content section.hiddin { display:none; }
section.tabcontent div.content section.list ul {}
section.tabcontent div.content section.list ul li { border-top:#bdbdbd 1px solid; padding:8px 0 8px 0; background:url(//img.e87.com/s/common/images/arw_r_03.png) no-repeat 96.5% 50%; background-size:8px 12px; -webkit-background-size:8px 12px; -moz-background-size:8px 12px; }
section.tabcontent div.content section.list ul li:first-child { border:none; }
section.tabcontent div.content section.list ul li a { display:block; }
section.tabcontent div.content section.list ul li a:link,
section.tabcontent div.content section.list ul li a:visited,
section.tabcontent div.content section.list ul li a:hover,
section.tabcontent div.content section.list ul li a:active { text-decoration:none; }
section.tabcontent div.content section.list ul li p.img { padding:0 0 0 8px; width:71px; float:left; }
section.tabcontent div.content section.list ul li p.img img { border-radius:4px; -webkit-border-radius:4px; vertical-align:bottom; }
section.tabcontent div.content section.list ul li div.detail { padding:0 18px 0 12px; width:58%; float:left; }



/* --------------------------------
	グローバルナビ
-------------------------------- */

nav#global_nav { margin:20px 0 0 0; border-top:#cd1868 2px solid; padding:13px 0 0 0; }
nav#global_nav ul { margin:0 auto 0 auto; width:316px; }
nav#global_nav ul li { padding:0 0 0 8px; width:69px; font-size:0; line-height:1; float:left; }



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

p.pagetop { margin:20px auto 0 auto; border-top:#e79ebe 1px solid; background:#cd1868; text-align:center; }
p.pagetop a { padding:5px 0 5px 0; display:block; }
p.pagetop a img {}



/* --------------------------------
	フッタ
-------------------------------- */

footer { padding:0 0 15px 0; text-align:center; }
footer a:link,
footer a:visited,
footer a:hover,
footer a:active { color:#333; }


/* フッタナビ ---------------- */
footer section#ftr_pnav { padding:0 0 20px 0; background:#f0f0f0; box-shadow:0 5px 5px -5px rgba(0,0,0,0.5) inset; -webkit-box-shadow:0 5px 5px -5px rgba(0,0,0,0.5) inset; }
footer section#ftr_pnav h2 { padding:18px 0 0 0; }
footer section#ftr_pnav p { font-size:12px; line-height:2.272; }

/* フッタグループ ---------------- */
footer section#ftr_group { padding:0 0 10px 0; background:#f0f0f0 url(//img.e87.com/s/common/images/dt_h_02.gif) repeat-x; background-size:48px 1px; -webkit-background-size:48px 1px; -moz-background-size:48px 1px; }
footer section#ftr_group h2 { padding:14px 0 0 0; }
footer section#ftr_group ul { margin:5px auto 0 auto; padding:0 8px 0 0 0; width:303px; }
footer section#ftr_group ul li { padding:0 0 0 8px; width:93px; float:left; }
footer section#ftr_group ul li .bnr { font-size:0; line-height:1; }
footer section#ftr_group ul li .bnr img { display:block; }
footer section#ftr_group ul li .txt { padding:5px 0 0 0; font-size:10px; line-height:1.45; }


/* PC版に切り替え ---------------- */
footer .nav_changepc { padding:15px 0 0 0; height:36px; background:#fff; }


/* コピーライト ---------------- */
footer .copyright { padding:12px 0 0 0; background:#fff; color:#4c4c4c; font-size:9px; line-height:1.556; }