@charset "shift-jis";
/*============================
index
==============================
・pageTitle
・main_contents
・共通
・秋の花プレゼント・ギフト
・ハロウィンプレゼント・ギフト
------------------------------*/

/*pageTitle
-----------------------------*/
#index div#title_area {
	background:url(//img.e87.com/selection/autumn/2010images/autumn_main_bg.jpg) no-repeat top left #feded1;
	min-height:200px;
	_height:200px;
    width:950px;
	text-align:center;
	font-size:100%;
	margin-bottom:10px;
	padding:0;
	position:relative;
}

#index div#title_area .title_btn{
	position:absolute;
	top:125px;
	left:701px;
}

#index div#title_area tit{
	margin:0 0 10px 0;
	padding:0;
	clear:both;
	text-align:center;
}

#index .title_area_inner .txt{
	line-height:1.1;
}

#index .title_area_inner h1.txt{
	color:#b70a3f;
	line-height:1.1;
}

#index div#title_area img.kikan {
	margin:5px 0 0 0;
}

#index .title_area_inner{
	width:436px;
	text-align:center;
	margin:0 auto;
}

#index .title_area_inner span{
	color:#b70a3f;
	line-height:1.1;
}

#index .title_area_inner p{
	line-height:1.1;
}

#index div#title_area p .atte{
	font-size:85%;
	margin:5px 0 0 0;
	text-align:left;
}

.title_area_btn{
	position:relative;
	top:125px;
	left:700px;
}

/*main_contents
-----------------------------*/
#main_contents {
	margin:0 auto;
	width:750px;
	text-align:left !important
}
.main_wrap {
	width:750px;
	text-align:left;
}

#main_contents img {
	vertical-align: bottom;
}

#main_contents h2 {
	background:url(//img.e87.com/selection/autumn/2010images/autumn_icon1.gif) top left no-repeat;
	margin:0;
	padding:0;
	padding-left:17px;
	margin-bottom:3px;
	font-size:100%;
	font-weight:bold;
	min-height:16px;
	color:#7c7b7b;
	
}



/*　共通
-----------------------------*/

.pointer{
cursor:pointer;
}

.contents1,
.contents2,
.contents3{
width:750px;
_width:750px;
}

.inner1 dl,.inner2 dl,.inner3 dl,.inner4 dl{
width:320px;
}

.inner1 dt,.inner2 dt,.inner3 dt,.inner4 dt,.inner5 dt,.inner6 dt,.inner7 dt,.inner8 dt,.inner9 dt,.inner10 dt,.inner11 dt{
margin-bottom:6px;
font-size:10px;
color:#9639b5;
}

.inner1 dt a,.inner2 dt a,.inner3 dt a,.inner4 dt a,.inner5 dt a,.inner6 dt a,.inner7 dt a,.inner8 dt a,.inner9 dt a,.inner10 dt a,.inner11 dt a{
color:#9639b5;
font-weight:bold
}

.inner1 dd,.inner2 dd,.inner3 dd,.inner4 dd,.inner5 dd,.inner6 dd,.inner7 dd,.inner8 dd,.inner9 dd,.inner10 dd,.inner11 dd{
font-size:10px;
margin-bottom:6px;
}

/* firefox hack */
#main_contents dt,  x:-moz-any-link  { font-size:12px; }
#main_contents dd,  x:-moz-any-link  { 
	font-size:12px;
}
#main_contents .price,  x:-moz-any-link  { font-size:12px; }
#main_contents .f_box .tit,  x:-moz-any-link { font-size:12px; }

/* ie6 hack */
* html #main_contents dt { /font-size:12px; }
* html #main_contents dd  { font-size:12px; }
* html #main_contents .price  { font-size:11px; }
* html #main_contents .f_box .tit { font-size:12px; }

/* ie7 hack */
*:first-child+html #main_contents dt { /font-size:12px; }
*:first-child+html #main_contents dd  { font-size:12px; }
*:first-child+html #main_contents .price  { font-size:12px; }
*:first-child+html #main_contents .f_box .tit { font-size:12px; }

/* ie8 hack */
#main_contents dt { font-size:12px\9; }
#main_contents dd { font-size:12px\9; }
#main_contents .price  { font-size:12px\9; }
#main_contents .f_box .tit { font-size:12px\9; }



.box_img{
margin-bottom:20px;
margin-left:7px;
}

.icon1 li,.icon2 li{
	float:left;
	padding-right:6px
}


