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

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


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


/*
	conts
--------------------------------------------*/
#conts{
	padding-bottom: 30px;
}

#raceList{
}

#raceList li{
	position: relative;
	display: block;
	width: 546px;
	height: 327px;
	margin: 10px auto;
}

#raceList li span{
	position: absolute;
	top: 272px;
	left: 10px;
	display: block;
	width: 530px;
}



#raceList li a{
	display: block;
	width: 546px;
	height: 327px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;

}

#raceList li a:hover{
	background-position: 0 -332px;
}


#raceList #raceHuman a{
	background: url(../image/human.jpg) no-repeat;
}

#raceList #raceHuman a:hover{
	background-position: 0 -332px;
}


#raceList #raceNewman a{
	background: url(../image/newman.jpg) no-repeat;
}

#raceList #raceNewman a:hover{
	background-position: 0 -331px;
}


#raceList #raceCast a{
	background: url(../image/cast.jpg) no-repeat;
}

#raceList #raceCast a:hover{
	background-position: 0 -331px;
}



#raceList #raceBeast a{
	background: url(../image/beast.jpg) no-repeat;
}


#raceList #raceBeast a:hover{
	background-position: 0 -331px;
}


/*
.npcBox{
	position: relative;
	width: 546px;
	height: 240px;
	margin-bottom: 10px;
	background: url(../image/npcbox_human.jpg) no-repeat;
}

.npcBox dt{
	display: none;
}

.npcBox .disArea{
	display: none;
}

.npcBox .raceTxt{
	position: absolute;
	width: 300px;
	height: 62px;
}

#raceHuman{
	background: url(../image/npcbox_human.jpg) no-repeat;
}

#raceHuman .raceTxt{
	top: 142px;
	left: 10px;
}


#raceNewman{
	background: url(../image/npcbox_newman.jpg) no-repeat;
}

#raceNewman .raceTxt{
	top: 35px;
	left: 235px;
}

#raceBeast{
	background: url(../image/npcbox_beast.jpg) no-repeat;
}

#raceBeast .raceTxt{
	top: 146px;
	left: 235px;
}

#raceCast{
	background: url(../image/npcbox_cast.jpg) no-repeat;
}

#raceCast .raceTxt{
	top: 35px;
	left: 10px;
}

.npcBox a{
	position: absolute;
	top: 204px;
	left: 6px;
	display: block;
	width: 150px;
	height: 20px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}

#raceNewman a{
	top: 100px;
	left: 231px;
}

#raceCast a{
	top: 96px;
	left: 6px;
}

#raceBeast a{
	top: 206px;
	left: 226px;
}

*/

#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
#slider, #slider li{ 
	position: relative;
	width:546px;
	height:661px;
	overflow:hidden; 
}


#slider li span{
	display: block;
	position: absolute;
	top: 602px;
	left: 8px;
	width: 530px;
}

span#prevBtn{
	float: left;
	width: 275px;
	margin: 10px 0 0 0;
}

span#nextBtn{
	float: left;
	width: 267px;
	margin: 10px 0 0 0;
}

span#prevBtn a{
	display: block;
	width: 267px;
	height: 35px;
	text-indent: -9999px;
	background: url(../image/btn_man.gif) no-repeat;

}

span#nextBtn a{
	display: block;
	width: 267px;
	height: 35px;
	text-indent: -9999px;
	background: url(../image/btn_woman.gif) no-repeat;
}

#raceCastPage span#prevBtn a{
	display: block;
	width: 267px;
	height: 35px;
	text-indent: -9999px;
	background: url(../image/btn_cast_man.gif) no-repeat;

}
#raceCastPage span#nextBtn a{
	display: block;
	width: 267px;
	height: 35px;
	text-indent: -9999px;
	background: url(../image/btn_cast_woman.gif) no-repeat;
}

#raceCastPage span#prevBtn a:hover{
	background-position: 0 -39px;
}
#raceCastPage span#nextBtn a:hover{
	background-position: 0 -39px;
}

span#prevBtn a:hover{
	background-position: 0 -39px;
}
span#nextBtn a:hover{
	background-position: 0 -39px;
}



.positArea{
	height: 80px;
}