@charset "utf-8";
/*=============================================
	PHANTASY STAR ONLINE 2
=============================================*/
body {
	background:#FFFFFF url(../image/layout/bg.jpg) repeat-x center top;
}

#wrap{
	background:url(../image/layout/bg_main.jpg) no-repeat center top;
}

#wrapper{
	width: 940px;
	margin:0 auto;
	background:url(../image/layout/bg_y.gif) repeat-y center top;
}


/*   header
-----------------------------------------*/
#header{
	width: 940px;
	height:408px;
	margin:0 auto;
	background:url(../image/layout/bg_main.jpg) no-repeat center top;
	position:relative;
}

#header h1{
	position:absolute;
	left:15px;
	top:40px;
}

#header h1 a{
	display:block;
	width: 430px;
	height:210px;
	text-indent:-9999px;
}

#header p{
	margin: 0;
	position: absolute;
	left: 805px;
	top: 248px;
}

#header a{
	line-height:normal;
}

#header #linkOfficial{
	position:absolute;
	left:20px;
	top:4px;
}

#header #linkOfficial a{
	width: 204px;
	height:15px;
	text-indent:-9999px;
	display:block;
	background:url(../image/layout/link_official.gif) no-repeat center top;
}

#header #linkOfficial a:hover{
	background:url(../image/layout/link_official.gif) no-repeat center bottom;
}

#header #linkTop{
	position:absolute;
	left:833px;
	top:3px;
}

#header #linkTop a{
	width: 87px;
	height:18px;
	text-indent:-9999px;
	display:block;
	background:url(../image/layout/link_top.gif) no-repeat center top;
}

#header #linkTop a:hover{
	background:url(../image/layout/link_top.gif) no-repeat center bottom;
}


/*   navigation
-----------------------------------------*/
#header dl{
	width: 940px;
	height:76px;
	background:url(../image/layout/navi.jpg) no-repeat center top;
	position:absolute;
	left:0px;
	top:332px;
}

#header dt{
	display:none;
}

#header dl ul{
	width: 904px;
	height:70px;
	margin:3px 18px;
}

#header dl li{
	width: 226px;
	height:70px;
	float:left;
}

#header dl li a{
	width: 226px;
	height:70px;
	display:block;
	text-indent:-9999px;
}

#benchmarkHome #header dl li#naviAbout a,
#header dl li#naviAbout a:hover{
	background:url(../image/layout/navi.jpg) no-repeat -18px -79px;
}

#benchmarkManual #header dl li#naviManual a,
#header dl li#naviManual a:hover{
	background:url(../image/layout/navi.jpg) no-repeat -244px -79px;
}

#benchmarkDownload #header dl li#naviDownload a,
#header dl li#naviDownload a:hover{
	background:url(../image/layout/navi.jpg) no-repeat -470px -79px;
}

#benchmarkRule #header dl li#naviRule a,
#header dl li#naviRule a:hover{
	background:url(../image/layout/navi.jpg) no-repeat -696px -79px;
}


/*   contents
-----------------------------------------*/

#contents{
	width: 880px;/*940px*/
	padding:15px 30px 15px 30px;
	background:url(../image/layout/bg_conts_top.jpg) no-repeat center top;
}

#contsBottom{
	width: 132px;/*940px*/
	height:32px;/*43px*/
	padding:11px 0 0 808px;
	background:url(../image/layout/bg_conts_bottom.gif) no-repeat center top;
}

#contsBottom a{
	background:url(../image/layout/pagetop.gif) no-repeat center top;
	width: 107px;
	height:21px;
	display:block;
	text-indent:-9999px;
	line-height:normal;
}

#contsBottom a:hover{
	background-position:center bottom;
}

/*   footer
-----------------------------------------*/
#footer{
	width: 940px;
	height:55px;
	margin:0 auto;
	position:relative;
	clear:both;
	overflow:hidden;
	background-color:#FFFFFF;
}

#footer p{
	width: 940px;
	height:45px;
	background:url(../image/layout/footer.gif) no-repeat center top;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	text-indent:-9999px;
}

#footer li#segaPC{
	display:none;
}

#footer li#sega{
	position:absolute;
	left:847px;
	top:9px;
	z-index:2;
}

#footer li#sega a{
	display:block;
	height:26px;
	width:75px;
	text-indent:-9999px;
}