#navi {
  float:left;
  width:386px;
  height: 21px;
  padding:0;
}
#navi ul{
  list-style: none;
  margin:0;
  padding:0;
}
#navi ul li {
  list-style:none;
  margin:0;
  padding:0;
  display:inline;
  float: left;
}
#navi ul li a {
  text-indent: -9999px;
  height: 21px;
  display:block;
  overflow:hidden; /*firefox*/
}
ul li a#navi-concept{
  background: url(../images/jatts_navi_concept.gif) no-repeat;
  width: 127px;
  height: 21px;
  display: block;
  text-decoration: none;
}
ul li a#navi-concept:hover {
  background: url(../images/jatts_navi_concept_over.gif) no-repeat;
}
ul li a#navi-design{
  background: url(../images/jatts_navi_design.gif) no-repeat;
  width: 128px;
  height: 21px;
  display: block;
  text-decoration: none;
}
ul li a#navi-design:hover {
  background: url(../images/jatts_navi_design_over.gif) no-repeat;
}
ul li a#navi-variation{
  background: url(../images/jatts_navi_variation.gif) no-repeat;
  width: 127px;
  height: 21px;
  display: block;
  text-decoration: none;
}
ul li a#navi-variation:hover {
  background: url(../images/jatts_navi_variation_over.gif) no-repeat;
}

span a {
  text-indent: -9999px;
}
a#po{
  background: url(../images/variation_pocatalog.gif) no-repeat;
  width: 191px;
  height: 36px;
  display: block;
  text-decoration: none;
  overflow:hidden; /*firefox*/
}
a#po:hover{
  background: url(../images/variation_pocatalog_over.gif) no-repeat;
}