@charset "utf-8";
/*========================================
	PHANTASY STAR UNIVERSE
------------------------------------------
	timeattackPage file
	edit:2010/01/13
==========================================*/

/*
	header
--------------------------------------------*/

#timeattackPage #headerArea {
	width:790px;
	height:269px;
	background:url(../image/topimage.jpg) no-repeat;
	position:relative;
}

#timeattackPage h2 {
	widht:790px;
	height:77px;
	background:url(../image/h2_timeattack.gif) no-repeat;
	text-indent:-9999px;
}

/*
	update
---------------------------------*/
p#update {
	text-align:right;
	margin:10px 0;
	font-size:12px;	
}



/*
	medal
--------------------------------------------*/

ol#medal {
	width:714px;
	margin:0 auto;
	overflow:hidden;
}

ol#medal li {
	float:left;
	text-indent:-9999px;
}

ol#medal li#gold {
	width:266px;
	height:138px;
	background:url(../image/pic_goldmedal.gif) no-repeat;
	padding-right:5px;
	display:block;
}

ol#medal li#silver {
	width:238px;
	height:138px;
	padding:3px 5px 0 0;
	background:url(../image/pic_silvermedal.gif) 0 3px no-repeat;
	display:block;
}

ol#medal li#bronze {
	width:200px;
	height:138px;
	padding-top:3px;
	background:url(../image/pic_bronzemedal.gif) 0 3px no-repeat;
	display:block;
}


/*
	rank navi
--------------------------------------------*/
ul.pageList {
	width:714px;
	height:45px;
	margin:20px auto;
}

.pageList:after {
	clear:both;
	content:"";
	display:block;
s	visibility:hidden;
}

ul.pageList li {
	width:141px;
	height:45px;
	margin-right:2px;
	float:left;
}

ul.pageList li.lastChild {
	margin-right:0;
}

ul.pageList li a {
	width:141px;
	height:30px;
	background:url(../image/panel_normal.gif) no-repeat;
	display:block;
	color:#333399;
	font-size:12px;
	line-height:12px;
	padding-top:16px;
	text-align:center;
}

ul.pageList li a:hover {
	background:url(../image/panel_on.gif) no-repeat;
	color:#FFFFFF;
}

/* active */
ul#pagelist-01 li#page-01 a { color: #FFFFFF; background:url(../image/panel_on.gif) no-repeat; }
ul#pagelist-02 li#page-02 a { color: #FFFFFF; background:url(../image/panel_on.gif) no-repeat; }
ul#pagelist-03 li#page-03 a { color: #FFFFFF; background:url(../image/panel_on.gif) no-repeat; }
ul#pagelist-04 li#page-04 a { color: #FFFFFF; background:url(../image/panel_on.gif) no-repeat; }
ul#pagelist-05 li#page-05 a { color: #FFFFFF; background:url(../image/panel_on.gif) no-repeat; }



/*
	ranking
---------------------------------*/

table{
 	width:712px;
	margin: 0 auto 12px auto;
	clear:both;
}

td{
	padding: 6px 7px 5px 7px;
	border: 1px solid #999999;
	font-size: 12px;
	line-height: 133%;
	text-align: center;
	vertical-align: middle;
	background-color:#FFFFFF;
}

th{
	padding: 6px 7px 5px 7px;
	border: 1px solid #999999;
	font-size: 12px;
	line-height: 133%;
	text-align: center;
	color: #333399;
	font-weight: 100;
	background:url(../image/bg_th.gif) repeat;
	vertical-align: middle;
}

td.center {
	text-align: center;
}

td.face,
td.face-00,
td.face-01,
td.face-02,
td.face-03,
td.face-04,
td.face-05 {
	font-size: 0;
	line-height: 0;
}

.rank{
	width: 25px;
}

.arrow{
	width: 24px;
	padding: 1px;
}

.arrow img{
	vertical-align: middle;
}

.score{
	width: 65px;
}

.entrance{
	width: 65px;
}

.no{
	width: 70px;
}

.face{
	width: 32px;
	padding: 1px;
}

th.name{
	text-align: center;
}

td.name{
	text-align: left;
}
/*-- element name --*/