.contents img{
	vertical-align:bottom;
}

.contents h2{
	background:transparent url(//img.e87.com/selection/white/2010images/white_icon_01.gif) no-repeat scroll left top;
	font-size:100%;
	margin:20px 0 2px 0;
	padding:0 0 3px 25px;
	color:#7c7b7b;
	font-weight:normal;
}

.contents h2 span{
	font-weight:bold;
	color:#7c7b7b;
}

.contents  .colL h2 span{
	font-size:80%;
	font-weight:normal;
}

.contents h2.h2_ttl {
	background:url(//img.e87.com/selection/white/2010images/index_ttl_bg.gif) no-repeat top center;
	padding:3px 0 0 10px;
	margin-bottom:10px;
	font-weight:bold;
	height:27px;
	line-height:1.9em;
	color:#1b7099;
}


h2.mT0{margin-top:0;}
h2.mT5{margin-top:5px;}
.left{float:left;}
.txtAC{text-align:center;}



/* 
 header
------------------------------ */
#wrap_0903new #header_white{
	width:950px;
	min-height:200px;
	_height:200px;
	background:transparent url(//img.e87.com/selection/white/2010images/index_main_bg.jpg) no-repeat left top;
	margin:0 0 10px 0;
	padding-bottom:10px;
}

#wrap_0903new #header_white p.tit{
	padding:16px 0 0 281px;
}

#wrap_0903new #header_white .txt{
	width:385px;
	color:#606478;
	margin:0 0 0 275px;
	text-align:center;
}

#wrap_0903new #header_white h1.txt{
	color:#459ad1;
	padding-top:10px;
	font-size:80%;
}

#wrap_0903new #header_white .kikan{
	padding:15px 0 0 281px;
}

#wrap_0903new #header_white .kikan img{
	margin-right:10px;
	vertical-align:top;
}

/*　navi
-----------------------------*/
.navi{
	margin-bottom:20px;
}
.navi li{
	float:left;
}

/*　ranking
-----------------------------*/
.ranking02{
width:750px;
margin:0 0 10px 0;
}
.ranking02 .tit p{
color:#fff;
padding:2px 0 0 20px;
}
.ranking02 .tit span{
font-weight:bold;
}
.ranking02 .rankArea{
width:750px;
background:url(//img.e87.com/selection/white/2010images/bg_rankborder.gif) repeat-y left top;
border-bottom:1px solid #70b9f1;
}
.ranking02 .rankArea .rankBlock{
width:145px;
_width:150px;
padding:5px 0 5px 5px;
_padding:4px 0 3px 2px;
float:left;
}
.ranking02 .rankArea .rankBlock .text{
width:80px;
float:left;
margin:0 0 0 5px;
_margin:0 0 0 2px;
}
.ranking02 .rankArea .rankBlock p{
width:80px;
line-height:1.2;
margin:3px 0 0 0;
_margin:1px 0 0 0;
}
.ranking02 .rankArea .rankBlock p a{
color:#ca417d;
font-size:75%;
}
.ranking02 .rankArea .last{
_width:145px;
}

/* 
 メインコンテンツ共通
------------------------------ */
.exp a{
	color:#ca417d;
}

.exp .name,
.exp dt a{
	font-size:95%;
}

.exp .txt,
.exp .kakaku{
	color:#714257;
	line-height:1.2;
	font-size:95%;
}

.exp .kakaku{
	font-size:80%;
	margin-top:3px;
}

.exp .detail{
	margin-top:5px;
}


/* 
 sweets
------------------------------ */
#sweets{
	width:750px;
	background:url(//img.e87.com/selection/white/2010images/white_bg01.gif) no-repeat left top #f1f2f3;
	padding:22px 0 17px 0;
}

#sweets .category_tit{
	margin-left:20px;
}

#sweets .box{
	background:url(//img.e87.com/selection/white/2010images/white_boxbg01_rep.gif) repeat-y left top;
	margin:22px 0 0 20px;
}
#sweets .bgtop{
	background:url(//img.e87.com/selection/white/2010images/white_boxbg01_top.gif) no-repeat left top;
}
#sweets .bgbtm{
	background:url(//img.e87.com/selection/white/2010images/white_boxbg01_btm.gif) no-repeat left bottom;
	width:710px;
	min-height:639px;
	_height:639px;
	padding-bottom:20px;
}

#sweets .box dl.item{
	margin:10px 0 0 0;
	background:url(//img.e87.com/selection/white/2010images/white_dotline01.gif) repeat-x left top;
	position:relative;
}

