body {
	margin: auto;
	width: 800px;
	padding: 0;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background: #dedede;
	}

img {
	border-style: none;
	margin: 0;
	}

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

#con {
	margin: 0;
	padding: 0;
	background: #ffffff;
	}

h1 {
	text-align: right;
	margin: 0;
	padding: 3px 5px 0 0;
	font-size: 11px;
	font-weight: normal;
	color: #282828;
	background: #ffffff;
	}

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

h2 {
	float: left;
	margin: 0;
	padding: 0;
	}

#head p {
	text-align: right;
	margin: 0;
	padding: 8px 5px 0 0;
	font-size: 12px;
	color: #282828;
	}

p {
	margin: 0px 15px 5px 15px;
	font-size: 12px;
	color: #888888;
	}

#main {
	clear: both;
	float: left;
	margin: 5px 0 10px 0;
	padding: 0;
	width: 600px;
	background: #ffffff;
	}

#main p {
	margin: 0px 15px 5px 15px;
	font-size: 12px;
	color: #888888;
	}

#left {
	clear: both;
	float: left;
	width: 590px;
	margin: 3px 0 0 5px;
	padding: 0;
	border-top: 3px solid #fbba35;
	}

h3 {
	clear: both;
	margin: 10px 0 10px 0;
	padding: 1px 0 0 20px;
	height: 19px;
	font-size: 15px;
	color: #333333;
	background: url(img/h3.gif) repeat-x;
	}

h3 a:link{color: #333333;}
h3 a:active{color: #333333;}
h3 a:visited{color: #333333;}
h3 a:hover{color: #fbcf21;}

#left p {
	margin: 0;
	padding : 5px 20px 5px 20px;
	font-size: 14px;
	line-height: 22px;
	color: #333333;
	}

#cat01 {
	float: left;
	margin: 0;
	}

#cat01 a {
	display: block;
	width: 290px;
	height: 100px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(img/cat01.jpg);
	}

#cat01 a:hover {
	background-position: 0 -100px;
	}

#cat02 {
	float: right;
	margin: 0;
	}

#cat02 a {
	display: block;
	width: 290px;
	height: 100px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(img/cat02.jpg);
	}

#cat02 a:hover {
	background-position: 0 -100px;
	}

#cat03 {
	clear: both;
	float: left;
	margin: 10px 0 0 0;
	}

#cat03 a {
	display: block;
	width: 290px;
	height: 100px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(img/cat03.jpg);
	}

#cat03 a:hover {
	background-position: 0 -100px;
	}

#cat04 {
	float: right;
	margin: 10px 0 0 0;
	}

#cat04 a {
	display: block;
	width: 290px;
	height: 100px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(img/cat04.jpg);
	}

#cat04 a:hover {
	background-position: 0 -100px;
	}

#cat05 {
	clear: both;
	float: left;
	margin: 10px 0 0 0;
	}

#cat05 a {
	display: block;
	width: 290px;
	height: 100px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(img/cat05.jpg);
	}

#cat05 a:hover {
	background-position: 0 -100px;
	}

#cat06 {
	float: right;
	margin: 10px 0 0 0;
	}

#cat06 a {
	display: block;
	width: 290px;
	height: 100px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(img/cat06.jpg);
	}

#cat06 a:hover {
	background-position: 0 -100px;
	}


#side {
	float: right;
	margin: 5px 0 10px 0;
	padding: 0;
	width: 190px;
	background: #ffffff;
	}

#side p {
	margin: 0px 0 10px 0;
	}

#s01 a {
	display: block;
	width: 185px;
	height: 100px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(img/s01.jpg);
	}

#s01 a:hover {
	background-position: 0 -100px;
	}

#s02 a {
	display: block;
	width: 185px;
	height: 100px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(img/s02.jpg);
	}

#s02 a:hover {
	background-position: 0 -100px;
	}

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

#side li {
	margin:0;
	}

#side li a {
	margin:0;
	padding: 3px 0 0px 15px;
	display: block;
	width: 170px;
	height: 17px;
	text-decoration: none;
	font-size: 13px;
	background: url(img/side.gif);
	}

#side li a:hover {
	background-position: 0 -20px;
	}

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

#foot {
	clear: both;
	margin: 0;
	padding: 10px 30px 10px 30px;
	text-align: center;
	background: #ffffff;
	}

#foot p {
	font-size: 12px;
	color: #777777;
	}

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


#box {
	clear: both;
	margin: 0;
	}

#img-l {
	clear: both;
	float: left;
	margin: 3px 5px 0 0;
	}

#rank table {
	margin: 0 10px 20px 10px;
	padding: 0;
	border-bottom: 1px dotted #cccccc;
	}

#rank td {
	margin: 1px;
	padding: 5px 10px 5px 10px;
	}

#rank td p {
	margin: 0;
	padding: 0;
	}

#rank {
	margin: 10px 0 0 0;
	padding: 0;
	}

#rank p {
	font-size: 13px;
	margin: 0;
	}


#shamei {
	margin: 0;
	padding: 5px 0 0px 50px;
	}

#rank p#shamei {
	margin: 0;
	padding: 3px 0 0 50px;
	font-size: 15px;
	font-weight: bold;
	}

a#shamei {
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 15px;
	font-weight: bold;
	}

#shamei01 {
	margin: 0;
	padding: 2px 0 0 50px;
	background: url(img/r1.gif) no-repeat;
	}

#shamei02 {
	margin: 0;
	padding: 2px 0 0 50px;
	background: url(img/r2.gif) no-repeat;
	}

#shamei03 {
	margin: 0;
	padding: 2px 0 0 50px;
	background: url(img/r3.gif) no-repeat;
	}

#shamei04 {
	margin: 0;
	padding: 2px 0 0 50px;
	background: url(img/r4.gif) no-repeat;
	}

#shamei05 {
	margin: 0;
	padding: 2px 0 0 50px;
	background: url(img/r5.gif) no-repeat;
	}

#hp a {
	display: block;
	width: 50px;
	height: 20px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(img/hp.gif);
	}

#hp a:hover {
	background-position: 0 -20px;
	}

#r {
	font-weight: bold;
	color: #ff0000;
	}

#y {
	font-weight: bold;
	background: #f4fb33;
	}