@charset "utf-8";
body		{margin: 0;
	
		font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
		background-color:#ffffff}
	
.site h1 a	{color:#000000;
		text-decoration:none}
.site h1	{margin:0;
		font-size:30px}
.site img	{border: none}			
		


.topimg		{max-width: 100%;
		height: auto;
					vertical-align: bottom}
.boximg		{max-width: 100%;
		height: auto;
						vertical-align: center;
		margin-top:10px;			}
.catch		{margin: 0;
		padding: 10px 20px 10px 25px;
		background-color: rgba(255,255,255,0.4);
		font-size: 16px;
		line-height:2em;
		letter-spacing:1.2pt;
		color: #666666;
		
		}
					.map{padding:20px;}
.catch p a{display: block;
		text-align: center;
		text-decoration: none}
				
.top		{position: relative}
.catch		{text-align: center;
			}		
.shouhinn a	{display: block;
		text-align: center;
		text-decoration: none}
.shouhinn a:hover		{opacity: 0.5}		
.shouhinn h1	{margin-top: 0;
		margin-bottom: 0;
		font-size: 18px}
.shouhinn p	{margin-top: 0;
		margin-bottom: 0;
				font-size: 12px;display:block;
		letter-spacing: 0.2em;text-align:center;}	
.shouhinn{
		margin:15px;}
.box6-1,.box6-2,.box6-3,.box7-1,.box7-2,.box7-3 {
												}
.news		{padding: 20px;
			border: solid 5px #dddddd
		}		
.news h1	{margin-top: 0;
			margin-bottom: 5px;
			padding: 15px;
		font-size: 16px;
		color: #666666;
		letter-spacing: 2px;
		font-family: serif;
	
		display: block;
		width: 80px}		
.news ul	{margin: 0;
		padding: 0;
		list-style: none}
		
.news li a	{display: block;
		padding: 5px;
		border-bottom: dotted 2px #dddddd;
		color: #000000;
		font-size: 14px;
		text-decoration: none}
.news li a:hover	{background-color: #eeeeee}		
		
.news time	{color:#808080;
		font-weight: bold}
.news a:after		{content:"";
		display: block;
		clear: both}
.news time	{float: left;
		width: 60px}
.news .text	{float: none;
		width: auto;
		margin-left: 60px}
		
.follow ul	{margin: 0;
		padding: 0;
		list-style: none}
.follow li a	{display: block;
		margin-bottom: 5px;
		padding: 5px;
		color: #ffffff;
		font-size: 14px;
		text-align:center;
		text-decoration: none}
.follow li a:hover	{opacity: 0.8}	
.follow-tw	{background-color: #63bafb}
.follow-ig	{background-color: #f65d4a}		
.follow-fb	{background-color: #5288f7}	
.follow i	{margin-right: 10px;
			font-size: 24px;
			vertical-align: middle}
.copyright p	{margin: 0;
	color: #666666;
		font-size: 14px}
.box5		{padding-top: 15px;
		padding-bottom: 15px;
		text-align:center;
		margin: 30px 0 0 0}
				
.boxA,.box4,.box5,.box6,.box7
		{padding-left: 15px;
		padding-right: 15px}	
.boxA		{padding-top: 20px;
		padding-bottom: 10px}
.box4		{padding-top: 20px;
		padding-bottom: 20px}	
.box4-1		{padding-bottom: 20px}	
.box6,.box7,.box8	{padding-top: 20px;padding-bottom:10px;
	}	
.box6-1,.box6-2,.box6-3,.box7-1,.box7-2,.box7-3,.box8-1,.box8-2,.box8-3
		{padding-bottom: 10px;
			margin-bottom:10px;
		}	
	.box6 h2,box7 h2,box8 h2 {margin-top:25px;margin-bottom:5px;
							font-size: 18px;
							color:#014674;	}																																							
			.map{display: block;text-decoration: none;}																																																						
			.map a:hover{background-color: #eeeeee}.map a:after	{content:"";
		display: block;
		clear: both}																											
.bunnshou p 	{paddig-top: 20px;
		color: #000080}
/*##################359px以下##########################*/		

@media (max-width: 359px)	{
.site img	{width: 225px;
		height: auto}
																																								}	

																																							
/* ################# 599px以下 ######################### */		
@media (max-width: 599px){

.menu li a	{padding: 10px 7px;
		font-size: 11px}
		
		
.catch		{padding: 5px 10px;
																																											font-size: 12px}
																																											.boximg		{max-width: 300px;
		height: auto;
					vertical-align: bottom}	
}		
																																										
																																										
																																									
																																											/*###################766px以下#########################*/	
@media	(max-width:766px){																																											
.boximg		{max-width: 300px;
		height: auto;
																																							vertical-align: bottom;
																																						margin-top:10px;}																																											
#menubtn	{padding: 6px 12px;
		border: solid 1px #aaaaaa;
		border-radius: 5px;
		background-color: #ffffff;
		position: absolute;
		top: 20px;
		right: 15px;
		cursor: pointer}
#menubtn:hover	{background-color: #dddddd}

#menubtn:focus	{outline: none}		

#menubtn i	{color: #888888;
		font-size: 30px}
		
#menubtn span	{display: inline-block;
		text-indent: 3px}

#menu		{display: none}


.menu ul	{margin: 0;
		padding: 0;
		list-style: none}
.menu li a	{display: block;
		padding: 5px;
		font-size: 14px;
		text-decoration: none;
		color: #808080}
.menu li a:hover{background-color: #eeeeee}		
																																															.box6-1,.box6-2,.box6-3,.box7-1,.box7-2,.box7-3,.box8-1,.box8-2,.box8-3{
padding-top:15px;																																																																																					
			}																																											
																																											
		}																																											
																																											
																																											
																																										
/*###################767px以上#########################*/

@media	(min-width:767px){
.boxA:after	{content:"";
		display:block;
		clear:both}
.box1		{float:left;
		width: auto}
.box2		{float:right;
		width: auto}
.box4:after	{content: "";
		display: block;
		clear: both}

.box4-1		{float: left;
		width: 70%;
		padding-right: 35px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box}
.box4-2		{float: left;
		width: 30%}
.box6:after	{content: "";
		display: block;
		clear: both}
.box7:after	{content: "";
		display: block;
		clear: both}	
.box8:after	{content: "";
		display: block;
		clear: both}																																																			
																																																		.box6-1,.box7-1,.box8-1	{float: left;
		width: 32%;
		margin-right: 2%}
.box6-2,.box7-2,.box8-2	{float: left;
		width: 32%;
		margin-right: 2%}
.box6-3,.box7-3,.box8-3	{float: left;
		width: 32%;}

#menubtn	{display: none}

#menu		{display: block !important}

.menu ul	{margin: 0;
		padding: 0;
		list-style:none}
.menu li a	{display:block;
		padding: 10px 15px;
		color: #808080;
		font-size: 14px;
		text-decoration: none}
.menu li a:hover		{background-color: #eeeeee}
.menu ul:after		{content: "";
		display: block;
		clear: both}
.menu li	{float: left;
		width: auto}		
		
}



/*###################1242px以下#########################*/

@media (max-width: 1242px){



}		
		
/*##################1243px以上#############################*/	
@media	(min-width:1243px){



		


	
}
/* ################1190px以上 ########################### */
@media (min-width: 1190px){
/* 全体の横幅を固定 */
.box3,.box4,.boxA-inner,.box5-inner,.box6,.box7,.box8
		{width: 1140px;
		margin-left: auto;
		margin-right: auto}
		
.boxA		{margin-bottom: 20px;
		}		
		



		

}