*{margin:0;padding:0;}
html{margin:0; padding:0;}

ul,ol{margin:0;padding:0;}
ul li {list-style: none;}
ul li a{text-decoration:none;border:none;}

body {margin: 0; padding: 0; font-family: arial, sans-serif, Osaka, verdana; 
      color: #333; background: url(img/back.gif); font-size: 12px;}

a { color: #0b63bc; text-decoration:none;}

a:hover {color: #333;}

/* container */

#container {
width: 719px;
margin-left:  100px;
background-color: #fff; 
}
#container p {
text-align: right;
margin-right: 40px;
}
/* Header */
#sitename {
width: 719px;
background: url(img/head.jpg) no-repeat;
padding: 45px 455px 80px 72px;
}
#sitename a {
display: block;
width: 193px;
height: 53px;
}


/* Content */
#HOUBUN {
float: left;
width: 401px;
margin: 20px 0 0 30px;
} 
#HOUBUN h3 {
width: 260px;
font-size:12px;
background-color: #0b63bc;
color:#72aeeb;
padding: 3px;
text-align: center;
}  
#HOUBUN h2 {
padding: 25px 0px 25px 40px;
font-size: 26px;
background:url(img/pagetitle.gif) no-repeat bottom left;
}
 
#HOUBUN .text_space { 
padding: 20px;
line-height: 200%;
}
#cat li { 
margin: 10px 10px 20px 10px; 
font-size: 16px; 
border-left: 6px solid #999; 
background-color: #eee; 
font-weight: bold;
}
#cat li a {
color: #575757; 
text-decoration: none;
}
#cat li a:hover { 
color: #333;
}
#cat li a span {
padding: 4px 0 4px 10px;
}
/* left list*/

#MENU {
float: right;
margin: 20px 30px 0 0;
width: 231px;
}
#menu_top {
display: block;
width: 231px;
height: 71px;
background: url(img/menu_top.gif) no-repeat top;
}
#menulist li a {
display: block; 
text-decoration: none;
background: #ececec url(img/menu.gif) no-repeat left;
}
#menulist li a span {
display: block;
padding: 10px 5px 10px 40px;
}
/* foot */
#footer {
clear: both;
background: #515151;
font-size: 11px;
color: #eee;
}
#footer ul {
padding: 10px;
}
#footer p {
padding-top: 20px;
text-align: center;
}
