*, 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;}

body {margin: 0; padding: 0; font-family: arial, sans-serif, Osaka, verdana; color: #333; background: #fcfcdb url(img/headline.gif) repeat-x; font-size: 12px; text-align: center;letter-spacing: 2px;}

a { color: #ff3672; text-decoration:none;}

a:hover {color: #ff88ac;}

#layout {
margin: 0 auto;
text-align: left;
width: 812px;
}

#header {
width: 812px;
height: 314px;
background: url(img/head.jpg) no-repeat;
margin: 0;
padding-top: 30px;
}
#topicpath {
text-align: right;
}
#header h1 {
padding: 160px 0 0 36px;
}
#header h1 a {
display: block;
width: 544px;
height: 95px;
}
#header h1 a span {
display: none;
}

#contents_wrapper {
width: 772px;
margin-left: 20px;
}
/* left list*/
#side-column {
float: left;
width: 247px;
margin: 20px 0 0 0;
line-height: 160%;
}
#side-column ul li {
border-bottom: 1px dotted #aaa;
padding: 4px;
}
#side-column ul.links {
margin: 10px 0;
background-color: #fff;
padding: 0 0 15px 0;
}
#side-column ul.links li {
border: none;
padding: 0;
margin: 0;
}
#side-column ul.links li a {
display: block; 
background-color: #fffab4;
color: #222;
margin: 2px 10px;
padding:5px 5px 5px 20px;
line-height: 140%;
}
#side-column ul.links li a:hover {
background: #fbe996 url(img/mark.gif) no-repeat left;
}
#side-column ul.links li#links_top a {
display: block;
width: 247px;
height: 54px;
background: url(img/sitemenu.gif) no-repeat;
border: none;
margin: 0;
padding: 0;
}
#side-column ul.links li#links_top a span {
display: none;
}

/* Content */
#main_column {
float: right;
width: 511px;
overflow: hidden;
} 
#main_column h3 {
display: block;
background: url(img/info.gif) no-repeat;
width: 510px;
height: 38px;
font-size: 12px;
letter-spacing: 2px;
padding: 6px 0 6px 160px;
color: #F9D633;
margin-top: 20px;
} 
#main_column h3 span {

}
#main_column .main_pr {
padding: 0 10px 10px 10px;
line-height: 140%;
}
#main_column .main_pr li {
padding-bottom: 12px;
}
#main_column h2 {
padding: 15px;
font-size: 20px;
color: #222;
background: url(img/pagetitle.gif) no-repeat left bottom;   
margin: 10px 0 20px 0;
}
#main_column .section { 
padding: 20px;
line-height: 300%;
font-size: 15px;
background-color: #fff;
}
.cls {padding: 20px; background-color: #fff;}
.cls li { padding: 5px 10px; margin: 10px; font-size: 16px; font-weight: bold;}
.cls li a { color: #575757; border-left: 6px solid #9ee3e1; padding: 3px 6px;}
.cls li a:hover { color: #222; border-left: 6px solid #3cb7b3; padding: 3px 8px;}


/* foot */
#footer {
clear: both;
background: #fbf59d url(img/footline.gif) repeat-x;
letter-spacing: 2px;
}
#footer .totop {
width: 812px;
background: url(img/pagetop.gif) no-repeat;
margin: 0 auto;
padding: 48px 0 21px 0;
}
#footer .totop a {
display: block;
width: 774px;
height: 24px;
margin: 0 0 0 26px;
}
#footer .totop a span {
display: none;
}
#footer p {
text-align: center;
padding: 20px 10px 10px 10px;
}
#footer ul {
width: 812px;
margin: 0 auto;
text-align: left;
padding: 15px;
}