@charset "utf-8";
/*=================================
	PHANTASY STAR UNIVERSE
	http://phantasystaruniverse.jp/
-----------------------------------
	
	description: boys page
	edit: 
	update: 
----------------------------------
property order	
	

=================================*/

#content h2{
	position: absolute;
	top: 0;
	left: -6px;
	width: 811px;
	height: 66px;
	background: url(../../image/layout/bg_h2.gif) no-repeat;
}


h2 span{
	position: absolute;
	top: 3px;
	left: 40px;
	display: block;
	width: 188px;
	height: 55px;
	text-indent: -9999px;
	background: url(../image/h2_boys.gif) no-repeat;
}

.h3Outline{
	background: url(../image/h3_outline.gif) no-repeat;
	background-position: -10px -10px;
}

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


.h3Rule{
	background: url(../image/h3_rule.gif) no-repeat;
	background-position: -10px -10px;
}

.h3Attention{
	background: url(../image/h3_attention.gif) no-repeat;
	background-position: -10px -10px;
}


.icon{
	display: block;
	padding-left: 18px;
	background: url(../../image/element/icon_list.gif) no-repeat left 1px;
}

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

.section{
	width: 700px;
	margin: 0 auto;
}

.area{
	width: 673px;
	margin: 0 auto;
}

.leftContents{
	width: 380px;
	padding-left: 5px;
}

.ssRight{
	width: 305px;
}

table th{
	width: 120px;
	vertical-align: middle;
}

table td{
	line-height: 140%;
	text-align: left;
	padding: 10px 5px 8px 12px;
}

.charaBoxAldo{
	float: left;
	width: 233px; /* 332 */
	height: 113px; /* 113 */
	margin-right: 9px;
	padding: 8px 6px 0 93px;
	background: url(../image/charabox_aldo.jpg) no-repeat;
}

.charaBoxAldo p{
	color: #aa0008;
}

.charaBoxGou{
	float: right;
	width: 233px; /* 332 */
	height: 113px; /* 113 */
	padding: 8px 6px 0 93px;
	background: url(../image/charabox_gou.jpg) no-repeat;
}

.charaBoxGou p{
	color: #00366d;
}

.charaBoxAlba{
	clear: both;
	float: left;
	width: 233px; /* 332 */
	height: 105px; /* 113 */
	padding: 8px 6px 0 93px;
	background: url(../image/charabox_alba.jpg) no-repeat;
}

.charaBoxAlba p{
	color: #a7004b;
}

.charaBoxBal{
	float: right;
	width: 233px; /* 332 */
	height: 105px; /* 113 */
	padding: 8px 6px 0 93px;
	background: url(../image/charabox_bal.jpg) no-repeat;
}

.charaBoxBal p{
	color: #2e2d2d;
}