@charset "utf-8";

* {
  margin: 0; padding: 0;
}
#container {
  width: 760px;
  margin: 0 auto; 
  padding : 0;
  color: #fff;
  text-align: center;
}
#top {
 height: 475px;
 width: 760px;
 background-image: url(http://chunchunkai.com/kioku/images/top.jpg);
 background-repeat: no-repeat;
 display: block;
}
#top1 {
 height: 201px;
 width: 760px;
 background-image: url(http://chunchunkai.com/kioku/images/top1.jpg);
 background-repeat: no-repeat;
 display: block;
}
#top2 {
 height: 201px;
 width: 760px;
 background-image: url(http://chunchunkai.com/kioku/images/top2.jpg);
 background-repeat: no-repeat;
 display: block;
}
#versel0 {
 height: 130px;
}
#versel {
 width: 600px;
 margin: 0 auto;
 padding: 0;
 list-style-type: none;
}
#versel li {
 width: 600px;
 padding-left: 0;
 padding-right: 0;
}
#versel li a {
 display: block;
 overflow: hidden;
 width: 100%;
 height: 0 ! important;
 height /**/: 65px;
 padding-top: 65px;
 padding-left: 0;
 padding-right: 0;
 background-image: url(http://chunchunkai.com/kioku/images/versel.jpg);
}

#versel01 a { background-position: 0 0; }
#versel02 a { background-position: 0 -65px; }

#versel01 a:hover { background-position: 0 -130px; }
#versel02 a:hover { background-position: 0 -195px; }

#navi0 {
 height: 124px;
}

#navi {
 width: 600px;
 margin: 0 auto;
 padding: 0;
 list-style-type: none;
}
#navi li {
 float: left;
 width: 200px;
 padding-left: 0;
 padding-right: 0;
}
#navi li a {

 display: block;
 overflow: hidden;
 width: 100%;
 height: 0 ! important;
 height /**/: 62px;
 padding-top: 62px;
 padding-left: 0;
 padding-right: 0;
 background-image: url(http://chunchunkai.com/kioku/images/navi.jpg);
}

#navi01 a { background-position: 0 0; }
#navi02 a { background-position: -200px 0; }
#navi03 a { background-position: -400px 0; }
#navi04 a { background-position: 0 -62px; }
#navi05 a { background-position: -200px -62px; }
#navi06 a { background-position: -400px -62px; }
#navi07 a { background-position: 0px -248px; }

#navi01 a:hover { background-position: 0 -124px; }
#navi02 a:hover { background-position: -200px -124px; }
#navi03 a:hover { background-position: -400px -124px; }
#navi04 a:hover { background-position: 0 -186px; }
#navi05 a:hover { background-position: -200px -186px; }
#navi06 a:hover { background-position: -400px -186px; }
#navi07 a:hover { background-position: -200px -248px; }

#ctop-story {
 background-image: url(http://chunchunkai.com/kioku/images/ctop.jpg);
 background-repeat: no-repeat;
 margin: 0 auto;
 padding-top:115px;
 width: 600px;
 height: 100%;
 }
#ctop-system {
 background-image: url(http://chunchunkai.com/kioku/images/ctop.jpg);
 background-position: 0 -115px;
 background-repeat: no-repeat;
 margin: 0 auto;
 padding-top:115px;
 width: 600px;
 }
#ctop-download {
 background-image: url(http://chunchunkai.com/kioku/images/ctop.jpg);
 background-position: 0 -230px;
 background-repeat: no-repeat;
 margin: 0 auto;
 padding-top:115px;
 width: 600px;
 }
#ctop-play {
 background-image: url(http://chunchunkai.com/kioku/images/ctop.jpg);
 background-position: 0 -345px;
 background-repeat: no-repeat;
 margin: 0 auto;
 padding-top:115px;
 width: 600px;
 }
#ctop-info {
 background-image: url(http://chunchunkai.com/kioku/images/ctop.jpg);
 background-position: 0 -460px;
 background-repeat: no-repeat;
 margin: 0 auto;
 padding-top:115px;
 width: 600px;
 }
#ctop-capture {
 background-image: url(http://chunchunkai.com/kioku/images/ctop.jpg);
 background-position: 0 -575px;
 background-repeat: no-repeat;
 margin: 0 auto;
 padding-top:115px;
 width: 600px;
 }
#ctop-clear {
 background-image: url(http://chunchunkai.com/kioku/images/ctop.jpg);
 background-position: 0 -690px;
 background-repeat: no-repeat;
 margin: 0 auto;
 padding-top:115px;
 width: 600px;
 }

#contents {
 line-height: 2em;
 background-image: url(http://chunchunkai.com/kioku/images/cback.jpg);
 background-repeat: repeat-y;
 width: 600px;
 margin: 0 auto;
 color: #000;
 text-align: center;
 }
#contents p{
 text-align: left;
 margin-left:50px;
 margin-right: 40px;
 position: relative;
}
.biglink {
 font-size: large;
}

#contents a:link {
	font-weight: bold;
	color: #0000ff;
	text-decoration: none;
}
#contents a:visited {
	font-weight: bold;
	color: #52188c;
	text-decoration: none;
}
#contents a:hover {
	font-weight: bold;
	color: #ff0000;
	text-decoration: underline;
}
#info {
 width: 360px;
 padding: 0 auto;
 margin: 0 auto;
 text-align: center;
}

#cbottom {
 background-image: url(http://chunchunkai.com/kioku/images/cbottom.jpg);
 background-repeat: no-repeat;
 height: 40px;
 width: 600px;
}

#news {
 background-image: url(http://chunchunkai.com/kioku/images/news.jpg);
 background-repeat: no-repeat;
 height: 350px;
 width: 557px;
 margin: 0 auto;
 color: #000;
 text-align: left;
}
#news p {
 position: relative;
 top: 130px;
 margin-left: 110px;
}

#footer {
 margin: 0;
 width: 100%;
 height: 70px;
 background-image: url(http://chunchunkai.com/kioku/images/footer.jpg);
 background-repeat: repeat-x;
 background-repeat: repeat-y;
 text-align: center;
 position: relative;
 bottom: 0;
}
#footer p {
 position: relative;
 padding-bottom: 5px; 
 top: 15px;
 color: #000;
}
#footer a {
 color: #000;
 text-decoration: none;
}
#footer a:hover {
 color: brown;
}