@charset "utf-8";
/*=============================================
	PHANTASY STAR PORTABLE 2
	http://phantasystar.sega.jp/psp2/
-----------------------------------------------
=============================================*/

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

body{
	background: #080f16;
}

#container{
	width: 100%;
	margin: 0 auto;
	background: #080f16;
}

/*
	header
--------------------------------------------*/

#wrap{
	width: 100%;
	margin: 0 auto;
	background: url(../image/layout/background_04.gif) repeat-x center top;
}

#wrapper{
	width: 100%;
	margin: 0 auto;
	color: #0e1c25;
	background: url(../image/layout/bg.jpg) no-repeat center top;
}

#header{
	position: relative;
	width: 910px;
	height: 300px;
	margin: 0 auto;
	background: url(../image/layout/main_visual_04.jpg) no-repeat;
	z-index: 1;

}

#header h1{
	position: absolute;
	top: 264px;
	left: 15px;
	width: 366px;
	height: 176px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: url(../image/logo/logo_psp2_conts.png) no-repeat;
	behavior: expression(IEPNGFIX.fix(this));
	z-index: 2;

}

#header p{
	display: none;
}

#header #btnTop{
	display: block;
	position: absolute;
	top: 259px;
	left: 750px;
	width: 145px;
	height: 35px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	font-size: 0;
	line-height: 0;
	
}

#header #btnTop:hover{
	background: url(../image/layout/btn_top.gif) no-repeat;

}


/*-- top page --*/
#topPage #wrap{
	width: 100%;
	margin: 0 auto;
	background: url(../image/layout/background_03.gif) repeat-x center top;
}

#topPage #header{
	position: relative;
	width: 910px;
	height: 555px;
	margin: 0 auto;
	background: url(../image/layout/main_visual_03.jpg) no-repeat;
	z-index: 1;

}

#topPage #header h1{
	position: absolute;
	top: 336px;
	left: 15px;
	width: 400px;
	height: 196px;
	text-indent: -9999px;
	background: url(../image/logo/logo_psp2.png) no-repeat;
	behavior: expression(IEPNGFIX.fix(this));
	z-index: 2;
	font-size: 0;
	line-height: 0;

}


#topPage #header #catchTxt{
	display: block;
	position: absolute;
	top: 565px;
	left: 15px;
	width: 334px;
	height: 44px;
	text-indent: -9999px;
	background: url(../image/logo/catch.png) no-repeat;
	z-index: 3;
	font-size: 0;
	line-height: 0;
	behavior: expression(IEPNGFIX.fix(this));

}

#topPage #header #releaseTxt{
	display: block;
	position: absolute;
	top: 608px;
	left: 15px;
	width: 334px;
	height: 54px;
	text-indent: -9999px;
	background: url(../image/logo/relasedata.gif) no-repeat;
	z-index: 3;
	font-size: 0;
	line-height: 0;

}

#header ul{
	width: 900px;
	margin: 0 auto;
	padding-top: 5px;
	overflow: hidden;
}

#header ul #logoSega{
	float: left;
	width: 94px;
	height: 33px;
	font-size: 0;
	line-height: 0;
}

#header ul #logoSega a{
	display: block;
	width: 94px;
	height: 33px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	
}


#header ul #logoPlayStationPortable{
	float: right;
	width: 106px;
	height: 33px;
	font-size: 0;
	line-height: 0;
}

#header ul #logoPlayStationPortable a{
	display: block;
	width: 106px;
	height: 33px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}


/*
	gloval navigation
--------------------------------------------*/

#navigationArea{
	width: 100%;
	height: 136px;
	background: url(../image/layout/gloval_navigation_bg.gif) repeat-x center top;
}

#navigationArea dl{
	width: 526px; /* 910 */
	height: 128px; /* 137 */
	margin: 0 auto;
	padding: 9px 0 0 384px;
	font-size: 0;
	
	line-height: 0;
	background: url(../image/layout/gloval_navigation.gif) no-repeat;

}

#navigationArea dl dt{
	display: none;
}

#navigationArea dl ul{
	width: 520px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	
}



#navigationArea dl ul li{
	float: left;
	width: 130px; /* 122 */
	height: 48px;
	font-size: 0;
	line-height: 0;
	margin-bottom: 5px;
	text-indent: -9999px;
	background: url(../image/navigation/btn_close.gif) no-repeat;

}

