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

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

}

/*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);
}/*header menu_____________________________________*/
HEADER{
	display:table;font-size:0;line-height:0;
  z-index : 999;
}
header h1, nav{
	display:table-cell;
}
NAV{
	text-align:right;vertical-align:bottom;
}
HEADER H1 A IMG{
	height : 40px;margin : 0px 0px 0px 10px;
  text-align : left;
}
header ul{
	font-size:13px;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*/
/*Media-queries_____________________________________*/
@media screen and (max-width: 3000px) {
html{
	-webkit-text-size-adjust:100%;
}/*disable webkit text size adjust (for iPhone)*/
a img:hover {opacity:1}}@media screen and (max-height: 640px) {/*disable webkit text size adjust (for iPhone)*/
a img:hover {opacity:1}}
/*smaller than 640-----------------------------*/
@media screen and (max-width: 200px) {/*disable webkit text size adjust (for iPhone)*/
a img:hover {opacity:1}}

/*origin-----------------------------------------*/
#logo{
  padding-top : 5px;
  padding-bottom : 10px;
  height : 35px;
  position : relative;
  text-align : left;
}#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;  
}#fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
}