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

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


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


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



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

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

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

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

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

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

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

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

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


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

#lwgp01Page #contents #primaryArea h2,
#lwgp02Page #contents #primaryArea h2,
#lwgp03Page #contents #primaryArea h2{
	background: url(../image/headding/h2_lwgp.gif) no-repeat;
}


#h3PMovie{
	background: url(../image/h3_movielist.gif) no-repeat;

}

#h3Gc5{
	background: url(../gc5/image/h3_gc5_list.gif) no-repeat;

}

#h3Interview{
	background: url(../image/h3_messe.gif) no-repeat;

}


#h3Tvcm{
	background: url(../image/h3_tvcm.gif) no-repeat;

}

#h3Lwgp{
	background: url(../image/h3_lwgp.gif) no-repeat;

}


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

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

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

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

#specialPage #contents #secondaryArea #opmovie a,
#opmoviePage #contents #secondaryArea #opmovie a{
	background-position: 0 -39px;
}

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

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

#gc5Page #contents #secondaryArea #gc5 a{
	background-position: 0 -39px;
}


/*
	movie
------------------------------------------*/

.ssList li{
	margin-bottom: 20px;
}


#movie01 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../image/movie_20091016_off.jpg) no-repeat;
}

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


#op a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../image/bg_op.jpg) no-repeat;
}

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

#story a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../image/tgs_movie_01_off.jpg) no-repeat;
}

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

#interview01 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../image/interview01_off.jpg) no-repeat;
}

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

#interview02 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../image/interview02_off.jpg) no-repeat;
}

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



#tvcm01 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../image/tvcm_01_off.jpg) no-repeat;
}

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

#tvcm02-30 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../image/tvcm_02_30min_off.jpg) no-repeat;
}

#tvcm02-30 a:hover{
	background: url(../image/tvcm_02_30min_on.jpg) no-repeat;
}

#tvcm02-15 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../image/tvcm_02_15min_off.jpg) no-repeat;
}

#tvcm02-15 a:hover{
	background: url(../image/tvcm_02_15min_on.jpg) no-repeat;
}


#tvcm03 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../image/tvcm_03_off.jpg) no-repeat;
}

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


#tvcm04 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../image/tvcm_04_off.jpg) no-repeat;
}

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

#tvcm05 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../image/tvcm_20091124_off.jpg) no-repeat;
}

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

#lwgp01 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../image/lwgp01.jpg) no-repeat;
}

#lwgp01 a:hover{
	background: url(../image/lwgp01.jpg) no-repeat left bottom;
}

#lwgp02 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../image/lwgp02.jpg) no-repeat;
}

#lwgp02 a:hover{
	background: url(../image/lwgp02.jpg) no-repeat left bottom;
}

#lwgp03 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../image/lwgp03.jpg) no-repeat;
}

#lwgp03 a:hover{
	background: url(../image/lwgp03.jpg) no-repeat left bottom;
}



/*
	gc5
-------------------------------------------*/

#gc5Conts{
	width: 546px;
	height: 584px;
	margin-bottom: 15px;
	background: url(../gc5/image/gc5.jpg) no-repeat;
}

#release01 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../gc5/image/gc5_20090903_off.jpg) no-repeat;
}

#release01 a:hover{
	background: url(../gc5/image/gc5_20090903_on.jpg) no-repeat;
}

#release02 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../gc5/image/gc5_20090922_off.jpg) no-repeat;
}

#release02 a:hover{
	background: url(../gc5/image/gc5_20090922_on.jpg) no-repeat;
}

#release03-01 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../gc5/image/gc5_20091008_01_off.jpg) no-repeat;
}

#release03-01 a:hover{
	background: url(../gc5/image/gc5_20091008_01_on.jpg) no-repeat;
}

#release03-02 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../gc5/image/gc5_20091008_02_off.jpg) no-repeat;
}

#release03-02 a:hover{
	background: url(../gc5/image/gc5_20091008_02_on.jpg) no-repeat;
}


#release04 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../gc5/image/gc5_20091030_off.jpg) no-repeat;
}

#release04 a:hover{
	background: url(../gc5/image/gc5_20091030_on.jpg) no-repeat;
}

#release05 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../gc5/image/gc5_20091127_off.jpg) no-repeat;
}

#release05 a:hover{
	background: url(../gc5/image/gc5_20091127_on.jpg) no-repeat;
}

#release06 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../gc5/image/gc5_20091218_off.jpg) no-repeat;
}

#release06 a:hover{
	background: url(../gc5/image/gc5_20091218_on.jpg) no-repeat;
}


#release07 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../gc5/image/gc5_20100108_off.jpg) no-repeat;
}

#release07 a:hover{
	background: url(../gc5/image/gc5_20100108_on.jpg) no-repeat;
}

#release08 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../gc5/image/gc5_20100129_off.jpg) no-repeat;
}

#release08 a:hover{
	background: url(../gc5/image/gc5_20100129_on.jpg) no-repeat;
}

#release09 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../gc5/image/gc5_20100212_off.jpg) no-repeat;
}

#release09 a:hover{
	background: url(../gc5/image/gc5_20100212_on.jpg) no-repeat;
}

#release10 a{
	display: block;
	width: 265px;
	height: 177px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../gc5/image/gc5_20100226_off.jpg) no-repeat;
}

#release10 a:hover{
	background: url(../gc5/image/gc5_20100226_on.jpg) no-repeat;
}



#btnSelect{
	width: 546px;
	overflow: hidden;
}

#btnSelect li{
	height: 17px;
}


#btnSelect #btnPrev{
	float: left;
}

#btnSelect #btnNext{
	float: right;
}

#btnSelect #btnPrev a{
	display: block;
	width: 83px;
	height: 17px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../image/btn_prev.gif) no-repeat;
}

#btnSelect #btnNext a{
	display: block;
	width: 82px;
	height: 17px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../image/btn_next.gif) no-repeat;
}

#btnSelect #btnPrev a:hover{
	background-position: 0 -17px;
}


#btnSelect #btnNext a:hover{
	background-position: 0 -17px;
}