/* =============CSS============== */
/* 
SETTING
 */
*{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;}

/* 
BASIC
 */
body {
margin: 0; 
padding: 0; 
font-family: arial, sans-serif, Osaka, verdana; 
color: #333;
text-align: center; 
font-size: 12px;
}

/* 
LINKS
 */
a {text-decoration:none;}
a:hover {text-decoration:underline;}

/* 
WRAPPER
 */
#wrapper {
width: 726px;
margin: 0 auto;
text-align: left;
}
#wrapper h1 {
width: 726px;
background: url(img/head.jpg) no-repeat;
padding: 14px 0 18px 194px;
}
#wrapper h1 a {
display: block;
width: 335px;
height: 91px;
}
#wrapper h1 a span {
display: none;
}

/* 
MAIN
 */
#main {
float: left;
width: 495px;
margin-top: 20px;
line-height: 230%;
font-size: 13px;
} 
h2 {
font-size: 22px;
color: #101010; 
background: url(img/pagetitle.gif) no-repeat bottom; 
margin-top:20px;
padding: 10px 0;
}
h3 {
background-color: #2b76ff;
font-size: 13px;
color: #fff;
margin-top:20px;
padding:2px;
} 
h3 span {
padding: 0 6px;
border-left:6px solid #fff;
}
.totop {
text-align: right;  
margin: 20px 0; 
}

/* 
NAVIGATION
 */
#site_menu {
float: right;
width: 226px;
margin-top: 20px;
line-height: 160%;
letter-spacing: 2x;
}
#site_menu ul li {
border-bottom: 1px dotted #aaa;
padding: 4px;
}
#site_menu ul.links {
padding: 10px 0;
background-color: #2b76ff;
}
#site_menu ul.links li {
border: none;
padding: 0;
}
#site_menu ul.links li a {
display: block; 
line-height: 120%;
background: url(img/list.gif) no-repeat left;
margin: 0 10px;
height: 44px;
}
#site_menu ul.links li a span {
display: block;
padding: 14px 10px 14px 20px;
}
#site_menu ul.links li#navi_top a {
display: block;
margin: 8px 0 0 52px;
background: url(img/list_top.gif) no-repeat;
width: 116px;
height: 21px;
}
#site_menu ul.links li#navi_top a span {
display: none;
}

/* 
FOOTER
 */
#footer {
clear: both;
line-height: 200%;
}
#footer .breadcrumbs {
background: url(img/pan.gif) no-repeat top;
width: 725px;
text-align: center;
padding: 10px 0;
}
#footer .copy {
text-align: right;
}

