@charset "utf-8";/*
-- ul#menu ------------------------------------------
--------------------------------------

*/



ul#menu{
	list-style-type: none;
	width: 215px;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
	opacity: 1.0;
	position: absolute;
	left: 0px;
	top: 55px;
	z-index: 990;
	display: none;
	font-size: 14pt;
	background-color: #004200;
	color: white;
}


ul#menu li{
	text-align : left;
 text-indent : 20pt;
 border-bottom-width : 1px;
 border-bottom-style : solid;
 border-bottom-color : silver;
}


ul#menu li a{
	text-decoration: none;	display: block;	padding: 15px 0;
}


ul#menu li a:hover{
	background-color: #004200;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
	opacity: 1.0;
	color: white;
}





/* -- div#sp-icon -----------------------------------------
--------------------------------------- */

div#sp-icon{
	width : 70px;	height : 70px;	z-index: 999;
 position : absolute;
 right : 5px;
}


div#sp-icon:hover{
	cursor: pointer;	opacity: 0.7;
}


div#sp-icon span,div#sp-icon span::before,div#sp-icon span::after{
	display: inline-block;
	width: 32px;
	height: 5px;
	background-color: #004200;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.3s;
}


div#sp-icon span{
	top: 50%;	transform: translate( -50%, -50% );
 left : 75%;
}


div#sp-icon span::before{
	content: "";	transform: translateY( -10px ) rotate( 0deg );
}


div#sp-icon span::after{
	content: "";	transform: translateY( 10px ) rotate( 0deg );
}


div.sp-open span{
	background: transparent !important;
}div.sp-open span:before {	transform: rotate( 45deg ) !important;}div.sp-open span:after {	transform: rotate( -45deg ) !important;}