@charset "shift_jis";

/* 
 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;
}



/* 
 frame
---------------------------------------- */
#contents {
	width:750px;
	margin:0 0 0 14px;
}


#contents div.contents_inner{
margin:0px 14px;
}


/* 
header_white
------------------------------ */

#wrap div#header_white{
margin:0 23px 3px 23px;
clear:both;
height:38px;
}

#wrap div#header_white .header_kikan{
padding:10px 0 0 0;
text-align:right;
float:right;
}

#wrap div#header_white .totop{
width:196px;
float:left;
margin:0;
}

/* 
 localmenu
------------------------------ */

#wrap div#localmenu_white{
margin:0 14px;
border-bottom:1px solid #dc546a;
/*padding:0 0 0 3px;*/
clear:both;
}

#wrap div#localmenu_white ul{
margin:0;
}

#wrap div#localmenu_white ul:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
#wrap div#localmenu_white ul{
   display:inline-block;
}

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

#wrap div#localmenu_white ul{
   display:block;
}
/* End hide from IE-mac */

#wrap div#localmenu_white ul li{
list-style-type:none;
float:left;
width:119px;
margin:0 0 0 3px;
padding:0;
text-align:center;
}

#wrap div#localmenu_white ul li.mL0{
	margin-left:0;
}

#wrap div#localmenu_white ul li.mL4{
	margin-left:4px;
}

#wrap div#localmenu_white ul li.navi05{
background:url(//img.e87.com/img/usr/white/images/localmenu_bg01.gif) no-repeat top left #eeeeee;
width:147px;
}

#wrap div#localmenu_white ul li.cur05{
background:url(//img.e87.com/img/usr/white/images/localmenu_bg_cur01.gif) no-repeat top left #dc546a;
width:147px;
}

#wrap div#localmenu_white ul li a{
font-weight:bold;
text-decoration:none;
color:#979685;
}

#wrap div#localmenu_white ul li.cur05 a{
color:#fff;
}


/* 
 titlearea
------------------------------ */
#wrap div#localmenu02_white{
background:#fdd2da;
/*border-bottom:1px solid #f6dcf8;*/
}

#wrap div#localmenu02_white ul{
margin:0;
}

#wrap div#localmenu02_white ul:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
#wrap div#localmenu02_white ul{
   display:inline-block;
}

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

#wrap div#localmenu02_white ul{
   display:block;
}
/* End hide from IE-mac */

#wrap div#localmenu02_white ul li{
list-style-type:none;
float:left;
padding-left:3px;
background:url(//img.e87.com/img/usr/white/images/localmenu02_arrow.gif) no-repeat 5px;
border-right:1px solid #feeff2;
}

#wrap div#localmenu02_white ul li.cur{
background:url(//img.e87.com/img/usr/white/images/localmenu02_arrow_c.gif) #f99cad no-repeat 5px;
}

#wrap div#localmenu02_white ul li.cur a{
color:#fff;
}

#wrap div#localmenu02_white ul li a{
font-weight:bold;
text-decoration:none;
color:#c9245e;
display:block;
margin:0 5px 0 12px;
}


/* ----- columnListArea ----- */

#wrap div#white_column {
	background-color:#ffffff;
	border:1px solid #dbdad3;
	margin:0 0 20px 0;
	padding:10px 0 5px 15px;
	width:704px;
}

#wrap div#white_column h3{
	background:url(//img.e87.com/selection/white/2009images/colum_h3icon.gif) no-repeat left top;
	color:#ca417d;
	font-weight:bold;
	margin:0 0 7px 0;
	padding:0 0 0 19px;
}

#wrap div#white_column ul:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
#wrap div#white_column ul{
   display:inline-block;
}

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

#wrap div#white_column ul{
   display:block;
   margin-bottom:3px;
   _margin-bottom:5px;
   line-height:1.3;
   _width:100%;
   _margin-left:0;
}
/* End hide from IE-mac */

#wrap div#white_column ul li {
	background:url(//img.e87.com/selection/white/2009images/colum_arrow.gif) no-repeat left;
	padding:0 0 0 10px;
	margin:0 0 5px 7px;
	font-size:85%;
	width:150px;
	_width:160px;
	float:left;
	list-style:none;
	line-height:1.3;
}

#wrap div#white_column ul li.mR0{
	_margin-right:0;
}

#wrap div#white_column ul li a {
	text-decoration:none;
	line-height:1.3;
}

#wrap div#white_column ul li a:hover {
	text-decoration:underline;
}


/* 
その他特集
----------------------------------- */


#white .obi{
	margin:20px 0 10px 0;
	width:750px;
	padding:3px 0;
	background:#f0f0f0;
}

#white .obi span{
	background:url(//img.e87.com/selection/white/2009images/h2_icon02.gif) no-repeat top left;
	padding:2px 0 3px 25px;
	margin-left:5px;
	color:#ca417d;
	font-weight:normal;
}

.mT10{
	margin-top:10px;
}


/* -----------------------------------------------------------

 #other_special

----------------------------------------------------------- */

.other_tit{
	width:750px;
	padding:4px 0;
	margin-bottom:10px;
	background:#f0f0f0;
}

.other_tit span{
	background:url(//img.e87.com/img/usr/mother/images/icon_link.gif) no-repeat top left;
	padding:2px 0 3px 30px;
	margin-left:5px;
	color:#ca417d;
}

#other_special{
width:750px;
margin-bottom:10px;
}

#other_special p{
padding:10px 0 10px 15px;
}

#other_special ul{
margin:0 0 0 14px;
overflow:hidden;
list-style:none;
}

#other_special ul li{
float:left;
width:225px;
padding-left:24px;
padding-bottom:5px;
background:url(//img.e87.com/selection/white/2009images/dot_line.gif) left top repeat-y;
text-align:center;
}

#other_special ul li.first{
padding-left:0;
background-image:none;
}

#other_special ul li a{
font-size:85%;
}

#other_special ul li a img{
display:block;
padding-bottom:5px;
}


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

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

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

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

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

#contents .mainArea .pagetop {
	width:720px;
	text-align:right;
	margin:10px 0 15px 0;
}

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

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


#contents .pagetop {
	width:722px;
	text-align:right;
	margin:10px 0 15px 0;
}