*, html{margin:0;padding:0;}
html {background: url(img/back.gif);}
img{border:none;}
ul,ol{margin:0;padding:0;}
ul li {list-style: none;}
ul li a{text-decoration:none;border:none;}


/* basic */

body {margin: 0; padding: 0; font-family: arial, sans-serif, Osaka, verdana; background-color: #f1f1f1; font-size: 12px; text-align: center; color: #333; background: url(img/headline.gif) repeat-x;}

/* link */

a { color: #386bba; text-decoration:none;}

a:hover {color: #8cabdc;}

h2 {color: #222;}

/* layout */
#frame {
width: 920px;
margin: 0 auto;
background-color: #fff;
text-align: left;
}
/* Header */
#header {
width: 920px;
height: 123px;
background: url(img/head.gif) no-repeat;
}
#header h1 {
padding: 40px 0 0 100px;
}
#header h1 a{
display: block;
width: 755px;
height: 72px;
}
#header h1 a span {
display: none;
}
#mainwrapper {
width: 860px;
margin: 16px 0 0 34px;
}
#mainwrapper .image {
display: block;
width: 877px;
height: 145px;
background: url(img/image.jpg) no-repeat;
}
#mainwrapper .image span {
display: none;
}
/*list*/
#menu {
float: left;
width: 240px;
}
#menu ul li {
border-bottom: 1px dotted #aaa;
padding: 4px;
}
#menu ul.list {
border: 1px solid #ccc;
padding: 5px 0;
}
#menu ul.list li#list_top a{
display: block;
width: 226px;
height: 55px;
background: url(img/list_top.gif) no-repeat;
}
#menu ul.list li#list_top a span {
display: none;
}

#menu ul.list li {
border: none;
padding: 0;
}
#menu ul.list li a {
display: block; 
background-color: #bbb;
border-top: 1px solid #ccc;
border-bottom: 1px solid #aaa;
color: #333;
margin: 0 6px;
letter-spacing: 2px;
}
#menu ul.list li a:hover {
color: #666;
background-color: #ccc;
border-top: 1px solid #ddd;
border-bottom: 1px solid #bbb;
}
#menu ul.list li a span {
display: block;
padding: 10px 5px;
}
.info {
padding: 10px; 
line-height: 200%;
}
/* Content */
#maintext {
float: right;
width: 576px;
} 
#maintext h3 {
font-size: 14px;
padding: 5px;
color: #555;
margin-top: 20px;
border-bottom: 4px dotted #ccc;
} 
#maintext ul.main_pr {
background-color: #f1f1f1;
padding: 10px 15px;
line-height: 140%;
color: #555;
margin-top: 5px;
}
#maintext ul.main_pr li {
padding-bottom: 12px;
}
#maintext h2 {
padding: 8px 10px 8px 30px;
font-size: 22px;
background: url(img/pagetitle.gif) no-repeat;
margin-top: 20px;
}
 
#maintext .text_input { 
padding: 20px;
line-height: 240%;
margin-bottom: 30px;
font-size: 15px;
}
.fld {
padding: 20px;
margin-bottom: 30px;
font-size: 15px;
}
.fld li a {display: block; color: #333; }
.fld li a:hover {color: #2857AB;}
.fld li a span {display: block; padding: 8px;}

.totop {
text-align: right;
margin: 30px 10px;
}
/* foot */
#footer_area {
clear: both;
font-size: 11px;
letter-spacing: 2px;
background: url(img/footer.gif) repeat-x;
}
#footer_area a {
text-decoration: underline;
}
#footer_area a:hover {
text-decoration: none;
}
.copy{
padding: 6px;
text-align:right;
}

