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


*{
	margin: 0;
	padding: 0;
}
	
ul{list-style:none;
padding-left:0;}	


.in{margin-left:auto;
margin-right:auto;
width:98%;
   }	

a{text-decoration:none;}
		
img{border:0;
    width:100%;}		



#top a:hover img{opacity:0.7;
           filter: alpha(opacity=70);
}

		
.cf:after {  
  content: ".";   
  display: block;   
  height: 0;   
 clear: both;   
  visibility: hidden;
	font-size: 0.1em;} 	
	
.center{text-align:center;
margin-left:auto;
margin-right:auto;}

body{
	color:#231815;
	font-family:'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 62.5%;


}


.only-pc{display:none;}/*-----sp----*/
.only-sp{display:block;}/*-----sp----*/	

#main{width:98%;
margin-left:auto;
margin-right:auto;}


.txt{line-height:1.9em;}

/*-----------------------------
header
-------------------------------*/

#header{padding:2%;}

#logo{width:70%;
float:left;
margin-top:1%;}

#mail-top{width:13%;
float:left;
margin-left:6%;}

#menuButton{width:8%;
float:right;
margin-top:3%;}



#key{background:url(../img/key-bg.png) repeat-x;
background-size:100% 100%;
}


#key02{background:url(../img/key-bg02.png) repeat-x;
background-size:100% 100%;
}

#key02 p{float:right;
width:40%;
padding:5% 0%;}

#comp-pic{width:70%;
text-align:right;
margin-top:5%;
float:right;}




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

#content{margin-top:5%;}


h2{background:url(../img/h2-bg.png) no-repeat;
background-size:100% 100%;
padding:3% 0% 2% 5%;
margin-bottom:3%;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:2em;}




/*-----------------------------
side
-------------------------------*/

#side{margin-top:5%;}

#side li{width:48%;
float:left;
margin-right:2%;}




/*-----------------------------
footer
-------------------------------*/

#footer{border-top:solid 1px #000;
margin-top:5%;
padding-top:3%;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


#foot_menu{/*border-top:solid 1px #A6A6A6;
border-left:solid 1px #A6A6A6;*/}



#foot_menu li{width:47%;
float:left;
text-align:center;
padding:2% 0%;
margin-right:3%;
border-bottom:solid 1px #A6A6A6;
/*border-right:solid 1px #A6A6A6;*/}

#foot_menu li img{width:65%;}

#foot_menu li a:link{color:#000;}
#foot_menu li a:visited{color:#000;}


#logo-foot{margin:5% auto;
width:80%;}

#mail-foot{margin:0% auto;
width:60%;}


#copy{color:#ADADAD;
text-align:center;
margin-top:4%;}


@media only screen and (min-width: 640px) {

.only-pc{display:block;}/*-----pc----*/
.only-sp{display:none;}/*-----pc----*/	


.in{margin-left:auto;
    margin-right:auto;
    max-width:950px;}
		

	
	

/*-----------------------------
header
-------------------------------*/

#header{padding:0%;
margin-bottom:3%;}

#h1{background:url(../img/h1.png) no-repeat;
background-size:100% 100%;
color:#fff;}


#logo{width:40%;
float:left;
margin-top:2%;}


#mail-top{width:30%;
float:right;
margin-left:2%;
margin-top:3%;}





/*-----------------------------
gnav
-------------------------------*/

#gnav{background:url(../img/gnav-bg02.png) repeat-x;
background-size:100% 100%;}

#gnav li{width:20%;
float:left;}

#gnav a:hover{filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;}






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



#main{width:70%;
float:left;}
#side{width:25%;
float:right;}


/*-----------------------------
side
-------------------------------*/

#side{margin-top:0%;}

#side li{width:100%;
float:none;
margin-right:0%;}

#side li a:hover{filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;}



/*-----------------------------
footer
-------------------------------*/

#footer{
margin-top:5%;
padding-top:1%;
}


#foot_menu{border:none;
}



#foot_menu li{width:16.5%;
float:left;
text-align:center;
padding:1% 0%;
margin-right:3.5%;
border:none;}

#foot_menu li img{width:100%;}


#logo-foot{width:35%;
float:left;
margin-top:3%;}



#mail-foot{width:30%;
float:right;
margin-left:5%;
margin-top:3%;}



#copy{
color:#ADADAD;
margin-top:3%;}



}