@charset "UTF-8";

@import url("base.css");
@import url("footer.css");

#header {
  margin:0 1px;
  padding-top:10px;
  background:url(../img/bg_header.gif) no-repeat;
}

#header h1{
  text-indent:-10000px;
  height:70px;
}

#contents {
  margin:0 1px;
}

#menu{
  background:url(../img/top_menu_bg.gif) no-repeat;
  height:125px;
  margin:0 1px;
}

#menu ul{
  padding:30px 0 0 11px;
}

#menu li{
  background:url(../img/top_menu_btn_bg.gif) no-repeat;
  width:143px;
  height:93px;
  float: left;
  display:block;
  margin:0 0 0 4px;
}

#menu li.member{
  background:url(../img/top_menu_btn_member_bg.gif) no-repeat;
  width:143px;
  height:93px;
  float: left;
  display:block;
  margin:0 0 0 4px;
}

#menu li p {
  display:none;
}

#menu li h2{
  height:52px;
  width:143px;
}

#menu li a{
  display: block;
  width:143px;
  height:52px;
  text-indent:-10000px;
}

#menu li.company a     { background:url(../img/top_menu_btn_company.gif) no-repeat; }
#menu li.business a    { background:url(../img/top_menu_btn_business.gif) no-repeat; }
#menu li.order a       { background:url(../img/top_menu_btn_order.gif) no-repeat; }
#menu li.organization a{ background:url(../img/top_menu_btn_organization.gif) no-repeat; }
#menu li.member a      { background:url(../img/top_menu_btn_member.gif) no-repeat; }

#menu li.company a:hover,
#menu li.business a:hover,
#menu li.order a:hover,
#menu li.organization a:hover,
#menu li.member a:hover{
  background-position: 0 -52px;
}

#contact{
  position:absolute;
  top:18px;
  left:662px;
}

#contact a{
  display: block;
  width:80px;
  height:26px;
  overflow: hidden;
  text-indent:-10000px;
  background:url(../img/btn_contact.gif) no-repeat;
}
#contact a:hover{
  background-position: 0 -26px;
}