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

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


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


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

/*
	primaryColumn h2
--------------------------------------*/
#informationIndexPage #primaryColumn h2{
	background: url(../image/h2_event.gif) no-repeat;
}
#informationWebPage #primaryColumn h2{
	background: url(../image/h2_web.gif) no-repeat;
}
#informationImportantPage #primaryColumn h2{
	background: url(../image/h2_important.gif) no-repeat;
}

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

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

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

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



/*
	primaryColumn h3
--------------------------------------*/
#primaryColumn #h3Event{
	margin-top: 0;
 	background: url(../image/h3_event.gif) no-repeat;
}

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


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

.independence01 a{
	background: url(../../image/localnav/info_independence_event.gif) no-repeat;
}
.independence02 a{
	background: url(../../image/localnav/info_independence_web.gif) no-repeat;
}



/* active */

#informationIndexPage .independence01 a{
	background-position: 0 -32px;
}

#informationWebPage .independence02 a{
	background-position: 0 -32px;
}

/*
	information
--------------------------------------*/
#primaryColumn dl dt{
	width: 98%;
	margin-top: 6px;
	padding: 6px 0 0 8px;
	border-top: 1px #1e2329 dotted;
	text-indent: 0;
	
	font-size: 10px;
	color: #fcf300;
	background: url(../../image/index/icon_info_dt.gif) no-repeat left 9px;
}
#primaryColumn dl dt.first{
	margin-top: 0;
	padding-top: 0;
	border-top: none;
	background: url(../../image/index/icon_info_dt.gif) no-repeat left 3px;
}

#primaryColumn dl dd{
	margin-left: 10px;
	color: #fff;
	padding-left: 12px;
	background: url(../../image/index/icon_info_dd.gif) no-repeat left 4px;
}



#informationIndexPage #primaryColumn ul.eventList{
	margin-top: 10px;
}

#informationIndexPage #primaryColumn ul.eventList li{
	position: relative;
	width: 488px;
	height: 159px;
	margin: 0 auto 10px; 
}

#informationIndexPage #primaryColumn ul.eventList li a span{
	position: absolute;
	top: 58px;
	left: 15px;
	display: block;
	width: 220px;
	text-indent: 0;
	color: #fff;
}

#informationIndexPage #primaryColumn ul.eventList li a:hover span{
	color: #fff;
}

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


/* イベントキャンペーン情報 */
#btnTrialRelease a{
	background: url(../image/btn_trialrelease_off.jpg) no-repeat;
}

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

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

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


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

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

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

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

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

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

.withList {
	margin-top: 20px;
}