#sweets .box .leftside{
	width:434px;
	float:left;
	margin-left:15px;
	_display:inline;
	padding:7px 0 0 0;
}

#sweets .box .leftside dl.item{
	padding:16px 0 0 216px;
	min-height:215px;
	_height:231px;
}

#sweets .box .leftside dl.block02{
	padding-left:0;
}

#sweets .box .leftside dl.item dt{
	padding:0 0 8px 0;
	margin:0 0 2px 0;
	background:url(//img.e87.com/selection/white/2010images/white_dotline02.gif) repeat-x left bottom;
}

#sweets .box .leftside dl.block02 dd{
	width:206px;
}

#sweets .box .name{
	margin:0 0 10px 0;
}

#sweets .box .rightside{
	width:200px;
	float:left;
	margin-left:34px;
	_display:inline;
	padding:7px 0 0 0;
}

#sweets .box .rightside dl.item{
	padding:230px 0 0 0;
	min-height:243px;
	_height:472px;
}

#sweets .box .rightside dl.item dt{
	padding:0 0 10px 0;
	margin-bottom:2px;
	background:url(//img.e87.com/selection/white/2010images/white_dotline02.gif) repeat-x left bottom;
}

#sweets .box .leftside dl.block01 .photo{
	position:absolute;
	top:16px;
	left:0;
}
#sweets .box .leftside dl.block02 .photo{
	position:absolute;
	top:16px;
	right:0;
}
#sweets .box .rightside .photo{
	position:absolute;
	top:16px;
	right:0;
}

dl.brand{
	padding:15px 0 0 0;
	margin-top:10px;
	background:url(//img.e87.com/selection/white/2010images/white_dotline02.gif) repeat-x left top;
}

dl.brand .ico{
	margin-right:5px;
}

dl.brand dd{
	font-size:85%;
	color:#8d8d8d;
	margin:10px 0 0 0;
	line-height:1.3;
}

.rightside dl.brand dd{
	line-height:1.3;
}


/* 
 acce
------------------------------ */
#acce{
	background:url(//img.e87.com/selection/white/2010images/white_bg02_1.gif) no-repeat left top #f0f0f0;
	position:relative;
	width:750px;
}

.bg{
	width:732px;
	_width:750px;
	background:url(//img.e87.com/selection/white/2010images/white_bg02_2.gif) no-repeat left bottom;
	padding:17px 0 25px 18px;
}

#acce .block01{
	background:url(//img.e87.com/selection/white/2010images/white_boxbg02_1.gif) no-repeat left top;
	width:518px;
	_width:520px;
	min-height:220px;
	_height:226px;
	padding:3px 0 3px 2px;
	margin:13px 0 0 0;
	position:relative;
}

#acce .block02{
	margin:13px;
	background:url(//img.e87.com/selection/white/2010images/white_boxbg02_2.gif) no-repeat left top;
	width:518px;
	_width:520px;
	min-height:220px;
	_height:226px;
	padding:3px 0 3px 2px;
	margin:13px 0 0 194px;
	position:relative;
}

#acce .catch{
	width:256px;
	margin:12px 0 20px 235px;
}
#acce dl{
	width:256px;
	margin:0 0 0 235px;
}

#acce .block02 .catch{
	margin-left:35px;
	/margin-left:25px;
}
#acce .block02 dl{
	margin-left:35px;
	/margin-left:25px;
	width:255px;
	/width:265px;
}

#acce dl dt{
	margin:0 0 10px 0;
}

#acce .block02 dl dd.exp{
	width:245px;
}

#acce .block01 dd.photo{
	position:absolute;
	top:3px;
	left:2px;
}
#acce .block02 dd.photo{
	position:absolute;
	top:3px;
	right:2px;
}

#acce dl.brand{
	background:url(//img.e87.com/selection/white/2010images/white_boxbg02_3.gif) no-repeat left top;
	width:465px;
	_width:490px;
	min-height:138px;
	_height:163px;
	padding:25px 0 0 25px;
	margin:17px 0 0 222px;
	position:relative;
}

#acce dl.brand dt{
	margin:0 0 5px 0;
}
#acce dl.brand dd{
	margin:5px 0 5px 0;
	color:#7d7d7d;
	width:225px;
}
#acce dl.brand dd .txt{
	margin-top:5px;
}
#acce dl.brand .logo{
	position:absolute;
	top:60px;
	right:28px;
	margin:0;
	width:auto;
}

