@charset "utf-8";
/* CSS Document */

* {
font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3",  "Osaka?等幅", sans-serif;
}

body {
	font-size: 14px;
	background: #FFF; 
	color: #000000;
}

#wrapper {
	width: 700px;
	margin: 0px auto;
	padding: 0;
}

#menu {
	width:	700px;
	margin:		0;
	padding:	0;
}

ul#gnavi {
	margin:		0;
	padding:	0;
	list-style-type: none;
}

ul#gnavi li {
	display:	block;
	margin:		0 3px 3px 0px;
	padding:	0;
	width:		172px;
	height:		33px;
	float:		left;
}

ul#gnavi li a {
	display:	block;
	width:		172px;
	height:		33px;
}

ul#gnavi li a span {
	display:	none;
}

ul#gnavi li#navi01 a {
	background: url("../img/gnavi01.jpg") 0 0 no-repeat;
}
ul#gnavi li#navi02 a {
	background: url("../img/gnavi02.jpg") 0 0 no-repeat;
}
ul#gnavi li#navi03 a {
	background: url("../img/gnavi03.jpg") 0 0 no-repeat;
}
ul#gnavi li#navi04 a {
	background: url("../img/gnavi04.jpg") 0 0 no-repeat;
}
ul#gnavi li#navi05 a {
	background: url("../img/gnavi05.jpg") 0 0 no-repeat;
}
ul#gnavi li#navi06 a {
	background: url("../img/gnavi06.jpg") 0 0 no-repeat;
}
ul#gnavi li#navi07 a {
	background: url("../img/gnavi07.jpg") 0 0 no-repeat;
}
ul#gnavi li#navi08 a {
	background: url("../img/gnavi08.jpg") 0 0 no-repeat;
}

ul#gnavi li#navi01 a.current,
ul#gnavi li#navi01 a:hover,
ul#gnavi li#navi02 a.current,
ul#gnavi li#navi02 a:hover,
ul#gnavi li#navi03 a.current,
ul#gnavi li#navi03 a:hover,
ul#gnavi li#navi04 a.current,
ul#gnavi li#navi04 a:hover,
ul#gnavi li#navi05 a.current,
ul#gnavi li#navi05 a:hover,
ul#gnavi li#navi06 a.current,
ul#gnavi li#navi06 a:hover,
ul#gnavi li#navi07 a.current,
ul#gnavi li#navi07 a:hover,
ul#gnavi li#navi08 a.current,
ul#gnavi li#navi08 a:hover {
	background-position: 0 -33px;
}

#contents h1 {
	margin:		20px auto 5px;
	padding:	0;
}

#contents #ranking_wrapper {
	width:		660px;
	margin:		0 auto 0;
	padding:	0;
}

#contents #ranking_wrapper #archive_list {
	display:	block;
	margin:		5px auto 0;
	padding:	0;
	width:		660px;
	text-align:	right;
}

#contents #ranking_wrapper #archive_list select {
	margin:		0;
	padding:	0;
}

#contents #ranking_wrapper #archive_list p {
	display:	block;
	position:	relative;
	margin:		5px auto 5px;
	padding:	0;
}

#contents #ranking_wrapper div.top_prize {
	display:	block;
	position:	relative;
	margin:		0 auto 5px;
	padding:	0;
	width:		660px;
	height:		72px;
	font-weight:	bold;
}

#contents #ranking_wrapper #first_prize {
	margin-top:	5px;
	background: url("../img/bg_prize01.jpg") 0 0 no-repeat;
}

#contents #ranking_wrapper #second_prize {
	background: url("../img/bg_prize02.jpg") 0 0 no-repeat;
}

#contents #ranking_wrapper #third_prize {
	background: url("../img/bg_prize03.jpg") 0 0 no-repeat;
}

/* ランキング毎の１〜３位の表示形式 */

/* 累計獲得馬券ランキングの１〜３位の表示形式 */
.ranking01 div.top_prize .point {
	margin:			0;
	padding:		6px 0px 2px;
	font-size:	28px;
	color:			#ffff00;
	text-align: center;
}

.ranking01 div.top_prize .name {
	position:		absolute;
	top:				35px;
	left:				100px;
	margin:			0;
	padding:		5px 0px 2px;
	font-size:	15px;
	color:			#ffffff;
	width:			530px;
	text-align:	center;
	vertical-align:	bottom;
}

.ranking01 div.top_prize .area {
	position:		absolute;
	top:				35px;
	left:				300px;
	margin:			0;
	padding:		10px 0px 2px;
	font-size:	15px;
	color:			#ffffff;
	width:			330px;
	text-align:	left;
	vertical-align:	bottom;
}


/* プレーヤーレベルランキングの１〜３位の表示形式 */
.ranking02 div.top_prize .lv {
	position:		absolute;
	top:				10px;
	left:				95px;
	margin:			0;
	padding:		0;
	width:			160px;
	height:			50px;
}

