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

body{
	background:url(../image/bg01.gif);
}

#container{
	width: 100%;
	margin: 0 auto;
	background:url(../image/bg02.gif) repeat-y center top;
}

#contents{
	position: relative;
	width: 910px;
	margin: 0 auto;
}

#wrap{
	width: 100%;
	margin: 0 auto;
	padding:0 0 10px 0;
	background:url(../image/bg03.gif) no-repeat center bottom;
}

/*
	header
--------------------------------------------*/
#wrapper{
	width: 100%;
	margin: 0 auto;
	background:url(../image/head.jpg) no-repeat center top;
}

#header{
	position: relative;
	width: 910px;
	height: 315px;
	margin: 0 auto;
	z-index: 1;
}

#header h1,
#header p{
	display:none;
}

#header ul #logoSega a{
	text-decoration: none;
	outline: none;
}

#header #logoSega{
	position:absolute;
	left:3px;
	top:3px;
}

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


#header #logoPlayStationPortable{
	position:absolute;
	left:803px;
	top:5px;
}

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

/*
	psp2i
--------------------------------------------*/
#psp2ibanner{
	display: block;
	width: 202px;
	height: 146px;
	position:absolute;
	left:717px;
	top:196px;
}

p#psp2inoJS{
	position:absolute;
	left:717px;
	top:196px;
	margin:0;
	padding:0;
	display: block;
}

p#psp2inoJS a{
	display: block;
	width: 202px;
	height: 146px;
	background:url(../image/psp2i.jpg) no-repeat left top;
	margin:0;
	padding:0;
	text-indent:-9999px;
	outline:none;
}
p#psp2inoJS a:hover{
	background:url(../image/psp2i.jpg) no-repeat left bottom;
}

/*
	littleGP
--------------------------------------------*/
#littleGPbanner{
	display: block;
	width: 202px;
	height: 146px;
	position:absolute;
	left:708px;
	top:195px;
}

p#littleGPnoJS{
	position:absolute;
	left:708px;
	top:195px;
	margin:0;
	padding:0;
	display: block;
}

p#littleGPnoJS a{
	display: block;
	width: 202px;
	height: 146px;
	background:url(../image/littleGP.jpg) no-repeat left top;
	margin:0;
	padding:0;
	text-indent:-9999px;
}
p#littleGPnoJS a:hover{
	background:url(../image/littleGP.jpg) no-repeat left bottom;
}

/*
	swf
--------------------------------------------*/
#flconts{
	display: block;
	width: 442px;
	height: 300px;
	position:absolute;
	left:10px;
	top:1px;
}

p#noJS{
	display: block;
	width: 442px;
	height: 300px;
	position:absolute;
	left:10px;
	top:1px;
	background:url(../image/noscript.gif) no-repeat left top;
	margin:0;
	padding:0;
	text-indent:-9999px;
}




/*
	btnArea
--------------------------------------------*/
#btnArea{
	float:right;
	margin:95px 0 0 0;
	width:456px;
}

#btnArea dt{
	display:none;
}

#btnArea li{
	float:left;
}

#btnArea li a{
	outline:none;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
}

#btnArea #toHome{
	background:url(../image/btn_official.gif) no-repeat left top;
}

#btnArea #toBlog{
	background:url(../image/btn_official.gif) no-repeat right top;
}

#btnArea #banner{
	background: url(../image/bnr_trial_02.jpg) no-repeat;
}

#btnArea #toHome a{
	width:223px;
	height:91px;
}

#btnArea #toBlog a{
	width:222px;
	height:91px;
}

#btnArea #banner a{
	width:445px;
	height:114px;
	background:url(../image/bnr_trial_02.jpg) no-repeat left top;
}

#btnArea #toHome a:hover{
	background:url(../image/btn_official.gif) no-repeat left -91px;
}

#btnArea #toBlog a:hover{
	background:url(../image/btn_official.gif) no-repeat right -91px;
}

#btnArea #banner a:hover{
	background: url(../image/bnr_trial_on.jpg) no-repeat 2px 3px;
}
/*
	aboutPSPo2
--------------------------------------------*/
#aboutPSPo2{
	clear:both;
	width:910px;
	height:284px;
	background:url(../image/aboutPSPo2.jpg) no-repeat center top;
}

#aboutPSPo2 h2,
#aboutPSPo2 p{
	display:none;
}

/*
	evolution
--------------------------------------------*/
#evolution{
	clear:both;
	width:910px;
	height:185px;
	background:url(../image/evolution_bg.gif) no-repeat center top;
}

#evolution h3,
#evolution dt{
	display:none;
}

#evolution dl{
	margin:0 0 0 27px;
	padding:58px 0 0 0;
}

#evolution dd{
	float:left;
}

#evolution dd a{
	outline:none;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	width:173px;
	height:109px;
}

#evolution dd#ev01{background:url(../image/evolution_01.gif) no-repeat center top;}
#evolution dd#ev01 a:hover{background:url(../image/evolution_01on.gif) no-repeat center top;}

#evolution dd#ev02{background:url(../image/evolution_02.gif) no-repeat center top;}
#evolution dd#ev02 a:hover{background:url(../image/evolution_02on.gif) no-repeat center top;}

#evolution dd#ev03{background:url(../image/evolution_03.gif) no-repeat center top;}
#evolution dd#ev03 a:hover{background:url(../image/evolution_03on.gif) no-repeat center top;}

#evolution dd#ev04{background:url(../image/evolution_04.gif) no-repeat center top;}
#evolution dd#ev04 a:hover{background:url(../image/evolution_04on.gif) no-repeat center top;}

#evolution dd#ev05{background:url(../image/evolution_05.gif) no-repeat center top;}
#evolution dd#ev05 a:hover{background:url(../image/evolution_05on.gif) no-repeat center top;}

/*
	footer
--------------------------------------------*/
#footer{
	width: 910px;
	height:40px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	background:url(../image/copy.gif) no-repeat left 10px;
	overflow: hidden;
	clear: both;
}

#footer p{
	display:none;
}


#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 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;
	padding-left:144px; 
}

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