/* CSS Document */

@charset "UTF-8";


#intro {
	background-image: url(../images/common/back.png);
	padding-top: 120px;
	padding-bottom: 10px;
	background-color: #CCC;
}
.container {
	position:relative;
	width: 900px;
}

#information {
	height: 200px;
	width: 600px;
	margin-top: 10px;
	padding-top: 20px;
	padding-right: 35px;
	padding-bottom: 20px;
	padding-left: 35px;
}
#contents-main {
	float: left;
	width: 580px;
	margin-bottom: 20px;
}
.info-c {
	height: 22px;
	width: 580px;
	background-image: url(../images/top/info_c.png);
}
#infometion {
	height: 200px;
	width: 300px;
	padding-top: 20px;
	padding-right: 35px;
	padding-bottom: 20px;
	padding-left: 35px;
	margin-left: auto;
}
.info-c3 {
	background-image: url(../images/top/info_r.png);
	height: 30px;
	width: 25px;
	float: right;
}
.info-c2 {
	height: 200px;
	width: 520px;
	float: none;
}
.info-c1 {
	background-image: url(../images/top/info_l.png);
	height: 30px;
	width: 25px;
	float: left;
}

.info-b {
	background-image: url(../images/top/info_b.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 580px;
}
.info-t {
	background-image: url(../images/top/info_t.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 580px;
}

#contents-sub {
	padding-bottom: 30px;
	width: 280px;
	padding-top: 30px;
}
#second-contents-nav {
	list-style-type: none;
	clear: right;
	text-align: right;
	margin-bottom: 10px;
}

#sekond-contents-nav li {
	height: 72px;
	width: 250px;
}

#slideshow {
   position: relative;
   width:  900px; /* 画像の横幅に合わせて記述 */
   height: 460px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}