/*
共通
=====================*/
h2{
	background:url(//img.e87.com/use/images/h2_bg.gif) no-repeat left top;
	padding:7px 0 8px 10px;
	color:#601621;
	font-weight:bold;
	text-align:left;
	margin:25px 0 10px 0;
}

h2.m0{
	margin:0;
}

.icon01{
	background:url(//img.e87.com/use/images/img_icon01.gif) no-repeat left top;
	padding:0 0 0 20px;
	margin:0 0 2px 0;
	font-weight:bold;
}

.icon02{
	background:url(//img.e87.com/use/images/img_icon02.gif) no-repeat left top;
	padding:0 0 0 20px;
	font-weight:bold;
	margin:0 0 2px 0;
}

.itemBox .icon03{
	background:url(//img.e87.com/use/images/img_icon03.gif) no-repeat left center;
	padding:0 0 0 17px;
	font-weight:bold;
	font-size:110%
}

.othertopic .icon03{
	background:url(//img.e87.com/use/images/img_icon03.gif) no-repeat left center;
	padding:0 0 0 17px;
	font-weight:bold;
	margin:0 0 10px 20px;
	color:#7c7b7b;
}

.fBold{
	font-weight:bold;
}

#wrap .pagetop {
	width:100%;
	text-align:right;
	padding:5px 0 0 0;
}

#wrap .pagetop p {
	font-size:85%;
	margin:0 5px 0 0;
}

#wrap .allow {
	color:#ca417d;
	font-size:85%;
}

.clear{
	clear:both;
}

/*
titleArea
=====================*/
.titleArea{
	width:948px;
	_width:950px;
	margin-bottom:15px;
}

.titlebg{
	background:url(//img.e87.com/campaign/2009images/renewal_title.jpg) no-repeat left top ;
	min-height:100px;
	_height:100px;
}

.titleArea img{
	margin:11px 0 0 13px;
}

.titleArea h1{
	margin:6px 0 0 13px;
	width:385px;
	color:#908083;
	font-size:85%;
}

.titleArea p{
	margin:1px 0 0 13px;
	width:385px;
	color:#908083;
	font-size:85%;
	line-height:1.2;
}


/*
pagenavi
=====================*/
ul.pagenavi{
	width:950px;
	margin:0 0 15px 0;
	
}

ul.pagenavi li{
	float:left;
	margin:0 0 0 6px;
}

ul.pagenavi li.first{
	margin:0;
}


/*
firstview
=====================*/
.firstview{
	margin:10px 0 25px;
}


/*
firstL
=====================*/
.firstL{
	width:750px;
	float:left;
}

.firstL .icon01{
	font-weight:normal;
	margin:0 0 20px 0;
}

.firstL .birth_ranking{
	width:750px;
	background:#e9f5f4;
	padding-bottom:12px;
}

.firstL .birth_ranking .rank_box01{
	width:200px;
	margin:20px 0 0 20px;
	_margin:20px 0 0 10px;
	float:left;
}

.firstL .birth_ranking .rank_box02{
	width:100px;
	margin:20px 0 0 25px;
	float:left;
}

.firstL .birth_ranking .first{
	_margin:20px 0 0 12px;
}

.firstL .birth_ranking .rank_rArea{
	float:left;
}

.firstL .birth_ranking .border_num{
	border:1px solid #fff;
}

.firstL .birth_ranking .border_photo{
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}

.firstL .birth_ranking .name{
	margin:0 0 7px 0;
}

.firstL .birth_ranking .name a{
	font-size:80%;
	color:#c53a52;
}

.firstL .birth_ranking .kakaku{
	font-size:85%;
	color:#7c7b7b;
}

.firstL .birth_ranking .link_birth{
	background:url(//img.e87.com/use/images/youto_rank_btn.jpg) no-repeat left top;
	clear:both;
	width:483px;
	min-height:47px;
	_height:47px;
	text-align:center;
	margin:30px 0 0 25px;
	position:relative;
}

.firstL .birth_ranking .link_birth p{
	background:url(//img.e87.com/use/images/youto_rank_btn.jpg) no-repeat left top;
	font-weight:bold;
	padding-top:15px;
}

.firstL .birth_ranking .link_birth p span{
	color:#af1e37;
	font-weight:bold;
}

.firstL .birth_ranking .link_birth img{
	position:absolute;
	top:0;
	left:0;
}

/*
firstR
=====================*/
.firstR{
	width:190px;
	float:right;
}

.firstR .bunner{
	background:url(//img.e87.com/use/images/use_bunner_rose.jpg) no-repeat left top;
	min-height:356px;
	_height:356px;
	margin-top:19px;
	_margin-top:22px;
	border:1px solid #e5e5e5;
	position:relative;
}

.firstR .bunner p{
	padding:335px 0 0 10px;
}

.firstR .bunner a.text{
	background:url(//img.e87.com/use/images/icon_arrow01.gif) no-repeat left center;
	padding-left:10px;
}

.firstR .bunner img{
	position:absolute;
	top:0;
	left:0;
}

/*
topicArea
=====================*/
.topicArea{
	width:750px;
	text-align:left;
	margin:0 0 5px 0;
}



/*
othertopic
=====================*/
.othertopic{
	width:748px;
	_width:750px;
	text-align:left;
	border:1px solid #e5e5e5;
	padding:10px 0 10px 0;
	margin-top:17px;
}

.othertopic ul{
	margin-left:20px;
}


.othertopic ul li{
	float:left;
	width:165px;
	_width:182px;
	background:url(//img.e87.com/use/images/icon_arrow01.gif) no-repeat left center;
	padding-left:15px;
	margin-bottom:3px;
}

.othertopic ul li a{
	color:#7c7b7b;
}

.othertopic ul li.fs01{
	font-size:110%;
	_font-size:108%;
}

*:first-child+html .othertopic ul li.fs01{
	font-size:108%;
}

/*

=====================*/
.mB30{
	margin-bottom:30px;
}

.mB25{
	margin-bottom:25px;
}


/*campaign catch

=====================*/

.campaignArea{
	margin:20px 0 20px 5px;
	text-align:center;
}

.catchArea{
	background: url(//img.e87.com/campaign/2009images/renewal_catch_bg.gif) no-repeat left top;
	width:707px;
	text-align:center;
	margin:0 0 20px 20px;
	min-height:264px;
	_height:264px;

}

.catchArea .off {
	float:left;
	margin:30px 0 0 0;
	width:200px;
	text-align:center;
}

.catchArea .catch {
	margin:10px 0 0 0;
	width:430px;
	float:left;
}


/*campaign Rose

=====================*/

.campaignArea{
	margin:20px 0 20px 5px;
	text-align:center;
}

.roseArea{
	background: url(//img.e87.com/campaign/2009images/renewal_catch_bg.gif) no-repeat left top;
	width:707px;
	text-align:center;
	margin:0 0 20px 20px;
	min-height:394px;
	_height:394px;

}

.roseArea .off {
	float:left;
	margin:30px 0 0 0;
	width:200px;
	text-align:center;
}

.roseArea .catch {
	margin:10px 0 0 0;
	width:430px;
	float:left;
}


/*campaign goods

=====================*/

.goodsArea_top{
	background:url(//img.e87.com/campaign/2009images/renewal_goods_upper.jpg) no-repeat left top;
	width:705px;
	margin-left:21px;
	margin-top:20px;
}

.goodsArea{
	background:url(//img.e87.com/campaign/2009images/renewal_goods_bg.jpg) left top;
	width:704px;
	margin-left:20px;
}

.goodsArea .goods{
	width:310px;
	float:left;
	margin: 3px 10px 0 15px;
}

.goodsArea .goodsright{
	width:310px;
	margin: 3px 0 0 10px;
	float:left;
}


.box_r_item{
padding:5px 0 5px 0;
width:310px;
}

.box_r_item{
margin:0;
}

.box_r_item:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
.box_r_item{
display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .box_r_item{
height:1px;
}

.box_r_item{
display:block;
}
/* End hide from IE-mac */

.box_r_item p{
font-size:120%;
text-align:left;
padding:2px;
margin-left:20px;
}

.box_r_item table{
width:280px;
margin:5px 0 5px 30px;
}

.box_r_item td{
text-align:left;
}

.box_r_item td.fs01{
font-size:90%;
}

.box_r_item td.fs01 span{
font-weight:bold;
}

.box_r_item td.fs01 span.Red_N{
font-weight:bold;
font-size:120%;
color:#cd385b;
line-height:140%;
}


.box_r_item img{
vertical-align:bottom;
}

.box_r_item a:link, .box_r_item a:visited, .box_r_item a:active, .box_r_item a:hover{
color:#c53a52;
}

.box_r_item ul.icon{

	width:300px;

	padding:0 0 2px 0;

	margin:5px 0 0 20px;

	list-style:none;
	text-align:center;

}

.box_r_item  ul.icon li{

	width:60px;

	float:left;

	margin:0 0 0 4px;

}

.attention{
font-size:90%;
padding:5px 0 5px 0;
margin-left:5px;
text-align:left;
}


.attention p em{
color:#CC0000;
font-style:normal;
padding-right:2px;
}

img{

border:0;

}