@charset "UTF-8";
.sf-menu{
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}
.sf-menu ul{
	position:absolute;
	top:-999em;
	width:140px;
	left:0;
	display:none;
	margin:0;
	padding:4px 0 6px;
	background: url(../images/nav-hover-border.gif) no-repeat center 0 #fff;
	box-shadow:0 0 2px rgba(0,0,0,.3);
	-moz-box-shadow:0 0 2px rgba(0,0,0,.3); 
	-webkit-box-shadow:0 0 2px rgba(0,0,0,.3);
}
	.sf-menu > li.sfHover:after {
		position:absolute;
		z-index:999;
		content:"";
		height:4px;
		bottom:0;
		right:0;
		left:0;
		background:#fff;
	}
	.sf-menu > li.sfHover {z-index:99;}
	.sf-menu ul ul {
	    box-shadow:0 0 2px rgba(0,0,0,.3);
	    -moz-box-shadow:0 0 2px rgba(0,0,0,.3); 
	    -webkit-box-shadow:0 0 2px rgba(0,0,0,.3); 
	    background:#fff;}
.sf-menu > li{
	float:left;
	position:relative;
	padding:0;
	width:117px;
	margin:7px 0 0 0;
	background:url(../images/nav-separator.gif) no-repeat 0 1px;
}
.sf-menu > li > a {
	text-decoration:none;
	display:block;
	font-size:17px;
	line-height:35px;
	color:#fff;
	position:relative;
	white-space:nowrap;
	padding:0px 0 0px 0;
	text-align:center;
	overflow:hidden;
	font-weight:bold;
/*	font-family:"Bebas Neue", 'HGP創英角ｺﾞｼｯｸUB', メイリオ, Arial, Helvetica, "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka;*/
/*	font-family:'Bebas Neue', 'メイリオ', 'HGP創英角ｺﾞｼｯｸUB', Arial, Helvetica, "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka !important;*/

}
	.sf-menu > li.current > a, .sf-menu > li > a:hover {background:#f7f7f7; color:#fb4361 !important;/* color:#4444FF !important;*/}
	.sf-menu > li > a:active {box-shadow:none !important;}
	.sf-menu > li.sfHover > a {background: #fff; /*color:#fb4361 !important;*/ color:#4444FF !important; z-index:11; box-shadow:0 1px 2px rgba(0,0,0,.3); -moz-box-shadow:0 1px 2px rgba(0,0,0,.3); -webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);}
	.sf-menu > li.sf-clear a {box-shadow:none !important;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul{top:51px; left:0;z-index:20 !important;}
.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:-999em}
.sf-menu li li a{
	display:block;
	margin:0;
	position:relative;
	text-decoration:none;
	font-size:20px;
	line-height:24px;
	color:#5c5c5c;
	overflow:hidden;
	text-align:center;
}
.sf-menu li li {
	position:relative;
	float:none;
	margin:10px 0 16px;
}
.sf-menu li li a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.current > a{ /*color:#fb4361 !important;*/ color:#4444FF;}
.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{left:130px;top:-14px;}