.icon1{
	width:320px;
}

.icon2{
	width:205px;
}

.icon1,
.icon2{
margin:0;
padding:0 0 8px 0;
background:url(//img.e87.com/selection/autumn/2010images/autumn_dotline.gif) repeat-x top;
line-height:0;
font-size:0;
}

.price{
float:left;
color:#696851;
font-size:9px;
}

.details{
float:right;
padding-right:10px;
}

.price span{
font-weight:bold
}

img, div { behavior: url("/selection/autumn/2010js/iepngfix.htc") }

.pagetop{
margin:0
}

/*　秋の花プレゼント・ギフト
-----------------------------*/
.contents1{
	margin-bottom:5px;
	padding-bottom:17px;
	min-height:1443px;
	_height:1443px;
	position:relative;
	background:url(//img.e87.com/selection/autumn/2010images/autumn_bg_pink.gif) repeat-y top left;
}

.contents1 .title_bg1{
	position:absolute;
	top:0;
	left:645px;
}

.contents1 .box_l{
	width:334px;
	_width:368px;
	padding-left:34px;
}

.contents1 .box_r{
	width:334px;
	_width:342px;
	padding-left:12px;
}

.contents1 .box_ls{
	width:210px;
	_width:236px;
	padding-left:28px;
}

.contents1 .box_cs{
	width:210px;
	_width:236px;
	padding-left:23px;
}

.contents1 .box_rs{
	width:210px;
	_width:222px;
	padding-left:8px;
}
.contents1 .box_ls dd,
.contents1 .box_cs dd,
.contents1 .box_rs dd{
width:190px;
}
.contents1 .box_ls .details,
.contents1 .box_cs .details,
.contents1 .box_rs .details{
float:right;
padding-right:0px;
}


.item1{
float:left;
width:371px;
_width:371px;
margin-top:7px;
}

.inner_tit1{
	width:235px;
	height:50px;
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents1_tit1.gif) top left no-repeat;
	text-indent:-9999px;
}

.inner_img1{
	width:300px;
	height:280px;
	margin-left:7px;
	margin-bottom:20px;
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents1_img1.png) top left no-repeat;
	text-indent:-9999px;
}

.item2
{
width:361px;
_width:361px;
float:right;
margin-top:7px;
}

.inner_tit2{
	width:310px;
	height:50px;
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents1_tit2.gif) top left no-repeat;
	text-indent:-9999px;
}

.inner_img2{
	width:300px;
	height:280px;
	margin-bottom:20px;
	margin-left:8px;
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents1_img2.png) top left no-repeat;
	text-indent:-9999px;
}

.item3{
float:left;
width:371px;
_width:371px;
margin-top:18px;
}

.inner_tit3{
	width:245px;
	height:50px;
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents1_tit3.gif) top left no-repeat;
	text-indent:-9999px;
}

.inner_img3{
	width:300px;
	height:280px;
	margin-left:8px;
	margin-bottom:20px;
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents1_img3.png) top left no-repeat;
	text-indent:-9999px;
}

.item4
{
width:361px;
_width:361px;
float:right;
margin-top:18px;
}

.inner_tit4{
	width:283px;
	height:50px;
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents1_tit4.gif) top left no-repeat;
	text-indent:-9999px;
}

.inner_img4{
	width:300px;
	height:280px;
	margin-left:7px;
	margin-bottom:20px;
	margin-left:8px;
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents1_img4.png) top left no-repeat;
	text-indent:-9999px;
}

.item5
{
width:251px;
_width:251px;
float:left;
margin-top:18px;
}

.inner_img5{
	width:190px;
	height:190px;
	margin-bottom:15px;
	margin-left:10px;
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents1_img5.png) top left no-repeat;
	text-indent:-9999px;
}

.item6
{
width:245px;
_width:245px;
float:left;
margin-top:18px;
}

.inner_img6{
	width:190px;
	height:190px;
	margin-bottom:15px;
	margin-left:10px;
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents1_img6.png) top left no-repeat;
	text-indent:-9999px;
}

.item7
{
width:241px;
_width:241px;
float:right;
margin-top:18px;
}

.inner_img7{
	width:190px;
	height:190px;
	margin-bottom:15px;
	margin-left:8px;
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents1_img7.png) top left no-repeat;
	text-indent:-9999px;
}

.contents1 .item1,.item3{
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents1_bg1.gif) top right no-repeat;
	width:371px;
	_height:475px;
	min-height:475px;
}