#navigationArea dl ul .lastChild{
	width: 122px;

}

#navigationArea dl ul li a{
	display: block;
	width: 122px;
	height: 48px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}

#navigationArea dl ul #information{
	background: url(../image/navigation/nav_information.gif) no-repeat;

}

#navigationArea dl ul #information:hover{
	background-position: 0 -49px;

}


#navigationArea dl ul #campaign{
	background: url(../image/navigation/nav_information.gif) no-repeat;

}

#navigationArea dl ul #campaign:hover{
	background-position: 0 -49px;

}



#navigationArea dl ul #worldPage{
	background: url(../image/navigation/nav_world.gif) no-repeat;

}

#navigationArea dl ul #worldPage:hover{
	background-position: 0 -49px;

}

#navigationArea dl ul #aboutPage{
	background: url(../image/navigation/nav_about.gif) no-repeat;

}

#navigationArea dl ul #aboutPage:hover{
	background-position: 0 -49px;

}

#navigationArea dl ul #specialPage{
	background: url(../image/navigation/nav_special.gif) no-repeat;


}

#navigationArea dl ul #specialPage:hover{
	background-position: 0 -49px;

}

#navigationArea dl ul #blogPage{
	background: url(../image/navigation/nav_blog.gif) no-repeat;

}

#navigationArea dl ul #blogPage:hover{
	background-position: 0 -49px;

}

#navigationArea dl ul #downloadPage{
	background: url(../image/navigation/nav_download.gif) no-repeat;

}

#navigationArea dl ul #downloadPage:hover{
	background-position: 0 -49px;

}

#navigationArea dl ul #productPage{
	background: url(../image/navigation/nav_product.gif) no-repeat;

}

#navigationArea dl ul #productPage:hover{
	background-position: 0 -49px;

}

#navigationArea dl ul #networkPage{
	background: url(../image/navigation/nav_network.gif) no-repeat;

}

#navigationArea dl ul #networkPage:hover{
	background-position: 0 -49px;

}





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

#contents{
	width: 850px; /* 910 */
	margin: 0 auto;
	padding: 10px 30px 25px 30px;
	background: url(../image/layout/background_conts_04.gif) no-repeat center bottom;
	overflow: hidden;
	zoom: 1;

}

#informationPage #contsWrap{
	width: 910px;
	background: url(../image/layout/bg_conts_rp.gif) repeat-y;
	margin: 0 auto;
}


#topPage #contents{
	position: relative;
	width: 850px; /* 910 */
	margin: 0 auto;
	padding: 0px 30px 25px 30px;
	background: url(../image/layout/background_conts_04.gif) no-repeat center bottom;
	overflow: hidden;

}


#contents #primaryArea h2{
	width: 600px;
	height: 55px;
	text-indent: -9999px;
	background: url(../../information/image/h2_information.gif) no-repeat;
}

#contents h3{
	margin: 0;
	width: 546px;
	height: 25px;
	text-indent: -9999px;
}

#contents #primaryArea{
	float: left;
	width: 600px;
}

#contents #primaryArea #conts{
	width: 546px; /* 600 */
	padding: 15px 27px 15px;
	background: url(../image/layout/conts_main.gif) repeat-y;
}

#contents #primaryArea #conts h3{
	width: 554px;
	margin: 10px auto 10px;
}


#contents #primaryArea #contsBottom{
	width: 600px;
	height: 24px;
	background: url(../image/layout/conts_bottom.gif) no-repeat;
}

#contents #secondaryArea{
	float: right;
	width: 240px;
}


#contents #secondaryArea h2{
	width: 240px;
	height: 42px;
	text-indent: -9999px;
	margin-bottom: 10px;
	background: url(../image/navigation/local_headding_information.gif) no-repeat;
}

#contents #secondaryArea #local{
	width: 240px;
}

#contents #secondaryArea .title a{
	display: block;
	width: 240px;
	height: 39px;
	text-indent: -9999px;
	text-decoration: none;
	margin: 5px 0;
	outline: none;
	background: url(../image/navigation/local_title.gif) no-repeat;
}

