/* CSS Document */

html,body {
	height : 100% ;
}

body {
	background : #000 url(../img/ranking/bg.jpg) no-repeat top center fixed ;
	margin : 0 ;
	text-align : center ;
}

#container {
	background : #000 ;
	width : 320px ;
	color : #fff ;
	text-align : center ;
	margin : 0 auto ;
	border : #000 1px solid ;
	height : 100% ;
}

#header {

}

#contents {
	text-align : center ;
	background : #000 ;
	margin : 0 ;
}

#footer {
	padding : 20px 0 20px ;
	background : #000 ;
}

h4 {
	margin : 0 auto ;
}

select {
	width : 250px ;
	margin : 0 auto 10px ;
}

form {
	padding : 10px 0 0 ;
}

img {
	border : 0 ;
}

.form {
	margin : 0 auto ;
	padding : 0 ;
}

.general {
	width : 100% ;
	height : 115px ;
	background : url(../img/ranking/bg01.gif) top center ;
	margin : 0 ;
}

.competition {
	width : 100% ;
	height : 139px ;
	background : url(../img/ranking/bg02.gif) top center ;
	margin : 0 ;
}

.ranking-title {
	width : 100% ;
	height : 51px ;
	background : url(../img/ranking/bg_text.gif) top center ;
	margin : 0 ;
	padding : 15px 0 0 ;
	line-height : 1.2em ;
}

table {
	color : #000 ;
	font-size : 0.9em ;
	width : 320px ;
	border : 0 ;
	border-collapse : collapse  ;
	text-align : left ;
}

table tr {
	height : 24px ;
}

table.table-header {
	background : url(../img/ranking/bg_table_header.gif) no-repeat top left ; 
	height : 24px ;
}

table.ranking {
	color : #fff ;
	background : url(../img/ranking/bg_ranking.gif) repeat-y top left ; 
}

table th, table td {
	padding : 0 0 0 4px ;
}

table .rank {
	width : 50px ;
}

table .name {
	width : 110px ;
}

table .place {
	width : 50px ;
}

table .value {
	width : 80px ;
	text-align : right ;
	padding : 0 5px 0 0 ;
}