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

/*
	layout
--------------------------------------------*/

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

#wrap{
	width:855px;
	margin:0 auto;
	background: url(../image/layout/conts_bg.gif) repeat-y center top;
	overflow:hidden;
	clear:both;
}

/*
	header
--------------------------------------------*/
#header{
	width:855px;
	height:329px;
	position:relative;
	z-index:1;
	background: url(../image/layout/visual.jpg) no-repeat;
}

#header h1 a{
	width:381px;
	height:245px;
	background: url(../image/layout/logo.png) no-repeat;
	behavior: expression(IEPNGFIX.fix(this));
	position:absolute;
	left:8px;
	top:46px;
	z-index:5;
	display:block;
	text-indent:-9999px;
}

#header a#btnToTop{
	width:168px;
	height:23px;
	background: url(../image/layout/btn_totop.gif) no-repeat left top;
	position:absolute;
	left:657px;
	top:289px;
	z-index:2;
	display:block;
	text-indent:-9999px;
}

#header a:hover#btnToTop{
	background: url(../image/layout/btn_totop.gif) no-repeat left bottom;
}

/*
	navigationArea
--------------------------------------------*/
#navigationArea{
	width:205px;
	float:left;
	padding:0 0 10px 0;
}

#navigationArea dt{
	display:none;
}

#navigationArea #linkWickeduser,
#navigationArea #linkInquiry{
	padding:5px 0 0 5px;
}

#navigationArea #linkWickeduser a,
#navigationArea #linkInquiry a{
	width:195px;
	height:34px;
	display:block;
	text-indent:-9999px;
}

#navigationArea #linkWickeduser a{
	background: url(../image/layout/navi_wickeduser.gif) no-repeat left top;
}

#navigationArea #linkWickeduser a:hover{
	background: url(../image/layout/navi_wickeduser.gif) no-repeat left bottom;
}

#navigationArea #linkInquiry a{
	background: url(../image/layout/navi_inquiry.gif) no-repeat left top;
}

#navigationArea #linkInquiry a:hover{
	background: url(../image/layout/navi_inquiry.gif) no-repeat left bottom;
}

#navigationArea #linkOfficial a{
	background: url(../image/layout/psp2i_official.jpg) no-repeat;
	width:165px;
	height:115px;
	display:block;
	text-indent:-9999px;
	margin:10px 0 0 20px;
}

#navigationArea #linkGBR a{
	background: url(../image/layout/bnr_gbr.gif) no-repeat;
	width:165px;
	height:64px;
	display:block;
	text-indent:-9999px;
	margin:10px 0 0 20px;
}

#navigation{
	width:205px;
	background: url(../image/layout/navi_bg.gif) no-repeat left top;
	padding:2px 0 0 0;
}

#navigation li{
	width:201px;/*205px*/
	padding:0 2px;
}

#navigation li a{
	width:201px;
	height:36px;
	display:block;
	text-indent:-9999px;
}

#navigation ul{
	padding:5px 0;
	width:201px;
}

#navigation ul li,
#navigation ul li a{
	width:201px;
	height:17px;
	padding:0;
}

#navigation .lastChild{
	background: url(../image/layout/navi_bottom.gif) no-repeat left bottom;
	padding-bottom:2px;
}

#navigation #naviSummary a{
	background: url(../image/layout/navi_summary.gif) no-repeat left top;
}

#navigation #naviSummary a:hover{
	background: url(../image/layout/navi_summary.gif) no-repeat left bottom;
}

#navigation #naviDlContents a{
	background: url(../image/layout/navi_dlcontents.gif) no-repeat left top;
}

#navigation #naviDlContents a:hover{
	background: url(../image/layout/navi_dlcontents.gif) no-repeat left bottom;
}

#navigation #naviDlMission a{
	background: url(../image/layout/navi_dlcontents_child.gif) no-repeat left top;
}

#navigation #naviDlMission a:hover{
	background: url(../image/layout/navi_dlcontents_child.gif) no-repeat -201px top;
}

#navigation #naviDlMissioncode a{
	background: url(../image/layout/navi_dlcontents_child.gif) no-repeat left -17px;
}

#navigation #naviDlMissioncode a:hover{
	background: url(../image/layout/navi_dlcontents_child.gif) no-repeat -201px -17px;
}

