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

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


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


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

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

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

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

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


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

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

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

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

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


/* active */

#movieIndexPage .family a{
	background-position: 0 -32px;
}

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

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

#movieCmPage .child03 a{
	background-position: 0 -23px;
}


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

#movieIndexPage #primaryColumn ul{
	margin-top: 10px;
}

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

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

#movieIndexPage #primaryColumn ul li a:hover span{
	color: #fff;
}

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

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

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

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

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

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

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


#movieArea {
	width: 488px;
	margin: 0 10px;
}