.ranking02 div.top_prize .lv span {
	display:	block;
	padding:	12px 0px 0px 98px;
	width:		60px;
	font-size:	20px;
	text-align:	center;
	color:			#ffffff;
}

.ranking02 div.top_prize .class01 {
	background: url("../img/class/class2_01.png") 0 0 no-repeat;
}
.ranking02 div.top_prize .class02 {
	background: url("../img/class/class2_02.png") 0 0 no-repeat;
}
.ranking02 div.top_prize .class03 {
	background: url("../img/class/class2_03.png") 0 0 no-repeat;
}
.ranking02 div.top_prize .class04 {
	background: url("../img/class/class2_04.png") 0 0 no-repeat;
}
.ranking02 div.top_prize .class05 {
	background: url("../img/class/class2_05.png") 0 0 no-repeat;
}
.ranking02 div.top_prize .class06 {
	background: url("../img/class/class2_06.png") 0 0 no-repeat;
}
.ranking02 div.top_prize .class07 {
	background: url("../img/class/class2_07.png") 0 0 no-repeat;
}
.ranking02 div.top_prize .class08 {
	background: url("../img/class/class2_08.png") 0 0 no-repeat;
}

.ranking02 div.top_prize .name {
	position:		absolute;
	top:				20px;
	left:				262px;
	margin:			0;
	padding:		8px 0px 2px;
	font-size:	15px;
	color:			#ffffff;
	width:			100px;
	text-align:	left;
	vertical-align:	bottom;
}

.ranking02 div.top_prize .area {
	position:		absolute;
	top:				20px;
	left:				360px;
	margin:			0;
	padding:		8px 0px 2px;
	font-size:	15px;
	color:			#ffffff;
	width:			280px;
	text-align:	left;
	vertical-align:	bottom;
}

.ranking02 table#other_table .lv .class_wrapper {
	position:	relative;
	display:	block;
	margin:			0;
	padding:		0;
	width:			172px;
	height:			24px;
}

.ranking02 table#other_table .lv .class_wrapper span {
	position:	absolute;
	display:	block;
	margin:		0;
	padding:	0;
	top:			4px;
	right:		20px;
	width:		30px;
	height:		20px;
	color:		#ffffff;
	text-align:	center;
	line-height:	1em;
}

.ranking02 table#other_table .class01 {
	background: url("../img/class/class1_01.png") 0 0 no-repeat;
}
.ranking02 table#other_table .class02 {
	background: url("../img/class/class1_02.png") 0 0 no-repeat;
}
.ranking02 table#other_table .class03 {
	background: url("../img/class/class1_03.png") 0 0 no-repeat;
}
.ranking02 table#other_table .class04 {
	background: url("../img/class/class1_04.png") 0 0 no-repeat;
}
.ranking02 table#other_table .class05 {
	background: url("../img/class/class1_05.png") 0 0 no-repeat;
}
.ranking02 table#other_table .class06 {
	background: url("../img/class/class1_06.png") 0 0 no-repeat;
}
.ranking02 table#other_table .class07 {
	background: url("../img/class/class1_07.png") 0 0 no-repeat;
}
.ranking02 table#other_table .class08 {
	background: url("../img/class/class1_08.png") 0 0 no-repeat;
}

/* 高額獲得馬券ランキングの１〜３位の表示形式 */
.ranking03 div.top_prize .point {
	position:		absolute;
	top:				8px;
	left:				80px;
	margin:			0;
	padding:		0px 0px 2px;
	width:			170px;
	font-size:	28px;
	color:			#ffff00;
	text-align: right;
}

.ranking03 div.top_prize .race {
	position:		absolute;
	display:		block;
	top:				8px;
	left:				260px;
}

.ranking03 div.top_prize .date {
	margin:			0;
	padding:		0;
	position:		absolute;
	top:				15px;
	right:			25px;
	font-size:	14px;
	color:			#ffffff;
	text-align:	right;
}

.ranking03 div.top_prize .name {
	position:		absolute;
	top:				35px;
	left:				100px;
	margin:			0;
	padding:		5px 0px 2px;
	font-size:	15px;
	color:			#ffffff;
	width:			530px;
	text-align:	center;
	vertical-align:	bottom;
}

.ranking03 div.top_prize .area {
	position:		absolute;
	top:				35px;
	left:				270px;
	margin:			0;
	padding:		10px 0px 2px;
	font-size:	15px;
	color:			#ffffff;
	width:			330px;
	text-align:	left;
	vertical-align:	bottom;
}

/* 転がし回数ランキングの１〜３位の表示形式 */
.ranking04 div.top_prize .point,
.ranking05 div.top_prize .point {
	position:		absolute;
	top:				8px;
	margin:			0;
	padding:		0px 0px 2px;
	width:			200px;
	font-size:	28px;
	color:			#ffff00;
	text-align: right;
}

.ranking04 div.top_prize .point {
	left:				260px;
}

.ranking05 div.top_prize .point {
	left:				100px;
}

