@charset "utf-8";
/* CSS Document */



#navi-home {
  display: block;
  position:absolute;
  width: 72px;
  height: 21px;
  margin-top:106px;
  margin-left:300px;
  background-image:url(images/botton-home.png);
  background-repeat:no-repeat;
  background-position:0 0 0 0;
  border:0px;
}
#navi-home:hover { 
  background-position: 0 -21px;
}
#navi-home span {
  display: none;
}

#navi-about-us {
  display: block;
  position:absolute;
  width: 105px;
  height: 21px;
  margin-top:106px;
  margin-left:372px;
  background-image:url(images/botton-about-us.png);
  background-repeat:no-repeat;
  background-position:0 0 0 0;
  border:0px;
}
#navi-about-us:hover { 
  background-position: 0 -22px;
}
#navi-about-us span {
  display: none;
}

#navi-diary {
  display: block;
  position:absolute;
  width: 74px;
  height: 27px;
  margin-top:106px;
  margin-left:477px;
  background-image:url(images/botton-diary.png);
  background-repeat:no-repeat;
  background-position:0 0 0 0;
  border:0px;
}
#navi-diary:hover { 
  background-position: 0 -27px;
}
#navi-diary span {
  display: none;
}

#navi-shop {
  display: block;
  position:absolute;
  width: 68px;
  height: 26px;
  margin-top:106px;
  margin-left:551px;
  background-image:url(images/botton-shop.png);
  background-repeat:no-repeat;
  background-position:0 0 0 0;
  border:0px;
}
#navi-shop:hover { 
  background-position: 0 -27px;
}
#navi-shop span {
  display: none;
}

#navi-contact-us {
  display: block;
  position:absolute;
  width: 100px;
  height: 22px;
  margin-top:106px;
  margin-left:619px;
  background-image:url(images/botton-cotact-us.png);
  background-repeat:no-repeat;
  background-position:0 0 0 0;
  border:0px;
}
#navi-contact-us:hover { 
  background-position: 0 -23px;
}
#navi-contact-us span {
  display: none;
}