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

body {margin: 0;font-family: "Lucida Grande","メイリオ","Meiryo";-webkit-text-size-adjust: none; }
img{border:0;}
#wrap{width:100%;height:auto;margin:0 auto;}

footer{	width:100%;	height:30px;	margin:0 auto;	color:#a08300;font-size:10px;line-height:12px;padding-top:70px;}

#menu_box{ clear: both;width: 100%;margin: 0 auto;}

#page-top {position: fixed;bottom: 50px;right:20px; z-index:9999} 
#page-top a {background:url(../image/up.png) top center no-repeat;width:40px;height:40px;display: block; background-size:100%} 
#page-top a:hover {background:url(../image/up.png) top center no-repeat;opacity: 0.5;background-size:100%}

/*コンテンツ**********************************************************/
#box { clear: both;width: 100%;margin: 0 auto;}

#box h3{width:98%;height:auto; margin:0 auto 20px auto; padding:30px 0 0 0; text-align:center;}
#box h3 img{width:60%; max-width:200px}

#box_about{width:50%;height:auto;float:left; text-align:center;}
#box_about img{width:99%; max-width:260px}

.box_1{width:96%;height:auto;}
.box_2{width:92%;height:auto;}
.box_3{width:88%;height:auto;}
.box_4{width:84%;height:auto;}
.box_5{width:80%;height:auto;}

embed,iframe,object{max-width: 100%;}

.ggmap {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.ggmap iframe,.ggmap object,.ggmap embed {position: absolute;top: 0;left:0; width: 100%;height: 100%;}

#map_container { position: relative;  padding-top: 50%;}
#map {  position: absolute;  width: 100%;  height: 100%;  top: 0;}

.box_form1{width:100%;height:auto;margin:0 auto 5px auto;font-size:14px;color:#907b95;font-weight:bold;letter-spacing:2px; text-align:center}
.box_form2{width:100%;height:auto;margin:0 auto 16px auto;text-align:center}
input,textarea{padding:6px;font-size:16px;line-height:24px;color:#000;}
button.submit{width:148px;height:50px;padding:6px 0 10px 0px;font-size:16px;color:#FFF;background:#1F1C20;border:1px solid #1F1C20; margin:10px auto 0 auto;float:left;}
button.reset{width:148px;height:50px;padding:6px 0 10px 0px;font-size:16px;color:#FFF;background:#1F1C20;border:1px solid #1F1C20;margin:10px auto 0 auto;}
button.submit:hover,button.reset:hover {background-color:#FFF;border:1px solid #1F1C20;color:#1F1C20;}

.text1{font-size:13px;color:#000;letter-spacing:2px; line-height:24px;}
.text1_chn{font-size:13px;color:#000;letter-spacing:2px; line-height:24px;font-family :'Lucida Grande','SimSun','MS UI Gothic','Hei','simhei','sans-serif';}
.text2{font-size:16px;color:#000;letter-spacing:2px;}
.text3{font-size:12px;color:#000;letter-spacing:2px;line-height:24px;}
.text3_chn{font-size:12px;color:#000;letter-spacing:2px;line-height:24px;font-family :'Lucida Grande','SimSun','MS UI Gothic','Hei','simhei','sans-serif';}
.text4{font-size:13px;color:#907b95;letter-spacing:2px;line-height:24px;}
.text4_chn{font-size:13px;color:#907b95;letter-spacing:2px;line-height:24px;font-family :'Lucida Grande','SimSun','MS UI Gothic','Hei','simhei','sans-serif';}

#footer{width:100%;height:auto;margin:0 auto;background:#1F1C20;clear: both;}

#footer_box{width:100%;height:auto;margin:0 auto;padding:20px 0 20px 0;}
#footer_box ul{width:90%;height:auto;margin:0 auto;padding:0; list-style:none;}
#footer_box ul li  {width:50%;height:auto;display:block;margin:0;padding:0 0px 8px 0px; float:left;font-size:15px;color:#666;letter-spacing:1px;text-align:left;}
#footer_box ul li a{color:#FFF;text-decoration:none;display:block;}

#footer_box2{width:100%;height:100px;margin:0 auto;position:relative;}
#footer_box2 h4 img{width:100%;}
#footer_box2 h5 img{width:100%;}
#cr{width:100%;height:auto;margin:0 auto;text-align:center;font-size:12px;color:#FFF;position:absolute;top:76px;left:0%;}

/*@media only screen and (max-width: 480px) {*/
@media screen and (max-width:480px) {
	header{width:100%;height:196px;margin:0 auto;position:relative;}
	h1{width:48%; height:auto;padding:0;margin:0 auto;position:absolute;top:16px;left:50%;margin-left:-24%;}
	h1 img{width:100%;border:0;}
	header h2{width:90%;height:auto;margin:0;padding:0;text-align:left;font-size:10px;letter-spacing:1px;line-height:16px;color:#999999;position:absolute;top:122px;left:50%;margin-left:-45%;}
	header h3{width:10%;height:auto;padding:0;margin:0;position:absolute;top:10px;left:76%;}
	header h3 img{width:100%;}
	
	header h6{width:86%;height:auto;padding:0;margin:0;position:absolute;top:92px;left:50%;margin-left:-43%;}
	header h6 ul{width:100%; height:auto;padding:0;margin:0 auto; list-style:none}
	header h6 ul li{width:33%; height:auto;padding:0;margin:0; text-align:center;font-size:13px;letter-spacing:1px; float:left; border-right:1px solid #1f1c20;}
	header h6 ul li a{display: block;color:#1f1c20;text-decoration:none;}
	header h6 ul li:last-child{ border-right:none;}	

	#menu{display: none; padding:0; margin:0}/*スマホ上では非表示。スライドさせると出る*/
	#menu ul{list-style:none;}
	#menu li{width: 100%; border-bottom:#9d8da1 1px solid}
	#menu li a{display: block;padding: 12px 0 10px; margin:0;background:#FFF;color: #9d8da1;text-align: center;text-decoration: none; list-style:none;}
	#menu li a:hover{background:#F0F0F0;}
	#toggle{/*メニュー帯全体*/display: block;position: relative;width: 100%;background:#9d8da1;}
	#toggle a{display: block;position: relative;padding: 12px 0;color: #fff;text-align: center;text-decoration: none;}
		
	#footer_box2 h4{width:44%;height:auto;padding:0;margin:0;text-align:center;position:absolute;top:0px;left:50%;margin-left:-22%;}
	#footer_box2 h5{width:10%;height:auto;padding:0;margin:0;text-align:center;position:absolute;top:36px;left:16%;}
	
	.box_access1{width:100%;height:auto;margin:0 auto; font-weight:bold;border-bottom:#907b95 1px solid;}
	.box_access2{width:100%;height:auto;margin:0 auto 10px auto;}
	}

/*@media only screen and (max-width: 768px) {*/
@media screen and (min-width:481px) and ( max-width:1023px) {
	header{width:100%;height:120px;margin:0 auto;position:relative;}
	
	h1{width:27%; height:auto;padding:0;margin:0; position:absolute;top:14px;left:7%;}
	h1 img{width:100%;border:0;}
	header h2{width:50%;height:auto;margin:0;padding:0;text-align:right;font-size:10px;letter-spacing:1px;line-height:16px;color:#999999;position:absolute;top:14px;left:47%;}
	header h3{width:6%;height:auto;padding:0;margin:0;position:absolute;top:14px;left:36%;}
	header h3 img{width:100%;}
	
	header h6{width:40%;height:auto;padding:0;margin:0;position:absolute;top:90px;left:1%;}
	header h6 ul{width:100%; height:auto;padding:0;margin:0 auto; list-style:none}
	header h6 ul li{width:33%; height:auto;padding:0;margin:0; text-align:center;font-size:12px;letter-spacing:1px; float:left; border-right:1px solid #1f1c20;}
	header h6 ul li a{display: block;color:#1f1c20;text-decoration:none;}
	header h6 ul li:last-child{ border-right:none;}
	
	#menu{width: 100%;height:40px;margin: 0 auto;padding: 0;}
	#menu ul{width: 100%;height:auto;list-style:none;margin: 0 auto 30px auto;padding: 0;}
	#menu li{display: block;float: left;width:20%;height:auto;margin: 0;padding: 0;}
	#menu li a{display: block;padding: 12px 0 10px;background:#FFF;color: #000;text-align: center;text-decoration: none;}
	#menu li a:hover{ color:#9d8da1;background:#F0F0F0;}
	#toggle{display: none;}/*スマホ以外では非表示*/
	
	#footer_box{width:100%;height:auto;margin:0 auto;padding:20px 0 20px 0;}
	#footer_box ul{width:70%;height:auto;margin:0 auto;padding:0; list-style:none;}
	#footer_box ul li  {width:33.333%;height:auto;display:block;margin:0;padding:0 0 8px 0; float:left;font-size:15px;color:#666;letter-spacing:1px;text-align:left;}
	#footer_box ul li a{color:#FFF;text-decoration:none;}
		
	#footer_box2 h4{width:24%;height:auto;padding:0;margin:0;text-align:center;position:absolute;top:0px;left:50%;margin-left:-12%;}
	#footer_box2 h5{width:6%;height:auto;padding:0;margin:0;text-align:center;position:absolute;top:28px;left:30%;}
	
	.box_access1{width:20%;height:auto; float:left; font-weight:bold; margin-bottom:10px;border-left:#907b95 2px solid; padding-left:1%}
	.box_access2{width:78%;height:auto; float:left;margin-bottom:10px}
}