body{
	text-align:center;
	background-image:url(images/bgi1.png);
	backgroud-repeat;
}

#wrapper{
	width:1000px;
	margin-left : auto ;
	margin-right : auto ;
	text-align:center;
}

p.red{
	color:red;
	font-size:x-large;
}

#nav{
	width:200px;
	height:1000px;
	float:left;
}

table.bt{
	width:200px;
	height:600px;
	border-collapse:separate;

}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#header{
	width:800px;
	height:200px;
        background-image:url(images/title.png);
	float:right;
}
#main{
	width:800px;
	height:400px;
	float:left;

	

}
#ecoreji{
	width:800px;
	height:1000px;
	float:right;
	color:#ffffff;
	background-color :#000000;
}
table.renraku{
	border: 2px #ffffff solid;
	margin-left : auto ;
	margin-right : auto ;
}

#member{
	width:800px;
	height:1000px;
	float:right;
	color:#ffffff;
	background-color :#000000;
}
table.mem tr td{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
#slideshow {
   position: relative;
   
   width:  800px; /* 画像の横幅に合わせて記述 */
   height: 400px; /* 画像の高さに合わせて記述 */
}
#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;
}
#tw{
	width:500px;
	height:200px;
        margin-top:0px;
        margin-left : auto ;
	margin-right : auto ;
	float:left;
        backgroud-color:#000000;

}
#info{	
	width:300px;
	height:200px;
	margin-left : auto ;
	margin-right : auto ;
	text-align:center;
	float:left;
	background-image:url(images/waku.png);
}
p.info {width:300px; height:200px; overflow:auto; text-align:left;
}

#footer{
	width:1000px;
	height:50px;
	clear:both;
	background-color:#000000;
	color: #ffffff;
}