*, html{margin:0;padding:0;}

img {border:none;}
ul,ol{margin:0;padding:0;}
ul li {list-style: none;}
ul li a{border:none; text-decoration: none;}
body {margin: 0; padding: 0; font-family: arial, sans-serif, Osaka, verdana; color: #151515; text-align: center; font-size: 13px; letter-spacing:2px;}

a { color: #226066; text-decoration: none;}
a:hover {text-decoration: underline;}
.fix {clear: both;}
 
/* layout_all */
#layout_all {
width: 814px;
margin: 0 auto;
text-align: left;
}
#header {
height: 177px;
background: url(img/head.jpg) no-repeat;
}
#header h1 {
padding: 3px 0 3px 330px;
}
#header h1 a {
display: block;
width: 481px;
height: 172px;
}
#header h1 a span {
display: none;
}

#top_nav {
float: left;
width: 814px;
margin: 6px 0;
background-color: #cbe0e2;
}
#top_nav li {
float: left;
padding: 5px;
}
#top_nav li a {
display: block;
background: url(img/mark.gif) no-repeat left;
padding-left: 20px;
}
#top_nav li a:hover {
background: url(img/mark_hover.gif) no-repeat left;
color: #fffd51;
text-decoration: none;
}
/* Content */
#content_wrap {
float: left;
width: 540px;
letter-spacing: 2px;
line-height: 200%;
font-size:14px;
} 
h3 {
font-size: 13px;
color: #226066;
border-top: 2px dotted #f3fc85;
margin-top: 20px;
} 
h3 span {
background-color: #f3fc85;
padding: 5px;
}
h2 {
margin-top: 20px;
border-top: 5px solid #226066;
padding: 8px 0;
}
#pankuzu {
border-top: 1px dashed #bfc9ca;
border-bottom: 2px solid #226066;
text-align: right;
font-size: 12px;
}
#side_section {
width: 230px;
float: right;
line-height:160%;
}
#side_section ul li {
background-color: #f5fbb2;
margin: 4px 0;
padding: 4px;
}
/* foot */
#foot_bar {
clear: both;
background-color: #226066;
color: #fff;
}
#foot_bar a {
color: #f3fc85;
}
#foot_bar p {
padding: 10px;
text-align: right;
}
#foot_bar ul {
padding: 10px;
}