img {
  border:0;
  vertical-align:bottom;
}
ul,li {
  margin:0;
  padding:0;
  list-style:none;
}
#image-navigation ul li a {
  display:block;
  width:905px;
  height:50px;
}
#image-navigation .navi {
  float:left;
  position:relative;
}
#image-navigation .navi-image {
  float:left;
}

#image-navigation-text ul li a {
	display:block;
	width:101px;
	position:absolute;
	top:364px;
	height:50px;
	margin-right:11px;
	color:#333;
	float:left;
	line-height:50px;
	text-align:center;
	left:0;
	font-size:11px;
	border-radius:2px;
}

#image-navigation-text ul li a.active {
border-top:2px solid #696;
}


#image-navigation-text .navi {
  float:left;
  width:915px;
  height:500px;
}
#image-navigation-text .navi-image {
  float:left;
}
#image-navigation-text a {
background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 20%, #e1e1e1 95%, #f6f6f6 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(20%,#f9f9f9), color-stop(95%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 20%,#e1e1e1 95%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 20%,#e1e1e1 95%,#f6f6f6 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 20%,#e1e1e1 95%,#f6f6f6 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 20%,#e1e1e1 95%,#f6f6f6 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

border:1px solid #eee;




}
#image-navigation-text a.active {
background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 20%, #e1e1e1 95%, #f6f6f6 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(20%,#f9f9f9), color-stop(95%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 20%,#e1e1e1 95%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 20%,#e1e1e1 95%,#f6f6f6 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 20%,#e1e1e1 95%,#f6f6f6 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 20%,#e1e1e1 95%,#f6f6f6 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

border:1px solid #eee;
color:#363;
}

#image-navigation-text .navi-image {width:900px;}
#image-navigation-text .navi-image a { 
display:inline-block;
box-shadow: 0px 11px 7px -10px rgba(0, 0, 0, 0.1); 
width:900px; 
height:350px;
position:absolute;
top:-2px;
left:8px;
z-index:8;
}

#image-navigation-text .navi-image a.active { z-index:10; }
#image-navigation-text .navi-image a.last-active { z-index:9; }

/* リンクの指定 */
a{text-decoration:none;}


* { font-family: "Arial","Helvetica" !important; }
<!-- /*///スマホ対策///*/-->
body {-webkit-text-size-adjust: 100%;}
<!-- /*///スマホ対策///*/-->

a:hover img { opacity: 0.9; filter: alpha(opacity=90); }