@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 : #990000;
}


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 : none 0% 0% / auto auto repeat scroll padding-box border-box #00496c;	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 : none 0% 0% / auto auto repeat scroll padding-box border-box #990000;	
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;}