@charset "Shift_JIS";
/* -------------------------------------------------------------------

	ページ固有CSS
		トップページ
	
------------------------------------------------------------------- */


/* ----------------------------------------
   もの日特集エリア（2011.11.22変更 JS化）
---------------------------------------- */
.vidualArea {
	float: left;
	width: 748px;
	height: 178px;
	margin: -25px 20px 20px 0;
	border: 1px solid #e5bd6d;
}
.vidualArea div#vidualAreaMainImage {
	float: left;
	width: 575px;
	height: 178px;
	overflow: hidden;
}
.vidualArea div#vidualAreaNavi {
	float: right;
	width: 173px;
	height: 178px;
	overflow: hidden;
}
.vidualArea div#vidualAreaNavi ul {
	height: 177px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.vidualArea div#vidualAreaNavi li {
	width: 171px;
	height: 58px;
	overflow: hidden;
	border-top: 1px solid #ccc;
}
.vidualArea div#vidualAreaNavi li.selected {
    background: #fff;
}
.vidualArea div#vidualAreaNavi li img {
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
    opacity: 1;
    vertical-align: bottom;
}
.vidualArea div#vidualAreaNavi li img:hover,
.vidualArea div#vidualAreaNavi li.selected img {
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
    opacity: 0.5;
}


/* =======================================
   右カラムバナー　　
======================================= */
.bunner{
	margin-bottom:10px;
}

.bunner ul li{
	padding-bottom:10px;
}


/* ----------------------------------------
   ログインボックス　　
---------------------------------------- */
.login_box {
	float:left;
	padding:10px 20px;
	margin-bottom:20px;
	width:140px;
	height:160px;
	background:url(../images/top/bg_loginbox_top.png) no-repeat;
	line-height:16px;
	font-size:12px;
}
* html .login_box {
	overflow:hidden;
}

.login_box h2{
	width:140px;
	height:14px;
	font-size:100%;
	margin-bottom:23px;
}

.login_box a img{
	margin-bottom:5px;
}


/* ----------------------------------------
   便利なサービス
---------------------------------------- */
.right_box#useful_box {
border: 1px solid #ebebeb;
padding-bottom:0;
margin-bottom:20px;
}

.right_box#useful_box h2 {
    text-indent:0;
}

.right_box#useful_box ul li h3{
	font-size:110%;
	font-weight:bold;
	color:#FFFFFF;
	background:url(../images/common/bg_usefulbox_p.gif) repeat left top;
	padding:2px 0 2px 17px;
	margin:0;
	border:1px solid #fbafc2;
}

.right_box#useful_box ul li h3 a{
	color:#FFFFFF;
	text-decoration:none;
}

.right_box#useful_box ul li h3 a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.right_box#useful_box ul li {
	margin:4px;
	padding:0 0 2px 2px;
	font-size:92%;
	line-height:1.4em;
	word-wrap: break-word;
	background:url(../images/common/dot_line_gray.png) repeat-x bottom;
}

.right_box#useful_box ul li.end {
	background:none;
	padding:0 0 0 2px;
}

/*テキスト*/

.right_box#useful_box p{
	padding:5px 0 0 60px;
	min-height:54px;
	height: auto !important;  
	height:54px;
}

/*アイコン*/

.right_box#useful_box p.use01 {
	background:url(../images/common/icon_useful01.jpg) no-repeat left 3px;
}

.right_box#useful_box p.use02 {
	background:url(../images/common/icon_useful02.jpg) no-repeat left 3px;
}

.right_box#useful_box p.use03 {
	background:url(../images/common/icon_useful03.jpg) no-repeat left 3px;
}

.right_box#useful_box p.use04 {
	background:url(../images/common/icon_useful04.jpg) no-repeat left 3px;
}

.right_box#useful_box p.use05 {
	background:url(../images/common/icon_useful05.jpg) no-repeat left 3px;
}

.right_box#useful_box p.use06 {
	background:url(../images/common/icon_useful06.jpg) no-repeat left 3px;
}


/* ----------------------------------------
   お知らせボックス
---------------------------------------- */
.right_box#news_box {
border: 1px solid #ebebeb;
margin:0 0 20px 0;
}
.right_box#news_box h2 {
	background:url(../images/common/ttl_box_news.gif) no-repeat;
}

.right_box#news_box ul li {
	margin:4px;
	padding:3px 0 5px 2px;
	font-size:92%;
	line-height:1.4em;
	word-wrap: break-word;
	border-bottom:1px solid #cccccc;
}

.right_box#news_box p {
	padding:5px 0 0 7px;
}
.right_box#news_box p a {
	padding-right:15px;
	background:url(../images/common/arrow_s_pink.png) no-repeat right center;
}



/* =======================================
   センターカラムのアップセル共通
======================================= */
.upsel {
	margin-bottom:20px;
}

.upsel h2 {
	width:530px;
	text-indent:0px;
	font-size:13px;
	overflow:hidden;
	height:32px;
}

