*, html{margin:0;padding:0;}

ul,ol{margin:0;padding:0;}
ul li {list-style: none;}
ul li a{text-decoration:none;border:none;}

body {margin: 0; padding: 0; font-family: arial, sans-serif, Osaka, verdana; color: #333; text-align: center; font-size: 12px;}

a { color: #5c9bb8; text-decoration:none;}

a:hover {color: #333;}

/* container */

#ALL-WRAPPER {
width: 800px;
margin: 0 auto;
text-align: left;
}

#left {
float:left;
width: 564px;
background: url(img/head.jpg) no-repeat;
}
#left h1.sitename {
padding: 42px 53px 37px 180px;
}
#left h1.sitename a {
display: block;
width: 330px;
height: 94px;
}
#left h1.sitename a span {
display: none;
}

#left h2 {
display: block; 
width: 154px;
height: 32px;
background: url(img/info.gif) no-repeat left;
margin-top: 20px;
} 
#left h2 span {
display: none;
}
#left h1.pagetitle {
padding: 15px;
font-size: 26px;
background: url(img/pagetitle.gif) no-repeat;   
}
#left .entryblock { 
padding: 20px;
line-height: 300%;
font-size: 15px;
background: url(img/content_mdl.gif) repeat-y;
margin-top: 20px;
}
.cat {padding: 20px; background: url(img/content_mdl.gif) repeat-y; margin-top: 20px;}
.cat li { padding: 5px 10px; margin: 10px; font-size: 16px; font-weight: bold;}
.cat li a { color: #575757;}
.cat li a:hover { color: #333;}

#left .totop {  
margin: 20px 0; 
width: 550px;
height: 20px;
background: url(img/totop.gif) no-repeat bottom;
}
#left .totop a {
display: block;
margin-left: 430px;
width: 120px;
height:17px;
}


/* left list*/
#menu {
float: right;
width: 204px;
background-color: #f3fdce;
}
#menu .menu_top a {
display: block;
width: 190px;
height: 49px;
background: url(img/list_top.gif) no-repeat;
margin: 0 6px;
}
#menu .menu_top a span {
display: none;
}
.pages li a {
display: block; 
line-height: 120%;
background: url(img/mark.gif) no-repeat left;
color: #333;
margin: 0 6px;
letter-spacing: 3px;
}
.pages li a:hover {
color: #5c5c5c;
}
.pages li a span {
display: block;
padding: 16px 5px 16px 30px;
}
.recommmend_site {
padding: 15px;
line-height: 300%;
color:#777;
}



/* foot */
#footnavi {
clear: both;
padding-top: 20px;
font-size: 11px;
background-color: #c0de4c;
text-align: center;
}
#footnavi .btm_list {
text-align: center;
margin: 0 auto;
font-size: 12px;
width: 800px;
}
#footnavi .btm_list li{
display: inline;
padding: 0 10px;
}
#footnavi .btm_list li a {
border-left: 1px solid #e0f492;
padding-left: 20px;
}
 
#footnavi a {
color: #fff;
text-decoration: underline;
}
#footnavi a:hover {
text-decoration: none;
}
#footnavi p {
padding: 10px;
}