image-navigation ul li a {
  display:block;
  width:200px;
  height:71px;
}
#image-navigation .navi {
  float:left;
  width:200px;
  height:230px;
}
#image-navigation .navi-image {
  float:left;
  width:700px;
  height:230px;
}

#image-navigation-text ul li a {
  display:block;
  width:200px;
  height:71px;
  color:#333;
  text-align:center;
}
#image-navigation-text .navi {
  float:left;
}
#image-navigation-text .navi-image {
  float:left;
}
#image-navigation-text a {
  background:#eee;
}
#image-navigation-text a.active {
  background:#333;
  color:#fff;
}


#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }



div.image-navigation ul li a:hover img {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background: #fff;
}

div#image-navigation div.navi li {
	height:80px;
}