#top_footer{
	position: relative;
	text-align:center;
	top:540px;
	width: 100%;
	height: 40px;
	background-color:#fff;
	border-bottom:1px #ccc solid;
	border-top:1px #ccc solid;
	z-index:999;
	}
#top_footer ul {
	text-align:center;
}

#top_footer li {
	text-align:center;
	display: inline;
	margin-left: 0.85em;
	margin-right: 0.85em;
	line-height: 40px;
	font-size:13px;
	color:#888;
}
.top_footer_inner {
	width: 1000px;
	margin: 0 auto;
	text-align:center;
}

 #top_header{
	position: relative;
	top:-60px;
	width: 100%;
	height: 180px;
	background-color:#3659a7;
	z-index:999;
	}

.top_inner{
	position:relative;
	display: block;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 	z-index:9999;
	}

.top_inner img
{
	align:center;
}


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

position:relative;
margin:0 0 0 260px;;
  width:900px;
  height:490px;
  background-image:url(../images/back2.png) ;
  border:#fff solid 5px;
/*border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
*/}

#image-navigation .navi1{
  float:left;
  position:absolute;
  top:20px;
  left:170px;
  display:block;
  width:170px;
  height:140px;
  z-index:999;
   -webkit-box-shadow: -1px 3px 2px 2px rgba(0,0,0,0.4);
       -moz-box-shadow: -1px 3px 2px 2px rgba(0,0,0,0.4);
            box-shadow: -1px 3px 2px 2px rgba(0,0,0,0.4);

}
#image-navigation .navi2 {
  float:left;
  position:absolute;
  top:330px;
  left:170px;
  display:block;
  width:170px;
  height:140px;
   -webkit-box-shadow: -1px 3px 2px 2px rgba(0,0,0,0.4);
       -moz-box-shadow: -1px 3px 2px 2px rgba(0,0,0,0.4);
            box-shadow: -1px 3px 2px 2px rgba(0,0,0,0.4);
}
#image-navigation .navi3 {
   float:left;
  position:absolute;
  top:330px;
  left:560px;
  display:block;
  width:170px;
  height:140px;
   -webkit-box-shadow: -1px 3px 2px 2px rgba(0,0,0,0.4);
       -moz-box-shadow: -1px 3px 2px 2px rgba(0,0,0,0.4);
            box-shadow: -1px 3px 2px 2px rgba(0,0,0,0.4);
}
#image-navigation .navi4 {
  float:left;
  position:absolute;
  top:20px;
  left:560px;
  display:block;
  width:170px;
  height:140px;
   -webkit-box-shadow: -1px 3px 2px 2px rgba(0,0,0,0.4);
       -moz-box-shadow: -1px 3px 2px 2px rgba(0,0,0,0.4);
            box-shadow: -1px 3px 2px 2px rgba(0,0,0,0.4);
}
#image-navigation .catch{
  position:absolute;
  top:0px;
  left:760px;
  display:block;
  width:90px;
  height:340px;
}

#image-navigation .navi-image {
  float:left;
  display:block;
  width:260px;
  height:490px;
  opacity:1;
	border:#fff solid 5px;
}





#image-navigation-text ul li a {
/*
  display:block;
  width:150px;
  height:50px;
  color:#333;
  line-height:50px;
  text-align:center;
*/
background: none;}
#image-navigation-text .navi {
  float:left;
}
#image-navigation-text .navi-image {
  float:left;
}
#image-navigation-text a {
  background:#eee;
background: none;}
#image-navigation-text a.active {
  background:#333;
  color:#fff;
background: none;}
#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;}