@charset "UTF-8";
/* CSS Document */




/*----slideshow----*/
#slideshow {
   position: relative;
   width:  750px; 
   height: 450px; 
  
   margin:15px auto;
   margin-bottom: 5px;
   clear:both;
   
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
   width:780px;
   height:480px;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}




/*--------main-----------*/
 


.main {
	width: 1100px;
	margin:0 auto;
	padding-left:20px;
	margin-bottom: 50px;
}

article{
	margin:0 25px;
	float:left;
	width: 600px;
	
}


h1 {
	margin:20px 10px 20px;
	
	border-bottom: 1px solid #366;
	
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 8px;
	font-size:24px;
}
article p {
	font-size:120%;
	text-height:150% ;
}
.first_p {
	text-indent: 1em;
}

h2 {
	border: 1px solid #666;
	border-bottom:4px solid #666;
	padding: 3px 0 3px 20px;
	margin-top:30px;
}


dl{
	border-bottom: 1px dotted #066;
}

dt{
	float:left;
	margin:0 20px 0;
	
}
dt, dd{
	font-size:20px;
}
dd{
	color:#C60;
}

/*--------side-----------*/
aside{
	float:left;
	margin-bottom: 10px;
	margin-top: 90px;
	
	}
aside a:hover {
	opacity: 0.5;
}
aside img {
	box-shadow: 3px 3px 1px #2e8b57 ;
}



.link {
	
	float:left;
	margin-top:90px;
	
}
.link img {
	margin-bottom: 20px;
	display:block;
}
/*-------responsive---------*/
/* iPHone4,iPhone5,iPhone5s,iPhone6 */
@media screen and (max-width: 480px)
{

.main{
	width:100%;
	margin:0 auto;
	padding:0;
}

article{
	width:90%;
	margin: 0px auto 30px;
	padding:0;
	font-size:80%;
	float:none;
	
}
.img_top{
	display:none;
	
}

#slideshow img{
	width:100%;
	height:auto;
	margin:10px 0 ;
	padding:0;
}
#slideshow {
	width:100%;
	height:260px;
}
.link{
	margin: 15px auto;
	width:90%;
	float:none;
	padding:0;
	
}
.link img{
	width:50%;
	margin:10px auto;
	padding:0;
	
}
.a_last{
	margin-bottom:0;
}
h1{
	margin:0;
	margin-bottom:10px;
}

}