@charset "utf-8";
body {	margin: 0;padding: 0;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;background: url("../images/common/background_index.jpg") repeat;}

.clearfix:after {	content: "";	clear: both;	display: block;}

input, textarea {	margin: 0;	vertical-align: baseline; *vertical-align:middle;}
input {	line-height: normal; *overflow:visible;}
input[type="reset"], input[type="submit"] {	cursor: pointer;	-webkit-appearance: button;}
input[type="checkbox"], input[type="radio"] {	box-sizing: border-box;}
textarea {	overflow: auto;	vertical-align: top;}

@media screen and (min-width:1051px) {
	header{width:100%;margin: 0 auto 0px auto;padding: 0px;}
	header h1{width:300px;margin: 0 auto 50px auto;padding:80px 0 0 0;text-align: center;}
	header h1 img{width: 100%;}
	
	main{width:100%;margin: 0 auto 0px auto;padding: 0px;}
	main ul{width:830px;margin: 0 auto 50px auto;padding: 0px; list-style: none;font-size: 0;}
	main ul li{width: 150px; margin: 0 20px 50px 0;padding:0px 0px; float: left;}
	main ul li:nth-of-type(5n){margin: 0 0 50px 0}
	main ul li .language{position: relative;width: 100%;height: 140px;}
	main ul li .language a{position:absolute;top: 0;left: 0; width: 100%;height: 100%;z-index: 1}
	main ul li .language figure{position:absolute;top: 0;left: 0%;width:100%; margin: 0 ;padding: 0;/*font-size: 0;*//*display: inline-block;  */ } 
	main ul li .language figure img{width: 100%; margin: 0;padding: 0;box-shadow: 0 0 0px 0 rgba(229, 207, 202, 0.25);transition: all 0.3s ease 0s;} 
	main ul li .language h2{position:absolute;bottom: 0;left: 0;width: 100%; margin: 0;padding: 0;text-align: center;font-size: 14px;letter-spacing: 1px;color: #7e6a65;font-weight: normal;transition: all 0.3s ease 0.3s;} 
	main ul li .language:hover figure img{box-shadow: 0 0px 10px 5px rgba(229, 207, 202, 1.0);  transform: translateY(-0.5em);}
	main ul li .language:hover h2{color: #d8beb7;letter-spacing: 0px;}
	
	footer{width: 900px;margin: 0 auto;padding:0 0 ; }
	footer small{position: relative;display: block;width: 900px;margin: 0 auto;padding:20px 0 0 0 ;text-align: center;font-size: 10px;letter-spacing: 2px; color: #7e6a65;}
	footer small::before{position:absolute;top: 0;left: 200px;display: block;content: ''; width: 500px;height: 1px;background:#7e6a65}
}

@media screen and (min-width:700px) and ( max-width:1050px) {
	header{width:100%;margin: 0 auto 0px auto;padding: 0px;}
	header h1{width:300px;margin: 0 auto 50px auto;padding:80px 0 0 0;text-align: center;}
	header h1 img{width: 100%;}
	
	main{width:330px;margin: 0 auto 0px auto;padding: 0px;}
	main ul{width:100%;margin: 0 auto 50px auto;padding: 0px; list-style: none;}
	main ul li{width: 155px; margin: 0 20px 30px 0;padding:0px 0px; float: left;}
	main ul li:nth-of-type(2n){margin: 0 0 30px 0}
	main ul li .language{position: relative;width: 100%;height: 140px;}
	main ul li .language a{position:absolute;top: 0;left: 0; width: 100%;height: 100%;z-index: 1}
	main ul li .language figure{position:absolute;top: 0;left: 0%;width:100%; margin: 0 ;padding: 0;/*font-size: 0;*//*display: inline-block;  */ } 
	main ul li .language figure img{width: 100%; margin: 0;padding: 0;box-shadow: 0 0 0px 0 rgba(229, 207, 202, 0.25);transition: all 0.3s ease 0s;} 
	main ul li .language h2{position:absolute;bottom: 0;left: 0;width: 100%; margin: 0;padding: 0;text-align: center;font-size: 14px;letter-spacing: 1px;color: #7e6a65;font-weight: normal;transition: all 0.3s ease 0.3s;} 
	main ul li .language:hover figure img{box-shadow: 0 0px 10px 5px rgba(229, 207, 202, 1.0);  transform: translateY(-0.5em);}
	main ul li .language:hover h2{color: #d8beb7;letter-spacing: 0px;}
	
	footer{width:680px;margin: 0 auto;padding:0 0 ; }
	footer small{position: relative;display: block;width: 680px;margin: 0 auto;padding:20px 0 0 0 ;text-align: center;font-size: 10px;letter-spacing: 2px; color: #7e6a65;}
	footer small::before{position:absolute;top: 0;left:90px;display: block;content: ''; width: 500px;height: 1px;background:#7e6a65}
}

@media screen and (max-width:700px) {
	header{width:100%;margin: 0 auto 0px auto;padding: 0px;}
	header h1{width:200px;margin: 0 auto 30px auto;padding:30px 0 0 0;text-align: center;}
	header h1 img{width: 100%;}
	
	main{width:300px;margin: 0 auto 0px auto;padding: 0px;}
	main ul{width:100%;margin: 0 auto 0px auto;padding: 0px; list-style: none;}
	main ul li{width: 50%; margin: 0 0 20px 0;padding:0px 0px; float: left;}
	main ul li .language{position: relative;width: 100%;height: 110px;}
	main ul li .language a{position:absolute;top: 0;left: 0; width: 100%;height: 100%;z-index: 1}
	main ul li .language figure{position:absolute;top: 0;left:10%;width:80%; margin: 0 ;padding: 0;/*font-size: 0;*//*display: inline-block;  */ } 
	main ul li .language figure img{width: 100%; margin: 0;padding: 0;box-shadow: 0 0 0px 0 rgba(229, 207, 202, 0.25);transition: all 0.3s ease 0s;} 
	main ul li .language h2{position:absolute;bottom: 0;left: 0;width: 100%; margin: 0;padding: 0;text-align: center;font-size: 14px;letter-spacing: 0px;color: #7e6a65;font-weight: normal;transition: all 0.3s ease 0.3s;} 
	main ul li .language:hover figure img{box-shadow: 0 0px 10px 5px rgba(229, 207, 202, 1.0);  transform: translateY(-0.5em);}
	main ul li .language:hover h2{color: #d8beb7;letter-spacing: 0px;}
	
	footer{width:100%;margin: 0 auto;padding:0 0 ; }
	footer small{position: relative;display: block;width:90%;margin: 0 auto;padding:20px 0 0 0 ;text-align: center;font-size: 10px;letter-spacing: 0px; color: #7e6a65;}
	footer small::before{position:absolute;top: 0;left:0px;display: block;content: ''; width: 100%;height: 1px;background:#7e6a65}
}