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

/* 
 index
----------------------------------- */
#contents-index {
	width:750px;
	margin:0 0 0 30px;
}

#contents-index #h1Area {
	margin:10px 0;
}

#contents-index #h1Area h1 {
	font-size:150%;
	font-weight:bold;
	padding:0 10px 0 0;
	color:#ca417d;
	float:left;
}

#contents-index #h1Area .h1txt {
	float:left;
}

#contents-index #nowArea {
	margin:15px 0;
}

#contents-index #nowArea .icon {
	width:99px;
	_width:110px;
	padding:2px 9px 0 2px;
	float:left;
}

#contents-index .event_box_on, #contents-index .event_box_off {
	margin:0 0 10px 0;
}

#contents-index a h2, #contents-index a .state {
	text-decoration:none;
}

#contents-index a:hover {
	cursor:pointer;
}

#contents-index .event_box_on h2 {
	width:488px;
	padding:2px 0 0 26px;
	_width:514px;
	line-height:180%;
	height:22px;
	_padding:4px 0 0 26px;
	color:#ca417d;
	background:url(http://img.e87.com/selection/images/top_icon_on.gif) #ffdceb no-repeat left;
	float:left;
}

#contents-index .event_box_on .state {
	width:206px;
	padding:2px 0 0 0;
	_padding:4px 0 0 0;
	line-height:180%;
	height:22px;
	text-align:center;
	color:#ffffff;
	background:#ff85ba;
	float:left;
}

#contents-index .event_box_off h2 {
	width:488px;
	padding:2px 0 0 26px;
	_width:514px;
	_padding:4px 0 0 26px;
	line-height:180%;
	height:22px;
	color:#ca417d;
	background:url(http://img.e87.com/selection/images/top_icon_off.gif) #f0f0f0 no-repeat left;
	float:left;
}

#contents-index .event_box_off .state {
	width:206px;
	padding:2px 0 0 0;
	_padding:4px 0 0 0;
	line-height:180%;
	height:22px;
	text-align:center;
	color:#ffffff;
	background:#929292;
	float:left;
}

#contents-index .event_box_txt {
	margin:0 0 10px 0;
}

#contents-index .event_box_txt .intro {
	width:494px;
	_width:514px;
	padding:0 15px 0 5px;
	float:left;
}

#contents-index .event_box_txt .image {
	width:206px;
	float:left;
}

#contents-index #caution {
	width:720px;
	background:url(http://img.e87.com/selection/images/dot_line.gif) repeat-x top;
	margin:20px 0;
	padding:10px 0 0 0;
}

#contents-index #caution p {
	color:#ca417d;
}

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

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

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

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

#contents {
	width:575px;
	margin:0 0 0 100px;
}

/* 
 mainArea
----------------------------------- */
/* ----- topArea ----- */
#contents #topArea {
	width:575px;
	min-height:100px;
	*height:100px;
	margin:20px 0 0 0;
}

#contents #topArea h1 {
	padding:28px 0 0 200px;
	color:#ee0000;
	font-weight:bold;
}

#contents #topArea p {
	padding:8px 0 0 32px;
	color:#990000;
	line-height:100%;
}

#contents .info {
	margin:0 0 25px 0;
	line-height:120%;
}

#contents h2 {
	width:570px;
	*width:574px;
	height:22px;
	margin:20px 0 0 0;
	padding:0 0 0 5px;
	color:#d60022;
	font-weight:bold;
	background:#fddfee;
	line-height:180%;
}

/* ----- topicArea ----- */

#contents .topicArea {
	padding:10px 0 0 0;
}

#contents .boxline {
	background:url(http://img.e87.com/selection/images/dot_line_l.gif) no-repeat left top;
}

#contents .topic_box01 {
	width:282px;
	padding:6px 0;
	margin:0 10px 0 0;
	float:left;
	background:url(http://img.e87.com/selection/images/dot_line.gif) no-repeat center bottom;
}

#contents .topic_box02 {
	width:282px;
	padding:6px 0;
	float:left;
	background:url(http://img.e87.com/selection/images/dot_line.gif) no-repeat center bottom;
}


#contents .textBox {
	float:left;
}

#contents .textBox h3 {
	width:206px;
	font-size:85%;
	color:#ff0c00;
	font-weight:bold;
}

#contents .textBox h3 a {
	color:#ff0c00;
	font-weight:bold;
	text-decoration:none;
}

#contents .textBox h3 a:hover {
	text-decoration:underline;
}

#contents .textBox p {
	width:206px;
	font-size:85%;
	line-height:120%;
	margin:4px 0 0 0;
}

#contents .imgBox {
	float:left;
	width:70px;
	margin:0 0 0 5px;
}









#contents .columnListArea {
	margin:0 0 20px 0;
	padding:0;
}

#contents .columnListArea h3 {
	color:#80592b;
	font-weight:bold;
	margin:20px 0 5px 0;
}

#contents .columnList {
	background-color:#f6f2e8;
	border:1px solid #c9b49c;
	padding:10px 0 5px 15px;
}

#contents .columnList ul:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
#contents .columnList ul{
   display:inline-block;
}

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

#contents.columnList ul{
   display:block;
}
/* End hide from IE-mac */


#contents .columnList ul{
	width:525px;
}

#contents .columnList ul li {
	background:url(http://img.e87.com/selection/sp_newyear/images/colum_arrow_02.gif) no-repeat left top;
	padding:0 0 0 15px;
	margin:0 0 5px 10px;
	font-size:85%;
	width:145px;
	float:left;
}

#contents .columnList ul li a {
	text-decoration:none;
}

#contents .columnList ul li a:hover {
	text-decoration:underline;
}

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

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

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

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