/* basic */
*{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: "Chaparral Pro", arial, sans-serif, Osaka, verdana;color: #151515;letter-spacing: 2px;text-align: center;font-size: 13px;}
h1, h2, h3, {margin: 0;padding: 0;	}

a {color: #40b469;}
a:hover {color: #84cf9f;}

/* container */
#page_wrap {
margin: 0 auto;
width: 800px;
background: #f6f6f6 url(img/logo.jpg) no-repeat right top;
text-align: left;
}

/* left */
#leftside_block {
float: left;
width: 170px;
padding: 20px 0 0 16px;
}
#leftside_block ul li {
padding: 4px;
border-bottom: 1px dotted #aaa;
}
#leftside_block ul#allpages {
background-color: #e6f5a3;
}
#leftside_block ul#allpages li {
border: none;
}
#leftside_block ul#allpages li#top a{
font-size: 16px;
padding: 5px;
color: #222;
background: none;
}
#leftside_block ul#allpages li#top a:hover {
color: #777;
}
#leftside_block ul#allpages li a {
display: block;
background-color: #d7f262;
padding: 8px;
color: #151515;
text-decoration: none;
}
#leftside_block ul#allpages li a:hover {
background-color: #cdf329;
}

/* center */
#section {
float: left;
margin: 20px 0 0 22px;
width: 340px;
line-height: 200%;
font-size: 15px;
}
#section h3 {
font-size: 13px;
color: #fff;
background-color: #bfe80c;
}
#section h2 {
border: 3px double #fff;
background-color: #151515;
padding: 5px 0;
font-size: 20px;
color:#fff;
}
.totop {
text-align: right;
}
/* right */
#logo {
float: right;
width: 232px;
}
#logo h1 {
padding-right: 50px; 
}
#logo h1 a {
display: block;
width: 181px;
height: 500px;
}
#logo h1 a span {
display: none;
}

/* foot_navi */
#footer_sapce {
clear: both;
border-top: 5px #aaa dotted;
}
#footer_sapce ul {
padding: 20px;
}
#footer_sapce p {
text-align: right;
padding-top: 30px; 
}