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

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

p strong{
	display: block;
	width: 515px;
	height: 20px;
	background: url(../image/txt_field.gif) no-repeat;
	text-indent: -9999px;
}

#conts #h3Field{
	height: 21px;
	margin-bottom: 0;
	background: url(../image/h3_field.gif) no-repeat;
}

#conts #h3Monster{
	height: 21px;
	background: url(../image/h3_monster.gif) no-repeat;
}

#conts #h3FieldMonster{
	height: 21px;
	background: url(../image/h3_field_monster.gif) no-repeat;
}

h4#h4Field01{
	width: 101px;
	height: 19px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background: url(../image/h4_field_01.gif) no-repeat;
}

h4#h4Field02{
	width: 101px;
	height: 19px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background: url(../image/h4_field_02.gif) no-repeat;
}

h4#h4Field03{
	width: 103px;
	height: 19px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background: url(../image/h4_field_03.gif) no-repeat;
}

h4#h4Field04{
	width: 130px;
	height: 19px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background: url(../image/h4_field_04.gif) no-repeat;
}

h4#h4Monster{
	width: 186px;
	height: 21px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background: url(../image/h4_monster.gif) no-repeat;
	background-position: -2px 0;
}

h4#h4Pso{
	width: 173px;
	height: 20px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background: url(../image/h4_pso.gif) no-repeat;
	background-position: -2px 0;
}


h4{
	position: relative;
}

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

/*
	conts
--------------------------------------------*/

.monsList li{
	position: relative;
	width: 546px;
	margin: 0;
}

.monsList li.lastChild{
	position: relative;
	margin-top: -6px;
	/margin-top: -4px;
}

.monsList li.fazzChild{
	position: relative;
	margin-top: -5px;
	/margin-top: -3px;
}

.monsList li span{
	position: absolute;
	top: 21px;
	left: 120px;
	display: block;
	width: 24px;
	height: 12px;
	text-indent: -9999px;
	background: url(../../../../common/image/element/icon_new2.gif) no-repeat;
}

.section{
	position: relative;
	margin-top: 0;
}

.leftArea{
	width: 265px;
}

#volume01Page .rightArea{
	width: 262px;
}


#volumeFieldPage #conts .section .rightArea p{
	position: absolute;
	display: block;
	top: 53px;
	left: 536px;
	width: 25px;
	height: 46px;
	text-indent: -9999px;
	background: url(../image/monster_point.jpg) no-repeat;
}
#monsList{
	display: block;
	position: relative;
	width: 546px;
	height: 319px;
	text-indent: -9999px;
	background: url(../image/pso_mons.jpg) no-repeat;
}

.monsList .elements{
	position: relative;
	margin-top: -6px;
}


#monsList #element01{
	display: block;
	position: absolute;
	top: 59px;
	left: -18px;
	width: 18px;
	height: 139px;
	text-indent: -9999px;
	background: url(../image/pso_mons_element_01.jpg) no-repeat;

}

#monsList #element02{
	display: block;
	position: absolute;
	top: 92px;
	left: 546px;
	width: 39px;
	height: 52px;
	text-indent: -9999px;
	background: url(../image/pso_mons_element_02.jpg) no-repeat;

}

#monsList #element03{
	display: block;
	position: absolute;
	top: -11px;
	left: -16px;
	width: 215px;
	height: 38px;
	text-indent: -9999px;
	background: url(../image/pso_mons_element_03.gif) no-repeat;

}

/*
	new icon
--------------------------------------------*/
#volumeFieldPage #contents #primaryArea .updateArea {
	position:relative;
}


#volumeFieldPage #contents #primaryArea .updateArea span {
	background:transparent url(../../../../common/image/element/icon_new.gif) no-repeat scroll 0 0;
	height:15px;
	left:-25px;
	position:absolute;
	top:-10px;
	width:24px;
	text-indent:-9999px;
}

.monsList li.fazzChild span {
	background:transparent url(../../../../common/image/element/icon_new.gif) no-repeat scroll 0 0;
	height:15px;
	left:-25px;
	position:absolute;
	top:-5px;
	width:24px;
	text-indent:-9999px;
}


.monsList li.lastChild span{
	background:transparent url(../../../../common/image/element/icon_new.gif) no-repeat scroll 0 0;
	height:15px;
	left:-25px;
	position:absolute;
	top:-8px;
	width:24px;
	text-indent:-9999px;
}