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

@import url(//use.fontawesome.com/releases/v5.6.3/css/all.css);

body{
	margin: 0;
	font-family:"メイリオ", "Hiragino Kaku Gothic Pro", sans-serif;
}

table {
	border-collapse:collapse;
}

.header_menu{
	text-align: left;
	margin: 0;
	padding: 4px 0 4px 15px;
	background-color: #619433;
}

.header_menu p{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #FFFFFF;
}

.header_menu p a{
	text-decoration: none;
	color: #FFFFFF;
}

.header_menu p a:hover{
	text-decoration: none;
	color: #DDDDDD;
}

.logo {
	text-align: left;
	margin: 0;
	padding: 0 0 0 10px;
	border-top: 27px solid #619433;
}

.logo h1{
	text-decoration: none;
}

.logo img {
	border:none;
}

.header_nav {
	margin: 0;
	background: #9FD7E5;
}

.photo{
	text-align: center;
}

.topimg {
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}

.obj {
	margin: 0;
	padding: 0;
	color: #619433;
}

.obj p{
	margin: 10px 0 0 10px;
	padding: 0;
	font-size: 14px;
}

.copyright {
	margin: 15px 0 0 0;
	padding: 0;
	color: #FFFFFF;
	background: #619433;
}

.copyright p {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

/* ##### トグルボタン ##### */
#menubtn {
	padding:6px 12px;
	border:solid 1px #AAAAAA;
	border-radius:5px;
	background-color:#FFFFFF;
	position:absolute;
	top:5px;
	right:12px;
	cursor:pointer;
}

#menubtn:hover {
	background-color:#DDDDDD;
}

#menubtn:focus {
	outline:none;
}

#menubtn i {
	color:#000000;
	font-size:18px;
}

#menubtn span {
	display:inline-block;
	text-indent:-9999px;
}

/* ##### ナビゲーション（縦並び） ##### */
#menu {
	display:none;
}

ul.menu {
	margin:0;
	padding:0;
	list-style:none;
}

ul.menu li a {
	display:block;
	padding:5px;
	color:#000000;
	font-size:14px;
	text-decoration:none;
}

ul.menu li a:hover {
	background:#C4C414;
	color: #FFFFFF;
}

ul.menu li ul.sub{
	margin:0;
	padding:0;
	list-style:none;
	opacity:0.9;
}

ul.sub li a {
	background:#ECF1F2;
}

ul.menu:after {
    height:0;
    visibility:hidden;
    content:"";
    display:block;
    clear:both;
}

/* 横幅 887px以上 */
@media(min-width: 887px){
	
	.header_menu {
		margin: 0;
		padding: 8px 15px 8px 0px;
		text-align: right;
	}
	
	.header_menu p{
		margin: 0;
		padding: 0;
		font-size: 14px;
		color: #FFFFFF;
	}
	
	.logo {
		padding: 0 0 0 25px;
	}
	
	/* ##### トグルボタン ##### */
	#menubtn {
		display:none;
	}

	/* ##### ナビゲーション ##### */
	#menu {
		display:block !important;
	}

	ul.menu {
		margin:0;
		padding:0;
		list-style:none;
	}

	ul.menu li {
		float:left;
		width:auto;
		border-right:1px solid #FFFFFF;
	}

	ul.menu li a {
		display:block;
		padding:10px 15px 10px 15px;
		color:#000000;
		font-size:18px;
		text-decoration:none;
	}

	ul.menu li a:hover {
		background:#C4C414;
		color: #FFFFFF;
	}

	ul.menu li.yy {
		display:none;
	}

	ul.menu li ul.sub{
		margin:0;
		padding:0;
		list-style:none;
    	position:absolute;
		opacity: 0.9;
		z-index:9999;
	}

	ul.sub li a {
		background:#ECF1F2;
	}

	ul.menu{
    	zoom:1;
	}

	ul.menu:after {
    	height:0;
    	visibility:hidden;
    	content:"";
    	display:block;
    	clear:both;
	}
	
	.obj p{
		margin: 10px 0 0 0;
		font-size: 16px;
	}

	.obj:after {
		content: "";
		display: block;
		clear: both;
	}
	
	.obj-left {
		float: left;
		width: 33.33%;
	}
	
	.obj-mid {
		float: left;
		width: 33.33%;
	}
	
	.obj-right {
		float: left;
		width: 33.33%;
	}
	
	.copyright {
		margin: 35px 0 0 0;
		padding: 0;
		font-size: 14px;
	}
	
	.copyright:after{
		content: "";
		display: block;
		clear: both;
	}
	
	.copy-left {
		float: left;
		width: 50%;
	}
	
	.copy-right {
		float: right;
		width: 50%;
	}
	
	.copyright p{
		margin: 0;
		padding: 5px 0 5px 0;
	}
}

@media(min-width:1050px){
	
	.max-wd {
		width: 984px;
		margin-left: auto;
		margin-right: auto;
	}
	
}