/* /////////////////////////////////////////////////////////////////////////////

  STYLE NAME: style.css
  AUTHOR: nag
  LAST MODIFIED: 2008-03-04(TUE)
  DESCRIPTION: yoshiohotta.comアーカイヴヘッダー用CSS

///////////////////////////////////////////////////////////////////////////// */


/* =============================================================================

  -- CONTENTS --
  
  1. html、bodyおよび大本のfont要素
  
  2. link要素
  
  3. h要素
  
  4. 共通プロパティ（サイト内で繰り返し使われる同じプロパティ）
  
  5. header、footer要素
   
============================================================================= */





/* ------------------------------------------------------------------------------
  4. 共通プロパティ（サイト内で繰り返し使われる同じプロパティ）
------------------------------------------------------------------------------ */
/* floatのリセット */
.clear {
  clear: both;
  }




/* ------------------------------------------------------------------------------
  5. header、footer要素
------------------------------------------------------------------------------ */

/* header */
#headerbackimg {
  padding-bottom: 0;
  width: 780px;
  height: 171px;
  background-image: url(header/headerimage.jpg);
  }
  
/* menu */
#menu {
  background:url(header/menubg.jpg) no-repeat;
}


ul#menu {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 780px;
  }
  
ul#menu li {
  list-style: none;
  float: left;
  }
  
ul#menu a {
  display: block;
  height: 29px;
  background-image: url(header/menu.jpg);
  }
  
ul#menu a span {
  display: none;
  }
  
a.top {
  width: 66px;
  background-position: 0px -29px;
  }
  
a:hover.top {
  width: 66px;
  background-position: 0px 0px;
  }
  
/*a.shinchaku {
  width: 75px;
  background-position: -66px -29px;
  }
  
a:hover.shinchaku {
  width: 75px;
  background-position: -66px 0px;
  } */
  
a.ryakureki {
  width: 49px;
  background-position: -66px -29px;
  }
  
a:hover.ryakureki {
  width: 49px;
  background-position: -66px 0px;
  }

a.chosho {
  width: 49px;
  background-position: -115px -29px;
  }
  
a:hover.chosho {
  width: 49px;
  background-position: -115px 0px;
  }
  
/*a.keisai {
  width: 75px;
  background-position: -239px -29px;
  }
  
a:hover.keisai {
  width: 75px;
  background-position: -239px 0px;
  }
  
a.washington {
  width: 127px;
  background-position: -314px -29px;
  }
  
a:hover.washington {
  width: 127px;
  background-position: -314px 0px;
  }*/
  
a.link {
  width: 339px;
  background-position: -164px -29px;
  }
  
a:hover.link {
  width: 339px;
  background-position: -164px 0px;
  }

  



/* -----------------------------------------------------------------------------
  END 
----------------------------------------------------------------------------- */