@charset "UTF-8";

* {

  margin: 0;

  padding: 0;
		
}

body {

  margin: 0 auto;

  padding: 0;
}

img {

  border: none;
			 
  vertical-align: bottom;

}
		
		
ul, li {

  list-style:none;
		
}
		
		
#slide {

  width: 787px;
 
  height: 350px;
			  
  position: relative;
  margin: 60px auto 40px;

  border: 0;

}

#slide #list li {

  position: absolute;

  top: 0;

  left: 0;
		
}

#slide #navi {

  position: absolute;

  bottom: -30px;

  left: 0;

  font-size: 10px;

}

#slide #navi li {

  float: left;

  margin-right: 5px;
		
}

#slide #navi li a {

  display: block;

  border: 1px solid #ccc;
  padding: 0 3px;

  line-height: 20px;

  background: #fff;

  color: #696969;

  text-decoration: none;

}

#slide #navi li a.current,

#slide #navi li a:hover {

  border: 1px solid #87ceeb;
  background: #afeeee;
  color: #00bfff;
}