/* 
共通指定
------------------------------ */
.contents img{vertical-align:bottom;}
.txtAC{text-align:center;}
.left{float:left;}
.right{float:right;}

.mT04{margin-top:4px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mB10{margin-bottom:10px;}

#contents_0903new h2{
	min-height:24px;
	height: auto !important;
	height: 24px;
	background:url(//img.e87.com/selection/xmas/2011images/xmas_icon01.gif) no-repeat 0 3px;
	padding:3px 0 0 25px;
	font-weight:bold;
	font-size:116%;
}


/* 
 header
------------------------------ */
#wrap_0903new #header_xmas{
	background:url(//img.e87.com/selection/xmas/2011images/gift_main_bg.jpg) no-repeat left top;
	width:950px;
	height:180px;
	min-height:180px;
	margin:0 0 12px 0;
}

#wrap_0903new #header_xmas .txt{
	width:410px;
	_width:410px;
	color:#513d01;
	padding:0 0 0 255px;
	line-height:1.2;
	font-size:86%;
}

#wrap_0903new #header_xmas h1.txt{
	color:#bb2d1e;
	padding-top:3px;
	font-size:86%;
	font-weight:bold;
}

#wrap_0903new #header_xmas .kikan{
	width:385px;
	padding:84px 0 0 265px;
}

#wrap_0903new #header_xmas .kikan img{
	margin-right:12px;
}


/* 
main
------------------------------ */
#main{width:750px; margin-bottom:20px;}
#main .main_l{width:190px; float:left; margin-top:15px;}
#main .main_r{width:550px; float:right; margin-top:15px;}



/* 
ランキング
------------------------------ */
#xmas_rank{width:190px; margin-bottom:10px;}

#xmas_rank a:link{color:#ca417d;}
#xmas_rank a:visited{color:#ca417d;}
#xmas_rank a:hover{color:#ca417d;}
#xmas_rank a:active{color:#ca417d;}

#xmas_rank h2{
	width:160px;
	min-height:32px;
	height: auto !important;
	height: 32px;
	background:url(//img.e87.com/selection/xmas/2011images/xmas_rank_h2.gif) no-repeat top left;
	color:#fff;
	font-weight:bold;
	font-size:85%;
	margin:0;
	padding:10px 0 0 30px;
}

#xmas_rank .wrap{
	width:180px;
	background:url(//img.e87.com/selection/xmas/2011images/xmas_rank_bg.gif) repeat-y;
	border-bottom:1px solid #c23020;
	padding:4px 5px;
}
#xmas_rank .wrap .left{width:55px; float:left;}
#xmas_rank .wrap .right{width:120px; float:right;}



/* 
クリスマス限定フラワー
------------------------------ */
#xmas_limited{width:190px; margin-bottom:10px;}
#xmas_limited h2{
	width:190px;
	min-height:18px;
	height: auto !important;
	height: 18px;
	background:url(//img.e87.com/selection/xmas/2011images/xmas_limited_ttlbg.gif) no-repeat top left;
	color:#e2a615;
	font-size:85%;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding:8px 0 0 0;
	_padding-bottom:6px;
}
#xmas_limited .wrap{
	width:190px;
	background:url(//img.e87.com/selection/xmas/2011images/xmas_limited_bg.gif) no-repeat top left;	
	text-align:center;
	padding-bottom:10px;
}


/* 
価格で選ぶ
------------------------------ */
#xmas_price{width:190px;}

#xmas_price h2{
	width:190px;
	min-height:26px;
	height: auto !important;
	height: 26px;
	background:url(//img.e87.com/selection/xmas/2011images/xmas_rankp_h2.gif) no-repeat top left;
	color:#675103;
	font-weight:bold;
	font-size:85%;
	text-align:center;
	margin:0;
	padding:4px 0 0 0;
}

/* 
スタイルで選ぶ
------------------------------ */
#xmas_style{width:550px; margin-bottom:15px;}

/* 
イチオシコンテンツ
------------------------------ */
#xmas_rmd{
	width:550px;
	height:220px;
	background:url(//img.e87.com/selection/xmas/2011images/xmas_rmd_bg.gif) no-repeat top left;
}
#xmas_rmd .wrap{
	width:534px;
	padding:8px 0 0 9px;
}

