/* ---------------
 navbar 
--------------- */
.acms-navbar {
	clear: both;
	width: 100%;
	height: 60px;
	margin: 0 0 20px 0;
	background-color: #333333;
	border-top: solid 1px #333333;
	border-bottom: solid 1px #333333;
	list-style: none outside none;
	_text-align: center;
	z-index: 20;

	/* リスト全体 */
	ul {
		list-style: none;
		margin: 0 auto;
		padding: 0;
		display: block;
		width: 940px;
		list-style: none;
	}

	/* リンク */
	a:link,
	a:visited,
	a:hover,
	a:active,
	#viewing {
		display: block;
		_display: inline-block;
		height: 60px;
		padding: 0 30px;
		color: #FFFFFF;
		font-size: 14px;
		letter-spacing: 0 !important;
		line-height: 4.5;
	}
	a:hover,
	#viewing {
		background: #808080;
		text-decoration: none;
	}
	.stay a,
	a:active {
		background: #666666;
	}
	#viewing {
		background: #EEEEEE;
	}
	/* リストの1段目 */
	li {
		position: relative;
			top: 0;
		float: left;
		white-space: nowrap;
		font-weight: bold;
		border-left: solid 1px #CCC;
		&:last-child{
			border-right: solid 1px #CCC;
		}
	}
	/* 2段目以降 */
	ul ul { 
		display: none;
		position: absolute;
			top: 60px;
			left: 0;
		width: auto;
		padding: 0;
		z-index: 10;
		li {
			position: relative;
			clear: left;
			width: 100%;
			height: 40px;
			border-left: none;
			border-right: none;
			font-size: 13px;
		}
		a{
			*width: 240px;
			height: 40px !important;
			padding: 0 20px;
			border-top: solid 1px #333333;
			border-bottom: solid 1px #999999;
			background: #333333;
			font-size: 13px;
			*overflow: visible;
			line-height: 3.0 !important;
			&:hover {
				background-color: #808080;
			}
		}
	}
	ul li.stay ul a{
		box-shadow: 0 0 0 rgba(0,0,0,0.5);
		background-color: #333333;
		&:hover{
			background-color: #808080;
		}
	}
	/* 3段目以降 */
	ul ul ul { 
		position: absolute;
			top: 0;
			left: 100%;
		width: 100%;
		a {
			background: #222222;
			border-top: solid 1px #333333;
			border-bottom: solid 1px #999999;
		}
	}
}
// 3段目を表示
.acms-navbar ul li:hover > ul {
	display: block;
}
*+html .acms-navbar ul li ul a { /*IE用*/
	width: 200px; /*（94-10-10-1-1）パディングとボーダーの分を引いた値*/
	white-space: normal; /*幅に応じて改行*/
}

// --------------- 
// navbar 管理画面
// ---------------
.acms-navbar-admin{
	_display: inline-table;
	height: 30px;
	padding: 0 20px;
	zoom: 1;
	.clearfix();
}

/* ナビゲーションリンク */
.acms-navbar-admin-nav{
	float: left;
	margin: 0;
	padding-left: 0;
	> li{
		float: left;
		margin-left: 20px;
		list-style: none;
		a{
			display: inline-block;
			padding-top: 6px;
			padding-bottom: 6px;
			line-height: 1.2;
		}
		// ナビゲーションリンク ボタンは回避
		.acms-btn{
			padding: 8px 10px;
		}
	}
}

/* 右寄せ */
.acms-navbar-admin-right{
	float: right;
}