div#menu{
	display: inline-block;
	width:200px;
	background-color: #f5f5f5;
	min-height:400px;
}


div#menu div.menu{
	width: 100%;
	height:40px;
	vertical-align: top;
	border-top:1px solid #eee;
	border-bottom:1px solid #ddd;
	white-space:nowrap;
	transform: rotate(0.05deg);
}
div#menu div.menu a{
	display: block;
	width: calc(100% - 11px );
	height: calc(100% - 6px);
	font-size:14px;
	line-height:37px;
	padding:3px;
	padding-left:8px;
	text-decoration:none;
	color:#555;
	font-family:Lato;
	font-weight:bold;
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
}
div#menu div.menu a.l2{
	line-height:17px;
	white-space:normal;
}
div#menu div.menu:hover a{
	background-color: #ccc;
	white-space:nowrap;
}
div#menu div.menu a[current]{
	background-color:#555;
	color:#fff;
	border:none;
	border-left:3px solid #ffc500;
	padding-left:9px;
	width:calc( 100% - 15px );
	white-space:nowrap;
}

div#menu div.menu div.sub{display:none;}
div#menu div.menu.current{
	height:inherit;
	background-color:#ccc;
	border-bottom:1px solid #444;
	line-height:40px;
}
div#menu div.menu.current > a{
	height:40px;
	line-height:40px;
}
div#menu div.menu.current div.sub a[current]{
	background-color:#ccc;
	color:black;
	border-color:#dc0000;
}

div#menu div.menu.current div.sub{
	display:none;
	width:calc( 100% - 20px );
	margin-left:20px;
}
div#menu div.menu.current div.sub a:hover{
	background-color:#ddc;
}

div#menu div.menu.japanese{
	height:26px;
	line-height:26px;
	font-size:12px;
	color:black;
	background-color:#ffe49d;

}
div#menu div.menu.japanese a{
	height:20px;
	line-height:20px;
	font-size:12px;
}
/* ============ */
body.medium div#menu{
	min-height:inherit;
	background-color:#ddd;
}
body.medium div#menu div.menu{
	background-color:#f5f5f5;
}
body.medium div#menu div.menu.current{
	width:inherit;
}
body.medium div#menu div.menu a{
	white-space: nowrap;

}

body.medium div#menu div.menu a.l2{
	white-space: normal;
}
body.medium div#menu div.menu div.sub{display:none;}
body.medium div#menu div.menu.current div.sub{display:block;width:inherit;margin:0;}
body.medium div#menu div.menu.current div.sub a{height:20px;line-height:20px;width:30%;display:inline-block;}
body.small div#menu div.menu{
	height:24px;
}
body.small div#menu div.menu a{
	line-height:24px;
	font-size:12px;
	white-space: nowrap;
}

body.small div#menu div.menu a.l2{
	line-height:12px;
}