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

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


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


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

/*
	primaryColumn h2
--------------------------------------*/
#networkIndexPage #primaryColumn h2{
	background: url(../image/h2_about.gif) no-repeat;
}
#networkIlluminusPage #primaryColumn h2{
	background: url(../image/h2_illuminus.gif) no-repeat;
}
#networkCharacterPage #primaryColumn h2{
	background: url(../image/h2_character.gif) no-repeat;
}
#networkMissionPage #primaryColumn h2{
	background: url(../image/h2_mission.gif) no-repeat;
}


/*
	primaryColumn h3
--------------------------------------*/
#primaryColumn #h3Import{
	background: url(../character/image/h3_import.gif) no-repeat;
}
#primaryColumn #h3Mission{
	background: url(../illuminus/image/h3_mission.gif) no-repeat;
}
#primaryColumn #h3Item{
	background: url(../illuminus/image/h3_item.gif) no-repeat;
}
#primaryColumn #h3MissionList{
	background: url(../mission/image/h3_missionlist.gif) no-repeat;
}




/*
	localNav
--------------------------------------*/

.independence01 a{
	background: url(../../image/localnav/network_independence_about.gif) no-repeat;
}
.independence02 a{
	background: url(../../image/localnav/network_independence_ill.gif) no-repeat;
}
.independence03 a{
	background: url(../../image/localnav/network_independence_chara.gif) no-repeat;
}
.independence04 a{
	background: url(../../image/localnav/network_independence_mis.gif) no-repeat;
}

.independence01 a:hover,
.independence02 a:hover,
.independence03 a:hover,
.independence04 a:hover{
	background-position: 0 -32px;
}

/* active */

#networkIndexPage .independence01 a{
	background-position: 0 -32px;
}
#networkIlluminusPage .independence02 a{
	background-position: 0 -32px;
}
#networkCharacterPage .independence03 a{
	background-position: 0 -32px;
}
#networkMissionPage .independence04 a{
	background-position: 0 -32px;
}




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

#networkIndexPage #primaryColumn ul{
	margin-top: 10px;
}
#networkIndexPage #primaryColumn ul li{
	position: relative;
	width: 488px;
	height: 159px;
	margin: 0 auto 10px; 
}
#networkIndexPage #primaryColumn ul li a span{
	position: absolute;
	top: 50px;
	left: 15px;
	display: block;
	width: 220px;
	text-indent: 0;
	color: #fff;
}
#networkIndexPage #primaryColumn ul li a:hover span{
	color: #fff;
}

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

#btnIlluminus a{
	background: url(../image/btn_illuminus_off.jpg) no-repeat;
}
#btnIlluminus a:hover{
	background: url(../image/btn_illuminus_on.jpg) no-repeat;
}
#btnCharacter a{
	background: url(../image/btn_character_off.jpg) no-repeat;
}
#btnCharacter a:hover{
	background: url(../image/btn_character_on.jpg) no-repeat;
}
#btnMission a{
	background: url(../image/btn_mission_off.jpg) no-repeat;
}
#btnMission a:hover{
	background: url(../image/btn_mission_on.jpg) no-repeat;
}


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

/* table */
.double th.missionDate {
	width: 90px;
}
.double th.missionName {
	width: auto;
}
.double th.missionArea {
	width: 100px;
}
.double th.missionMode {
	width: 100px;
}
.double th.missionNum {
	width: 80px;
}
.double th.missionSummary {
	width: auto;
}

.double td.missionDate {
	text-align: center;
}
.double td.missionDate span.new {
	display: block;
	margin-bottom: 4px;
	width: 100%;
	height: 12px;
	background: url(../../image/element/icon_new2.gif) no-repeat center top;
	
	text-indent: -9999px;
	
}


.double td.missionName {
	text-align: center;
}
.double td.missionName span {
	display: block;
	color: #00CCFF;
	font-size: 10px;
}
.double td.missionArea {
	text-align: center;
}
.double td.missionMode {
	text-align: center;
}
.double td.missionNum {
	text-align: center;
}
.double td.missionSummary {
}
.missionComingsoon {
	text-align: center;
	color: #333333;
	height: 180px;
}