.ranking04 div.top_prize .count,
.ranking05 div.top_prize .count {
	position:		absolute;
	top:				8px;
	left:				360px;
	margin:			0;
	padding:		0px 0px 2px;
	width:			80px;
	font-size:	28px;
	color:			#ffff00;
	text-align: right;
}

.ranking04 div.top_prize .count {
	left:				200px;
}
.ranking05 div.top_prize .count {
	left:				360px;
}

.ranking04 div.top_prize .name,
.ranking05 div.top_prize .name,
.ranking06 div.top_prize .name {
	position:		absolute;
	top:				35px;
	left:				100px;
	margin:			0;
	padding:		5px 0px 2px;
	font-size:	15px;
	color:			#ffffff;
	width:			530px;
	text-align:	center;
	vertical-align:	bottom;
}

/* 累計転がし回数ランキングの１〜３位の表示形式 */
.ranking06 div.top_prize .point {
	position:		absolute;
	top:				8px;
	left:				90px;
	margin:			0;
	padding:		0px 0px 2px;
	width:			180px;
	font-size:	28px;
	color:			#ffff00;
	text-align: right;
}

.ranking06 div.top_prize .horse {
	position:		absolute;
	top:				8px;
	left:				300px;
	margin:			0;
	padding:		0px 0px 2px;
	font-size:	28px;
	color:			#ffff00;
	text-align: left;
}

/* フレンドチームランキングの１〜３位の表示形式 */
.ranking07 div.top_prize .point {
	position:		absolute;
	top:				8px;
	left:				120px;
	margin:			0;
	padding:		0px 0px 2px;
	width:			180px;
	font-size:	28px;
	color:			#ffff00;
	text-align: right;
}

.ranking07 div.top_prize .team {
	position:		absolute;
	top:				10px;
	left:				320px;
	margin:			0;
	padding:		0px 0px 2px;
	width:			300px;
	font-size:	26px;
	color:			#ffff00;
	text-align: left;
}

.ranking07 div.top_prize .member {
	position:		absolute;
	top:				40px;
	left:				100px;
	margin:			0;
	padding:		5px 0px 2px;
	font-size:	15px;
	color:			#ffffff;
	width:			530px;
	text-align:	center;
	vertical-align:	bottom;
}

/* リーディングサイアーランキングの１〜３位の表示形式 */
.ranking08 div.top_prize .horse {
	position:		absolute;
	top:				10px;
	left:				330px;
	margin:			0;
	padding:		0px 0px 2px;
	font-size:	26px;
	color:			#ffff00;
	text-align: left;
}

.ranking08 div.top_prize .point {
	position:		absolute;
	top:				8px;
	left:				130px;
	margin:			0;
	padding:		0px 0px 2px;
	width:			180px;
	font-size:	28px;
	color:			#ffff00;
	text-align: right;
}

.ranking08 div.top_prize .team {
	position:		absolute;
	top:				43px;
	left:				100px;
	margin:			0;
	padding:		0px 0px 2px;
	width:			530px;
	font-size:	15px;
	color:			#ffffff;
	text-align: center;
}


/* その他のランキング表示形式 */
#contents #ranking_wrapper table#other_table {
	margin:	20px auto 10px;
	width: 660px; 
	border-collapse:	collapse;
}

#contents #ranking_wrapper table#other_table tr.header {
	width: 660px; 
	height: 25px; 
	background: #fff url('../img/other_table_bg.jpg') 0 0 repeat;
}

#contents #ranking_wrapper table#other_table tr.header th {
	text-align: center; 
	font-weight: bold; 
	padding: 3px; 
	border-top: 1px solid #000; 
	border-right: 1px solid #000; 
	border-bottom: 1px solid #000; 
	border-left: 1px solid #000; 
	height: 19px;
}

#contents #ranking_wrapper table#other_table tr td {
	border-top: 1px solid #000; 
	border-right: 1px solid #000; 
	border-bottom: 1px solid #000; 
	padding: 5px; 
	text-align: left; 
	font-size: 90%;
}

#contents #ranking_wrapper table#other_table tr td {
	border-left: 1px solid #000; 
}

#contents #ranking_wrapper table#other_table tr.color {
	background-color: #ddd;
}

#contents #ranking_wrapper table#other_table tr td.num {
	text-align:	center;
}

#contents #ranking_wrapper table#other_table tr td.count {
	text-align:	center;
}

#contents #ranking_wrapper table#other_table tr td.lv {
	font-size:	120%;
	text-align:	center;
}

#contents #ranking_wrapper table#other_table tr td.name {
	text-align:	center;
}

#contents #ranking_wrapper table#other_table tr td.horse {
	text-align:	center;
}

#contents #ranking_wrapper table#other_table tr td.area {
	text-align:	center;
}

#contents #ranking_wrapper table#other_table tr td.team {
	text-align:	center;
}

#contents #ranking_wrapper table#other_table tr td.member {
	text-align:	center;
}

#contents #ranking_wrapper table#other_table tr td.point {
	text-align:	center;
}