@charset "utf-8";

/* main */
#main {
	width:950px;
	height:390px;
	margin:0 auto;
	position:relative;
/*
	background:url(../image/main.gif) no-repeat;
*/
}


/* info */
#info {
	width:398px;
	height:390px;
	position:absolute;
	top:110px;
	right:0;
}
#info_tit {
	width:357px;
	margin:0 auto 10px;
	border-bottom:1px solid #666666;
}
#info_tit h2 {
	display:block;
	width:100px;
	height:17px;
	float:left;
	background:url(../image/info_t.png) no-repeat;
	font-size:0;
	text-indent:-9999px;
}
#info_tit strong {
	display:block;
	width:46px;
	height:19px;
	float:right;
	background:url(../image/feed.png) no-repeat;
	font-size:0;
	text-indent:-9999px;
}
#info_tit strong a {
	display:block;
	width:46px;
	height:19px;
	text-decoration:none;
}
#infolist {
	width:357px;
	height:200px;
	margin:0 auto;
	overflow:auto;
	overflow-x:hidden;
}
#info dl {
	width:325px;
	margin:0 auto;
	color:#cccccc;
	font-size:11px;
}
#info dl a, #info dl a:link, #info dl a:visited {color:#cccccc; text-decoration:none;}
#info dl a:hover {color:#e73174; text-decoration:underline;}

#info dt {
	width:8em;
	float:left;
	margin-bottom:5px;
}
#info dt strong {
	display:block;
	background:url(../common/image/circle.png) no-repeat 0 4px;
	padding-left:13px;
	font-weight:normal;
}
#info dd {
	padding-left:9em;
	margin-bottom:5px;
}
.more {
	width:357px;
	margin:0 auto;
	font-size:0;
	text-indent:-9999px;
}
.more a {
	display:block;
	width:47px;
	height:12px;
	float:right;
	text-decoration:none;
	background:url(../image/more.png) no-repeat;
}

#item {
	width:950px;
	margin:10px auto;
}
#item ul {
	display:block;
	width:950px;
	list-style-type:none;
}
#item ul li {
	display:block;
	height:320px;
	vertical-align:bottom;
	font-size:0;
	text-indent:-9999px;
	position:relative;
}
#item ul li a {	
	display:block;
	width:226px;
	height:320px;
	text-decoration:none;
}
#nesmukbtn {width:241px; float:left; background:url(../image/nesmukbtn.jpg) no-repeat;}
#meetingbtn {width:242px; float:left; background:url(../image/meetingbtn.jpg) no-repeat;}
#la_marnebtn {width:226px; float:left; background:url(../image/la_marnebtn.jpg) no-repeat;}
#omoerakubtn {width:226px; float:right; background:url(../image/omoerakubtn.jpg) no-repeat;}

#nesmukbtn span.hover, #meetingbtn span.hover, #la_marnebtn span.hover, #omoerakubtn span.hover {
	display:block;
	width:226px;
	height:320px;
	position:absolute;
	top:0;
	left:0;
}
#nesmukbtn span.hover {background:url(../image/nesmukbtn_o.jpg) no-repeat;}
#meetingbtn span.hover {background:url(../image/meetingbtn_o.jpg) no-repeat;}
#la_marnebtn span.hover {background:url(../image/la_marnebtn_o.jpg) no-repeat;}
#omoerakubtn span.hover {background:url(../image/omoerakubtn_o.jpg) no-repeat;}