#navigation #naviDlItem a{
	background: url(../image/layout/navi_dlcontents_child.gif) no-repeat left -33px;
}

#navigation #naviDlItem a:hover{
	background: url(../image/layout/navi_dlcontents_child.gif) no-repeat -201px -33px;
}

#navigation #naviDlPartner a{
	background: url(../image/layout/navi_dlcontents_child.gif) no-repeat left -51px;
}

#navigation #naviDlPartner a:hover{
	background: url(../image/layout/navi_dlcontents_child.gif) no-repeat -201px -51px;
}

#navigation #naviMission a{
	background: url(../image/layout/navi_mission.gif) no-repeat left top;
}

#navigation #naviMission a:hover{
	background: url(../image/layout/navi_mission.gif) no-repeat left bottom;
}

#navigation #naviCharacter a{
	background: url(../image/layout/navi_character.gif) no-repeat left top;
}

#navigation #naviCharacter a:hover{
	background: url(../image/layout/navi_character.gif) no-repeat left bottom;
}

#navigation #naviFaq a{
	background: url(../image/layout/navi_faq.gif) no-repeat left top;
}

#navigation #naviFaq a:hover{
	background: url(../image/layout/navi_faq.gif) no-repeat left bottom;
}

#navigation #naviGuide a{
	background: url(../image/layout/navi_guide.gif) no-repeat left top;
}

#navigation #naviGuide a:hover{
	background: url(../image/layout/navi_guide.gif) no-repeat left bottom;
}

#navigation #naviRule a{
	background: url(../image/layout/navi_rule.gif) no-repeat left top;
}

#navigation #naviRule a:hover{
	background: url(../image/layout/navi_rule.gif) no-repeat left bottom;
}

#navigation #naviRuleSS a{
	background: url(../image/layout/navi_rule_ss.gif) no-repeat left top;
}

#navigation #naviRuleSS a:hover{
	background: url(../image/layout/navi_rule_ss.gif) no-repeat left bottom;
}

#navigation #naviRuleMovie a{
	background: url(../image/layout/navi_rule_movie.gif) no-repeat left top;
}

#navigation #naviRuleMovie a:hover{
	background: url(../image/layout/navi_rule_movie.gif) no-repeat left bottom;
}


/*
	contentsArea
--------------------------------------------*/
#contentsArea{
	width:627px;/*639px*/
	padding:0 0 0 12px;
	float:left;
}

#contentsArea h2{
	width:612px;
	height:40px;
	text-indent:-9999px;
}

#contentsArea .conts{
	width:582px;/*612px*/
	margin-bottom:10px;
	background: url(../image/layout/conts_box_bg.gif) no-repeat left bottom;
	padding:10px 15px 15px 15px;
}

#contentsArea .contsLong{
	width:582px;/*612px*/
	background: url(../image/layout/conts_box_bg2.gif) repeat-y left top;
	padding:10px 15px 0 15px;
}

#contentsArea .contsBottom{
	width:612px;/*612px*/
	height:15px;
	margin-bottom:10px;
	background: url(../image/layout/conts_box_bg.gif) no-repeat left bottom;
}

#contentsArea .inner{
	padding:0 10px 20px 10px;
}



/*
	footer
--------------------------------------------*/
#footer{
	width:855px;
	height:137px;
	margin:0 auto;
	clear:both;
	background: url(../image/layout/foot_bg.gif) no-repeat left bottom;
	position:relative;
}

#footer p{
	text-indent:-9999px;
	width:415px;
	height:32px;
	background: url(../image/layout/copyright.gif) no-repeat;
	position:absolute;
	left:12px;
	top:20px;
}

#footer li#logoPSP{
	display:block;
	text-indent:-9999px;
	width:76px;
	height:25px;
	position:absolute;
	left:680px;
	top:20px;
	background: url(../image/layout/logo_psp.gif) no-repeat;
}

#footer li#logoSEGA a{
	display:block;
	text-indent:-9999px;
	width:76px;
	height:25px;
	position:absolute;
	left:765px;
	top:20px;
	background: url(../image/layout/logo_sega.gif) no-repeat;
}

#footer a#psNetwork{
	display:block;
	text-indent:-9999px;
	width:183px;
	height:35px;
	position:absolute;
	left:657px;
	top:78px;
	background: url(../image/layout/btn_psn.gif) no-repeat;
}