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

/*
	conts
--------------------------------------------*/
#conts{
clear:both;
overflow:hidden;
}

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

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

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

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

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

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

#contents #secondaryArea #password a:hover{
	background-position: 0 -45px;
}

#passwordPage #contents #secondaryArea #password a{
	background-position: 0 -45px;
}

#contents #secondaryArea #password{
	position: relative;
}

#contents #secondaryArea #password span{
	display: block;
	position: absolute;
	top: -2px;
	left: -4px;
	width: 24px;
	height: 15px;
	text-indent: -9999px;
	background: url(../../common/image/element/icon_new.gif) no-repeat;
}

#contents #secondaryArea .tree ul #miku a{
	background: url(../image/navigation/local_nav_password_miku.gif) no-repeat;
}

#contents #secondaryArea .tree ul #miku a:hover{
	background-position: 0 -18px;
}

#mikuPasswordPage #contents #secondaryArea .tree ul #miku a{
	background-position: 0 -18px;
}

#contents #secondaryArea .tree ul #eva{
	background: url(../image/navigation/local_nav_password_eva.gif) no-repeat;
}

#contents #secondaryArea .tree ul #eva a:hover{
	background: url(../image/navigation/local_nav_password_eva.gif) no-repeat;
	background-position: 0 -18px;
}

#evaPasswordPage #contents #secondaryArea .tree ul #eva a{
	background: url(../image/navigation/local_nav_password_eva.gif) no-repeat;
	background-position: 0 -18px;
}

#contents #secondaryArea .tree ul #fate{
	background: url(../image/navigation/local_nav_password_fate.gif) no-repeat;
}

#contents #secondaryArea .tree ul #fate a:hover{
	background: url(../image/navigation/local_nav_password_fate.gif) no-repeat;
	background-position: 0 -18px;
}

#fatePasswordPage #contents #secondaryArea .tree ul #fate a{
	background: url(../image/navigation/local_nav_password_fate.gif) no-repeat;
	background-position: 0 -18px;
}

#contents #secondaryArea .tree ul #ocha{
	background: url(../image/navigation/local_nav_password_ocha.gif) no-repeat;
}

#contents #secondaryArea .tree ul #ocha a:hover{
	background: url(../image/navigation/local_nav_password_ocha.gif) no-repeat;
	background-position: 0 -18px;
}

#ochaPasswordPage #contents #secondaryArea .tree ul #ocha a{
	background: url(../image/navigation/local_nav_password_ocha.gif) no-repeat;
	background-position: 0 -18px;
}

#contents #secondaryArea .tree ul #item{
	background: url(../image/navigation/local_nav_password_item.gif) no-repeat;
}

#contents #secondaryArea .tree ul #item a:hover{
	background: url(../image/navigation/local_nav_password_item.gif) no-repeat;
	background-position: 0 -18px;
}

#itemPasswordPage #contents #secondaryArea .tree ul #item a{
	background: url(../image/navigation/local_nav_password_item.gif) no-repeat;
	background-position: 0 -18px;
}

#contents #secondaryArea .tree ul #moyashi{
	background: url(../image/navigation/local_nav_password_moyashi.gif) no-repeat;
}

#contents #secondaryArea .tree ul #moyashi a:hover{
	background: url(../image/navigation/local_nav_password_moyashi.gif) no-repeat;
	background-position: 0 -18px;
}

#moyashiPasswordPage #contents #secondaryArea .tree ul #moyashi a{
	background: url(../image/navigation/local_nav_password_moyashi.gif) no-repeat;
	background-position: 0 -18px;
}

#contents #secondaryArea .tree ul #ogi{
	background: url(../image/navigation/local_nav_password_ogi.gif) no-repeat;
}

#contents #secondaryArea .tree ul #ogi a:hover{
	background: url(../image/navigation/local_nav_password_ogi.gif) no-repeat;
	background-position: 0 -18px;
}

#ogiPasswordPage #contents #secondaryArea .tree ul #ogi a{
	background: url(../image/navigation/local_nav_password_ogi.gif) no-repeat;
	background-position: 0 -18px;
}

/*
	eventlist
-----------------------------------------------------*/
#passwordPage #primaryArea ul.eventList{
	margin-top: 10px;
}