.contents1 .item2,.item4{
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents1_bg1.gif) top left no-repeat;
	width:371px;
	_height:475px;
	min-height:475px;
}

.contents1 .item5{
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents1_bg2.gif) top right no-repeat;
	width:251px;
	_height:394px;
	min-height:394px;
}

.contents1 .item6{
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents1_bg2.gif) top right no-repeat;
	width:245px;
	_height:394px;
	min-height:394px;
}


.contents1 .item7{
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents1_bg2.gif) top left no-repeat;
	width:241px;
	_height:394px;
	min-height:394px;
}


/*　ハロウィンプレゼント・ギフト
-----------------------------*/
.contents2{
	margin-bottom:5px;
	padding-bottom:17px;
	min-height:522px;
	_height:522px;
	position:relative;
	background:url(//img.e87.com/selection/autumn/2010images/autumn_bg_orange.gif) repeat-y top left;
}

.contents2 .title_bg2{
	position:absolute;
	top:0;
	left:575px;
}

.contents2 .box_l{
	float:left;
	width:334px;
	_width:368px;
	padding-left:30px;
}

.contents2 .box_r{
	float:left;
	width:345px;
	margin-top:8px;
	padding-left:10px;

}
.contents2 .box_l dd,
.contents2 .box_r dd{
width:320px;
}

.contents2 .tit{
	margin-bottom:5px;
}

.inner8 .lead{
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
font-size:12px;
color:#fffbc3;
}

.inner8 .tit{
	color:#9639b5;
	font-weight:bold
}

.inner8 .tit a{
	color:#9639b5;
	font-weight:bold
}

.item8
{
width:736px;
_width:736px;
float:left;
margin-top:8px;
}

.item8 .box_r .icon1{
	margin-left:10px;
}

.inner_tit8{
	width:295px;
	height:95px;
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents2_tit1.gif) top left no-repeat;
	text-indent:-9999px;
	margin-top:8px;
}

.inner_img8{
	width:340px;
	height:260px;
	margin-top:6px;
	margin-bottom:20px;
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents2_img1.png) top left no-repeat;
	text-indent:-9999px;
}

.item9{
float:left;
width:371px;
_width:371px;
margin-top:18px;
}

.inner_tit9{
	width:287px;
	height:50px;
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents2_tit2.gif) top left no-repeat;
	text-indent:-9999px;
}

.inner_img9{
	width:315px;
	height:250px;
	margin-bottom:20px;
	margin-left:3px;
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents2_img2.png) top left no-repeat;
	text-indent:-9999px;
}

.item10{
width:371px;
_width:371px;
float:right;
margin-top:18px;
}

.inner_tit10{
	width:287px;
	height:50px;
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents2_tit3.gif) top left no-repeat;
	text-indent:-9999px;
}

.inner_img10{
	width:315px;
	height:250px;
	margin-left:8px;
	margin-bottom:20px;
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents2_img3.png) top left no-repeat;
	text-indent:-9999px;
}

.contents2 .item8{
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents2_bg1.gif) top right no-repeat;
	width:736px;
	height:285px;
	min-height:285px;
}

.contents2 .item9{
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents2_bg2.gif) top right no-repeat;
	width:371px;
	_height:442px;
	min-height:442px;
}

