* {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #e1e3de;
	font-size: 13px;
	color: #444;
	text-align:center;
line-height:160%;

font-family:'Verdana'
}

br
{
letter-spacing:0px;
}

a
{
color:#0000ff;
text-decoration:none;
}

a:hover
{
color:#ccc;
}

img {
	border:none;
}

h1,h2,h3,p ul,li
{
padding:0;
margin:0;
}



#wrap {
	width: 850px;
	margin:0 auto;
	text-align: left;
	background-color: #FFFFFF;
background:url(images/wrap.jpg) center top repeat-y;
position:relative;
}


#head
{
width:850px;
height:152px;
background:url(images/head.jpg) center top no-repeat;
}

h1
{
font-weight:normal;
font-size:10px;
padding:3px 10px 10px 35px;
color:#c9c4c4;
}

#head p
{
padding:60px 0 0 30px;
width:400px;
line-height:15px;
}

#head a
{
	text-decration:none;
	color:#444;
}


#main
{
width:620px;
float:left;
margin:0px 5px 10px 20px;
display:inline;
}

#side
{
width:180px;
float:right;
margin-right:10px;

display:inline;
}


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

#rank-h2
{
background:url(images/rank-h2.gif) left center no-repeat;
padding:20px 0 10px 50px;
font-size:16px;
color:#090;
clear:both;
}

.recobox
{
border:1px solid #d3dcca;
margin:10px 10px 0 5px;
clear:both;
padding:7px;
width:600px;

}

.recobox img
{
float:left;
margin-right:10px;
vertical-align:center;
padding-top:10px;
display:inline;
}

.recobox h3
{
font-size:14px;
border-bottom:1px dashed #429a02;
margin-bottom:7px;
color:#0545e6;
background:#fbeef2;
margin-left:195px;

padding:5px 3px 5px 3px;

}


#rank1,#rank2,#rank3,
#rank4,#rank5
{
font-weight:bold;
padding:20px 3px 4px 50px;
}


#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;
}

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

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

.c1
{

border-top:1px dashed #c4cebb;
width:320px;
padding:5px;
float:left;

}

.c2
{

border-top:1px dashed #c4cebb;
width:260px;
padding:5px;
float:left;

}




.c1 span,
.c2 span,
.c3 span
{
background:#c7f45a;
padding:5px 7px;
margin:5px 15px 5px 5px;
}


.pa
{
text-align:right;
margin-right:7px;
}

.order
{
border-top:1px dashed #c4cebb;
text-align:center;
clear:both;
padding-top:10px;
}

.order a
{
display:block;
width:299px;
height:40px;
text-indent:-9999px;
background:url(images/order.gif) 0px 0px no-repeat;
margin:5px auto;
}

.order a:hover
{
background:url(images/order.gif) 0px -40px no-repeat;
}

.red
{
font-weight:bold;
color:#dd0606;
}

.yb
{
background:#fefe8e;
padding:1px;
font-weight:bold;
}

/********* reco *********/

#side h3
{
background:url(images/side-1.gif) left center no-repeat;
font-size:14px;
padding:12px 0 10px 40px;
color:#090;
margin:10px 0 0 0;
}

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

#cate
{
text-indent:-9999px;
}

#side img
{
margin-bottom:10px;
}


/********* 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;
}

.hc
{
background:url(images/cate/hachi.gif) left center no-repeat;
}

.hc a:hover
{
background:url(images/cate/hachi2.gif) left center no-repeat;
}

.ao
{
background:url(images/cate/ao.gif) left center no-repeat;
}

.ao a:hover
{
background:url(images/cate/ao2.gif) left center no-repeat;
}

.yy
{
background:url(images/cate/yojyo.gif) left center no-repeat;
}

.yy a:hover
{
background:url(images/cate/yojyo2.gif) left center no-repeat;
}

.fc
{
background:url(images/cate/fancl.gif) left center no-repeat;
}

.fc a:hover
{
background:url(images/cate/fancl2.gif) left center no-repeat;
}

.hs
{
background:url(images/cate/hurusato.gif) left center no-repeat;
}

.hs a:hover
{
background:url(images/cate/hurusato2.gif) left center no-repeat;
}