@charset  "UTF-8";


/* index.html*/
body { 
       margin: 0 0 0 0;
       padding: 0 0 0 0;
       background-color: #f0f8ff;
	   font-family: "sans-serif "; 
 }
 .wrapper {
    margin:  0  auto;
	max-width:  1000px;
	padding:0 10px;
	
}
h1{
	font-family: "cursive";
    color:#0000cd; 
	font-size: 25px;
	text-alien:center;

} 
h1{
    margin: 30px  0  30px  0;
    padding: 0 ;
    line-height: 0;
    text-align: center;
}    
 h2{
	font-family: "cursive";
    color:#4169e1; 
	font-size: 18px;
	border-bottom: 2px  dotted  #191970;	
	text-align:center;
} 

#nav {
     margin: 0 auto;
     padding: 0 auto;
}
#nav li {
    display: inline;
    list-style-type: none;
    padding-right: 30px;
}

#nav li a: link{
      color: #0000cd;
	  text-decoration: none;
 }
#nav li a:visited{
      color:#0000cd;
	  text-decoration: none;
}
#nav li a:hover{
      color:#6495ed;
	  text-decoration: none;
}
#nav li a:active{
     color:#00080;
	 text-decoration: none;     
}

#nav li a:before {
   content:"\f072;
   font-family:fontAwesome;
   color:#000080;
}


img{
    border-style: none;
    max-width:100%; /*for RMD*/
    height:auto; /*for rMD*/
}
 img {
border:10px ridge #cfcfcf;
}


#footer {  
	 margin-top :100px;
	 width=1000px;
      margin-right:auto;
      margin-left:auto;
    
}

 
 /*index.html*/
 .keyvisual{
       margin:  20px 0 0 0;
 }
 .new_item {
       margin: 0;
 }


#slideshow {
   position: relative;
   width:  900px; 
   height: 600px; 
}
#slideshow img {
   position: absolute;
   top: 0;
   left:40;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}


.box {
     margin-top:100px;
}
.txt {
	 margin:0 auto;
	 font-family: "cursive";
	 color:#4169e1;
	 font-suze: 20px;
	 text-align:center;
}

.texts {
     display: inline-block;
     text-align: left;
     font-family: "cursive";
     color:#4169e1; 
     font-size: 18px;
     
}




#animation{
	margin: 0 auto;
	text-align: center;
}