@charset "UTF-8";

/*---------------------------------

-----------------------------------*/
/*headre*/
#header{
	height: 190px;
}
#menuBtn{
	padding: 10px 0 0 10px;
}
#navi{
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	padding: 0;
	width: 100%;
	z-index: 20;
}
#navi ul li{
	float: none;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #ccc;
}
	#navi ul li a{
		display: block;
		padding: 10px 0 5px 50px;
		height: 25px; 
		color: #fff;
		text-decoration: none;
		background:#666 10px center no-repeat;
	}
	#navi ul li a:hover{
		color: #c2e6f2;
	}

#logo{
	top: 40px;
}

/*====================================================
480px以上 for タブレット
====================================================*/
@media only screen and (min-width: 481px){
	#header{
		height: auto;
	}
	#logo{
		top: 0;
	}
	#menuBtn{
		display: none;
	}
	#navi{
		display: block;
		position: static;
		padding: 10px 0 0 200px;
		width: auto;
		font-size: 16px;
	}
		#navi ul{
			margin-bottom: 10px;
		}
			#navi ul li{
				float: left;
				margin:0 9% 0 0;
				width: 45%;
				border: none;
			}
				#navi ul li.none{
					margin: 0;
				}
			#navi ul li a{
				padding: 10px 0 0 40px;
				height:30px;
				color: #333;
				text-align:left;
				background-position:left center;
				background-color: transparent;
				border-bottom: 1px dashed #73c3e6;
			}
			#navi ul li a:hover{
				color: #3693b3;
			}
			#navi ul li#nav05{
				display: none;
			}
	
}

/*====================================================
768x以上 for PC
====================================================*/
@media only screen and (min-width: 769px){
	#navi{
		padding:0;
		height: auto;
	}
		#navi ul li,
		#navi ul li.none{
			float: none;
			margin:0 15px 10px;
			width: auto;
		}
	
}