*{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:none;border:none;}
ul li a:hover {text-decoration:underline;}

body {
margin: 0; 
padding: 0; 
font-family: arial, sans-serif, Osaka, verdana; 
color: #333; 
text-align: center; 
letter-spacing: 2px; 
font-size: 12px;
line-height: 160%;
}

a { color: #FF4D99; text-decoration:none;}
a:hover {text-decoration: underline;}

/* CONTAINER */
#container {
width: 749px;
margin: 0 auto;
text-align: left;
}
/* SITENAME */
h1 {
background: url(img/head.jpg) no-repeat;
padding: 38px 0 28px 233px;
}
h1 a {
display: block;
width: 280px;
height: 112px;
}
h1 a span {
display: none;
}
/* MAIN */
#contents-inner {
float: left;
width: 462px;
font-size: 14px;
line-height: 200%;
} 
h3 {
font-size:12px;
margin-top: 20px;
border-bottom: 1px dotted #aaa;
}  
h2 {
font-size: 20px;
border-bottom: 4px solid #111;
margin-top: 25px;
}
.totop { 
margin: 20px 0;
background: url(img/totop.gif) no-repeat;
padding-left: 350px;
}
.totop a {
display: block;
width: 110px;
height: 15px;
}
/* NAVI */
#topics {
float: right;
width: 252px;
}
#topics ul {
margin-top: 20px;
}
#topics ul li {
background-color: #fff1f2;
padding: 4px;
margin: 4px 0;
}
#topics ul#pagelist li {
background-color: #f1f1f1;
padding: 0;
margin: 0;
}
#topics ul#pagelist li a {
display: block; 
background: #f1f1f1 url(img/mark.gif) no-repeat left;
color:#222;
padding: 5px 5px 5px 20px;
margin-left: 10px;
}
#topics ul#pagelist li a:hover {
color: #666;
}
#topics ul#pagelist li#list_top a{
display: block;
width: 252px;
height: 46px;
background: url(img/cat.gif) no-repeat;
margin: 0;
padding: 0;
}
#topics ul#pagelist li#list_top a span {
display: none;
}
/* FOOTER */
#copyright {
clear: both;
margin: 0;
background: #4a4a4a url(img/footer.gif) repeat-x;
color: #fff;
}
#copyright ul {
padding: 10px;
width: 750px;
margin: 0 auto;
text-align: left;
}
#copyright {
padding: 30px;
text-align: center;
}