.contents2 .item10{
	background:url(//img.e87.com/selection/autumn/2010images/autumn_contents2_bg2.gif) top left no-repeat;
	width:371px;
	_height:442px;
	min-height:442px;
}

.contents2 .item10 .box_r{
	float:left;
	width:335px;
	_width:347px;
	margin-top:0px;
	padding-left:10px;

}

.f_box_cont {
	padding:8px 0 0 10px;
}

.f_box {
	float:left;
	width:194px;
	margin:0;
	padding:0;
}

.f_box .tit {
	font-size:10px;
}

.details_btn{
	float:right;
	width:127px;
	margin:0;
	padding:0;
	text-align:right;
}


/*　コラム
-----------------------------*/
.contents3{
	margin-top:15px;
	margin-bottom:5px;
	min-height:400x;
	_height:400px;
	background:url(//img.e87.com/selection/autumn/2010images/autumn_bg_purple.gif) repeat-y top left;
}

.contents3 .clumn_img{
	margin-top:7px;
	margin-left:9px;
	margin-bottom:7px;
}

.contents3 .txt1{
	width:446px;
	padding-top:10px;
	margin-left:275px;

}

.item11{
width:744px;
_width:744px;
}

.contents3 .item11{
	background:url(//img.e87.com/selection/autumn/2010images/autumn_column_bg.png) top right no-repeat;
	width:744px;
	height:360px;
	min-height:345px;
}

.contents3 .h3{
	margin:0;
	padding:0;
}


/*　ランキング
-----------------------------*/
#sidebar_0903new .rankBox dd a{
color:#ca417d !important;
text-decoration:underline
}

#sidebar_0903new .rankTit span{
font-size:10px
}

.rank_tit {
	background:url(//img.e87.com/selection/autumn/2010images/autumn_icon1.gif) top left no-repeat;
	margin:0;
	padding:0;
	padding-left:17px;
	margin-bottom:3px;
	font-size:12px;
font-weight:bold;
	min-height:16px;
	color:#7c7b7b;
}

.rankBox{
padding:3px 0;
_height:100%x;
overflow:hidden;
vertical-align:bottom
}

.pick{
width:186px;
margin-bottom:10px;
border:2px solid #ff9e64;
}

.pick .iner1{
width:184px;
border:1px solid #ffffff;
}

.pick .iner2{
width:180px;
border:2px solid #ff9e64;
background-color:#ff9e64;
}

.pick .iner3{
width:180px;
background-color:#ffffff;
}

.pick_img{
	margin:5px 2px 3px 2px;
}

.pick_img2{
	margin-bottom:5px;
}

.pick dt{
margin-bottom:10px;
padding-bottom:5px;
font-size:100%;
color:#9639b5;
background:url(//img.e87.com/selection/autumn/2010images/autumn_dotline2.gif) bottom left repeat-x;
}

.pick dt span{
margin-left:5px;
}

.pick dt a{
	color:#9639b5;
	font-weight:bold
}

.pick dd{
margin-left:5px;
font-size:100%;
margin-bottom:10px;
}

.pick .price2 span{
margin-left:5px;
font-size:80%;
color:#696851;
}

.rank1{
width:188px;
margin-bottom:10px;
border-bottom:1px solid #b70a3f;
border-left:1px solid #b70a3f;
border-right:1px solid #b70a3f;
font-size:12px
}

.rank1 .rankTit{
background:url(//img.e87.com/selection/autumn/2010images/autumn_rankTit.gif) no-repeat #b70a3b ;
color:#fff;
padding:3px 0;
padding-left:25px;
vertical-align:bottom;
}

.rank1 li{
/vertical-align:bottom;
}

.rank1 .imgBox img{
vertical-align:bottom;
zoom:1
}

.rank1 li.center{
border-top:1px solid #b70a3f;
border-bottom:1px solid #b70a3f;
vertical-align:bottom
}

.rank1 li.last{
vertical-align:bottom;
}

.rank1 .imgBox{
float:left;
padding-left:3px;
width:55px
}

.rank1 .rankBox dl{
float:right;
width:125px;
}


.rank2{
width:188px;
margin-bottom:10px;
border-bottom:1px solid #e16f00;
border-left:1px solid #e16f00;
border-right:1px solid #e16f00;
font-size:12px
}

.rank2 .rankTit{
background:url(//img.e87.com/selection/autumn/2010images/autumn_rankTit.gif) no-repeat #e16f00 ;
color:#fff;
padding:3px 0;
padding-left:20px;
vertical-align:bottom;
}

.rank2 li{
/vertical-align:bottom;
}

.rank2 .imgBox img{
vertical-align:bottom;
zoom:1
}

.rank2 li.center{
border-top:1px solid #e16f00;
border-bottom:1px solid #e16f00;
vertical-align:bottom
}

.rank2 li.last{
vertical-align:bottom;
}

.rank2 .imgBox{
float:left;
padding-left:3px;
width:55px
}

.rank2 .rankBox dl{
float:right;
width:125px;
}


#autmn_copy_3 {

	width:200px;
	margin-bottom:5px;
	font-weight:bold;
	color:#BD5137;
}

#autmn_text_3 {
	width:206px;
	height:50px;
}




.contents {
	text-align:left;
	width:950px;
	margin:0 auto;
}
#index div.pagetop {
	clear:both;
	color:#CA417D;
	font-size:85%;
	margin:0px 2px 5px 0;
	text-align:right;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	line-height:0;
	clear:both;
	visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{
	display:inline-block;
	position:relative;
} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/