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

/*
	headding
--------------------------------------------*/

#contents #primaryArea h2{
	background: url(../image/headding/h2_world.gif) no-repeat;
}

#worldPage #contents #primaryArea h2{
	background: url(../image/headding/h2_prolog.gif) no-repeat;
}


#cityPage #contents #primaryArea h2{
	background: url(../image/headding/h2_city.gif) no-repeat;
}

#gralePage #contents #primaryArea h2,
#graleParumPage #contents #primaryArea h2,
#graleMortoobPage #contents #primaryArea h2,
#graleNewdaizPage #contents #primaryArea h2{
	background: url(../image/headding/h2_grale.gif) no-repeat;
}


#contents #secondaryArea h2{
	background: url(../image/headding/locla_h2.gif) no-repeat;
}


/*
	nav
------------------------------------------*/



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

#contents #secondaryArea #world a{
	background: url(../image/navigation/locla_nav_prolog.gif) no-repeat;
}

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

#worldPage #contents #secondaryArea #world a{
	background-position: 0 -39px;
}

#contents #secondaryArea #world{
	position: relative;
	margin-bottom:5px;
}


#contents #secondaryArea #grale a{
	background: url(../image/navigation/locla_nav_grale.gif) no-repeat;
}

#contents #secondaryArea #grale a:hover{
	background-position: 0 -45px;
}

#gralePage #contents #secondaryArea #grale a{
	background-position: 0 -45px;
}

#contents #secondaryArea .tree ul #pm a{
	background: url(../../world/image/navigation/locla_nav_grale_parum.gif) no-repeat;
}

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

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

#contents #secondaryArea .tree ul #mt a{
	background: url(../../world/image/navigation/locla_nav_grale_mortoob.gif) no-repeat;
}

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

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

#contents #secondaryArea .tree ul #nd a{
	background: url(../../world/image/navigation/locla_nav_grale_newdaiz.gif) no-repeat;
}

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

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


#contents #secondaryArea #crad6 a{
	background: url(../image/navigation/locla_nav_cllad.gif) no-repeat;
}

#contents #secondaryArea #crad6 a:hover{
	background-position: 0 -45px;
}

#crad6Page #contents #secondaryArea #crad6 a{
	background-position: 0 -45px;
}


#contents #secondaryArea .tree ul #wing a{
	background: url(../image/navigation/locla_nav_cllad_wing.gif) no-repeat;
}

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

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

#contents #secondaryArea .tree ul #city a{
	background: url(../image/navigation/locla_nav_cllad_city.gif) no-repeat;
}

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

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

#contents #secondaryArea .treeTitle a{
	background: url(../image/navigation/locla_nav_character.gif) no-repeat;
}

#contents #secondaryArea #character a{
	background: url(../image/navigation/locla_nav_character.gif) no-repeat;
}

#contents #secondaryArea #character a:hover{
	background-position: 0 -45px;
}

#charaEmiliaPage #contents #secondaryArea #character a,
#charaYutoPage #contents #secondaryArea #character a{
	background-position: 0 -45px;
}



#contents #secondaryArea .tree ul #emilia a{
	background: url(../../world/image/navigation/locla_nav_character_emilia.gif) no-repeat;
}

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

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



#contents #secondaryArea .tree ul #yuto a{
	background: url(../../world/image/navigation/locla_nav_character_ute.gif) no-repeat;
}

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

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

#contents #secondaryArea .tree ul #lumia a{
	background: url(../../world/image/navigation/locla_nav_character_lumia.gif) no-repeat;
}

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

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

#contents #secondaryArea .tree ul #crouch a{
	background: url(../../world/image/navigation/locla_nav_character_crouch.gif) no-repeat;
}

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

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


#contents #secondaryArea .tree ul #chelsea a{
	background: url(../image/navigation/locla_nav_character_chelsea.gif) no-repeat;
}

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

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

#contents #secondaryArea .tree ul #ursula a{
	background: url(../image/navigation/locla_nav_character_ursula.gif) no-repeat;
}

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

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





#contents #secondaryArea .tree ul #mika a{
	background: url(../image/navigation/locla_nav_character_mika.gif) no-repeat;
}

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

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



#contents #secondaryArea .tree ul #shizuru a{
	background: url(../image/navigation/locla_nav_character_shizuru.gif) no-repeat;
}

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

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




#contents #secondaryArea #race a{
	background: url(../image/navigation/locla_nav_playercharacter.gif) no-repeat;

}

#contents #secondaryArea #race a:hover{
	background-position: 0 -45px;
}

#racePage #contents #secondaryArea #race a,
#raceHumanPage #contents #secondaryArea #race a,
#raceBeastPage #contents #secondaryArea #race a,
#raceCastPage #contents #secondaryArea #race a,
#raceNewmanPage #contents #secondaryArea #race a{
	background-position: 0 -45px;
}



#contents #secondaryArea .tree ul #human a{
	background: url(../image/navigation/local_nav_human.gif) no-repeat;
}

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

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



#contents #secondaryArea .tree ul #newman a{
	background: url(../image/navigation/local_nav_newman.gif) no-repeat;
}

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

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


#contents #secondaryArea .tree ul #beast a{
	background: url(../image/navigation/local_nav_beast.gif) no-repeat;
}

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

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

#contents #secondaryArea .tree ul #cast a{
	background: url(../image/navigation/local_nav_cast.gif) no-repeat;
}

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

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


/*
	conts
----------------------------------------------*/
#conts #chara dl{
	display: none;
}