@charset "utf-8";



img {

	border:0;

	vertical-align:bottom;

}

ul,

li {

	margin:0;

	padding:0;

	 list-style:none;

}



#image-navigation {

	width: 970px;

	height: 320px;

	position: relative;

	margin: 0 auto;

}

#image-navigation .navi {

	width: auto;

	position: absolute;

	top: 0;

	left: 0;

	margin: 0;

}



#image-navigation .navi {

	position: relative;

	z-index: 100;

}



#image-navigation .navi ul {

	width: 100%;

	background: transparent;

}

#image-navigation .navi ul li {

	position: absolute;

	z-index: 100;

	background: transparent;

	width: 30px;

	height: 30px;

}

#image-navigation .navi ul li a {

	background: transparent;

	display: block;

}



#image-navigation #Mnavi1 {

	top: 280px;

	left: 811px;

}

#image-navigation #Mnavi2 {

	top: 280px;

	left: 851px;

}





#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; }



#image-navigation .navi-image img { z-index: 1;}





#image-navigation-text ul li a {

  display:block;

  width:150px;

  height:50px;

  color:#333;

  line-height:50px;

  text-align:center;

	background: transparent;

}

#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-text .navi-image { position:relative;}

#image-navigation-text .navi-image a { display:block; }

#image-navigation-text .navi-image a { position:absolute; top:0; left:0; z-index:8; }

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

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