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

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


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


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

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

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

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

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

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

#gameChangePage #primaryColumn h2{
	background: url(../image/h2_pickup.gif) no-repeat;
}
#gameNewArrivalPage #primaryColumn h2{
	background: url(../image/h2_newarrival.gif) no-repeat;
}



#changeWeaponPage #primaryColumn h2{
	background:	url(../change/image/h2_weapon.gif) no-repeat;
}

#changeDropitemPage #primaryColumn h2{
	background:	url(../change/image/h2_dropitem.gif) no-repeat;
}

#changeCityPage #primaryColumn h2{
	background: url(../change/image/h2_city.gif) no-repeat;
}

#changeSavedataPage #primaryColumn h2{
	background: url(../change/image/h2_savedata.gif) no-repeat;
}

#newBossPage #primaryColumn h2{
	background: url(../image/h2_boss.gif) no-repeat;
}
#newItemPage #primaryColumn h2{
	background: url(../image/h2_newitem.gif) no-repeat;
}
#newMyroomPage #primaryColumn h2{
	background: url(../image/h2_myroom.gif) no-repeat;
}


/*
	primaryColumn h3
--------------------------------------*/
#primaryColumn #h3Race{
	background: url(../create/image/h3_race.gif) no-repeat;
}

#primaryColumn #h3Combination{
	background: url(../create/image/h3_combination.gif) no-repeat;
}

#primaryColumn #h3Malti{
	background: url(../mode/image/h3_malti.gif) no-repeat;
}

#primaryColumn #h3Story{
	background: url(../mode/image/h3_story.gif) no-repeat;
}

#primaryColumn #h3Action{
	background: url(../battle/image/h3_action.gif) no-repeat;
}

#primaryColumn #h3Fa{
	background: url(../battle/image/h3_fa.gif) no-repeat;
}

#primaryColumn #h3Attack{
	background: url(../battle/image/h3_attack.gif) no-repeat;
}

#primaryColumn #h3Type{
	background: url(../battle/image/h3_type.gif) no-repeat;
}

#primaryColumn #h3SelectType{
	background: url(../type/image/h3_selecttype.gif) no-repeat;
}
#primaryColumn #h3NewType{
	background: url(../type/image/h3_newtype.gif) no-repeat;
}
#primaryColumn #h3CreateType{
	background: url(../type/image/h3_create.gif) no-repeat;
}





#titleHuman{
	background: url(../create/image/title_human.gif) no-repeat;
}

#titleNewman{
	background: url(../create/image/title_newman.gif) no-repeat;
}

#titleCast{
 background: url(../create/image/title_cast.gif) no-repeat;
}

#titleBeast{
 background: url(../create/image/title_beast.gif) no-repeat;
}

#titleMalti{
	background: url(../mode/image/title_malti.gif) no-repeat;
}

#titleMovie{
	background: url(../mode/image/title_movie.gif) no-repeat;
}

#titlePlay{
	background: url(../mode/image/title_play.gif) no-repeat;
}

#titleChara{
	background: url(../mode/image/title_chara.gif) no-repeat;
}


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

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

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

.child01 a{
	background: url(../../image/localnav/child_mode.gif) no-repeat;
	background-position: 0 -2px;
}
.child02 a{
	background: url(../../image/localnav/child_create.gif) no-repeat;
	background-position: 0 -2px;
}

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

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

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

.child06 a{
	background: url(../../image/localnav/child_city.gif) no-repeat;
	background-position: 0 -2px;
}
.child07 a{
	background: url(../../image/localnav/child_savedata.gif) no-repeat;
	background-position: 0 -2px;
}
.child08 a{
	background: url(../../image/localnav/child_type.gif) no-repeat;
	background-position: 0 -2px;
}
.child09 a{
	background: url(../../image/localnav/child_boss.gif) no-repeat;
	background-position: 0 -2px;
}
.child10 a{
	background: url(../../image/localnav/child_newitem.gif) no-repeat;
	background-position: 0 -2px;
}
.child11 a{
	background: url(../../image/localnav/child_myroom.gif) no-repeat;
	background-position: 0 -2px;
}



