@charset "utf-8";
/*=============================================
	PHANTASY STAR ONLINE 2
=============================================*/

body {
	background:url(../image/layout/bg.png) repeat-x center top #f6ffff;
}

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

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

#header h1{
	position:absolute;
	left:282px;
	top:31px;
}

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

#header strong{display:none;}

#header li#linkOfficial{
	position:absolute;
	left:10px;
	top:0px;
	background:url(../image/layout/link_official.gif) no-repeat center bottom;
}

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

#header li#linkOfficial a:hover{
	background:none;
}

#header li#linkOfficialVita{
	position:absolute;
	left:250px;
	top:0px;
	background:url(../image/layout/link_official_vita.gif) no-repeat center bottom;
}

#header li#linkOfficialVita a{
	display:block;
	text-indent:-9999px;
	line-height:normal;
	width:335px;
	height:25px;
	background:url(../image/layout/link_official_vita.gif) no-repeat center top;
}

#header li#linkOfficialVita a:hover{
	background:none;
}

/*   navi
-----------------------------------------*/
#header dl{
	width:944px;
	height:90px;
	background:url(../image/layout/bg_navi.jpg) no-repeat center top;
	position: absolute;
	top: 838px;
	left: 8px;
}

#header dl dt{
	display:none;
}

#header dl ul{
	padding:11px 0 0 12px;
	background:url(../../common/image/navigation/navi_on.png) no-repeat 12px 11px;
	height:67px;
	width:932px;/*944px*/
}

#header dl ul li{
	float:left;
	width:186px;
	height:78px;
}

#header dl ul li a{
	display:block;
	width:176px;
	height:67px;
}

#header dl ul li a:hover img{
	visibility:hidden;
}

/*   bannerArea
-----------------------------------------*/
#bannerArea {
	background:url(../image/layout/bg_bannerarea.gif) repeat;
	margin: 0 auto;
	padding: 0 0 5px;
	min-width: 960px;
	border-top: #95a9b8 solid 1px;
	border-bottom: #95a9b8 solid 1px;
}

#bannerArea p {
	background:url(../image/layout/bannertxt.png) no-repeat 5px top;
	width: 955px;
	margin: 10px auto 0;
	padding-bottom: 5px;
	text-indent: -9999px;
}

#bannerArea ul {
	background:url(../image/layout/bg_bannerlist.gif) repeat-y center top;
	width: 955px;
	margin: 0 auto;
	padding: 0 2px 0 3px;
	overflow: hidden;
}

#bannerArea ul li {
	float: left;
}

#bannerArea ul li a {
	padding: 0 6px 7px 5px;
}

/*   schedulebtn
-----------------------------------------*/
p#btnSchedule {
	height: 47px;
	width: 893px;
	margin-bottom: 0;
	text-indent: -9999px;
	position: absolute;
	top: 785px;
	left: 34px;
}

p#btnSchedule a {
	background:url(../image/layout/btn_schedule.jpg) no-repeat center top;
	height: 47px;
	width: 893px;
	display: block;
}

p#btnSchedule a:hover {
	background:url(../image/layout/btn_schedule.jpg) no-repeat center bottom;
}


/*   footer
-----------------------------------------*/
#footer{
	width:960px;
	margin:0 auto;
	padding:17px 0 0;
}

#footer p{
	display:none;
}

#footer small{
	background:url(../../common/image/layout/copy.png) no-repeat center top;
	width:960px;
	height:120px;
	display:block;
	text-indent:-9999px;
}

#footer #logoPSO2{
	margin:0 0 0 369px;
	width:222px;
	height:111px;
	display:block;
}

#footer ul{
	width:960px;
	margin:0;
	position:relative;
	height:70px;
}

#footer ul li#logoSega{
	position:absolute;
	left:484px;
	width:91px;
	top:7px;
}

#footer ul li#logoCero{
	position:absolute;
	left:603px;
	width:37px;
}

#footer ul li#logoPS{
	position:absolute;
	left:322px;
	top:7px;
}

#footer ul li#logoVita{
	position:absolute;
	left:365px;
	top:9px;
}

#footer #socialIconArea{
	position:relative;
	width: 920px;
	height:30px;
	margin:25px 0 0 0;
}

#footer #socialIconArea .twitter-share-button{
	position:absolute;
	left:338px;
	top:0px;
}

#footer #socialIconArea #facebook{
	position:absolute;
	top:0px;
	left:445px;
}

#footer #socialIconArea #google{
	position:absolute;
	top:3px;
	width:50px;
	float:left;
	left:574px;
}