.upsel h2 span.btn_link {
 position: relative;
 top: -27px;
 left: 316px;

}


/* ----------------------------------------
   ウェルカムテキスト
---------------------------------------- */

.upsel#welcome_txt {
	background: url(../images/top/bg_welcome_txt01.gif) repeat-x left top;
	border:1px slolid red;
}

.upsel#welcome_txt p{
	background: url(../images/top/bg_welcome_txt02.gif) no-repeat left bottom;
	border:1px slolid red;
	padding:10px 15px;
	font-size:92%;
}

.upsel#welcome_txt p span{
	color:#ff2a5b;
}


/* ----------------------------------------
   現在開催中のキャンペーン
---------------------------------------- */
.upsel#campaign ul li.leftbunner{
float:left;
}

.upsel#campaign ul li.rightbunner{
float:right;
}

.upsel#campaign ul li.txtbunner img{
float:left;
padding-right:10px;
}

.upsel#campaign ul li.txtbunner a{
color: #FF4C88;
font-weight:bold;
text-decoration: underline;
}

.upsel#campaign ul li.txtbunner a:hover{
color: #FF80AA;
text-decoration: none;
}



.upsel#campaign ul{
overflow:hidden;/*float解除*/
_height:1%;/*IE6hack-float解除*/
margin-top:10px;
}


/* ----------------------------------------
   フラワー特集・スペシャルコンテンツ・フラワーギフトをスタイルから選ぶ
---------------------------------------- */
.upsel.spbunner ul li{
float:left;
margin:10px 10px 0 0;
padding:0;
}

.upsel.spbunner ul li.end{
margin:10px 0 0 0;

}
.upsel.spbunner ul{
overflow:hidden;/*float解除*/
}

*html .upsel.spbunner ul{
height:1%;
}


/* ----------------------------------------
   誕生日向け商品アップセル
---------------------------------------- */
.upsel#birthday_upsel div {
	overflow:hidden;/*float解除*/
	_height:1%;/*IE6hack-float解除*/
	margin-top:10px;
}

.upsel#birthday_upsel p.product_img {
	float:left;
	width:118px;
	border:1px solid #EBEBEB;
	margin-right:10px;
}

.upsel#birthday_upsel div.product_detail {
	float:left;
	width:230px;
}

.upsel#birthday_upsel div.product_detail p{
	font-weight:bold;
	width:220px;
}

.upsel#birthday_upsel div.product_detail p span{
	font-weight:normal;
}

.upsel#birthday_upsel div.product_detail p.btn{
margin-top:7px;
}


.upsel#birthday_upsel p.birth_bunner {
	float:left;
}



/* ----------------------------------------
   オリジナル商品アップセル
---------------------------------------- */
.upsel#original_upsel h3{
	background:#f1e7d7 url(../images/top/bg_original_sname.gif) top left no-repeat;
	padding:3px 0 2px 20px;
	text-align:center;
	color:#594f3d;
	margin-bottom:3px;
}

.upsel#original_upsel h3 a{
	color:#594f3d;
	text-decoration:none;
}

.upsel#original_upsel h3 a:hover{
	text-decoration:underline;
}

.upsel#original_upsel ul{
	overflow:hidden;
	margin-top:10px;
}

.upsel#original_upsel ul li{
width:170px;
float:left;
margin-right:10px;
font-weight:bold;
}

.upsel#original_upsel ul li a img{
border:1px solid #EBEBEB
}

.upsel#original_upsel ul li.end{
margin-right:0;	
}

.upsel#original_upsel ul li span{
font-weight:normal;
font-size: 92%;
}


/* ----------------------------------------
   売れ筋ランキング
---------------------------------------- */

.upsel#ranking h3{
margin-bottom:3px;
}

.upsel#ranking ul{
overflow:hidden;
margin-top:10px;
}

.upsel#ranking ul li{
width:170px;
float:left;
margin-right:10px;
font-weight:bold;
}

.upsel#ranking ul li a img{
border:1px solid #EBEBEB
}

.upsel#ranking ul li.end{
margin-right:0;	
}

.upsel#ranking ul li span{
font-weight:normal;
font-size: 92%;
}

.upsel#ranking ul.rank4-6{
clear:left;
margin-top:10px;
}

.upsel#ranking ul.rank4-6 li{
width:170px;
padding:0;
}

.upsel#ranking ul.rank4-6 li p{
margin:4px 0 0 0;
}

.upsel#ranking ul.rank4-6 li p img{
float:left;
margin-right:8px;
font-weight:bold;
}

.upsel#ranking p.ranktxt{
margin-top:10px;
font-size:11px;
text-align:right;
}

/* =======================================
   左カラム
======================================= */

.choice_list ul{
padding:5px 0 20px 0;
}

.choice_list ul li{
background: url("../images/top/seasoncircle.jpg") no-repeat 0 5px ;
font-size: 11px;
font-weight: normal;
line-height: 13px;
padding:5px 0 5px 12px;
text-align: left;
}