@import url("rayout.css");

.special_main{
	width:900px;
	margin-top:50px;
	margin:50px auto 0 auto;
}

.topics{
	width:287px;
	height:800px;
	display:block;
	border:#B3B3B3 solid 1px;
	margin-right:10px;
	margin-bottom:20px;
	overflow:hidden;
	float:left;
}
	
.topics_list{
	width:287px;
	height:800px;	
	overflow:scroll;
	padding:0 16px 10px 0;
}
	
.topics_list li{
	display:block;
	height:16px;
	width:287px;
	padding:7px 0 15px 13px;
	float:left;
	list-style-type:none;
	border-bottom:dotted 1px #B3B3B3;
}

.topics_list a{
	text-decoration:none;
	color:#000;
}
.topics a:hover img{
	opacity: 0.8; 
    filter: alpha(opacity=80);
} 

.topics_date{
	font-size:12px;
	font-weight:bold;
}
.topics_txt{
	font-size:12px;
	margin-left:10px;
}

/*----------------新しいレポート----------------*/
.repoat_main{
width: 960px;
height:1340px;
clear:both;
background-image:url(../img/dot.gif);
background-repeat:repeat;
padding-top:40px;
}
.seminar_content{
	width: 920px;
	height:1300px;
	margin-left:20px;
	background-color:#FFF000;
}
.trial_content{
	width: 920px;
	height:1300px;
	margin-left:20px;
	background-color:#66B4FF;
}
.festival_content{
	width: 920px;
	height:1300px;
	margin-left:20px;
	background-color:#E61A1B;
}


/*----------------旧いレポート----------------*/
.old_repoat_main{
width: 960px;
height:900px;
clear:both;

}

.old_lesson_content{
	width: 920px;
	height:800px;
}

.old_seminar_content{
	width: 920px;
	height:800px;
	margin:0 auto 0 auto;
}

.old_trial_content{
	width: 920px;
	height:800px;
	margin:0 auto 0 auto;}

.old_festival_content{
	width: 920px;
	height:800px;
	margin:0 auto 0 auto;	
}

.old_wrap{
	width:900px;
	margin:0 auto;
}
#demo1{
  margin:10px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  clear:both;
  width:900px;

}
#slList{
  margin:20px 0px 20px 0px;
  padding:0px 0px 0px 0px;
  clear:both;
  text-align:center;
  color:#666666;
}
#slList a{
  color:#666666;
  text-decoration:none;
}
#slList a:hover{
  color:#EA6000;
  text-decoration:none;
}

#slList img{
  margin:0px 0px 0px 0px;
  padding:0px 20px 0px 20px;
}
ul#bbList{
  margin:40px 0px 20px 0px;
  padding:0px 0px 0px 0px;
  clear:both;
  list-style:none;
}
ul#bbList:after {
	height: 0; 
	content: "."; 
	display: block;
	clear: both;
	visibility: hidden;
	min-height: 1%;	
}
ul#bbList li{
  margin:0px 0px 0px 10px;
  padding:0px 0px 0px 0px;
  float:left;
}
ul#bbList li a:hover img{
     /* IE */
    filter: alpha(opacity=70);
    /* Safari Opera */
    opacity:0.7;
    /* Firefox Netscape */
    -moz-opacity:0.7;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}