/* structure */
body {
	margin:0;
	padding:0;
	background-color:#14161c;
	font: normal 12px/1.5em "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
}
*html body {font-size:12px;}
#wrapper {
	margin:0 auto;
	background:url(../images/bg_wrapper.jpg) repeat-y 0 0;
	width:900px;
	text-align:left;
}
#news {
	margin-top:13px;
	padding-left:10px;
	width:460px;
	height:105px;
	background:url(../images/bg_news.jpg) no-repeat 0 0;
	float:left;
	overflow:hidden;
	position:relative;
}
#recommend {
	margin:15px 0 0 470px;
	width:426px;
	height:105px;
	position:relative;
}
*html #recommend {
	margin-top:11px;
}

#members {
	margin-top:10px;
	height:284px;
	background:url(../images/bg_member.jpg) no-repeat 0 0;
	position:relative;
}
#online {
	float:left;
	margin-top:15px;
	background-color:#969bb9;
	border:2px solid #7d8096;
	width:620px;
	height:50px;
}
#mailnews {
	float:right;
	margin-top:15px;
	background-color:#969bb9;
	border:2px solid #7d8096;
	width:250px;
	height:50px;
}
#footer {
	clear:both;
	background:url(../images/bg_footer.jpg) no-repeat left bottom;
	height:56px;
}

/* recommend.html */

#recommend-main {
	margin:25px 50px 0px 50px;
	height:auto;
	position:relative;
	text-align:center
}
/* common style */
a {color:#fff;}
img {border:none;}
h2.title {
	margin:0;
	visibility:hidden;
	height:1px;
}

/* news */

h3.title {
	font-size:14px;
	font-weight:bold;
}

#news a:hover{
	text-decoration:underline;
	color:#FC3;
}

#news dl {margin:30px 10px 10px 10px;}
*html #news dl {margin-top:15px;}
#news dt {
	clear:left;
	float:left;
	width:8em;
}
#news p.more {
	position:absolute;
	top:22px;
	right:10px;
	margin:0;
}

/* recommend */
#recommend p {margin:5px 0 3px;}
#recommend p.more {
	position:absolute;
	top:25px;
	right:10px;
}

#recommend a:hover{
	text-decoration:underline;
	color:#FC3;
}
#recommend div#rboxleft {
	float:left;
	width:426px;
	height:78px;
	background:url(../images/bg_recommend.jpg) no-repeat 0 0;
	color:#FEFEFE;
	position:relative;
}

#recommend div#rboxleft a {color:#color:#FEFEFE;;}
#recommend div#rboxleft p {
	margin:0;
	padding:10px;
	width:400px;
	height:60px;
	overflow:hidden;
	color:#FEFEFE;
}
*html #recommend div#rboxleft p  {
	width:400px;
	height:61px;
}
#recommend div#rboxleft div.new  {
	position:absolute;
	top:10px;
	right:10px;
}

/* recommend.html recommend box */

#recommend-main div#rboxmain {
	text-align:center;
	background:url(../images/bg_rboxmain.jpg) no-repeat 0 0;
	color:#FEFEFE;
	position:relative;
	padding:0px 150px 20px 150px;
}

#recommend-main div#rboxmain a {
	color:#FEFEFE;
	}
	
#recommend-main div#rboxmain div.content{
	margin:0 0 15px 0;
	padding:10px 20px 20px 20px;
	width:500px;
	text-align:left;
	overflow:hidden;
	color:#FEFEFE;
	border:dashed #eee 1px;
}
*html #recommend-main div#rboxmain div.content {
	width:500px;
	
}
#recommend-main div#rboxmain div.profile {
	position:relative;
	top:10px;
	left:120px;
	width:360px;
	padding:10px;
	border:#eee dotted 1px;
}

#recommend-main div#rboxmain div.profile a:hover{
	color:#FC3;
}


/* members */
#members h2 {margin:0;}
#members #m1,#members #m2,#members #m3,
#members #m4,#members #m5,#members #m6 {
	position:absolute;
	top:34px;
}
#members #m1 {left:10px;}
#members #m2 {left:158px;}
#members #m3 {left:305px;}
#members #m4 {left:450px;}
#members #m5 {left:597px;}
#members #m6 {left:744px;}

/* online shop mailnews */
#online p,
#mailnews p {
	margin:0;
	text-align: center;
}

/* footer */
#footer p {
	padding-top:35px;
	text-align:center;
}