/* ナビゲーション
---------------------------------------------------- */
ul#navigation {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#navigation li {
  position: absolute;
  display: block;
  width: 130px;
  height: 21px;
  margin: auto;
  padding: 0;
  text-indent: -9999px;
}

ul#navigation li a{
   display: block;
	width: 130px;
	height: 21px;
	margin:auto;
   text-decoration: none;
}

ul#navigation li a:hover{
  	display: block;
	width: 130px;
	height: 21px;
	margin:auto;
   text-decoration: none;
}

ul#navigation li#home {
  left: 10px;
  background:url(../IMAGES/home-on.gif) no-repeat;
}

ul#navigation li#home a:hover {
  left: 10px;
  background:url(../IMAGES/home-on.gif) no-repeat;
}

ul#navigation li#ds {
  left: 140px;
  background:url(../IMAGES/ds-off.gif)  no-repeat;
}

ul#navigation li#ds a:hover {
  left: 140px;
  background:url(../IMAGES/ds-on.gif) no-repeat;
}

ul#navigation li#service {
  left: 270px;
  background:url(../IMAGES/service-off.gif)  no-repeat;
}

ul#navigation li#service a:hover {
  left: 270px;
  background:url(../IMAGES/service-on.gif) no-repeat;
}

ul#navigation li#cp {
  left: 400px;
  background:url(../IMAGES/ci-off.gif)  no-repeat;
}

ul#navigation li#cp a:hover {
  left: 400px;
  background:url(../IMAGES/ci-on.gif) no-repeat;
}


ul#navigation li#contact {
  left: 530px;
  background:url(../IMAGES/contact-off.gif)  no-repeat;
}

ul#navigation li#contact a:hover {
  left: 530px;
  background:url(../IMAGES/contact-on.gif) no-repeat;
}