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

/*
	headding
---------------------------------------------*/
h3{
	text-indent: -9999px;
	height: 50px;
}

#h3Chara{
	background: url(../image/h3_chara.gif) no-repeat;
}

#h3Mission{
	background: url(../image/h3_mission.gif) no-repeat;
}



h4{
	text-indent: -9999px;
	margin-bottom: 10px;
}

#h4Hu{
	width: 450px;
	height: 16px;
	background: url(../image/h4Hu.gif) no-repeat;
}

#h4Ra{
	width: 450px;
	height: 16px;
	background: url(../image/h4Ra.gif) no-repeat;
}

#h4Fo{
	width: 450px;
	height: 16px;
	background: url(../image/h4Fo.gif) no-repeat;
}

#h4Br{
	width: 450px;
	height: 16px;
	background: url(../image/h4Br.gif) no-repeat;
}


#title01{
	width: 136px;
	height: 16px;
	background: url(../image/h4_title_01.gif) no-repeat;
}

#title02{
	width: 152px;
	height: 16px;
	background: url(../image/h4_title_02.gif) no-repeat;
}


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

#typeList{
	margin-bottom: 15px;
}


#typeList li{
	position: relative;
	width: 750px;
	height: 107px;
	margin: 0 auto 5px;
	background: url(../image/btn_h.gif) no-repeat;
}

#typeList #btnH{
	background: url(../image/btn_h.gif) no-repeat;
}

#typeList #btnH a:hover{
	background: url(../image/btn_h_on.gif) no-repeat;
}


#typeList #btnR{
	background: url(../image/btn_r.gif) no-repeat;
}

#typeList #btnR a:hover{
	background: url(../image/btn_r_on.gif) no-repeat;
}


#typeList #btnF{
	background: url(../image/btn_f.gif) no-repeat;
}

#typeList #btnF a:hover{
	background: url(../image/btn_f_on.gif) no-repeat;
}


#typeList #btnB{
	background: url(../image/btn_b.gif) no-repeat;
}

#typeList #btnB a:hover{
	background: url(../image/btn_b_on.gif) no-repeat;
}


#typeList li span{
	position: absolute;
	top: 41px;
	left: 12px;
	width: 472px; /* 488 */
	height: 37px; /* 53 */
	padding: 8px;
}

#typeList li a{
	position: absolute;
	top: 7px;
	left: 513px;
	display: block;
	width: 228px;
	height: 93px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}

#dataArea{
	width: 750px;
	overflow: hidden;
	margin: 0 auto;
}

#dataArea .leftArea{
	width: 375px;
}

#dataArea .rightArea{
	width: 375px;
}

table{
	border: #cecece solid 1px;
	width: 750px;
	margin: 0 auto 15px;
}

#dataArea .leftArea table{
	width: 370px;
}

#dataArea .rightArea table{
	width: 370px;
}


table th{
	padding: 6px 0;
	border: #cecece solid 1px;
	color: #fff;
}

.category{
	width: 100px;
}

.name{
	width: 220px;
}

.name02{
	width: 200px;
}


.value{
	width: 50px;
}

.element{
	width: 120px;
}

.race{
	width: 70px;
}

.section .rightArea table tr.empty td{
	background: #fff;
}


table td{
	vertical-align: middle;
	border: #cecece solid 1px;
	padding: 6px 0;
	text-align: center;
	background: #fcfcfc;
}

.section{
	padding-bottom: 15px;
}