@charset "utf-8";
/*==============================================
	PHANTASY STAR UNIVERSE イルミナスの野望
	URI http://phantasystaruniverse.jp/
------------------------------------------------
	description: report用スタイルシート
	edit: 2009-10-20
	update:
==============================================*/

/* report h3
-------------------------------------------------------------*/
h3#h3Report {
	width:710px;
	height:26px;
	background:url(../image/h3_report.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
}

/* contest ReadArea
-------------------------------------------------------------*/
#repReadArea{
	width:661px;
	overflow:hidden;
	clear:both;
	margin:0 0 0 26px;
}

#repReadArea p{
	width:426px;
	float:left;
}

#repReadArea img{
	float:right;
}

/* report navi
-------------------------------------------------------------*/
#repNavi{
	width:668px;
	margin:15px 0 10px 26px;
	clear:both;
	overflow:hidden;
	background:url(../image/p00.gif) no-repeat 501px 70px;
}

#repNavi li{
	float:left;
	width:167px;
	height:70px;
}

#repNavi li a{
	display:block;
	width:160px;
	height:60px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}

#repNavi li#person01 a{background:url(../image/p01.gif) no-repeat left top;}
#repNavi li#person02 a{background:url(../image/p02.gif) no-repeat left top;}
#repNavi li#person03 a{background:url(../image/p03.gif) no-repeat left top;}
#repNavi li#person04 a{background:url(../image/p04.gif) no-repeat left top;}
#repNavi li#person05 a{background:url(../image/p05.gif) no-repeat left top;}
#repNavi li#person06 a{background:url(../image/p06.gif) no-repeat left top;}
#repNavi li#person07 a{background:url(../image/p07.gif) no-repeat left top;}

#repNavi li#person01 a:hover,
#repNavi li#person01 a.on{background:url(../image/p01.gif) no-repeat left bottom;}
#repNavi li#person02 a:hover,
#repNavi li#person02 a.on{background:url(../image/p02.gif) no-repeat left bottom;}
#repNavi li#person03 a:hover,
#repNavi li#person03 a.on{background:url(../image/p03.gif) no-repeat left bottom;}
#repNavi li#person04 a:hover,
#repNavi li#person04 a.on{background:url(../image/p04.gif) no-repeat left bottom;}
#repNavi li#person05 a:hover,
#repNavi li#person05 a.on{background:url(../image/p05.gif) no-repeat left bottom;}
#repNavi li#person06 a:hover,
#repNavi li#person06 a.on{background:url(../image/p06.gif) no-repeat left bottom;}
#repNavi li#person07 a:hover,
#repNavi li#person07 a.on{background:url(../image/p07.gif) no-repeat left bottom;}

{background:url(../image/p01.gif) no-repeat left bottom;}
#repNavi li#person02 a:hover{background:url(../image/p02.gif) no-repeat left bottom;}
#repNavi li#person03 a:hover{background:url(../image/p03.gif) no-repeat left bottom;}
#repNavi li#person04 a:hover{background:url(../image/p04.gif) no-repeat left bottom;}
#repNavi li#person05 a:hover{background:url(../image/p05.gif) no-repeat left bottom;}
#repNavi li#person06 a:hover{background:url(../image/p06.gif) no-repeat left bottom;}
#repNavi li#person07 a:hover{background:url(../image/p07.gif) no-repeat left bottom;}


/* report details
-------------------------------------------------------------*/
.repDetails{
	width:661px;
	margin:0 0 15px 26px;
	overflow:hidden;
	clear:both;
	background:url(../image/report_bg.gif) repeat-y left top;
}

.repDetails h4{
	margin:0 0 10px 0;
	width:661px;
	height:53px;
	text-indent:-9999px;
	display:block;
}

.repDetails#gold h4{
	background:url(../image/h4_gold.gif) no-repeat;
}

.repDetails#silver h4{
	background:url(../image/h4_silver.gif) no-repeat;
}

.repDetails#bronze h4{
	background:url(../image/h4_bronze.gif) no-repeat;
}

.repDetails ul{
	margin:0 0 0 22px;
	height:236px;
	clear:both;
}

.repDetails li{
	margin:0 4px 0 0;
	height:226px;
	float:left;
}

.repDetails dl{
	width:661px;
	padding:0 0 34px 0;
	overflow:hidden;
	clear:both;
	background:url(../image/report_bottom.gif) no-repeat left bottom;
}

.repDetails dt{
	float:left;
	width:136px;
	height:122px;
	text-indent:-9999px;
}

.repDetails dt#moka{
	background:url(../image/chara_moka.gif) no-repeat right top;
}

.repDetails dt#siera{
	background:url(../image/chara_siera.gif) no-repeat right top;
}

.repDetails dt#noel{
	background:url(../image/chara_noel.gif) no-repeat right top;
}

.repDetails dt#ai{
	background:url(../image/chara_ai.gif) no-repeat right top;
}

.repDetails dt#gou{
	background:url(../image/chara_gou.gif) no-repeat right top;
}

.repDetails dt#aruba{
	background:url(../image/chara_aruba.gif) no-repeat right top;
}

.repDetails dd{
	float:left;
	width:502px;
	min-height:107px;
	padding:10px 0 5px 0;
	overflow:hidden;
	background:url(../image/comment_bg.gif) no-repeat left top;
}

.repDetails dd p{
	margin-left:33px;
	margin-right:10px;
}


/* Table
-------------------------------------------------------------*/
.repTable {
	clear:both;
	width:616px;
	border:solid 1px #929393;
	margin:0 0 10px 22px;
	background:url(../image/table_headbg.gif) repeat-y top left;
	border-collapse:collapse;
}

.repTable th {
	width:175px;
	padding:10px 0;
	vertical-align:middle;
	text-align:center;
	color:#3b4d70;
	background:url(../image/table_headbg_top.gif) no-repeat top left ;
	border:solid 1px #929393;
}

.repTable td {
	vertical-align:middle;
	text-align:left;
	border:solid 1px #929393;
	background-color:#FFFFFF;
	padding:10px;
}