@charset "utf-8";

/* CSS Document */

/* common */
html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

body, td, th, div, p, span {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 16px;
	color: #535353;
	margin: 0px;
	padding: 0px;
}

form{
	margin: 0px;
	padding: 0px;
}

input,
select,
textarea {
	font-family: Arial,'ＭＳ Ｐゴシック',sans-serif;
	color: #535353;
	vertical-align: middle;
}

img {
	border: none;
	vertical-align: middle;
}

a {
	color: #00a0e9;
	text-decoration: underline;
	outline: none;
}
a:visited {
	color: #00a0e9;
	text-decoration: underline;
}
a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #0068b7;
}

/* base */
div#container {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 900px;
	min-height: 100%;
}
div#header {
	margin: 0px;
	padding: 0px;
	width: 900px;
	height: 45px;
	border-bottom: #dcdcdc solid 5px;
}
div#body {
	margin: 0px;
	padding: 0px;
	width: 900px;
	height: auto;
}
div#footer {
	margin: 0px;
	padding: 0px;
	width: 900px;
	height: 30px;
	text-align: center;
}
div.clear {
	clear: both;
}
div.logo {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 220px;
	height: 45px;
}
div.hd_menu_rank {
	float: right;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 680px;
	height: 35px;
	background: url(../images/img_menu_rank.gif) top left no-repeat;
}
div.hd_menu_config {
	float: right;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 680px;
	height: 35px;
	background: url(../images/img_menu_config.gif) top left no-repeat;
}

/* span */
span.copyright {
	letter-spacing: 1px;
	line-height: 30px;
}
span.red1 {
	color: #e60012;
}
span.small10 {
	font-size: 10px;
}

/* title */
div.title1 {
	margin: 10px auto;
	padding: 0px 0px 0px 5px;
	width: 870px;
	height: 30px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 30px;
	background: url(../images/img_title_bg_1.gif) top left repeat-x;
	border-left: #000000 solid 10px;
}

/* contents */
div.box {
	margin: 20px auto;
	padding: 0px;
	width: 880px;
	height: auto;
	letter-spacing: 1px;
	line-height: 24px;
}
div.box div.left {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 680px;
	height: auto;
}
div.box div.right {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: auto;
}
div.box div.control {
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 880px;
	height: 24px;
	letter-spacing: 1px;
	line-height: 24px;
	text-align: center;
}

/* menu */
ul.hd_menu_rank {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-indent: -9999px;
}
ul.hd_menu_rank li {
	float: left;
	margin: 0px;
	padding: 0px;
}
ul.hd_menu_rank li span, 
ul.hd_menu_rank li a {
	display: block;
	width: 120px;
	height: 35px;
	overflow: hidden;
	text-decoration: none;
}
ul.hd_menu_rank li.hm1 a {
	background: url(../images/img_menu_rank.gif) 0px 0px;
}
ul.hd_menu_rank li.hm2 a {
	background: url(../images/img_menu_rank.gif) -120px 0px;
}
ul.hd_menu_rank li.hm3 a {
	background: url(../images/img_menu_rank.gif) -240px 0px;
}
ul.hd_menu_rank li.hm4 a {
	background: url(../images/img_menu_rank.gif) -360px 0px;
}
ul.hd_menu_rank li.hm5 a {
	background: url(../images/img_menu_rank.gif) -480px 0px;
}
ul.hd_menu_rank li.hm1on,
ul.hd_menu_rank li.hm1 a:hover {
	background: url(../images/img_menu_rank.gif) 0px -35px;
}
ul.hd_menu_rank li.hm2on,
ul.hd_menu_rank li.hm2 a:hover {
	background: url(../images/img_menu_rank.gif) -120px -35px;
}
ul.hd_menu_rank li.hm3on,
ul.hd_menu_rank li.hm3 a:hover {
	background: url(../images/img_menu_rank.gif) -240px -35px;
}
ul.hd_menu_rank li.hm4on,
ul.hd_menu_rank li.hm4 a:hover {
	background: url(../images/img_menu_rank.gif) -360px -35px;
}
ul.hd_menu_rank li.hm5on,
ul.hd_menu_rank li.hm5 a:hover {
	background: url(../images/img_menu_rank.gif) -480px -35px;
}

ul.hd_menu_config {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-indent: -9999px;
}
ul.hd_menu_config li {
	float: left;
	margin: 0px;
	padding: 0px;
}
ul.hd_menu_config li span, 
ul.hd_menu_config li a {
	display: block;
	width: 100px;
	height: 35px;
	overflow: hidden;
	text-decoration: none;
}
ul.hd_menu_config li.hm1 a {
	background: url(../images/img_menu_config.gif) 0px 0px;
}
ul.hd_menu_config li.hm2 a {
	background: url(../images/img_menu_config.gif) -100px 0px;
}
ul.hd_menu_config li.hm3 a {
	background: url(../images/img_menu_config.gif) -200px 0px;
}
ul.hd_menu_config li.hm4 a {
	background: url(../images/img_menu_config.gif) -300px 0px;
}
ul.hd_menu_config li.hm5 a {
	background: url(../images/img_menu_config.gif) -400px 0px;
}
ul.hd_menu_config li.hm6 a {
	background: url(../images/img_menu_config.gif) -500px 0px;
}
ul.hd_menu_config li.hm1on,
ul.hd_menu_config li.hm1 a:hover {
	background: url(../images/img_menu_config.gif) 0px -35px;
}
ul.hd_menu_config li.hm2on,
ul.hd_menu_config li.hm2 a:hover {
	background: url(../images/img_menu_config.gif) -100px -35px;
}
ul.hd_menu_config li.hm3on,
ul.hd_menu_config li.hm3 a:hover {
	background: url(../images/img_menu_config.gif) -200px -35px;
}
ul.hd_menu_config li.hm4on,
ul.hd_menu_config li.hm4 a:hover {
	background: url(../images/img_menu_config.gif) -300px -35px;
}
ul.hd_menu_config li.hm5on,
ul.hd_menu_config li.hm5 a:hover {
	background: url(../images/img_menu_config.gif) -400px -35px;
}
ul.hd_menu_config li.hm6on,
ul.hd_menu_config li.hm6 a:hover {
	background: url(../images/img_menu_config.gif) -500px -35px;
}

/* table */
table.tb1 {
	margin: 5px auto;
	padding: 0px;
	border-collapse: collapse;
}
table.tb1 td {
	padding: 5px;
	letter-spacing: 1px;
	line-height: 18px;
	border: #cdcdcd solid 1px;
	vertical-align: top;
}
table.tb1 tr.even {
	background-color: #fff6c7;
}
table.tb1 td div.number {
	float: left;
	margin: 0px;
	padding: 0px;
	width: auto;
	height: auto;
	color: #b79600;
	line-height: 20px;
	letter-spacing: 1px;
	font-size: 18px;
	font-weight: bold;
}
table.tb1 td div.thumb {
	float: left;
	margin: 0px 5px;
	padding: 0px;
	width: 180px;
	height: 120px;
	text-align: center;
	vertical-align: middle;
}
table.tb1 td a.name {
	font-size: 14px;
}
table.tb1 td span.nenpi {
	font-size: 20px;
	font-weight: bold;
	line-height: 26px;
	color: #c80000;
}
table.tb1 td span.tani {
	font-weight: bold;
	color: #c80000;
}
table.tb1 td span.comment {
	color: #666666;
	font-size: 10px;
	letter-spacing: 0px;
	line-height: 12px;
}