@charset "utf-8";
/*======================================
	PHANTASY STAR PORTABLE
	http://phantasystar.sega.jp/psp/
----------------------------------------
	description: game page stylesheet
	edit: 2008/5/14
	update:

======================================*/


/*
	gloNav Active
--------------------------------------*/
#navigation div#activeWorld {
	display: block;
}


/*
	secondly h2
--------------------------------------*/
#secondlyColumn h2{
	background: url(../image/h2_world.gif) no-repeat;
}

/*
	primaryColumn h2
--------------------------------------*/
#worldIndexPage #primaryColumn h2{
	background: url(../image/h2_game_index.gif) no-repeat;
}

#worldGralePage #primaryColumn h2{
	background: url(../image/h2_grale.gif) no-repeat;
}

#worldRacePage #primaryColumn h2{
	background: url(../image/h2_class.gif) no-repeat;
}

#worldCharaPage #primaryColumn h2{
	background: url(../image/h2_character.gif) no-repeat;
}

#worldHelgaPage #primaryColumn h2{
	background: url(../image/h2_helga.gif) no-repeat;
}

#worldViviennePage #primaryColumn h2{
	background: url(../image/h2_vivian.gif) no-repeat;
}

#worldGuardiansPage #primaryColumn h2 {
	background: url(../image/h2_guardians.gif) no-repeat;
}

#worldCogPage #primaryColumn h2 {
	background: url(../image/h2_cog.gif) no-repeat;
}

#worldRoguesPage #primaryColumn h2 {
	background: url(../image/h2_rogues.gif) no-repeat;
}

#worldOtherPage #primaryColumn h2 {
	background: url(../image/h2_other.gif) no-repeat;
}



/*
	primaryColumn h3
--------------------------------------*/

#primaryColumn #episode{
	background: url(../image/h3_episode.gif) no-repeat;
}

#primaryColumn #ending{
	background: url(../image/h3_ending.gif) no-repeat;
}


/*
	lovalNav
--------------------------------------*/

.independence a{
	background: url(../../image/localnav/world_independence.gif) no-repeat;
}

.family a{
	background: url(../../image/localnav/world_family_grale.gif) no-repeat;
}

.family01 a{
	background: url(../../image/localnav/world_family_character.gif) no-repeat;
}

.child a{
	background: url(../../image/localnav/child_class.gif) no-repeat;
	background-position: 0 -2px;
}

.child01 a{
	background: url(../../image/localnav/child_vivian.gif) no-repeat;
	background-position: 0 -2px;
}
.child02 a{
	background: url(../../image/localnav/child_helga.gif) no-repeat;
	background-position: 0 -2px;
}
.child03 a{
	background: url(../../image/localnav/child_guardians.gif) no-repeat;
	background-position: 0 -2px;
}
.child04 a{
	background: url(../../image/localnav/child_cog.gif) no-repeat;
	background-position: 0 -2px;
}
.child05 a{
	background: url(../../image/localnav/child_rogues.gif) no-repeat;
	background-position: 0 -2px;
}
.child06 a{
	background: url(../../image/localnav/child_other.gif) no-repeat;
	background-position: 0 -2px;
}

/* active */

#worldIndexPage .independence a{
	background-position: 0 -32px;
}
#worldGralePage .family a{
	background-position: 0 -32px;
}
#worldCharaPage .family01 a{
	background-position: 0 -32px;
}
#worldRacePage .child a{
	background-position: 0 -23px;
}
#worldVivianPage .child01 a{
	background-position: 0 -23px;
}
#worldHelgaPage .child02 a{
	background-position: 0 -23px;
}
#worldGuardiansPage .child03 a{
	background-position: 0 -23px;
}
#worldCogPage .child04 a{
	background-position: 0 -23px;
}
#worldRoguesPage .child05 a{
	background-position: 0 -23px;
}
#worldOtherPage .child06 a{
	background-position: 0 -23px;
}

/*
	content
--------------------------------------*/
#visual{
	position: relative;
	width: 501px;
	height: 488px;
	margin: 0 auto 15px;
	background: url(../image/bg_visual.jpg) no-repeat;
}

#visual p{
	color: #070F60;
}

#visual ul.ss{
	position: absolute;
	top: 325px;
	left: 9px;
	width: 495px;
	margin: 0 auto;
	line-height: 0;
}

#visual ul.ss li{
	margin-right: 5px;
}

.textArea{
	position: absolute;
	top: 60px;
	left: 15px;
	width: 210px;
	height: 240px;
}


#story{
	position: relative;
	width: 477px;
	height: 266px;
	margin-top: 12px;
	background: url(../image/bg_story.gif) no-repeat;
}

#story dt{
	display: none;
}

#story dd{
	position: absolute;
	margin-left: 54px;
	width: 410px;
}

#story dd.ep1Story{
	top: 26px;
	color: #9c81c8;
}
#story dd.pspStory{
	top: 111px;
}
#story dd.ep2Story{
	top: 205px;
	color: #619491;
}

#primaryColumn ul.ss li p{
	color: #040b16;
}