/* ----------------------------------------
 e87.com いいはなドットコム　CSS
 
 date:2007/05/01
	template-E
---------------------------------------- */

/* 
 frame
----------------------------------- */

#contents {
	width:950px !important;
	margin:0 auto !important;
}

#contents #mainArea {
	width:750px;
	margin:0 15px 0 0;
}


/* 
 mainArea
----------------------------------- */
/* ----- pickuplist ----- */

#contents #topArea {
	width:950px;
	margin:5px 0 0 0;
}

#contents .spring{
	background:url(//img.e87.com/season/images/bg_01_title.jpg) no-repeat left top;
}

#contents .summer{
	background:url(//img.e87.com/season/images/bg_02_title.jpg) no-repeat left top;
}

#contents .autumn{
	background:url(//img.e87.com/season/images/bg_03_title.jpg) no-repeat left top;
}

#contents .winter{
	background:url(//img.e87.com/season/images/bg_04_title.jpg) no-repeat left top;
}


#contents #topArea h1 {
	font-size:220%;
	line-height:1;
	color:#ca417d;
	padding:45px 0 15px 40px;
	_padding:48px 0 15px 40px;
}

/* safari only \*/
html:\66irst-child #contents #topArea h1 {
	font-size:220%;
	line-height:1;
	color:#ca417d;
	padding:35px 0 10px 20px;
}

#contents #topArea p {
	margin:50px 20px 20px 20px;
}

#mainArea {
	margin:0 0 0 16px;
}

#mainArea h2{
margin:0 0 0 17px;
padding:25px 0 20px 65px;
background:url(//img.e87.com/season/images/h2_pickup_bg.gif) no-repeat top left;
color:#e2137e;
font-weight:bold;
font-size:125%;
}

#mainArea #pickuplist{
	margin:5px 17px 0 17px;
	border:8px solid #ffeef6;
	padding:10px 0;
}

#mainArea div#pickuplist ul li.leftlist{
float:left;
width:210px;
_width:200px;
padding:0 21px 0 10px;
_padding:0 31px 0 10px;
font-size:85%;
background:url(//img.e87.com/season/images/dot_line.gif) repeat-y top right;
}

#mainArea div#pickuplist ul li.rightlist{
float:left;
width:210px;
_width:200px;
padding:0 21px 0 9px;
_padding:0 31px 0 9px;
font-size:85%;
background:url(//img.e87.com/season/images/dot_line.gif) repeat-y top right;

}

#mainArea div#pickuplist ul li.end{
float:left;
width:210px;
_width:200px;
padding:0 0 0 9px;
_padding:0 0 0 9px;
font-size:85%;
}

#mainArea #pickuplist ul li p.goodsname {
margin:0;
padding:0;
}

#mainArea #pickuplist ul li p.goodsname a {
	color:#ca417d;
}

#mainArea #pickuplist ul li p.catch {
width:210px;
_width:200px;
	margin:0;
	padding:3px 0 5px 0;
	color:#ca417d;
}

#mainArea #pickuplist ul li .newpct {
	padding:13px 0 0 0;
	background:url(//img.e87.com/images/ico_new.gif) no-repeat top left;
}


/* Win版IE7とMac版IE5対策 */
#mainArea #pickuplist{
   display:inline-block;
}

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

#mainArea #pickuplist{
   display:block;
}
/* End hide from IE-mac */

#mainArea #pickuplist ul li p.detailText {
	width:199px;
	margin:0;
	padding:3px 0 1px 0;
	background:url(../../images/table_dotline01.gif) repeat-x bottom;
}

#mainArea div.product_detail {
	background:url(../../images/table_dotline01.gif) repeat-x bottom;
	padding:0 0 5px 0;
	width:199px;
}

#mainArea div.product_detail dl {
	float:left;
}


#mainArea div.product_detail dl.right {
	float:left;
	margin:0 0 0 10px;
}

#mainArea div.product_detail dl dt{
	display:block;
	width:35px;
	float:left;
	font-weight:bold;
	padding:3px 0 0 0;
}

#mainArea div.product_detail dl dd{
	padding:3px 0 0 0;
}

#mainArea div.product_detail_bottom {
	margin:3px 0 0 0;
}

#mainArea div.product_detail_bottom p {
	font-weight:bold;
	float:left;
}

#mainArea div.product_detail .imgBox {
	float:right;
	_padding:0;
	text-align:right;
	height:20px;
}

#mainArea .messageBtnBox {
width:210px;
_width:200px;
	margin:3px 0;

}

#mainArea .messageBtn {
	float:left;
	margin:0 1px;
}

/* Win版IE7とMac版IE5対策 */
#mainArea div.product_detail{
   display:inline-block;
}

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

#mainArea div.product_detail{
   display:block;
}
/* End hide from IE-mac */

