* {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #e3dfde;
	font-size: 12px;
	color: #333333;
	text-align:center;
line-height:150%;
letter-spacing:1px;
}

br
{
letter-spacing:0px;
}

a
{
color:#049ed7;
}

a:hover
{
color:#ccc;
}

img {
	border:none;
}

h1,h2,h3,p ul,li
{
padding:0;
margin:0;
}



#wrap {
	width: 780px;
	margin:0 auto;
	text-align: left;
	background-color: #FFFFFF;
background:url(images/wrap.jpg) center top repeat-y;
position:relative;

}


#head
{
width:780px;
height:117px;
background:url(images/head.gif) center top no-repeat;

}

h1
{
font-weight:normal;
font-size:10px;
padding:3px 10px 10px 35px;
color:#c9c4c4;
}

#head p
{
text-indent:-9999px;
}




#main
{
width:560px;
float:left;
margin:0px 10px 10px 20px;
display:inline;
}

#side
{
width:180px;
float:right;
margin-right:10px;
margin-top:18px;
display:inline;
}


/********* rank *********/

#rank-h2
{
background:url(images/rank-h2.gif) left center no-repeat;
height:46px;
text-indent:-9999px;
}

.rankbox
{
width:180px;
float:left;
margin-top:10px;
margin-right:1px;
display:inline;
}



#rank1
{
background:url(images/rank1.gif) left center no-repeat;
}

#rank2
{
background:url(images/rank2.gif) left center no-repeat;

}

#rank3
{
background:url(images/rank3.gif) left center no-repeat;
}

#rank1,#rank2,#rank3
{
font-weight:bold;
padding:10px 3px 4px 45px;
}

.rankbox
{
font-size:10px;
margin-left:5px;
line-height:130%;
}

.rank-d
{
margin:5px 0 0 10px;
color:#727171;
}


/********* reco *********/

#reco-h2
{
background:url(images/reco-h2.gif) left center no-repeat;
height:46px;
text-indent:-9999px;
clear:both;
padding-top:10px;
}

.recobox
{
border:1px solid #e8dade;
margin:10px 10px 0 5px;
clear:both;
padding:7px;
height:140px;
}

.recobox img
{
float:left;
margin-right:10px;
vertical-align:center;
padding-top:10px;
display:inline;
}

.recobox h3
{
font-size:12px;
border-bottom:1px dashed #fe3569;
margin-bottom:7px;
color:#fe3569;
background:#fbeef2;
margin-left:175px;
width:340px;
padding:3px 3px 0 3px;

}

.pa
{
text-align:right;
margin-right:7px;
}

/********* reco *********/

#s-1
{
background:url(images/side-1.gif) left center no-repeat;
text-indent:-9999px;
height:30px;
}

#side ul
{
padding:0;
margin:0;
list-style-type:none;
}

#cate
{
text-indent:-9999px;
}


/********* footer *********/


#footer {
	clear:both;
background:url(images/footer.gif) center top no-repeat;
	text-align: center;
	padding:15px 20px;
	font-size: 10px;


}

#footer a
{

text-decoration:none;
}

.link a
{
color:#7d8386;
}

#link
{
margin:20px;
border-left:8px solid;
padding:5px 10px;
color:#ba0000;
}


/********* cate *********/

#cate li a
{
display:block;
width:173px;
height:25px;
}

.bg
{
background:url(images/cate/bglen.gif) left center no-repeat;
}

.bg a:hover
{
background:url(images/cate/bglen2.gif) left center no-repeat;
}

.sm
{
background:url(images/cate/souka.gif) left center no-repeat;
}

.sm a:hover
{
background:url(images/cate/souka2.gif) left center no-repeat;
}

.pr
{
background:url(images/cate/pro.gif) left center no-repeat;
}

.pr a:hover
{
background:url(images/cate/pro2.gif) left center no-repeat;
}

.yk
{
background:url(images/cate/yoka.gif) left center no-repeat;
}

.yk a:hover
{
background:url(images/cate/yoka2.gif) left center no-repeat;
}

.at
{
background:url(images/cate/ate.gif) left center no-repeat;
}

.at a:hover
{
background:url(images/cate/ate2.gif) left center no-repeat;
}

.pg
{
background:url(images/cate/pgcd.gif) left center no-repeat;
}

.pg a:hover
{
background:url(images/cate/pgcd2.gif) left center no-repeat;
}

.rf
{
background:url(images/cate/rice.gif) left center no-repeat;
}

.rf a:hover
{
background:url(images/cate/rice2.gif) left center no-repeat;
}

.ty
{
background:url(images/cate/tya.gif) left center no-repeat;
}

.ty a:hover
{
background:url(images/cate/tya2.gif) left center no-repeat;
}

.ag
{
background:url(images/cate/agu.gif) left center no-repeat;
}

.ag a:hover
{
background:url(images/cate/agu2.gif) left center no-repeat;
}

.yb
{
background:#fefc65;
color:#000;
padding:1px;
}


.bn
{
text-align:center;
margin-top:10px;
margin-bottom:15px;
}