html {height: 98.5%;}
      body {background-color: #003471; color: #ffffef; height: 100%; font-family: arial, helvetica, sans-serif; font-size: 0.7em;}
      #content {position: absolute; top: 0px; left: 200px; width: 404px; background: #011f45 url('bg.gif') repeat-y scroll center; margin: 2px; height: 100%; padding-bottom: 200px; z-index: 1;}
      #words {width: 95%; padding-left: 5px; padding-right: 5px; z-index: 1;}
      #footer {position: fixed; bottom: 0; left: 0;	background: #003471 url('yakyoku4.jpg') no-repeat 202px 0px; height: 200px; margin: 0px;	padding: 0; width: 100%;	z-index: 1000;}
      #navbar {font-family: arial, helvetica, sans-serif; letter-spacing: 1px; text-align: center;}
      #navigation { width: 95%; list-style: none; margin: auto; padding: 0px 2px; }
      #navigation li { float: left; }
      #navigation li a { background: #011f45; width: 66px; text-align: center; margin: 0px 5px; padding: 0px 2px 0px 12px; text-decoration: none; color: #f9ffcf;}
      #navigation li a:hover { background: #011f45 url('starbg.gif') no-repeat left center; color: #b5c3d9; border-bottom: #f9ffcf 1px dotted;}
      h1 {font-family: georgia, times, serif; font-size: 1.5em; color: #fefff5; text-align: right; font-style: italic;}
      a:link {color: #f9ffcf;}
      a:visited {color: #fefff5; text-decoration: none;}
      a:hover {color: #b5c3d9; text-decoration: none;}
      a:active {color: #b5c3d9; text-decoration: none;}
      img {border: 0;}
      td {padding: 3px;}
      
      input, textarea, select {border: #f9ffcf 1px dotted; background-color: #011f45; color: #fff; font-size: 0.9em; font-family: arial, helvetica, sans-serif;}
      option {background-color: #011f45; color: #fff; font-size: 0.9em; font-family: arial, helvetica, sans-serif;}