#mainArea .middleArea {
	margin:20px 15px 10px 15px;
}

#mainArea .middleArea h3 {
	height:22px;
	margin:0 0 0 0;
	padding:0 0 0 28px;
	color:#ca417d;
	background:#f0f0f0 url(//img.e87.com/season/images/icon_01.gif) no-repeat left top;
	line-height:180%;
}

#mainArea .middleArea .middleBox {
	padding:15px 0 20px 0;
	background: url(//img.e87.com/season/images/dot_line03.gif) repeat-x bottom;
}

#mainArea .middleArea .middleBox .imgBox {
	float:left;
	margin:0 15px 0 0;
}

#mainArea .middleArea .middleBox .textBox {
	width:650px;
	*width:470px;
	_width:480px;
	margin:0 0 0 230px;
}

#mainArea .middleArea .middleBox .textBox .point {
	color:#ca417d;
	margin:10px 0 0 0;
}

#mainArea .middleArea .middleBox .rightLink {
	float:right;
	margin:10px 0 0 0;

}

#mainArea .middleArea .middleBox .rightLink a:hover {
	text-decoration:none;
}

#mainArea .middleArea .middleBox .rightLink p {
	padding:0 0 0 8px;
	background:url(//img.e87.com/season/images/allow.gif) no-repeat left 4px;
}


#mainArea .middleList {
	margin:10px 15px 30px 15px;
}

#mainArea .middleList h3 {
	height:22px;
	margin:0 0 10px 0;
	padding:0 0 0 28px;
	color:#ca417d;
	background:url(//img.e87.com/season/images/icon_02.gif) no-repeat left top;
	line-height:180%;
}

#mainArea .middleList .middleListWrap ul {
	width:170px;
	_width:165px;
	margin:0 0 0 10px;
	float:left;
}

#mainArea .middleList .middleListWrap ul li {
	padding:0 0 0 8px;
	background:url(//img.e87.com/season/images/allow.gif) no-repeat left 4px;
}

#mainArea .middleList .middleListWrap ul li a:hover {
	text-decoration:none;
}

#mainArea .bottomArea {
	margin:0 15px 10px 15px;
	padding:0 0 30px 0;
	background: url(//img.e87.com/season/images/dot_line03.gif) repeat-x bottom;
}

#mainArea .bottomArea h3 {
	height:22px;
	margin:0 0 10px 0;
	padding:0 0 0 28px;
	color:#ca417d;
	background:#f0f0f0 url(//img.e87.com/season/images/icon_03.gif) no-repeat left top;
	line-height:180%;
}

#mainArea .bottomArea p {
	margin:0 10px 20px 10px;
}

#mainArea .bottomArea .bottomBox01 {
	width:240px;
	float:left;
	background:url(//img.e87.com/season/images/line_01.gif) repeat-y right ;
}

#mainArea .bottomArea .bottomBox02 {
	width:240px;
	float:left;
}

#mainArea .bottomArea .imgBox {
	float:left;
}

#mainArea .bottomArea ul {
	margin:20px 0 0 120px;
}

#mainArea .bottomArea ul li {
	padding:0 0 0 8px;
	background:url(//img.e87.com/season/images/allow.gif) no-repeat left 4px;
}

#mainArea .bottomArea ul li a:hover {
	text-decoration:none;
}

#mainArea .bottomList ul li.rightLine {
	float:left;
	width:240px;
}

#mainArea .bottomList ul li {
	float:left;
	width:220px;
}

#mainArea .bottomList {
	margin:0 15px 10px 15px;
}

#mainArea .bottomList h3 {
	height:22px;
	margin:0 0 10px 0;
	padding:0 0 0 28px;
	color:#ca417d;
	background:url(//img.e87.com/season/images/icon_02.gif) no-repeat left top;
	line-height:180%;
}

#mainArea .bottomList ul {
	margin:0 0 0 10px;
}

#mainArea .bottomList ul li.rightLine {
	background:url(//img.e87.com/season/images/dot_line.gif) repeat-y right ;	
}

#mainArea .bottomList ul li span {
	display:block;
	padding:0 0 0 8px;
	background:url(//img.e87.com/season/images/allow.gif) no-repeat left 4px;
}


#mainArea .bottomList ul li span a:hover {
	text-decoration:none;
}

/*
 nowArea
 ---------------------------------- */
#mainArea #nowArea {
	margin:10px 0;
}

#mainArea #nowArea .icon {
	width:99px;
	_width:100px;
	padding:2px 5px 0 2px;
	float:left;
}


/* 
 bottomArea
----------------------------------- */

#contents .pagetop {
	width:945px;
	text-align:right;
	margin:25px 0;
}

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

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

.a1_0903new #contents_0903new #contents {
margin:0 auto;
}

#contents #mainArea {
margin:0 0 0 0;
width:950px;
}