@charset "UTF-8";
body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: url("../img/back.gif"); margin: 0; padding: 0; text-align: center; color: #000000; }
#container { width: 780px; background: #FFFFFF; margin: 0 auto; border: 1px solid #000000; text-align: left; }
#header { background-image: url(../img/headder.jpg); position: relative; margin:0 auto; width: 780px; height: 200px; }
#header h1 a{ display: block;}
#header h1 span{ position: absolute; left: -9999px; }
#button { position: relative; margin:0 auto; width: 780px; height: 35px; }
#mainContent { padding: 0 20px; background: #FFFFFF; text-align: center; }
#footer { padding: 5px; background:#FFFFFF; width: 770px; height: 15px; text-align: center; }
#footer p { margin: 0; padding: 0; }
#box { margin: 0; padding: 0 20px 20px 20px; width: 700px; text-align: left; }
#box2 { margin: 0; padding: 0 20px 40px 20px; width: 700px; text-align: left; }
#box3 { margin: 0; padding: 10px 0 0 0; width: 700px; text-align: center; }
#box_links { float:left; margin: 0; padding: 0 30px 20px 30px; width: 310px; text-align: left; }
img {vertical-align:bottom; border: none;}
h1 { margin: 0; padding: 10px 0; font-size: 16px; font-weight: bold; }
h2 { margin: 0 0 -15px 0; padding: 0; font-size: 18px; font-weight: bold; color: #339999 }
h3 { margin: 0 0 -15px 0; padding: 0; font-size: 16px; font-weight: bold; color: #339999 }
img {vertical-align:bottom; border: none;}
.space { clear: left; }
li { margin-bottom: 5px; }

/*___________ global navi style ___________ */
#g_navi { width: 780px; height:35px; background-image: url(../img/g_navi.gif) ; }
#g_navi ul {list-style-type: none; margin: 0px; padding: 0px; }
#g_navi li { display:inline; list-style-type:none; margin: 0px; padding: 0px; }
#g_navi a { display: block; position: relative; width: 130px; }
#g_navi li a { width: 130px; height:35px; display:block; float:left; text-indent:-9877em; text-decoration:none; overflow:hidden; }
.rover_a a { background-image: url(../img/g_navi.gif); background-position: 0px 0px; }
.rover_a a:hover { background-image: url(../img/g_navi.gif); background-position: 0px -35px; }
.rover_b a { background-image: url(../img/g_navi.gif); background-position: -130px 0px; }
.rover_b a:hover { background-image: url(../img/g_navi.gif); background-position: -130px -35px; }
.rover_c a { background-image: url(../img/g_navi.gif); background-position: -260px 0px; }
.rover_c a:hover { background-image: url(../img/g_navi.gif); background-position: -260px -35px; }
.rover_d a { background-image: url(../img/g_navi.gif); background-position: -390px 0px; }
.rover_d a:hover {background-image: url(../img/g_navi.gif);  background-position: -390px -35px; }
.rover_e a { background-image: url(../img/g_navi.gif); background-position: -520px 0px; }
.rover_e a:hover { background-image: url(../img/g_navi.gif); background-position: -520px -35px; }
.rover_f a { background-image: url(../img/g_navi.gif); background-position: -650px 0px; }
.rover_f a:hover { background-image: url(../img/g_navi.gif); background-position: -650px -35px; }


/*___________ font ___________ */
.f10 { font-size: 10px; line-height: 140%; color: #000000; }
.f11 { font-size: 11px; line-height: 140%; color: #000000; }
.f13 { font-size: 13px; line-height: 140%; color: #000000; }
.f13w { font-size: 13px; line-height: 140%; color: #FFFFFF; }
.f14 { font-size: 14px; line-height: 140%; color: #3399FF; font-weight: bold; }


/*___________ link ___________ */
a:link { color: #0099CC; text-decoration: underline; }
a:visited { color: #0099CC; text-decoration: underline; }
a:active { color: #0099CC; text-decoration: underline; }
a:hover { color: #FF6633; text-decoration: underline; }