html { margin:0; padding:10px; }
p    { margin:0 15px 0 0; padding: 0; text-align:justify; text-justify:distribute; }
div  { margin:0; padding:0; }
img  { margin:0; padding:0; border:none;}
a    { margin:0; padding:0; color: #333; text-decoration: none; }
a.of { color: #00f; font-weight:bold; font-size:16px; }
a:hover { color: #00f; }

body {
    text-align: center;
    margin: 0 auto;
    padding: 0 10px;
    font-size: 12px;
    color: #333;
    line-height: 1.5;
    background: #999;
}

#wrap
{
    width:960px;
    margin:0 auto;
    padding:0;
    text-align: left;
	border: 1px solid #666;
	background-color:#fff;
    background: url(img/hd.gif) no-repeat top center #fff;
}

#ms {
	float:right;
	width:720px;
	margin-right:10px;
	padding:0;
}
#mn {
	float:left;
	width:540px;
	padding:0;
}

#s1 {
	float:right;
	width:160px;
}
#s2 {
	margin-left:10px;
	float:left;
	width:200px;
}

#s1 p{
	margin: 0 0 5px;
}

#s2 p{
	margin: 0 0 5px;
}

.b {
	text-align:center;
}

.b a {
	color:#00f;
	font-weight:bold;
	font-size:18px;
	line-height:150%;
	text-decoration: underline;
}

.bb {
	text-align:center;
	margin:1em 15px 0; padding: 0; 
}

.bb a {
	color:#00f;
	font-weight:bold;
	font-size:18px;
	line-height:150%;
	text-decoration: underline;
}

.bbb{
    padding:5px;
	border:1px solid #666;
}


h1 {
    margin:0;
    padding:0;
    float:left;
    text-align: left;
    font-size: 12px;
	color:#fff;
	font-weight:normal;
}
#hd1 {
    padding:3px 10px 0;
	}

#hd1 p {
    font-size: 12px;
	color:#fff;
	text-align:right;
}

#hd1 a{
	color:#fff;
}

h2,h3,h4,h5,h6 {
	margin:20px 0 0;
    padding:0;
    font-size: 1.2em;
    color: #999;
	clear:both;
}
#hd {
	color:#fff;
	clear:both;
	padding:10px;
	height:90px;
}
#hd h2{
	color:#fff;
	margin:0;
	width:140px;
	float:left;
}

}
#hd a{
	color:#fff;
	}
#hd h2 a{
	color:#fff;
	}
#hd p{
	float:right;
}
#navi {
	clear:both;
	padding:0 10px;
	margin:0 0 15px;
	color:#fff;
	}
#navi a {
	color:#fff;
	}


.hx {
    background: url(img/hx.jpg) no-repeat left center;
	padding: 2px 0 2px 20px;
    font-size: 15px;
	margin: 20px 0 -5px 1px;
    color: #56a;
	border-bottom:1px dotted #666;
}

.rnk {
	padding: 10px 0 15px 20px;
    font-size: 15px;
	margin: 20px 0 5px;
    color: #56a;
    background: url(img/r0.gif) no-repeat left center;
}
#r1 {
    background: url(img/r1.gif) no-repeat left center;
    padding-top:32px;
    padding-left:60px;
}
#r2 {
    background: url(img/r2.gif) no-repeat left center;
    padding-top:32px;
    padding-left:60px;
}
#r3 {
    background: url(img/r3.gif) no-repeat left center;
    padding-top:32px;
    padding-left:60px;
}
#r4 {
    background: url(img/r4.gif) no-repeat left center;
    padding-top:32px;
    padding-left:60px;
}
#r5 {
    background: url(img/r5.gif) no-repeat left center;
    padding-top:32px;
    padding-left:60px;
}


.clear {
	clear:both;
}

.center {
    text-align: center;
	line-height:0;
}

.go {
	clear:both;
    text-align: center;
}

.red { color: #f00; }
.b { font-weight:bold; font-size:150%; }

#footer {
    padding: 15px 15px;
	border-top:1px dotted #666;
	margin:50px 0 0;
	clear:both;
	line-height:140%;
}

#footer p {
    padding:0;
	margin:0;
}

div.itm {
	padding:0;
	margin: 0 0 30px;
}

div.itm p {
	padding:0 0 1em;
}

.lft {
	float:left;
	margin: 0 15px 15px 0;
}
.bky {
	background:#ff0;
}

ul {
	margin:0;
	padding:0;
}
li {
	list-style:none;
	margin:0;
	padding:0;
}

.bkg {
	background:#fc6;
	padding:10px 0;
	margin: 0 0 10px;
}


/******* rank ********/

#rank
{
font-size:0.75em;
line-height:120%;
padding:3px;
background:#d6d7b5;
letter-spacing:0;
margin: 0 0 10px;
background:#FF6B0D;
}

#rank td
{
background:#fff;
padding:0 0 2px;
}

#rank p
{
margin:0 0 2px;
}
#rank p a
{
color:#fff;
}

#rank .left
{
float:left;
padding-right:2px;
padding-left:2px;
}

#rank a
{
display:block;
margin-bottom:4px;
color:#4d4d4d;
}



#rank1,
#rank2,
#rank3,
#rank4,
#rank5,
#rank6,
#rank7,
#rank8,
#rank9,
#rank10
{
font-weight:bold;
margin-bottom:3px;
padding:4px 0 1px 24px;
}

#rank1
{
background:url(images/rank/1.gif) left center no-repeat;
}

#rank2
{
background:url(images/rank/2.gif) left center no-repeat;
}

#rank3
{
background:url(images/rank/3.gif) left center no-repeat;
}

#rank4
{
background:url(images/rank/4.gif) left center no-repeat;
}

#rank5
{
background:url(images/rank/5.gif) left center no-repeat;
}

#rank6
{
background:url(images/rank/6.gif) left center no-repeat;
}

#rank7
{
background:url(images/rank/7.gif) left center no-repeat;
}

#rank8
{
background:url(images/rank/8.gif) left center no-repeat;
}

#rank9
{
background:url(images/rank/9.gif) left center no-repeat;
}

#rank10
{
background:url(images/rank/10.gif) left center no-repeat;
}

.s-title
{
background:url(images/list-title2.gif) no-repeat;
padding:4px 5px 5px 20px;
font-weight:bold;
color:#fff;
margin:0 0;
font-size:10px;
}

#mn h2
{
background:url(images/main-title.gif) 0 0 no-repeat;
padding:8px 10px 14px 30px;
font-size:1.1em;
color:#fff;
margin:0;
}
#s2 ul{
	margin-bottom:10px;
}

#s2 li a{
display:block;
padding:4px 10px;
background:url(images/list-bg.gif) 0 0 repeat-x;
border-left:1px solid #d0d0d0;
border-right:1px solid #d0d0d0;
font-size:0.8em;
letter-spacing:1px;
text-decoration:none;
}
#s2 li a:hover
{
background:url(images/list-bg.gif) 0 -26px repeat-x;
color:#fff;
}