@charset "UTF-8";
/*base.css */

/*Base setting_____________________________________*/


BODY{
	font:14px/1.6 Century Gothic,'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	overflow-x:hidden;


  background-repeat : repeat-x;
}

/*header footer*/
HEADER, FOOTER{
	width:100%;
	z-index:2;
	position:fixed;
	background : none 0% 0% / auto auto repeat scroll padding-box border-box rgba(0, 176, 88, 0.7);
}
footer{
	bottom:0;	
	text-align: center;
	font-size:85%;
	padding:10px 0 8px;
}
footer span{
	font-family:Century Gothic, sans-serif;
}
/*header menu_____________________________________*/
header{
	display:table;font-size:0;line-height:0;
}
header h1, nav{
	display:table-cell;
}
nav{
	text-align:right;vertical-align:bottom;
}
HEADER H1 A IMG{
	height : 40px;margin:10px;
}
HEADER UL{
	font-size : 16px;line-height:1;margin:0 10px 10px 0;
}
header ul li{
	margin-left:3px; display:inline-block;
}header ul li::after {content:' |'}header ul li:last-child::after {content:''}
HEADER UL LI A{
	color:inherit;
}

/*layout_____________________________________*/
/*wrap*/
#wrap{
	width:100%;
  background-repeat : repeat-x;
  font-size : 16px;
  letter-spacing : 0.1rem;
}
#wrap section{
	display:table-cell; vertical-align:middle;
}
#wrap section p{
	width:90%; margin:auto;
}

/*Media-queries_____________________________________*/
@media screen and (max-width: 1000px) {
HTML{
	-webkit-text-size-adjust:100%;
    background-repeat : repeat-x;
  }/*disable webkit text size adjust (for iPhone)*/
a img:hover {opacity:1}}@media screen and (max-height: 640px) {
html{
	-webkit-text-size-adjust:100%;
}/*disable webkit text size adjust (for iPhone)*/
a img:hover {opacity:1}}
/*smaller than 640-----------------------------*/
@media screen and (max-width: 640px) {
html{
	-webkit-text-size-adjust:100%;
}/*disable webkit text size adjust (for iPhone)*/
a img:hover {opacity:1}
footer{
	font-size:80%; padding:5px;
}}

/*origin-----------------------------------------*/
#contents{
  font-size : 16px;
  width : 96%;
  background-repeat : repeat-x;
  padding-left : 2%;
  padding-right : 2%;
  padding-top : 12px;
  letter-spacing : 0.1rem;
}


#contents_1{
  font-size : 16px;
  width : 96%;
  background-repeat : repeat-x;
  padding-left : 2%;
  padding-right : 2%;
  padding-top : 12px;
  margin-top : -70px;
}



#contents_in{
  font-size : 16px;
  padding-top : 5px;
  background-color : white;
border-top-left-radius: 5px; 
border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px; 
}




#Box{
	width: 100%;
  text-decoration : none;
  height : auto;
}
#Box UL{
	margin: 0 auto;
  text-decoration : none;
}



#sl{
  font-size : 13px;
  width : 100%;
  z-index : 990;
}

#logo{
  font-size : 0.8rem;
  font-weight : bold;
  height : 60px;
  padding-top : 10px;
  padding-left : 10px;
  position : fixed;
  width : 100%;
  margin-top : -70px;
  z-index : 995;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : silver;
  background-color : rgba(255, 255, 255, 0.49);
}

#cl{
  height : 0px;
  clear : both;
}#fade {  
    -webkit-transition: 0.7s ease-in-out;  
       -moz-transition: 0.7s ease-in-out;  
         -o-transition: 0.7s ease-in-out;  
            transition: 0.7s ease-in-out;  
}#contents_1 P{
  font-size : 17px;
  font-family : "ＭＳ Ｐ明朝";
  font-weight : bold;
  color : #00b058;
  margin-bottom : 8px;
}







#contents P{
  font-size : 16px;
  font-weight : bold;
}#fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
}.list_left{
  float : left;
  padding-left : 2%;
  width : 16%;
}   
.list_left1{
  border-left-width : 0.03rem;
  float : left;
  border-left-style : dotted;
  border-left-color : gray;
  margin-left : 2%;
  padding-left : 2%;
  width : 16%;
}