/* active */

#gameIndexPage .family01 a{
	background-position: 0 -32px;
}

#gameChangePage .family02 a{
	background-position: 0 -32px;
}

#gameNewArrivalPage .family03 a{
	background-position: 0 -32px;
}


#gameModePage .child01 a{
	background-position: 0 -23px;
}


#gameCreatePage .child02 a{
	background-position: 0 -23px;
}

#gameBattlePage .child03 a{
	background-position: 0 -23px;
}
#gameTypePage .child08 a{
	background-position: 0 -23px;
}



#changeWeaponPage .child04 a{
	background-position: 0 -23px;
}

#changeDropitemPage .child05 a{
	background-position: 0 -23px;
}

#changeCityPage .child06 a{
	background-position: 0 -23px;
}

#changeSavedataPage .child07 a{
	background-position: 0 -23px;
}

#newBossPage .child09 a {
	background-position: 0 -23px;
}
#newItemPage .child10 a {
	background-position: 0 -23px;
}
#newMyroomPage .child11 a {
	background-position: 0 -23px;
}


/*
	content
--------------------------------------*/

#gameIndexPage #primaryColumn ul,
#gameChangePage #primaryColumn ul,
#gameNewArrivalPage #primaryColumn ul{
	margin-top: 10px;
}

#gameIndexPage #primaryColumn ul li,
#gameChangePage #primaryColumn ul li,
#gameNewArrivalPage #primaryColumn ul li{
	position: relative;
	width: 488px;
	height: 159px;
	margin: 0 auto 10px; 
}

#gameIndexPage #primaryColumn ul li a span,
#gameChangePage #primaryColumn ul li a span,
#gameNewArrivalPage #primaryColumn ul li a span{
	position: absolute;
	top: 50px;
	left: 15px;
	display: block;
	width: 220px;
	text-indent: 0;
	color: #fff;
}

#gameIndexPage #primaryColumn ul li a:hover span,
#gameChangePage #primaryColumn ul li a:hover span,
#gameNewArrivalPage #primaryColumn ul li a:hover span{
	color: #fff;
}

#gameIndexPage #primaryColumn ul li a,
#gameChangePage #primaryColumn ul li a,
#gameNewArrivalPage #primaryColumn ul li a{
	display: block;
	width: 488px;
	height: 159px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}

#btnMode a{
	background: url(../image/game_mode_off.jpg) no-repeat;
}

#btnMode a:hover{
	background: url(../image/game_mode_on.jpg) no-repeat;
}

#btnCreate a{
	background: url(../image/game_create_off.jpg) no-repeat;
}

#btnCreate a:hover{
	background: url(../image/game_create_on.jpg) no-repeat;
}


#btnBattle a{
	background: url(../image/game_battle_off.jpg) no-repeat;
}

#btnBattle a:hover{
	background: url(../image/game_battle_on.jpg) no-repeat;
}

#btnType a{
	background: url(../image/game_type_off.jpg) no-repeat;
}

#btnType a:hover{
	background: url(../image/game_type_on.jpg) no-repeat;
}


#btnClose01{
	text-indent: -9999px;
	background: url(../image/game_close_02.jpg) no-repeat;
}

#btnClose02{
	text-indent: -9999px;
	background: url(../image/game_close_01.jpg) no-repeat;
}

ul.ss li{
	margin-right: 6px;
}

dl.type {
	position: relative;
	margin: 15px auto 15px auto;
	width: 481px;
	height: 120px;
	background: url(../type/image/background_type.gif) no-repeat;
}
dl.type dt {
	display: none;
}
dl.type dd {
	position: absolute;
	left: 245px;
	top: 24px;
	color: #7EAEC2;
}
dl.type dd.base {
	left: 2px;
}