@charset "Shift_JIS";
body { color: #ffffff; background-color: #000; text-align: center; margin: 0; padding: 0; }
strong { background-image: url(../img/top_title.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 800px; height: 70px; display: block; }


a { color: #8c8c8c; text-decoration: none; }
a:link { color: #8c8c8c; text-decoration: none; }
a:visited { color: #8c8c8c; text-decoration: none; }
a:active { color: #8c8c8c; text-decoration: none; }
a:hover { color: #e6e6e6; text-decoration: underline; }


#hp_box { text-align: left; width: 800px; margin: 0 auto; padding: 0; }
#footer { font: 0.7em/1.6em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; color: #646464; background-position: 0 0; text-align: center; clear: both; margin-top: 20px; padding-top: 5px; padding-bottom: 12px; }
#header { width: 800px; height: 80px; }
#header h1{ font-size: 1.2em; font-weight: normal; background-image: url(../img/top_logo.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 320px; height: 80px; float: left; margin: 0; padding: 0; }
#header p{ color: #8c8c8c; font-size: 0.8em; text-align: right; width: 480px; float: left; margin: 0; padding: 25px 0 0; }
#button_box { clear: both; }
#top_box { width: 800px; }
.top_right { width: 320px; float: right; }
.top_right h2{ font-size: 0.6em; font-weight: normal; line-height: 1.4; margin: 0; padding: 0; display: none; }
.top_right p{ color: #ffffff; font-size: 0.8em; line-height: 1.6; margin: 15px 0 0 25px; padding: 0 0 6px; }

.top_left { width: 480px; float: right; }
.top_left p{ color: #ffffff; font-size: 0.8em; line-height: 1.6; }
.top_left h3{ color: #ffffff; font-size: 0.9em; font-weight: normal; margin: 0 0 6px; padding: 0; }
.info_box { margin: 0; padding: 6px 0; border-top: 1px dotted #c8c8c8; border-bottom: 1px dotted #c8c8c8; }
/*button*/
#button_box ul{ width: 800px; height: 65px; margin: 0; padding: 0; list-style-type: none; overflow:hidden; }
#button_box li{ text-indent: -9999px; float: left; margin: 0; padding: 0; list-style-type: none; display: block; overflow:hidden; }

#button_box li.navi01 { display: block; width:123px; height:65px; background-image: url(../img/top_button/01over.gif); margin: 0; padding: 0; }
#button_box li.navi01 a{ display: block; width:123px; height:65px; background-image: url(../img/top_button/01.gif); margin: 0; padding: 0; }
#button_box li.navi01 a:hover, #button_box li.navi01 a:active{background:none;}

#button_box li.navi02 { display: block; width:130px; height:65px; background-image: url(../img/top_button/02over.gif); margin: 0; padding: 0; }
#button_box li.navi02 a{ display: block; width:130px; height:65px; background-image: url(../img/top_button/02.gif); margin: 0; padding: 0; }
#button_box li.navi02 a:hover, #button_box li.navi02 a:active{background:none;}

#button_box li.navi03 { display: block; width:147px; height:65px; background-image: url(../img/top_button/03over.gif); margin: 0; padding: 0; }
#button_box li.navi03 a{ display: block; width:147px; height:65px; background-image: url(../img/top_button/03.gif); margin: 0; padding: 0; }
#button_box li.navi03 a:hover, #button_box li.navi03 a:active{background:none;}

#button_box li.navi04 { display: block; width:145px; height:65px; background-image: url(../img/top_button/04over.gif); margin: 0; padding: 0; }
#button_box li.navi04 a{ display: block; width:145px; height:65px; background-image: url(../img/top_button/04.gif); margin: 0; padding: 0; }
#button_box li.navi04 a:hover, #button_box li.navi04 a:active{background:none;}

#button_box li.navi05 { display: block; width:126px; height:65px; background-image: url(../img/top_button/05over.gif); margin: 0; padding: 0; }
#button_box li.navi05 a{ display: block; width:126px; height:65px; background-image: url(../img/top_button/05.gif); margin: 0; padding: 0; }
#button_box li.navi05 a:hover, #button_box li.navi05 a:active{background:none;}

#button_box li.navi06 { display: block; width:129px; height:65px; background-image: url(../img/top_button/06over.gif); margin: 0; padding: 0; }
#button_box li.navi06 a{ display: block; width:129px; height:65px; background-image: url(../img/top_button/06.gif); margin: 0; padding: 0; }
#button_box li.navi06 a:hover, #button_box li.navi06 a:active{background:none;}
