body {
	margin: auto;
	width: 850px;
	background: #FFFFFF;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro", Osaka,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
	}

img {
	border: none;
	}

a:active {color: #0000ff;}
a:link {color: #0000ff;}
a:visited {color: #0000ff;}
a:hover {color: #ffa500;}

h1 {
	margin: 0;
	padding: 3px 15px 2px 10px;
	width: 845px;
	text-align: right;
	font-size: 12px;
	color: #aaaaaa;
	background: url(img/back2.gif) repeat-y;
	}

#con {
	margin: 0;
	padding: 0 10px 0 10px;
	width: 850px;
	background: url(img/back2.gif) repeat-y;
	}

#head {
	margin: 0;
	padding: 0;
	height: 80px;
	background: url(img/top.gif) no-repeat;
	}

h2 {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 15px;
	text-indent: -1000px;
	}

#head p {
	text-align: left;
	margin: 0;
	padding:  62px 10px 0 320px;
	font-size: 12px;
	color: #000000;
	}

#main_top {
	margin: 0;
	padding: 310px 0 0 90px;
	width: 760px;
	height: 90px;
	background: url(img/main.jpg) no-repeat;
	}

.bt_top {
	clear: both;
	margin: 0px 0 0px 0px;
	}

.bt_top a {
	display: block;
	width: 250px;
	height: 50px;
	}

.bt_top a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	}


#main {
	clear: both;
	float: left;
	width: 580px;
	marigin: 0;
	padding: 10px 10px 10px 10px;
	}

#main h3 {
 	clear: both;
	margin: 40px 0 20px 0;
 	padding: 9px 0 20px 40px;
 	width: 540px;
 	height: 28px;
 	font-size: 17px;
 	background: url(img/h3.gif) no-repeat;
	}

#main p {
	margin: 10px 10px 10px 10px;
	font-size: 13px;
	line-height: 25px;
	color: #000000;
	}

#main table {
	margin: 10px 0 0px 0;
	_margin: 10px 0 0px 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	background: #ffffff;
	}

#main th {
	width: 60px;
	margin: 0;
	padding: 5px 10px 5px 10px;
	background: #f9f9fa;
	font-size: 14px;
	border: 1px solid #cccccc;
	}

#main td {
	margin: 0;
	padding: 5px 10px 5px 10px;
	font-size: 14px;
	border: 1px solid #cccccc;
	}

#main td a {
	font-weight: bold;
	font-size: 14px;
	}

#main .img_l {
	width: 240px;
	margin: 5px 20px 0 10px;
	text-align: center;
	}

#main .img_l p {
	margin: 5px 0 5px 0;
	}

#main a {
	font-weight: bold;
	}

.bt {
	clear: both;
	margin: 20px 0 30px 90px;
	}

.bt a {
	display: block;
	width: 400px;
	height: 50px;
	}

.bt a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	}

.bt2 {
	clear: both;
	margin: 20px 0 30px 100px;
	}

.bt2 a {
	display: block;
	width: 400px;
	height: 40px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(img/bt2.gif);
	}

.bt2 a:hover {
	background-position: 0 -40px;
	}



#side {
	float: right;
	width: 224px;
	margin: 40px 10px 0 0;
	padding: 0px 10px 10px 0;
	}

h4  {
	margin: 10px 0 0px 0;
	padding: 8px 0 0 28px;
	width: 206px;
	height: 23px;
	font-size: 10px;
	color: #333333;
	background: url(img/h4.gif) no-repeat;
	}

#side ul {
	margin: 6px 0 10px 0;
	padding: 0;
	list-style: none;
	}

#side li {
 margin: 0;
 width: 214px;
 height: 24px;
 padding: 4px 0 0 20px;
 _height: 23px;
 _padding: 5px 0 0 20px;
 overflow: hidden;
 font-size: 11px;
 background: url(img/sb.gif);
	}

#side li a{
	text-decoration: none;
	}

#side li a:active {color: #333333;}
#side li a:link {color: #333333;}
#side li a:visited {color: #333333;}
#side li a:hover {color: #ffa500;}

#foot {
	clear: both;
	margin: 20px 0 0 0;
	padding: 20px 0 20px 0;
	text-align: left;
	border-top: 1px dotted #cccccc;
	}

#foot p {
	margin: 5px 20px 10px 20px;
	font-size: 12px;
	color: #777777;
	}

#foot a {
	text-decoration: none;
	color: #777777;
	}

.rank1 {
	margin: 0 5px 0 0;
	color: #c92f1b;
	}

.rank2 {
	margin: 0 5px 0 0;
	color: #1b4cc9;
	}

.rank3 {
	margin: 0 5px 0 0;
	color: #1b931b;
	}

.rank {
	margin: 0 5px 0 0;
	color: #555555;
	}

.r {
	color: #ff0000;
	}

.y {
	background: #ffff00;
	}

.r_b {
	font-size: 15px;
	color: #fb0410;
	}

.small {
	font-size: 12px;
	font-weight: normal;
	}

.img_l {
	float: left;
	margin: 0px 20px 10px 10px;
	}

.img_m {
	float: left;
	margin: 0px 20px 10px 10px;
	}

.img_r {
	float: right;
	margin: 0px 20px 10px 10px;
	}