@charset "shift_jis";
/*----------------------------
  CSS Date Document 2009.06
  Last Update 2010.03.25 Date

・お知らせ
・鮮度抜群
・商品カテゴリ
	・タブ
	・帯リンク
	・商品枠
	・リボン
・フラワーギフト
	・バナーリンク、申込み

----------------------------*/

@import "base.css";
@import "common.css";

/*####################　お知らせ　####################*/

#InformationBox {
	border:1px solid #cccccc;
	}
#InformationBox h2 {display:none;}
#InformationBox ul{
	border:7px solid #f4f4f4;
	background:url(../../img/title-info.gif) 0 0 no-repeat #ccc;
	*background-position:7px 7px;
	padding-left:71px;
	}
#InformationBox li{
	background:#f4f4f4 no-repeat 10px 6px;
	padding:5px 10px 5px 47px;
	}
#InformationBox li.none {padding-left:15px;}
#InformationBox li.category01 {background-image:url(../../img/ico-category01.gif);}
#InformationBox li.category02 {background-image:url(../../img/ico-category02.gif);}


/*####################　スライド　####################*/

#TopImg {
	width:763;
	height:131px;
	position:relative;
}
#TopImg ul#TopImages {
	z-index:1;
}
#TopImg ul#TopImages li {
}
#TopImg a.hajimete {
	display:block;
	width:183px;
	height:64px;
	position:absolute;
	top:35px;
	right:18px;
	z-index:2;
}


/*####################　鮮度抜群　####################*/

#ForCustomer {
	position:relative;
	background:url(../../img/link-fot_customer.jpg);
	width:763px;
	height:104px;
	}
#ForCustomer h2,
#ForCustomer p {display:none;}

#ForCustomer p.link {
	display:block;
	position:absolute;
	top:22px;
	right:8px;
	width:183px;
	height:64px;
	}
#ForCustomer p.link a{
	display:block;
	height:64px;
	text-indent:-9999px;
	}


/*####################　商品カテゴリ　####################*/

#RecommendBox {
	position:relative;
	padding-bottom:0;
	}

/*　タブ
-------------------------------------*/
#RecommendBox h2{
	background-image:url(../../img2/title-tab.gif);
	background-repeat:no-repeat;
	width:763px;
	height:39px;
	text-indent:-9999px;
	font-size:0;
	}
	#RecommendBox h3{
		position:absolute;
		top:5px;
		width:121px;
		height:34px;
		}
	#RecommendBox .category01 h3 {left:21px; top:0; height:39px;}
	#RecommendBox .category02 h3 {left:142px;}
	#RecommendBox .category03 h3 {left:263px;}
	#RecommendBox .category04 h3 {left:384px;}
	#RecommendBox .category05 h3 {left:505px;}
	#RecommendBox .category06 h3 {left:626px;}
	
	#RecommendBox h3 a {
		display:block;
		height:34px;
		text-indent:-9999px;
		outline:none;
		}
	
	#RecommendBox  .entry,
	#RecommendBox  .link1,
	#RecommendBox  .link2 {display:none;}

/*　帯リンク
-------------------------------------*/
#RecommendBox  .link1 {
	position:relative;
	background-image:url(../../img2/tab-link1.gif);
	background-repeat:no-repeat;
	height:36px;
	margin-top:4px;
	text-indent:-9999px;
	}
	#RecommendBox  .link1 a{
		position:absolute;
		top:4px;
		right:9px;
		display:block;
		width:130px;
		height:28px;
		}
	#RecommendBox .category01 .link1 {background-position:0 0;}
	#RecommendBox .category02 .link1 {background-position:0 -36px;}
	#RecommendBox .category03 .link1 {background-position:0 -72px;}
	#RecommendBox .category04 .link1 {background-position:0 -108px;}
	#RecommendBox .category05 .link1 {background-position:0 -144px;}
	#RecommendBox .category06 .link1 {background-position:0 -180px;}
	
	#RecommendBox  .link2 {
		position:relative;
		background-image:url(../../img2/tab-link2.gif);
		background-repeat:no-repeat;
		height:32px;
		margin:4px 0 0 1px;
		text-indent:-9999px;
		}
	#RecommendBox  .link2 a{
		position:absolute;
		top:10px;
		right:5px;
		display:block;
		width:130px;
		height:17px;
		}
	#RecommendBox .category01 .link2 {background-position:0 0;}
	#RecommendBox .category02 .link2 {background-position:0 -32px;}
	#RecommendBox .category03 .link2 {background-position:0 -64px;}
	#RecommendBox .category04 .link2 {background-position:0 -96px;}
	#RecommendBox .category05 .link2 {background-position:0 -128px;}
	#RecommendBox .category06 .link2 {background-position:0 -160px;}