#passwordPage #primaryArea ul.eventList li{
	position: relative;
	width: 546px;
	height: 190px;
	margin: 0 auto 10px; 
	text-indent: -9999px;
}

#passwordPage #primaryArea ul.eventList li p{
	position: absolute;
	top: 60px;
	left: 16px;
	display: block;
	width: 250px;
	text-indent: 0;
	color: #fff;
}

#passwordPage #primaryArea ul.eventList li span{
	display: block;
	position: absolute;
	top: -63px;
	left: -29px;
	width: 24px;
	height: 15px;
	text-indent: -9999px;
	background: url(../../common/image/element/icon_new.gif) no-repeat;
}

#passwordPage #primaryArea ul.eventList li a{
	display: block;
	width: 546px;
	height: 194px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}

#passwordPage #primaryArea ul.eventList li#mikuPass{
	background: url(../image/password_miku.jpg) no-repeat;
}

#passwordPage #primaryArea ul.eventList li#mikuPass a:hover{
	background: url(../image/password_miku.jpg) no-repeat;
	background-position: 0 -193px;
}

#passwordPage #primaryArea ul.eventList li#evaPass a{
	background: url(../image/password_eva.jpg) no-repeat;
}

#passwordPage #primaryArea ul.eventList li#evaPass a:hover{
	background-position: 0 -191px;
}

#passwordPage #primaryArea ul.eventList li#fatePass{
	background: url(../image/password_fate.jpg) no-repeat;
}

#passwordPage #primaryArea ul.eventList li#fatePass a:hover{
	background: url(../image/password_fate.jpg) no-repeat;
	background-position: 0 -193px;
}

#passwordPage #primaryArea ul.eventList li#ochaPass{
	background: url(../image/password_ocha.jpg) no-repeat;
}

#passwordPage #primaryArea ul.eventList li#ochaPass a:hover{
	background: url(../image/password_ocha.jpg) no-repeat;
	background-position: 0 -193px;
}

#passwordPage #primaryArea ul.eventList li#itemPass{
	background: url(../image/password_item.jpg) no-repeat;
}

#passwordPage #primaryArea ul.eventList li#itemPass a:hover{
	background: url(../image/password_item.jpg) no-repeat;
	background-position: 0 -193px;
}

#passwordPage #primaryArea ul.eventList li#moyashiPass{
	background: url(../image/password_moyashi.jpg) no-repeat;
}

#passwordPage #primaryArea ul.eventList li#moyashiPass a:hover{
	background: url(../image/password_moyashi.jpg) no-repeat;
	background-position: 0 -193px;
}

#passwordPage #primaryArea ul.eventList li#ogiPass{
	background: url(../image/password_ogi.jpg) no-repeat;
}

#passwordPage #primaryArea ul.eventList li#ogiPass a:hover{
	background: url(../image/password_ogi.jpg) no-repeat;
	background-position: 0 -193px;
}




/*
	index
-----------------------------------------------------*/
#passwordPage p strong{
	display: block;
	width: 546px;
	height: 23px;
	text-indent: -9999px;
	background: url(../image/catch_txt.gif) no-repeat;
}



/*
	itemdataBox
-----------------------------------------------------*/
.itemdataBox{
	clear:both;
	background: url(../image/dotline.gif) repeat-x left bottom;
	margin:10px 0 0 0;
	width:546px;
	height:151px;
	display:block;
	zoom: 1;
	
}

.itemdataBox:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.itemdataBox img{
	float:left;
}

.itemdataBox dl{
	position:relative;
	float:right;
	width:305px;
	height:121px;
	background: url(../image/itemdata_bg.gif) no-repeat;
	padding:10px 0;
}

.itemdataBox dl span{
	display: block;
	position: absolute;
	top: -3px;
	left: -261px;
	width: 24px;
	height: 15px;
	text-indent: -9999px;
	background: url(../../common/image/element/icon_new.gif) no-repeat;
}

.itemdataBox dt{
	display:none;
}

.itemdataBox dd{
	margin:0 5px 8px 80px;
	display:block;
}

.itemdataBox dd.txt{
	margin:0;
	display:block;
	position:absolute;
	top:75px;
	left:12px;
	width:288px;
	height:48px;
	font-size: 38px;
	color: #FFCC00;
	text-align: center;
}

.right{
	margin-top: 10px;
	text-align: right;
}