/* 
PICK UP
------------------------------ */
.contents .topicArea {
	width:750px;
	margin:0 0 40px 0;
}
.contents .topicArea h2#pickup {
	width:680px;
	min-height:20px;
	height: auto !important;
	height: 20px;
	background:url(//img.e87.com/selection/xmas/2011images/xmas_pu_h2.gif) no-repeat top left;
	color:#601621;
	font-size:100%;
	margin:0;
	padding:7px 0 0 70px;
}
.contents .topicArea .recoBox {
	background:url(//img.e87.com/selection/agedday/2011images/img_tateline_reco.gif) repeat-y left top;
}
.contents .topicArea .recoBox ul {
	padding:0 0 15px 0;
}
.contents .topicArea .recoBox ul li.list01 {
	width:199px;
	_width:233px;
	display:inline;
	float:left;
	padding:0 29px 0 16px;
}
.contents .topicArea .recoBox ul li.list02 {
	width:199px;
	_width:233px;
	display:inline;
	float:left;
	padding:0 29px 0 30px;
}
.contents .topicArea .recoBox ul li.list03 {
	width:199px;
	_width:233px;
	display:inline;
	float:left;
	padding:0 0 0 30px;
}
.contents .topicArea h3.recoTitle {
	_width:200px;
	font-size:85%;
	color:#ca417d;
}
.contents .topicArea h3.recoTitle a {
	color:#ca417d;
}
.contents .topicArea span.h3subReco {
	font-size:85%;
	color:#ca417d;
}
.contents .topicArea .recoBox p.imgIconNew {
	background:#ffffff url(//img.e87.com/images/icon_new02.gif) no-repeat left top;
	margin:5px 0 0 0;
	padding:13px 0 0 0;
}
.contents .topicArea .recoBox p.imgIcon {
	margin:5px 0 0 0;
}
.contents .topicArea .recoBox p.recoText {
	font-size:85%;
	background:#ffffff url(//img.e87.com/images/dotline02.gif) repeat-x left bottom;
	padding:0 0 3px 0;
	_width:200px;
}
.contents .topicArea .priceBox {
	font-size:85%;
	padding:3px 0 3px 0;
	_width:200px;
}
.contents .priceBox p.priceLeft {
	float:left;
}
.contents .priceBox p.priceRight {
	float:right;
}
.contents .priceBox p.priceLeft span {
	font-weight:bold;
}
.contents .priceBox p.priceRight span {
	font-weight:bold;
}
.contents .priceBox p.specialprice {
	clear:both;
	font-weight:bold;
}
.contents .priceBox p.specialprice span{
	font-weight:bold;
	color:#ca417d;
}
.contents .topicArea div.priceBottom {
	width:199px;
	margin:0 0 4px 0;
	padding:0 0 7px 0;
}
.contents .topicArea div.priceBottom p {
	font-size:85%;
	font-weight:bold;
	float:left;

}
.contents .topicArea div.priceBottom .imgBox {
	height:17px;
	text-align:right;
	display:inline;
	float:right;
}

.contents .topicArea div.priceBottom .imgBox a{
	height:17px;
	text-align:right;
	display:inline;
	float:right;
}

.contents .topicArea div.msgBox {
	margin:0 0 2px 6px;
}
.contents .topicArea .msgBtn01 {
	display:inline;
	float:left;
	margin:0 2px 0 0;
}
.contents .topicArea .msgBtn02 {
	float:left;
}
.red_B{
	font-weight:bold;
	color:#cd385b;
}
.red_N{
	color:#cd385b;
}


/* 
クリスマス特集　クリスマスについて調べる
------------------------------ */
#xmas_inv{
	width:750px;
	height: 334px;
	background:url(//img.e87.com/selection/xmas/2011images/xmas_column_bg.jpg) no-repeat top left;
	color:#fff;
}
#xmas_inv p{
	width:490px;
	padding:100px 0 0 240px;
}

/* ----- columnListArea ----- */

#contents_0903new .columnArea {
	margin:15px 0 20px 15px;
}


#contents_0903new .columnArea h2#column {
	width:750px;
	min-height:20px;
	height: auto !important;
	height: 20px;
	background:url(//img.e87.com/selection/xmas/2011images/xmas_column_h2.gif) no-repeat top left;
	color:#601621;
	font-size:100%;
	margin:0;
	padding:7px 0 0 10px;
	margin:0 0 10px -20px;
}


#contents_0903new .boxline {
	background:url(//img.e87.com/selection/xmas/2007images/dot_line_l.gif) no-repeat left top;
}

#contents_0903new .topic_box01 {
	width:235px;
	padding:6px 0;
	margin:0 10px 0 0;
	float:left;
	background:url(//img.e87.com/selection/xmas/2008images/dot_line.gif) no-repeat center bottom;
}

#contents_0903new .topic_box02 {
	width:235px;
	padding:6px 0;
	float:left;
	background:url(//img.e87.com/selection/xmas/2008images/dot_line.gif) no-repeat center bottom;
}

#contents_0903new .textBox {
	float:left;
}

#contents_0903new .textBox a {
	font-size:85%;
	color:#ff0c00;
	font-weight:bold;
	text-decoration:none;
}

#contents_0903new .textBox a:hover {
	text-decoration:underline;
}

#contents_0903new .textBox p {
	width:160px;
	font-size:85%;
	line-height:120%;
	margin:4px 0 0 0;
}

#contents_0903new columnArea.imgBox {
	float:left;
	width:70px;
	margin:0 0 0 5px;
}




/* バイヤーイチオシ！
------------------------------ */
#lnavi_0903new #ichioshi{
	margin-bottom:4px;
}
#lnavi_0903new #ichioshi .inner{
	padding:0 5px 5px 5px;
	background:url(//img.e87.com/selection/xmas/2011images/xmas_ichioshi_bg.gif) no-repeat bottom left;
}
#lnavi_0903new #ichioshi dl{
	margin:8px 5px;
}

#lnavi_0903new #ichioshi dl dt {
	margin-bottom:8px;
}

#lnavi_0903new #ichioshi dl dt a{
	color:#ca417d;
}

#lnavi_0903new #ichioshi dl dd{
	color:#714257;
	padding: 0;
	margin:2px 0;
}

#lnavi_0903new #ichioshi dl dd span{
	font-size:85%;
}




/* other
------------------------------ */
.contents {text-align:left;}
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}
div.pagetop {
	clear:both;
	color:#CA417D;
	font-size:85%;
	margin:13px 2px 20px 0;
	text-align:right;
}