#header  { margin-right: auto; margin-left: auto; position: relative; width: 980px; height: 77px; clear: both }
.kokuti { position: absolute; top: 15px; left: 215px; width: 183px; height: 40px }
#header h1 { font-size: 1px; background-image: url("../img/rogo.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; margin-top: 10px; width: 200px; height: 60px; float: left }
#header h1 a { font-size: 1px; background-image: url("../img/rogo.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 200px; height: 60px; float: left }
#header ul { margin-top: 10px; width: 770px; height: 67px; float: right }
#header ul li  { color: #0d2f40; font-size: 80%; background-image: url("../img/h_midasi.gif"); background-repeat: no-repeat; background-position: 0 2px; list-style-type: none; margin-left: 15px; padding-left: 12px; float: right }
#header ul li a { color: #0d2f40; text-decoration: none }
#header ul li a:hover { color: #0d2f40; text-decoration: underline }
#menu { margin-right: auto; margin-left: auto; width: 980px; height: 50px; clear: both }
#menu01 { font-size: 1px; background-image: url("../img/menu01.gif"); background-repeat: no-repeat; text-indent: -9999px; list-style-type: none; display: block; width: 245px; height: 50px; float: left }
#menu01 a { font-size: 1px; background-image: url("../img/menu01.gif"); background-repeat: no-repeat; text-indent: -9999px; list-style-type: none; display: block; width: 245px; height: 50px; float: left }
#menu01 a:hover { font-size: 1px; background-image: url("../img/menu01.gif"); background-repeat: no-repeat; background-position: -245px 0; text-indent: -9999px; list-style-type: none; display: block; width: 245px; height: 50px; float: left }
#menu02 { font-size: 1px; background-image: url("../img/menu02.gif"); background-repeat: no-repeat; text-indent: -9999px; list-style-type: none; display: block; width: 245px; height: 50px; float: left }
#menu02 a { font-size: 1px; background-image: url("../img/menu02.gif"); background-repeat: no-repeat; text-indent: -9999px; list-style-type: none; display: block; width: 245px; height: 50px; float: left }
#menu02 a:hover { font-size: 1px; background-image: url("../img/menu02.gif"); background-repeat: no-repeat; background-position: -245px 0; text-indent: -9999px; list-style-type: none; display: block; width: 245px; height: 50px; float: left }
#menu03 { font-size: 1px; background-image: url("../img/menu03.gif"); background-repeat: no-repeat; text-indent: -9999px; list-style-type: none; display: block; width: 245px; height: 50px; float: left }
#menu03 a { font-size: 1px; background-image: url("../img/menu03.gif"); background-repeat: no-repeat; text-indent: -9999px; list-style-type: none; display: block; width: 245px; height: 50px; float: left }
#menu03 a:hover  { font-size: 1px; background-image: url("../img/menu03.gif"); background-repeat: no-repeat; background-position: -245px 0; text-indent: -9999px; list-style-type: none; display: block; width: 245px; height: 50px; float: left }
#menu04 { font-size: 1px; background-image: url("../img/menu04.gif"); background-repeat: no-repeat; text-indent: -9999px; list-style-type: none; display: block; width: 245px; height: 50px; float: left }
#menu04 a { font-size: 1px; background-image: url("../img/menu04.gif"); background-repeat: no-repeat; text-indent: -9999px; list-style-type: none; display: block; width: 245px; height: 50px; float: left }
#menu04 a:hover { font-size: 1px; background-image: url("../img/menu04.gif"); background-repeat: no-repeat; background-position: -245px 0; text-indent: -9999px; list-style-type: none; display: block; width: 245px; height: 50px; float: left }