/*　商品枠
-------------------------------------*/
#RecommendBox .wrap {
	display:none;
	background:url(../../img/wall-tab.gif) center top repeat-y;
	margin-bottom:20px;
	padding-left:6px;
	}
#RecommendBox .entry {
	position:relative;
	float:left;
	width:210px;
	margin:0 21px 0 20px;
	padding-top:300px;
	}
#RecommendBox .entry p.photo {
	position:absolute;
	top:0;
	left:12px;
	text-align:center;
	background:none;
	padding:0;
	}
#RecommendBox .entry p.photo a{
	display:block;
	padding:2px;
	border:1px solid #ccc;
	font-size:0;
	}


/*　リボン
-------------------------------------*/
#RecommendBox .entry p.ribbon {
	position:absolute;
	top:200px;
	left:110px;
	_left:115px;
	width:85px;
	height:85px;
	background:none;
	margin:0;
	padding:0;
	}

#RecommendBox .entry h4{
	background:url(../../img/arrow-orange.gif) 0 2px no-repeat;
	padding-left:18px;
	font-size:12px;
	}
#RecommendBox .entry h4 a{color:#0a0a6b;}

#RecommendBox .entry p {
	background:url(../img/contents/arrow-red.gif) 0 4px no-repeat;
	padding-left:12px;
	margin:0;
	}


#RecommendBox .entry p.price{
	background:none;
	margin:5px 0 8px;
	padding:3px 10px;
	font-family:verdana;
	background:#fff2e8;
	}
#RecommendBox .entry p.price span{
	font-weight:bold;
	color:#ff6600;
	}
#RecommendBox .entry li{
	position:relative;
	z-index:10;
	background:url(../../img/arrow-red.gif) 0 3px no-repeat;
	padding-left:12px;
	}


/*　タブ切り替え
-------------------------------------*/
#RecommendBox h2{background-position:0 0;}

#RecommendBox .category01 {border:1px solid #d9d9d9; padding-bottom:1px;}
#RecommendBox .category01 h3 {top:0; height:39px;}
#RecommendBox .category01 h3 a {height:39px;}
#RecommendBox .category01 .entry {display:inline;}
#RecommendBox .category01 .wrap {display:block;}
#RecommendBox .category01 .link1,
#RecommendBox .category01 .link2 {display:block;}



/*####################　フラワーギフト　####################*/

#SeasonBox {
	clear:none;
	position:relative;
	background:url(../../img/wall-gift.jpg);
	width:576px;
	height:204px;
	margin-bottom:15px;
	}
#SeasonBox h2 {height:204px;}
#SeasonBox h2 a{
	display:block;
	height:204px;
	text-indent:-9999px;
	}
#SeasonBox p {display:none;}

#PageBottom {
	}



/*　バナーリンク、申し込み
-------------------------------------*/
#Main .linkBox {
	float:right;
	width:170px;
	line-height:1;
	font-size:0;
	}
#Main .linkBox li {margin-bottom:7px;}

#Main .linkBox li.link03 {display:none;}


#Main .linkBox .contact {
	position:relative;
	background:url(../img/extra/wall-order.gif);
	width:170px;
	height:290px;
	margin-top:10px;
}
#Main .linkBox .contact h2,
#Main .linkBox .contact dt,
#Main .linkBox .contact dd {display:none;}

#Main .linkBox .contact dd.linkTime,
#Main .linkBox .contact dd.linkFaq,
#Main .linkBox .contact dd.link {display:block;}
#Main .linkBox .contact dd a{
	position:absolute;
	display:block;
	width:153px;
	height:28px;
	text-indent:-9999px;
}
#Main .linkBox .contact dd.linkTime a{
	top:81px;
	left:9px;
}
#Main .linkBox .contact dd.linkFaq a{
	top:176px;
	left:9px;
}
#Main .linkBox .contact dd.link a{
	top:248px;
	left:9px;
}


#Main .linkBox .mobile {
	position:relative;
	background:url(../img/extra/wall-mobile.gif);
	width:170px;
	height:155px;
	margin-top:10px;
	font-size:12px;
}
#PageIndex #Main .linkBox .mobile {
	background:url(../img/extra/wall-mobile_top.gif);
	margin-bottom:10px;
}
#Main .linkBox .mobile h2,
#Main .linkBox .mobile dt,
#Main .linkBox .mobile dd {display:none;}

#Main .linkBox .mobile dd.link {display:block;}
#Main .linkBox .mobile dd.link a{
	position:absolute;
	top:130px;
	left:35px;
	}








