@charset "utf-8";



/* nav */

#nav li img{width:20%;
margin-left: 80%;}

#nav {
	display: none;
	clear: both;	
}
#nav ul {
	padding: 0px;
}
#nav ul li {
	background-color:#648BA9; /* メニューの背景色 */
	list-style-type: none;
	font-size:1.3em;
	font-weight:bold;
}
#nav ul li a:link {
	color: #FFFFFF; /* リンクの文字色 */
	text-decoration: none;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
#nav ul li a:visited {
	color: #FFFFFF; /* クリック後のリンクの文字色 */
	text-decoration: none;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
#nav ul li a:hover {
	color: #FFFFFF; /* マウスカーソルを合わせた時の文字色 */
	text-decoration: none;
	display: block;
	background-color: #A3BACC; /* マウスカーソルを合わせた時の背景色 */
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}







/* nav */
#nav2 {width: 20%;
	display: none;
	clear: both;
	
}
#nav2 ul {
	padding: 0px;
}
#nav2 ul li {
	background-color: #EF7E00; /* メニューの背景色 */
	list-style-type: none;
	font-size:1.3em;
	font-weight:bold;
}
#nav2 ul li a:link {
	color: #FFFFFF; /* リンクの文字色 */
	text-decoration: none;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
#nav2 ul li a:visited {
	color: #FFFFFF; /* クリック後のリンクの文字色 */
	text-decoration: none;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
#nav2 ul li a:hover {
	color: #FFFFFF; /* マウスカーソルを合わせた時の文字色 */
	text-decoration: none;
	display: block;
	background-color: #FFCB92; /* マウスカーソルを合わせた時の背景色 */
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}




#nav3 {width: 20%;
	display: none;
	clear: both;
	
}
#nav3 ul {
	padding: 0px;
}
#nav3 ul li {
	background-color: #EF7E00; /* メニューの背景色 */
	list-style-type: none;
	font-size:1.3em;
	font-weight:bold;
}
#nav3 ul li a:link {
	color: #FFFFFF; /* リンクの文字色 */
	text-decoration: none;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
#nav3 ul li a:visited {
	color: #FFFFFF; /* クリック後のリンクの文字色 */
	text-decoration: none;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
#nav3 ul li a:hover {
	color: #FFFFFF; /* マウスカーソルを合わせた時の文字色 */
	text-decoration: none;
	display: block;
	background-color: #FFCB92; /* マウスカーソルを合わせた時の背景色 */
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}




#nav4 {width: 20%;
	display: none;
	clear: both;
	
}
#nav4 ul {
	padding: 0px;
}
#nav4 ul li {
	background-color: #EF7E00; /* メニューの背景色 */
	list-style-type: none;
	font-size:1.3em;
	font-weight:bold;
}
#nav4 ul li a:link {
	color: #FFFFFF; /* リンクの文字色 */
	text-decoration: none;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
#nav4 ul li a:visited {
	color: #FFFFFF; /* クリック後のリンクの文字色 */
	text-decoration: none;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
#nav4 ul li a:hover {
	color: #FFFFFF; /* マウスカーソルを合わせた時の文字色 */
	text-decoration: none;
	display: block;
	background-color: #FFCB92; /* マウスカーソルを合わせた時の背景色 */
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}





@media only screen and (min-width: 640px) {}