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

  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要素
   
============================================================================= */




/* ------------------------------------------------------------------------------
  1. html、bodyおよび大本のfont要素などの基準の規定
------------------------------------------------------------------------------ */

/* ブラウザデフォルトスタイルシートのmarginとpadding、fontをリセット */

html {
  height: 100%;
  }

/* ページ全体の背景色、大本のfont要素 */	  
body {
  height: 100%;
  line-height: 1.4em;
  color: #333333;
  background-color: #ffffff;
  font-family: Osaka, Verdana, sans-serif;
  font-size: 90%;
  text-align: center;
  }




/* ------------------------------------------------------------------------------
  3. h要素
------------------------------------------------------------------------------ */

h1 {
  font-weight: bold;
  font-size: 150%;
  margin-bottom: 20px; 
  }

h2 {
  font-weight: bold;
  font-size: 120%; 
  margin: 10px 0 20px 0;
  }

h3 {
  font-weight: bold;
  font-size: 100%;
  border-bottom: 1px solid #333333;
  }

h4 {
  color: #3399cc;
  font-weight: bold;
  font-size: 100%;
  }



/* ------------------------------------------------------------------------------
  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;
  background-color: silver;
  width: 780px;
  height: 29px;
  background-position: center top;
}

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.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.link{
  width: 60px;
  background-position: -164px -29px;
  }
  
a:hover.link{
  width: 60px;
  background-position: -164px 0px;
  }
  
a.contact{
  width: 78px;
  background-position: -224px -29px;
  }
  
a:hover.contact{
  width: 78px;
  background-position: -224px 0px;
  }


/*a.shinchaku {
  width: 75px;
  background-position: -66px -29px;
  }
  
a:hover.shinchaku {
  width: 75px;
  background-position: -66px 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;
  }*/


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