/*　サイド逸品の商品枠
-------------------------------------*/
#IppinBox .ippinWrap {
	display:block;
	width:168px;
	border:1px solid #d9d9d9;
	border-top:none;
	margin-bottom:20px;
	zoom:100%;
	}
#IppinBox .ippinWrap:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#IppinBox .entry {
	position:relative;
	float:left;
	width:137px;
	margin:0 15px;
	_margin:0 7px;
	padding-top:9px;
	}
#IppinBox .entry p.photo {
	text-align:center;
	background:none;
	padding:0;
	}
#IppinBox .entry p.photo a{
	display:block;
	padding:2px;
	border:1px solid #fccbe4;
	font-size:0;
	}
#IppinBox .entry h4{
	background:#fff2bf;
	text-align:center;
	padding:4px 0 3px;
	font-size:11px;
	font-weight:bold;
	color:#e71474;
	}

#IppinBox .entry p {
	padding-left:12px;
	margin:0;
	}

#IppinBox .entry p.read {
	font-size:10px;
	line-height:14px;
	text-align:center;
	}


#IppinBox .entry p.price{
	background:none;
	background:#fff2e8;
	font-size:10px;
	margin:5px 0 8px;
	padding:3px 10px;
	font-family:verdana;
	zoom:100%;
	}
#IppinBox .entry p.price:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#IppinBox .entry p.price span.kakaku{
	display:block;
	float:left;
	width:45px;
	}
#IppinBox .entry p.price span.yen{
	display:block;
	float:left;
	font-weight:bold;
	color:#ff6600;
	width:65px;
	}


#Sub .linkBox {
	width:170px;
	line-height:1;
	font-size:0;
	}
#Sub .linkBox li {margin-bottom:7px;}


#AdviceBox ul li {
	margin:0 !important;
}


#SubLinkBox {
	margin-bottom:10px;
}


#IwaiBox,
#UserBox,
#BannerBox,
#NewsBox {
	overflow:hidden;
	clear:none;
	margin-bottom:15px;
}
#IwaiBox,
#BannerBox {
	width:576px;
}
#UserBox,
#NewsBox {
	width:574px;
}

#IwaiBox ul {
	width:582px;
}
#IwaiBox ul li {
	float:left;
	margin:0 6px 6px 0;
}
#IwaiBox ul li a {
}


#BannerBox ul {
	width:582px;
}
#BannerBox ul li {
	float:left;
	margin:0 6px 6px 0;
}
#BannerBox ul li a {
}


#UserBox {
	border:1px solid #e6e6e6;
	background:#fdf6e8;
}
#UserBox .title {
	background:url(../img/contents/top_user_top.gif) no-repeat left top;
	width:574px;
	height:46px;
	margin-bottom:4px;
	position:relative;
}
#UserBox .title h3 {
	display:none;
}
#UserBox .title a {
	display:block;
	text-indent:-9999px;
	width:54px;
	height:23px;
	position:absolute;
	top:10px;
	right:9px;
}
#UserBox dl {
	background:#ffffff url(../img/contents/top_user_dltop.gif) no-repeat left top;
	width:564px;
	margin:0 5px 4px;
	padding-top:12px;
}
#UserBox dl dt {
	padding:0 18px;
	font-size:14px;
}
#UserBox dl dt a {
	background:#ffffff url(../img/contents/top_user_arrow.gif) no-repeat left 2px;
	padding-left:18px;
}
#UserBox dl dd {
	background:url(../img/contents/top_user_dlbottom.gif) no-repeat left bottom;
	padding:5px 36px 12px;
}
#UserBox dl dd span {
	font-size:10px;
	color:#5c5c5c;
}


#NewsBox {
	border:1px solid #cccccc;
	background:#ffffff;
}
#NewsBox .title {
	background:url(../img/contents/top_news_top.gif) no-repeat left top;
	width:574px;
	height:28px;
	margin-bottom:4px;
	position:relative;
}
#NewsBox .title h3 {
	display:none;
}
#NewsBox .title a {
	position:absolute;
	top:5px;
	right:12px;
}
#NewsBox dl {
	background:#ffffff url(../img/contents/top_news_line.gif) repeat-x left top;
	width:546px;
	margin:0 9px 4px;
	padding:15px 0 10px;
}
#NewsBox dl.first {
	background:none;
}
#NewsBox dl:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#NewsBox dl dt {
	float:left;
	padding:2px 0 0 10px;
	font-size:11px;
	color:#838383;
	width:85px;
}
#NewsBox dl dd {
	float:left;
	padding:0;
	font-size:12px;
}
#NewsBox dl dd a.icon {
	float:right;
	background:url(../../news/img/icon_pdf.gif) no-repeat right center;
	padding:0px 22px 0px 0;
}

/*end*/