*{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; background-color: #e8e8e8; font-size: 13px;}

a { color: #6cab62; text-decoration:none; font-weight: bold;}

a:hover {color: #333;}

/* container */
#page_wrapp {
width: 813px;
margin-left: 200px;
background: url(img/bodyback.gif) repeat-y;
}
.page_bottom {
clear: both;
width: 813px;
height: 78px;
background: url(img/page_btm.jpg) no-repeat;
}
/* Header */
#head {
width: 801px;
height: 274px;
margin-left: 6px;
background: url(img/images.jpg) no-repeat;
}
/* logo */
#logo {
display: block;
width: 340px;
height: 45px;
background: url(img/images.jpg) no-repeat;
background-position: -17px -3px;
margin: 3px 0 0 17px;
}
/* to pagelist */
#catpage {
display: block;
width: 85px;
height: 19px;
background: url(img/images.jpg) no-repeat;
background-position: -708px -58px;
margin: 10px 0 0 708px;
}
/* main */
#main_space{
width: 765px;
margin: 20px 0 0 20px;
}
/* leftside */
#contents {
float: left;
width: 544px;
font-size: 13px;
} 
#contents h2 {
font-size:12px;
}  
#contents h1 {
width: 543px;
background: url(img/pagetitle.jpg) no-repeat;
padding: 21px 10px 30px 70px;
font-size: 28px;
margin-left: 1px;
}
#contents  .text_space { 
padding: 20px;
line-height: 300%;
color: #333;
background: url(img/content_back.jpg) repeat-y;
}
#cat li {
padding-left: 20px;
margin-bottom: 10px;
}
#cat li a { 
display: block;
font-size: 16px;
width:418px;
background:url(img/list_back.jpg) no-repeat;
}
#cat li a span {
display: block;
padding-left: 010px;
}
#contents .totop {
text-align: right;  
background: url(img/content_btm.jpg) no-repeat;
padding: 24px 10px 24px 0;
}
/* left list*/
#main_menu {
float: right;
width: 212px;
}
#menu_top {
display: block;
width: 212px;
height: 46px;
background: url(img/navi_top.jpg) no-repeat;
}
#menulist li {
padding-left: 10px;
}
#menulist li a {
display: block; 
width: 200px;
text-decoration: none;
background: #fff url(img/mark.gif) no-repeat left;
border-bottom: #888 dotted 2px;
}
#menulist li a span {
display: block;
padding: 25px 5px 20px 30px;
color: #aaa;
}
#menulist li a:hover span {
color: #333;
}
/* foot */
#foot {
clear: both;
width: 801px;
background-color: #354c31;
margin-left:6px;
color: #fff;
}
#foot ul {
margin: 10px;
color: #c5dd98;
}
/* pankuzu */
#topic {
text-align: center;
}
/* copyright */
#copy {
text-align: right;
}