@charset "utf-8";
/*=============================================
	PHANTASY STAR PORTAL
=============================================*/
body {
	background:url(../image/bg_repeat_x.gif) repeat-x center top;
}

#wrap {
	background:url(../../common/image/layout/bg-repeat.jpg) repeat-y center -780px;
}

#container02 {
	background:url(../image/bg_base.jpg) no-repeat center top;
}

#container03 {
	background:url(../../common/image/layout/bg-repeat_02.jpg) repeat-y left -780px;
	width: 920px;
	margin: 0 auto;
}

/*   header
-----------------------------------------*/
#header{
	background:url(../image/bg_head.jpg) no-repeat center top;
	width: 920px;
	height: 770px;
}

#header h1{
	width: 580px;
	height: 398px;
	text-indent: -9999px;
	top: 120px;
	left: 152px;
	position: absolute;
}

#header h1 a{
	width: 580px;
	height: 398px;
	display: block;
}

/*   contents
-----------------------------------------*/
h2{display: none;}

#contsLinkBtn a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../image/conts_link_btn.png) no-repeat center top;
	width:69px;
	height:61px;
	position:absolute;
	top:753px;
	left:426px;
	z-index:1;
}

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

#conts01{
	position:relative;
	background:url(../image/conts_01.png) no-repeat center top;
	width: 920px;
	height: 760px;
	margin:0 auto;
}

#conts02{
	background:url(../image/conts_02.png) no-repeat center top;
	text-indent: -9999px;
	width: 920px;
	height: 350px;
	margin:0 auto;
	position:relative;
}

#conts02 .linkPageTop a{
	bottom:-50px;
}

/*   navigation
-----------------------------------------*/
#navigation{
	width: 920px;
	height: 780px;
}

#navigation li{
	position:absolute;
}

#navigation li#naviBroadcast{
	width: 416px;
	height: 205px;
	top: 53px;
	left: 33px;
}

#navigation li#naviStage{
	width: 416px;
	height: 205px;
	top: 171px;
	left: 471px;
}

#navigation li#naviDance{
	width: 416px;
	height: 205px;
	top: 273px;
	left: 33px;
}

#navigation li#naviCorner{
	width: 344px;
	height: 165px;
	top: 400px;
	left: 460px;
}

#navigation li#naviMessage{
	width: 303px;
	height: 73px;
	top: 504px;
	left: 153px;
}

#navigation li#naviSpecial{
	width: 247px;
	height: 119px;
	top: 493px;
	left: 195px;
}

#navigation li#naviGoods{
	width: 227px;
	height: 119px;
	top: 590px;
	left: 448px;
}

#navigation li a{
	display: block;
}

#navigation li a:hover img{
	visibility:hidden;
}