#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:11; }
#image-navigation .navi-image a.last-active { z-index:9; }
#image-navigation .hover-image a { z-index:10;}

img {
  border:0;
  vertical-align:bottom;
}

ul,
li {
  margin:0;
  padding:0;
  list-style:none;
}


div#image-navigation {
	position:relative;
	padding:0;
	margin:0;
	width:980px;
	height:513px;
}

div#image-navigation div.navi {
	position: absolute;
	z-index:11;
	left:9px;
	top:480px;
}

div#image-navigation div.navi-image {
	position: absolute;
	z-index:9;
}
div#image-navigation div.hover-image {
	position: absolute;
	z-index:10;
}
div#image-navigation div.navi {
	width:200px;
}

div#image-navigation div.navi ul li {
	width:15px;
	float: left;
	margin: 0 5px 0 0;
	padding:0;
}

div#image-navigation div.navi ul li a {
  display:block;
  width:15px;
  height:15x;
}


/* =スマホならサイズ変更
----------------------------------------------- */
@media screen and (min-width:280px) and (max-width: 801px){
/* 表示領域が970px以下の場合に適用するスタイル */

body{width:100%; height:auto;}

#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:11; }
#image-navigation .navi-image a.last-active { z-index:9; }
#image-navigation .hover-image a { z-index:10;}

img
{border:0;vertical-align:bottom;width:100%;height:auto; }

ul,li
{margin:0;padding:0;list-style:none;}

div#image-navigation
{position:relative;padding:0;margin:0;width:100%;height:auto;}



div#image-navigation div.navi-image
{position: absolute;z-index:9;width:100%;height:auto;}

div#image-navigation div.hover-image
{position: absolute;z-index:10;width:100%;height:auto;}



}


/* =スマホでは表示しない
----------------------------------------------- */
@media screen and (min-width:280px) and (max-width: 801px){



div#image-navigation div.navi{ display:none; }

div#image-navigation div.navi ul li { display:none; }

div#image-navigation div.navi ul li a { display:none; }

}