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

img{border:none;}
ul,ol{margin:0;padding:0;}
ul li {list-style: none;}
ul li a{text-decoration:underline;border:none;}
ul li a:hover {text-decoration:none;}
body {margin: 0; padding: 0; font-family: arial, sans-serif, Osaka, verdana; color: #333; font-size: 13px; background: url(img/back.gif);}

a { color: #48ae7a; text-decoration:none; font-weight: bold;}

a:hover {color: #333;}

/* container */
#WRPPAER {
width: 714px;
margin-left: 200px;
background: url(img/bodyback.png) repeat-y;
}
/* Header */
#HEAD {
width: 700px;
height: 228px;
background: url(img/head.jpg) no-repeat;
margin-left:8px;
text-align: right;
padding-top: 6px;
}
/* logo */
.logo {
text-align: left;
padding: 88px 0 0 70px;
}
.logo a {
display: block;
width: 356px;
height: 60px;
}


/* left list*/
#NAVI {
float: left;
width: 231px;
margin-left: 20px;
}
#list_top {
display: block;
width: 231px;
height: 57px;
background: url(img/navi_top.gif) no-repeat;
}

#pagelinks li a {
display: block; 
width: 231px;
text-decoration: none;
background: #e8e8e8 url(img/mark.gif) no-repeat left;
}
#pagelinks li a span {
display: block;
padding: 23px 5px 23px 20px;
}
/* right */
#MAIN {
float: right;
width: 414px;
margin: 20px 20px 0 0;
} 
#MAIN h2 {
font-size:12px;
color: #48ae7a;
}  
#MAIN .midashi {
width: 411px;
background: url(img/pagetitle.gif) no-repeat;
}
#topic {
padding: 8px 6px 3px 6px;
}
#MAIN h1{
font-size:22px;
padding: 4px 6px 10px 6px;
font-weight:bold;
}
.entry { 
padding: 20px;
line-height: 300%;
}
#gnr li a { 
display: block;
font-size: 16px;
}
.totop {
text-align: right;  
padding-right: 10px;
}
/* foot */
#FOOT {
clear: both;
width: 700px;
background-color: #575757;
color: #fff;
margin-left:7px;
}
#FOOT a {
color: #888;
}
#footer a:hover {
color: #fff;
}
#FOOT ul {
margin: 10px;
padding-bottom:30px;
color: #888;
}
/* copyright */
#copyright {
text-align: center;
padding-bottom: 30px;
}