#contents #secondaryArea .title a:hover{
	background-position: 0 -39px;
}

#contents #secondaryArea .treeTitle{
	display: block;
	width: 240px;
	height: 45px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../image/navigation/local_tree_title_close.gif) no-repeat;
}


#contents #secondaryArea .treeTitle a{
	display: block;
	width: 240px;
	height: 45px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../image/navigation/local_tree_title.gif) no-repeat;
}

#contents #secondaryArea .treeTitle a:hover{
	background-position: 0 -45px;

}


#contents #secondaryArea .tree{
	width: 207px; /* 240 */
	padding: 0 16px 10px 17px;
	margin-bottom: 5px;
	background: url(../image/navigation/local_tree_bg.gif) no-repeat center bottom;
}

#contents #secondaryArea .tree ul li{
	position: relative;
	width: 207px;
	height: 18px;
	margin: 0 auto 2px;
	text-indent: -9999px;
	background: url(../image/navigation/locla_nav_close.gif) no-repeat;
	font-size: 0;
	line-height: 0;
}

#contents #secondaryArea .tree ul li span{
	display: block;
	position: absolute;
	top: -5px;
	left: -24px;
	width: 24px;
	height: 15px;
	text-indent: -9999px;
	background: url(../image/element/icon_new.gif) no-repeat;
}



#contents #secondaryArea .tree ul li a{
	display: block;
	width: 207px;
	height: 18px;
	text-decoration: none;
	outline: none;
	font-size: 0;
}

#contents #secondaryArea .tree ul li a:hover{
	background-position: 0 -18px;
}





/*-- top page --*/


#topPage #contents h2{
	display: none;
}

#topPage #contents h3{
	margin: 0;
}

#topPage #contents #primaryArea{
	float: left;
	width: 540px;
}

#topPage #contents #secondaryArea{
	float: right;
	width: 302px;
	background: none;

}

/*
	footer
--------------------------------------------*/
#footer{
	width: 880px;
	margin: 0 auto;
	padding: 8px 0 10px 0;
	overflow: hidden;
	clear: both;
}

#footer p{
	float: left;
	font-size: 10px;

}

#footer ul{
	float: right;
	width: 139px;
}

#footer ul li a{
	display: block;
	width: 139px;
	height: 28px;
	text-indent: -9999px;
	background: url(../image/logo/logo_company.gif) no-repeat;
}




#topPage #footer ul,
#indexPage #footer ul{
	float: right;
	width: 283px;
	overflow: hidden;
}

#topPage #footer ul li,
#indexPage #footer ul li{
	float: left;
	width: 144px;
}

#topPage #footer ul li.lastChild,
#indexPage #footer ul li.lastChild{
	width: 139px;
}

#topPage #footer ul li.second,
#indexPage #footer ul li.second{
	width: 144px;
}


#topPage #footer ul li a,
#indexPage #footer ul li a{
	display: inline;
	width: 139px;
	height: 28px;
	text-indent: 0px;
	background: none;
}

#topPage #footer ul li.endChild,
#indexPage #footer ul li.endChild{
	width: 139px;
}

#topPage #footer ul li a,
#indexPage #footer ul li a{
	display: inline;
	width: 139px;
	height: 28px;
	text-indent: 0px;
	background: none;
}


/*
	lineup
--------------------------------------------*/

#lineupArea{
	width: 100%;
	margin: 20px 0 0;
	padding-bottom: 30px;
	background: url(../image/layout/lineup_bg.gif) repeat-x;
}
#lineup{
	width: 100%;
	background: #0d1721;
	margin: 0 0 0;
	padding-top: 15px;
}

#lineupArea h2{
	width: 160px;
	height: 13px;
	margin: 0 auto 0;
	text-indent: -9999px;
	background: url(../image/layout/lineup_title.gif) no-repeat;
}

#lineup ul{
	width: 865px;
	margin: 0 auto;
	overflow: hidden;

}

#lineup ul li{
	float: left;
	width: 125px;
	height: 40px;
	margin-bottom: 5px;
	background: url(../image/bnr/blank.gif) no-repeat;
}

#lineup ul .lastChild{
	width: 115px;
}


#lineup ul li a{
	display: block;
	width: 115px;
	height: 40px;
}