*{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{border:none;}
body {margin: 0; padding: 0; font-family: arial, sans-serif, Osaka, verdana; color: #151515; background: url(img/back.gif); font-size: 13px; line-height: 160%; letter-spacing: 2px;}

a {text-decoration:none;}

a:hover {text-decoration:underline;}

.fix {clear: both;}
/* container */
#container {
width: 800px;
margin-left: 200px;
background-color: #fff; 
}
/* Header */
#head_space {
width: 800px;
background: url(img/head.jpg) no-repeat;
}
#head_space h1 {
float: left;
}
#title {
display: block;
width: 270px;
height: 200px;
}
#title span {
display: none;
}
#head_space p {
float: left;
padding: 175px 0 0 90px;
font-size: 12px;
}
/* left */
#section {
float: left;
width: 528px;
line-height: 230%;
font-size:14px;
padding: 0 0 30px 20px;
}
h2 {
font-size: 22px;
background: url(img/pagetitle.gif) no-repeat left;
padding: 6px 8px;
margin-top: 25px;
}
h3 {
font-size:14px;
background: url(img/info.gif) no-repeat left;
padding: 0 0 0 40px;
font-weight: normal;
margin-top: 25px;
}
.totop { 
text-align: right; 
padding: 20px;
}
/* left list*/
#contents_list {
float: right;
width: 220px;
padding: 20px 20px 0 0;
}
#contents_list ul li {
border-bottom: 1px dotted #aaa;
padding: 4px;
}
#contents_list a#list_top {
display: block;
width: 120px;
height: 24px;
background: url(img/list_top.gif) no-repeat;
}
#contents_list a#list_top span {
display: none;
}
#contents_list ul#pagelist {
border-top: 1px dashed #aaa;
}
#contents_list ul#pagelist li {
border: none;
}
#contents_list ul#pagelist li a {
display: block; 
text-decoration: none;
background: #f4f4f4 url(img/mark.gif) no-repeat left;
padding: 3px 3px 3px 15px;
color: #151515;
}
#contents_list ul#pagelist li a:hover {
background: #eee url(img/mark.gif) no-repeat left;
}
/* gfooter */
#gfooter {
clear: both;
background-color: #69b7da;
padding: 10px;
font-size: 12px;
color: #fff;
}
#gfooter ul {
text-align: right;
}