@charset "Shift_JIS";

/* ナビゲーション
---------------------------------------------------- */
#Navigation
{
  clear: both;
  position: relative;
  width: 700px;
  height: 25px;
  background: #ff99ff;
  background:  url(Images/Back/NaviBack.gif) no-repeat;
  border: 0px;
  margin-bottom: 10px;
}

#Navigation ul
{
  list-style: none;
 }

#Navigation li
{
  text-indent: -9999px;
 }

#Navigation li a
{
  text-decoration: none;
  display: block;
 }


/* ナビ画像
---------------------------------------------------- */
#Navigation li#NaviCompany
{
  background:  url(Images/Navi/NaviCompany_off.gif) no-repeat;
  position: absolute;
  top: 5px;
  left: 10px;
  width: 81px;
  height: 19px;
 }

#Navigation li#NaviMessage
{
  background:  url(Images/Navi/NaviMessage_off.gif) no-repeat;
  position: absolute;
  top: 5px;
  left: 105px;
  width: 124px;
  height: 18px;
 }

#Navigation li#NaviProduct
{
  background:  url(Images/Navi/NaviProducts_off.gif) no-repeat;
  position: absolute;
  top: 5px;
  left: 260px;
  width: 82px;
  height: 17px;
 }

#Navigation li#NaviRecycle
{
  background:  url(Images/Navi/NaviRecycling_off.gif) no-repeat;
  position: absolute;
  top: 5px;
  left: 355px;
  width: 91px;
  height: 18px;
 }

#Navigation li#NaviMainte
{
  background:  url(Images/Navi/NaviMainte_off.gif) no-repeat;
  position: absolute;
  top: 5px;
  left: 460px;
  width: 118px;
  height: 17px;
 }

#Navigation li#NaviContact
{
  background:  url(Images/Navi/NaviContact_off.gif) no-repeat;
  position: absolute;
  top: 5px;
  left: 595px;
  width: 93px;
  height: 18px;
 }


/* マウスオーバーの画像
---------------------------------------------------- */
#Navigation li#NaviCompany a:hover
{
  background:  url(Images/Navi/NaviCompany_on.gif) no-repeat;
  width: 81px;
  height: 19px;
 }

#Navigation li#NaviMessage a:hover
{
  background:  url(Images/Navi/NaviMessage_on.gif) no-repeat;
  width: 124px;
  height: 18px;
 }

#Navigation li#NaviProduct a:hover
{
  background:  url(Images/Navi/NaviProducts_on.gif) no-repeat;
  width: 82px;
  height: 17px;
 }

#Navigation li#NaviRecycle a:hover
{
  background:  url(Images/Navi/NaviRecycling_on.gif) no-repeat;
  width: 91px;
  height: 18px;
 }

#Navigation li#NaviMainte a:hover
{
  background:  url(Images/Navi/NaviMainte_on.gif) no-repeat;
  width: 118px;
  height: 17px;
 }

#Navigation li#NaviContact a:hover
{
  background:  url(Images/Navi/NaviContact_on.gif) no-repeat;
  width: 93px;
  height: 18px;
 }