/* main box */
#menu-bar-box
{
	height: 120px;
}

/* menu text bar */
#menu-bar-box #menu-bar
{
	cursor: pointer;
	white-space: nowrap;
}
#menu-bar-box #menu-bar h1
{
	font-size: 30px;
	padding: 20px 0 0 0;
}
#menu-bar-box #menu-bar h1:before
{
	margin: 0 15px 0 0;
	content: '';
	width: 20px;
	height: 22px;
	background-image: url('./image/navigation-grid.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

/* menu logo bar */
#menu-bar-box #main-logo-on-big-screen-box
{
	height: 120px;
	background-image: url('./image/main-logo-big.png');
	background-repeat: no-repeat;
	background-position: 0 28px;
}
#menu-bar-box #main-logo-on-small-screen-box
{
	display: none;
}
#neck-box ul
{
	white-space: nowrap;
}




/* redesign */

#menu-bar-box #small-menu
{
	display: none;
}


#small-menu-box
{
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: white;
	padding: 20px 5% 30px 5%;
	/*-webkit-overflow-scrolling: touch;*/
overflow:auto;
}
/*#small-menu-box:before*/
/*{*/
	/*margin: 15px 15px 15px 15px;*/
	/*content: '';*/
	/*width: 25px;*/
	/*height: 25px;*/
	/*float: right;*/
/*}*/
#small-menu-box #small-menu-shutter
{
	margin: 0 0 20px 20px;
	width: 25px;
	height: 25px;
	background-image: url('./image/redesign-grid.png');
	background-repeat: no-repeat;
	background-position: -300px 0;
	float: right;
}
body.is-small-menu #small-menu-box
{
	display: block;
}

#small-menu-box .is-entry
{
	font-family: my-new-regular-font, sans-serif;
	font-size: 15px;
	padding: 15px 0 13px 9px;
	/*background: green;*/
	border-bottom: solid 1px lightgrey;
	/*border-left: solid 6px lightgrey;*/
	border-left: solid 6px transparent;
}
#small-menu-box .is-active .is-entry
{
	border-left: solid 6px lightgrey;
}
#small-menu-box .is-second-level-box
{
	padding: 0 0 0 25px;
	/*background: #f9f9f9;*/
}





/* small screen */
@media screen and (max-width: 600px)
{
	#menu-bar-box
	{
		height: 100px;
	}
	#menu-bar-box #main-logo-on-big-screen-box
	{
		display: none;
	}
	#menu-bar-box #main-logo-on-small-screen-box
	{
		display: block;
		height: 100px;
		background-image: url('./image/main-logo-small.png');
		background-repeat: no-repeat;
		background-position: 38px 20px;
	}
	#menu-bar-box #main-logo-on-small-screen-box:before
	{
		margin: 39px 0 0 0;
		content: '';
		width: 20px;
		height: 22px;
		background-image: url('./image/navigation-grid.png');
		background-repeat: no-repeat;
		background-position: 0 0;
		float: left;
	}
	#neck-box
	{
		display: none;
	}
}