@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;}
#top_image{width:100%;height:auto;margin:0 auto;padding:0;}

#contents {width:100%; height:auto;margin:0 auto;padding:20px 0;}
#contents h2{width:98%;height:auto;margin:0 auto 6px auto;padding:0; text-align:center;}
#contents h2 img{width:50%; max-width:150px;}

#contents .child {float: left; display: inline;   /*for ie*/}
#contents .child .img {width:100%;height:auto;margin:0;padding:0;text-align:center;}
#contents .child .img img{width:96%;height:auto;margin:0 1px;padding:0;}
#contents .child h3{width:100%;height:auto;margin:0;padding:0 0 5px 0;font-size:16px;color:#999;text-align:left}

#information{width:100%;height:auto;margin:0 auto;padding:20px 0; clear:both;}
#information h2{width:98%;height:auto;margin:0 auto 6px auto;padding:0; text-align:center;}
#information h2 img{width:50%;max-width:150px;}
.information_list{width:85%;height:auto;margin:0 auto;padding: 10px 0 10px 0; font-size:13px;color:#000;letter-spacing:0px;}
.information_list a{color:#907b95;text-decoration:underline;}
.information_list:last-of-type{border-top:1px dashed black}

#item{width:100%;height:auto;margin:0 auto;padding:30px 0;background:#666666;font-size:14px;color:#FFF;}
#item h3{ width:100%; height:auto;margin:0px auto;padding:0 0 10px 0;font-size:20px;color:#FFF; text-align:center}
#item h3 img{width:50%;max-width:150px;}

#new{width:100%;height:auto;margin:0 auto;padding:20px 0;font-size:14px;color:#000;}
#new h3{ width:98%; height:auto;margin:0px auto;padding:0 0 10px 0;font-size:20px;color:#000; text-align:center}
#new h3 img{width:50%;max-width:150px;}

#links{width:98%;height:auto;margin:0 auto;padding:20px 0;font-size:14px;color:#000;}
#links h3{ width:100%; height:auto;margin:0px auto;padding:0 0 10px 0;font-size:20px;color:#000; text-align:center}
#links h3 img{width:50%;max-width:150px;}

#links ul{height:auto;margin:0 auto;padding:0;}
#links ul li{float: left;display: inline; text-align:center   /*for ie*/}
#links ul li img{width:74%; max-width:140px;height:auto;margin:0;padding:0 0 10px 0;}

#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:70px;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;}
	
	#contents .child {width: 50%;}
	
	#links ul{width:100%;}
	#links ul li{ width:50%}
		
	#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%;}
	}
/*@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;list-style:none;}
	#menu li a:hover{ color:#9d8da1;background:#F0F0F0;}
	#toggle{display: none;}/*スマホ以外では非表示*/
	
	#contents .child {width: 25%;}
	
	#links ul{width:50%;}
	#links ul li{ width:50%}

	#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%;}
	}