@import url(resetCss.css);


div#header{
	height: 300px;
}

div#header,
div#footer {
  width: 990px;
  margin: 0 auto;
  padding: 0;
}






/*Link-----------*/

a {
  color: #ff0000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}


/*menu----------*/

#header ul#menu {
  width: 990px;
  height: 50px;
  margin: 0;
  padding: 0;
  background: url(../images/bg_menu.jpg) no-repeat;
  overflow:hidden;
}

#header ul#menu li {
  float: left;
  width: 111px;
  height: 50px;
  margin: 0;
  overflow:hidden;
}

#header ul#menu li a {
  display: block;
  width: 111px;
  height: 50px;
  margin: 0;
  text-indent:-9877em;
  text-decoration:none;
  overflow:hidden;
}

#header ul#menu li.menu1 {
  display: inline;
  width: 115px;
  margin-left: 429px;
}

#header ul#menu li.menu5 {
  width: 110px;
}

#header ul#menu li.menu1 a {
  width: 115px;
  background: url(../images/menu_01.jpg) no-repeat;
  background-position: left -50px; 
}

#header ul#menu li.menu2 a {
  background: url(../images/menu_02.jpg) no-repeat;
   background-position: left -50px; 
}

#header ul#menu li.menu3 a {
  background: url(../images/menu_03.jpg) no-repeat;
   background-position: left -50px; 
}

#header ul#menu li.menu4 a {
  background: url(../images/menu_04.jpg) no-repeat;
   background-position: left -50px; 
}

#header ul#menu li.menu5 a {
  background: url(../images/menu_05.jpg) no-repeat;
   background-position: left -50px; 
}

#header ul#menu li.menu1 a:hover,
#header ul#menu li.menu2 a:hover,
#header ul#menu li.menu3 a:hover,
#header ul#menu li.menu4 a:hover,
#header ul#menu li.menu5 a:hover {
   background-position: left 0; 
}