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


/* GENERAL
-----------------------------------------*/
body{
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐ ゴシック", "Osaka", "sans-serif", "Arial";
	color: #333;
	background: #fff;
	position: relative;
	line-height: 1.5;
}

a{ color: #333; }
a:hover { color: #333; }

.imgHover a:hover img,.imgHover input:hover{
	opacity: 0.7;
}

.imgmiddle{
	text-align: center;
}





@media screen and (max-width: 640px) {

	.fluid_img{
		width: 100%;
		height: auto;
	}
	.pcOnly{
		display: none;
	}
	
	#spHeaderMenu{
		background: #00afe2;
	}
	#spHeaderMenu ul{
		display: table;
		width: 100%;
		height: 46px;
	}
	#spHeaderMenu li{
		display: table-cell;
		width: 33.3%;
		text-align: center;
		vertical-align: middle;
		border-left: solid 1px #fff;
	}
	#spHeaderMenu li:first-child{
		border-left: none;
	}
	#spHeaderMenu li img{
		width: 80%;
	}
	#spHeaderMenu li.sp_nav_btn:hover{
		cursor: pointer;
	}
	
	#headerMain p{
		width: 40%;
		margin: 15px auto;
	}
	
	#nav{
		position: absolute;
		top: 50px;
		left: 0;
		width: 100%;
		background-color: rgba(255,255,255,0.9);
		z-index: 9999;
	}
	#nav ul{
		width: 100%;
	}
	#nav li {
		width: 100%;
		position: relative;
	}
	#nav li img {
		display: none;
	}
	#nav li a{
		display: block;
		border-bottom: solid 1px #ccc;
		font-size: 15px;
		font-weight: bold;
		color: #006cb8;
		line-height: 46px;
		text-decoration: none;
		padding: 0 15px;
	}
	#nav li a:before{
		content: attr(data-label);
	}
	#nav li a:after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 15px;
		width: 10px;
		height: 10px;
		margin: -6px 0 0 0;
		border-top: solid 3px #006cb8;
		border-right: solid 3px #006cb8;
		-webkit-transform: rotate(45deg);
      		transform: rotate(45deg);
	}
	
	#footer{
		background: #006cb8;
		padding: 20px 0;
	}
	#copyright{
		font-size: 12px;
		color: #fff;
		text-align: center;
	}
	#copyright span{
		display: none;
	}
	
}

@media screen and (min-width: 641px) and (max-width: 1000px) {

	.spOnly{
		display: none;
	}
	
	#hmFrame{
		background: #efefef;
	}
	#headerMenu ul{
		float: right;
		background: #006cb8;
	}
	#headerMenu li{
		float: right;
		border-left: solid 1px #fff;
	}
	#headerMenu li:first-child{
		padding: 0;
	}
	#headerMenu li:last-child{
		border-left: none;
	}
	#headerMenu li a{
		display: block;
		padding: 7px 30px;
	}
	#headerMenu li a:hover{
		background: #238bd4;
	}
	#headerMenu p{
		float: right;
		margin-right: 20px;
		font-size: 12px;
		padding: 7px 0 6px 0;
	}
	
	#headerMain{
		padding: 25px 15px;
	}
	#headerMain p{
		width: 200px;
		float: left;
		padding: 1px 0;
	}
	#headerMain ul{
		width: 389px;
		float: right;
		display: table;
	}
	#headerMain li{
		display: table-cell;
		padding-right: 10px;
	}
	#headerMain li:first-child{
		padding-right: 20px;
	}
	#headerMain li:last-child{
		padding-right: 0px;
	}
	
	#nav{
		background: #006cb8;
		position: relative;
	}
	#nav p{
		display: block;
		line-height: 50px;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		cursor: pointer;
		background: url(../images/icon_menu.png) no-repeat 15px 9px;
		padding: 0 0 0 50px;
	}
	#nav ul{
		display: none;
		position: absolute;
		top: 50px;
		left: 0;
		width: 100%;
		background-color: rgba(255,255,255,0.9);
		z-index: 9999;
	}
	#nav li{
		border-bottom: solid 1px #ccc;
		width: 100%;
		position: relative;
	}
	#nav li a{
		display: block;
		font-size: 14px;
		font-weight: bold;
		line-height: 45px;
		color: #006cb8;
		text-decoration: none;
		padding: 0 15px;
	}
	#nav li a:before{
		content: attr(data-label);
	}
	#nav li a:after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 15px;
		width: 10px;
		height: 10px;
		margin: -6px 0 0 0;
		border-top: solid 3px #006cb8;
		border-right: solid 3px #006cb8;
		-webkit-transform: rotate(45deg);
      		transform: rotate(45deg);
	}
	#nav li img{
		display: none;
	}
	
	#footer{
		background: #006cb8;
		padding: 30px 0;
	}
	#footerSitemap{
		display: none;
	}
	#copyright{
		font-size: 12px;
		color: #fff;
		text-align: center;
	}
	
}


@media screen and (min-width: 1001px){

	.spOnly{
		display: none;
	}
	
	#hmFrame{
		background: #efefef;
	}
	#headerMenu{
		width: 1000px;
		margin: 0 auto;
	}
	#headerMenu ul{
		float: right;
		background: #006cb8;
	}
	#headerMenu li{
		float: right;
		border-left: solid 1px #fff;
		
	}
	/*#headerMenu li:first-child{
		padding: 7px 30px;
	}*/
	#headerMenu li:first-child{
		padding: 0;
	}
	#headerMenu li:last-child{
		border-left: none;
	}
	#headerMenu li a{
		display: block;
		padding: 7px 30px;
	}
	#headerMenu li a:hover{
		background: #238bd4;
	}
	#headerMenu p{
		float: right;
		margin-right: 20px;
		font-size: 12px;
		padding: 7px 0 6px 0;
	}
	
	#headerMain{
		width: 1000px;
		margin: 0 auto;
		padding: 25px 0;
	}
	#headerMain p{
		width: 200px;
		float: left;
		padding: 1px 0;
	}
	#headerMain ul{
		width: 389px;
		float: right;
		display: table;
	}
	#headerMain li{
		display: table-cell;
		padding-right: 10px;
	}
	#headerMain li:first-child{
		padding-right: 20px;
	}
	
	#headerMain li:last-child{
		padding-right: 0px;
	}
	
	#nav{
		border-top: solid 1px #ccc;
	}
	#nav p{
		display: none;
	}
	#nav ul{
		width: 1000px;
		margin: 0 auto;
	}
	#nav li{
		float: left;
	}
	#nav li a{
		display: block;
	}
	#nav li a:hover{
		background: #006cb8;
	}
	
	#footer{
		background: #006cb8;
	}
	#footerSitemap{
		width: 1000px;
		margin: 0 auto;
		padding: 50px 0;
	}
	#footerSitemap dl{
		float: left;
		margin-right: 80px;
	}
	#footerSitemap dt{
		margin-top: 20px;
		color: #fff;	
	}
	#footerSitemap dt:first-child{
		margin-top: 0;
	}
	#footerSitemap dt a{
		font-weight: bold;
	}
	#footerSitemap dd{
		margin-top: 8px;
		margin-left: 1em;
	}
	#footerSitemap dd li{
		line-height: 1.8;
	}
	#footerSitemap a{
		color: #fff;
		text-decoration: none;
	}
	#copyright{
		width: 1000px;
		margin: 0 auto;
		padding: 30px 0;
		text-align: center;
		font-size: 12px;
		color: #fff;
		border-top: solid 1px #fff;
	}