@charset "utf-8";
/*=============================================
	PHANTASY STAR PORTAL
=============================================*/
body {
	background:url(../image/layout/bg.png) repeat-x center top #000000;
	-webkit-text-size-adjust: 100%;
}

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

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

#header strong,#header dl dt{display:none;}

#header a#logo{
	display: block;
	height: 220px;
	width: 437px;
	position: absolute;
	top: 146px;
	left: 17px;
	text-indent: -9999px;
}

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

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

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

#header li#linkHome{
	position:absolute;
	left:810px;
	top:0px;
	background:url(../image/layout/link_home.png) no-repeat center bottom;
}

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

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

#header dl dd ul{
	height: 37px;
	width: 920px;
	position:absolute;
	top: 34px;
	left: 10px;
}

#header dl dd ul li{
	margin-right: 36px;
	float: left;
}

#header dl dd ul li#naviFaq{
	margin-right: 0;
}

#header dl dd ul li a{
	height: 37px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	float: left;
}

#header dl dd ul li#naviOutline a{
	background:url(../../common/image/navigation/navi_outline.png) no-repeat center top;
	width: 123px;
}

#header dl dd ul li#naviNews a{
	background:url(../../common/image/navigation/navi_news.png) no-repeat center top;
	width: 181px;
}

#header dl dd ul li#naviCast a{
	background:url(../../common/image/navigation/navi_cast.png) no-repeat center top;
	width: 108px;
}

#header dl dd ul li#naviSpecial a{
	background:url(../../common/image/navigation/navi_special.png) no-repeat center top;
	width: 140px;
}

#header dl dd ul li#naviGoods a{
	background:url(../../common/image/navigation/navi_goods.png) no-repeat center top;
	width: 83px;
}

#header dl dd ul li#naviFaq a{
	background:url(../../common/image/navigation/navi_faq.png) no-repeat center top;
	width: 83px;
}

#header dl dd ul li#naviOutline a:hover{
	background:url(../../common/image/navigation/navi_outline.png) no-repeat center bottom;
}

#header dl dd ul li#naviNews a:hover{
	background:url(../../common/image/navigation/navi_news.png) no-repeat center bottom;
}

#header dl dd ul li#naviCast a:hover{
	background:url(../../common/image/navigation/navi_cast.png) no-repeat center bottom;
}

#header dl dd ul li#naviSpecial a:hover{
	background:url(../../common/image/navigation/navi_special.png) no-repeat center bottom;
}

#header dl dd ul li#naviGoods a:hover{
	background:url(../../common/image/navigation/navi_goods.png) no-repeat center bottom;
}

#header dl dd ul li#naviFaq a:hover{
	background:url(../../common/image/navigation/navi_faq.png) no-repeat center bottom;
}

body#outlinePage #header dl dd ul li#naviOutline a{
	background:url(../../common/image/navigation/navi_outline.png) no-repeat center bottom;
}

body#newsPage #header dl dd ul li#naviNews a{
	background:url(../../common/image/navigation/navi_news.png) no-repeat center bottom;
}

body#castPage #header dl dd ul li#naviCast a{
	background:url(../../common/image/navigation/navi_cast.png) no-repeat center bottom;
}

body#specialPage #header dl dd ul li#naviSpecial a{
	background:url(../../common/image/navigation/navi_special.png) no-repeat center bottom;
}

body#goodsPage #header dl dd ul li#naviGoods a{
	background:url(../../common/image/navigation/navi_goods.png) no-repeat center bottom;
}

body#faqPage #header dl dd ul li#naviFaq a{
	background:url(../../common/image/navigation/navi_faq.png) no-repeat center bottom;
}

/*   contents
-----------------------------------------*/
.linkPageTop{
	width:46px;
	margin: 0 auto;
	padding:0 0 0 874px;
}

.linkPageTop a{
	width:46px;
	height:57px;
	text-indent:-9999px;
	display:block;
	background:url(../image/layout/link_pagetop.png) no-repeat left top;
}

.linkPageTop a:hover{
	background:url(../image/layout/link_pagetop.png) no-repeat left bottom;
}

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

#footer p{
	display:none;
}

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

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

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

#footer #socialIconArea #twitter{
	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;
}