/* ------------------------------------
 e87.com いいはなドットコム　CSS
 
 date:2007/03/08
-------------------------------------- */


/* 
 gnavi
------------------------------ */

div#gnavi{
	margin-bottom:19px !important;
}


/* 
 topicpath
------------------------------ */

div#topicpath{
margin:5px 0 0 0;
font-weight:bold;
font-size:85%;
}

div#topicpath a{
font-weight:normal;
background:url(//img.e87.com/img/usr/images/topicpath_bg.gif) no-repeat right top;
padding:0 10px 0 0;
}


#sp_father div.contents{
margin:0 14px 15px;
}

#sp_father div.contents2{
margin:0 14px 15px;
border-top:1px solid #dbdad3;
border-right:1px solid #dbdad3;
border-bottom:1px solid #dbdad3;
border-left:1px solid #dbdad3;
}

#sp_father div.contents_inner{
margin:0 14px;
}

/* ------------------------------------
 e87.com いいはなドットコム　父の日特集リストCSS
 
 date:2008/1/25
-------------------------------------- */

#sp_father div#header_father{
margin:0 24px 5px 23px;
clear:both;
height:40px;
}

#sp_father div#header_father .kikan{
padding:10px 0 0 0;
text-align:right;
float:right;
}

#sp_father div#header_father .totop{
width:230px;
float:left;
margin:0;
}

/* 
 localmenu
------------------------------ */

#sp_father div#localmenu_father{
margin:0 14px;
border-bottom:2px solid #ffde0e;
padding:0 0 0 3px;
clear:both;
}

#sp_father div#localmenu_father ul{
margin:0;
}

#sp_father div#localmenu_father ul:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
#sp_father div#localmenu_father ul{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html #sp_father div#localmenu_father ul{
   height:1px;
}

#sp_father div#localmenu_father ul{
   display:block;
}
/* End hide from IE-mac */

#sp_father div#localmenu_father ul li{
list-style-type:none;
float:left;
width:119px;
margin:0 0 0 4px;
padding:0;
text-align:center;
}

#sp_father div#localmenu_father ul li.navi01{
background:url(//img.e87.com/img/usr/father/images/localmenu_bg.gif) no-repeat top left #e5e4d7;
width:126px;
}

#sp_father div#localmenu_father ul li.navi02{
background:url(//img.e87.com/img/usr/father/images/localmenu_bg02.gif) no-repeat top left #e5e4d7;
width:174px;
}

#sp_father div#localmenu_father ul li.navi03{
background:url(//img.e87.com/img/usr/father/images/localmenu_bg03.gif) no-repeat top left #e5e4d7;
width:97px;
}

#sp_father div#localmenu_father ul li.navi04{
background:url(//img.e87.com/img/usr/father/images/localmenu_bg04.gif) no-repeat top left #e5e4d7;
width:105px;
}

#sp_father div#localmenu_father ul li.cur01{
background:url(//img.e87.com/img/usr/father/images/localmenu_bg_cur.gif) no-repeat top left #ffd90e;
width:126px;
}

#sp_father div#localmenu_father ul li.cur02{
background:url(//img.e87.com/img/usr/father/images/localmenu_bg_cur02.gif) no-repeat top left #ffd90e;
width:174px;
}

#sp_father div#localmenu_father ul li.cur03{
background:url(//img.e87.com/img/usr/father/images/localmenu_bg_cur03.gif) no-repeat top left #ffd90e;
width:97px;
}

#sp_father div#localmenu_father ul li.cur04{
background:url(//img.e87.com/img/usr/father/images/localmenu_bg_cur04.gif) no-repeat top left #ffd90e;
width:105px;
}

#sp_father div#localmenu_father ul li a{
font-weight:bold;
text-decoration:none;
color:#979685;
}

#sp_father div#localmenu_father ul li.cur01 a,
#sp_father div#localmenu_father ul li.cur02 a,
#sp_father div#localmenu_father ul li.cur03 a,
#sp_father div#localmenu_father ul li.cur04 a{
color:#5a3a15;
}

/* 
 titlearea
------------------------------ */

#sp_father div#localmenu02_father{
background:#fff1b9;
border-bottom:1px solid #ffd80f;
}

#sp_father div#localmenu02_father ul{
margin:0;
}

#sp_father div#localmenu02_father ul:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
#sp_father div#localmenu02_father ul{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html #sp_father div#localmenu02_father ul{
   height:1px;
}

#sp_father div#localmenu02_father ul{
   display:block;
}
/* End hide from IE-mac */

#sp_father div#localmenu02_father ul li{
list-style-type:none;
float:left;
padding-left:3px;
background:url(//img.e87.com/img/usr/father/images/localmenu02_arrow.gif) no-repeat 3px;
border-right:1px solid #ffffff;
}


#sp_father div#localmenu02_father ul li.cur{
background:url(//img.e87.com/img/usr/father/images/localmenu02_arrow_c.gif) #ffde34 no-repeat 3px;
}

#sp_father div#localmenu02_father ul li a{
font-weight:bold;
text-decoration:none;
color:#592a36;
display:block;
margin:0 5px 0 12px;
}

/* ----- columnListArea ----- */

#sp_father div#father_column {
	background-color:#ffffff;
	border:1px solid #dbdad3;
	margin:0 0 20px 0;
	padding:10px 0 5px 15px;
}

#sp_father div#father_column h3{
	background:url(//img.e87.com/img/usr/father/images/colum_h3icon.gif) no-repeat left top;
	color:#ca417d;
	font-weight:bold;
	margin:0 0 7px 0;
	padding:0 0 0 19px;
}

#sp_father div#father_column ul:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

.clr { zoom: 100% }
.clr:after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }


/* Win版IE7とMac版IE5対策 */
#sp_father div#father_column ul{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \;*/
* html #sp_father div#father_column ul{
   height:1px;
}

#sp_father div#father_column ul{
   display:block;
}
/* End hide from IE-mac */

#sp_father div#father_column ul li {
	background:url(//img.e87.com/img/usr/father/images/colum_arrow.gif) no-repeat left;
	padding:0 0 0 10px;
	margin:0 0 5px 0;
	font-size:85%;
	width:160px;
	float:left;
	list-style:none;
}

#sp_father div#father_column ul li a {
	text-decoration:none;
}

#sp_father div#father_column ul li a:hover {
	text-decoration:underline;
}

#sp_father div#otherlists h2.father {
	color:#4d4235;
}
#sp_father div#otherlists h2.father02 {
	color:#4d4235;
	padding-top:20px;
}

/* 
 pagetop
------------------------------ */

#sp_father div.pagetop{
font-size:85%;
margin:0 0 10px 0;
text-align:right;
clear:both;
color:#ca417d;
}

#productlist p.goodsname a{
color:#CA417D;
}
