/* CSS Document */

#header {
   position: relative;
   height: 97px;
   background-image: url(../img/header/header-back.gif);
   background-position: center bottoml;
   background-repeat: no-repeat;
   margin-top: 30px;
   margin-bottom: 8px;
}

/*h1のポジション */
#header-h1 a {
   display: block;
   width: 200px;
   height: 70px;
   background: url(../img/header/h1-head-rogo.gif) no-repeat;
}
#header-h1 a {
   overflow: hidden; /*クリッカブル領域の外にはみ出してしまうアウトライン点線を隠す */
   text-indent: -100000em; /*テキストを画面左側に追いやって見えなくする（オフレフト） */
}

/*ナビゲーションのポジション */
#header-nav ul {
   position: absolute;
   top: 26px;
   left:240px;
}

/*ナビゲーション全体のスタイリング */
ul#nav, ul#nav li,ul#nav li a {
   margin: 0;
   padding: 0;
   display: block;
   height: 61px;
}
/*ナビゲーション項目に共通のスタイリング */
ul#nav li {
   float: left; /*項目を横並びにする */
   width: 130px; /*項目に含めた画像それぞれの幅は100px */
}
ul#nav li a {
   overflow: hidden; /*クリッカブル領域の外にはみ出してしまうアウトライン点線を隠す */
   text-indent: -100000em; /*テキストを画面左側に追いやって見えなくする（オフレフト） */
}
/*ナビゲーション項目それぞれのスタイリング */
ul#nav li#nav-nyujyuku {
   background: url(../img/header/h_nav_nyujyuku-on.gif) no-repeat;
}
ul#nav li#nav-nyujyuku a {
   background: url(../img/header/h_nav_nyujyuku-off.gif) no-repeat;
}
ul#nav li#nav-kobetu {
   background: url(../img/header/h_nav_kobetu-on.gif) no-repeat;
}
ul#nav li#nav-kobetu a {
   background: url(../img/header/h_nav_kobetu-off.gif) no-repeat;
}
ul#nav li#nav-toiawase {
   background: url(../img/header/h_nav_toiawase-on.gif) no-repeat;
}
ul#nav li#nav-toiawase a {
   background: url(../img/header/h_nav_toiawase-off.gif) no-repeat;
}
ul#nav li a:hover {
   background-image: none !important;  /*ロールオーバー時に項目の背景画像を隠す */
}