#acce .together{
	position:absolute;
	top:0;
	right:0;
}

/*
   fg
-----------------------------*/
#fg{
	background:url(//img.e87.com/selection/white/2010images/white_bg03.gif) no-repeat left top #f6f7f8;
	padding:20px 14px 14px 15px;
}

#fg .category_tit{
	margin-bottom:17px;
}

#fg .item{
	width:722px;
	min-height:223px;
	_height:223px;
	margin:7px 0 0 0;
	position:relative;
}

#fg .block01{
	background:url(//img.e87.com/selection/white/2010images/white_boxbg03_1.gif) no-repeat left top;
}
#fg .block02{
	background:url(//img.e87.com/selection/white/2010images/white_boxbg03_2.gif) no-repeat left top;
}

#fg .block01 .exp{
	margin:0 0 0 316px;
	padding-top:10px;
	width:276px;
	float:left;
	_display:inline;
}
#fg .block02 .exp{
	margin:0 0 0 23px;
	padding-top:15px;
	width:276px;
	float:left;
	_display:inline;
}

#fg .item dl dt{
	margin:10px 0;
	width:267px;
}
#fg .item .exp dl dd{
	width:267px;
}

#fg .block01 dl dd.photo{
	position:absolute;
	top:0;
	left:0;
	width:auto;
}
#fg .block02 dl dd.photo{
	position:absolute;
	top:0;
	right:0;
	width:auto;
}

#fg .tokimeki{
	float:left;
	margin:50px 0 0 0;
}
#fg .tokimeki .text{
	font-size:80%;
	color:#335ea4;
	width:80px;
	_width:90px;
	margin:3px 0 0 15px;
}

/*
   puchi
-----------------------------*/
#puchi{
	background:url(//img.e87.com/selection/white/2010images/white_bg04_rep.gif) repeat-y left top;
	width:750px;
}
#puchi .bgtop{
	background:url(//img.e87.com/selection/white/2010images/white_bg04_top.gif) no-repeat left top;
}

#puchi .bgbtm{
	background:url(//img.e87.com/selection/white/2010images/white_bg04_btm.gif) no-repeat left bottom;
	padding:21px 33px 17px 33px;
}

#puchi .category_tit{
	margin:0 0 14px 133px;
}
#puchi .otoku{
	margin:0 0 10px 2px;
}

#puchi .item{
	width:310px;
	_width:340px;
	min-height:490px;
	_height:490px;
	float:left;
	padding:0 15px;
	position:relative;
}

#puchi .block01{
	background:url(//img.e87.com/selection/white/2010images/white_photo01_puchi.jpg) no-repeat left top;
	margin-right:4px;
}
#puchi .block02{
	background:url(//img.e87.com/selection/white/2010images/white_photo02_puchi.jpg) no-repeat left bottom;
}

#puchi .block01 .catch{
	margin:291px 0 0 0;
}

#puchi .block02 .catch{
	margin:0 0 0 102px;
}

#puchi .item dl dt{
	margin:9px 0;
}
#puchi .block02 dl dt{
	text-align:right;
}

.spacerlink{
	position:absolute;
	top:0;
	left:0;
}

/*
columnListArea
-----------------------------*/
.contents .columnArea {
	margin:15px 0 0 14px;
}
.contents .boxline {
	background:url(//img.e87.com/selection/white/2010images/index_dot_line_l.gif) no-repeat left top;
	padding-top:1px;
}
.contents .topic_box01 {
	width:235px;
	padding:6px 0;
	margin:0 10px 0 0;
	float:left;
}
.contents .topic_box02 {
	width:235px;
	padding:6px 0;
	float:left;
	background:url(//img.e87.com/selection/white/2010images/index_dot_line.gif) no-repeat center bottom;
}
.contents .textBox {
	float:left;
	width:160px;
}
.contents .textBox a {
	font-size:85%;
	color:#39ade7;
	font-weight:bold;
	text-decoration:none;
}
.contents .textBox a:hover {
	text-decoration:underline;
}
.contents .textBox p {
	width:160px;
	font-size:85%;
	line-height:120%;
	margin:4px 0 0 0;
}
.contents .imgBox {
	float:left;
	width:70px;
	margin:0 0 0 5px;
}


/* 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;
}

#mother #topicpath_0903new{
	margin:5px 0 10px;
}


a:link { color: #ca417d; }
a:visited { color: #ca417d; }
a:active { color: #ca417d; }
