#HeaderNavi,
#HeaderNavi ul,
#HeaderNavi li {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}
#HeaderNavi,
HeaderNavi * {
	font-size: 16px;
	font-family: "Times New Roman";
	font-weight: bold;
	line-height: 24px;
	background-color: #FFC;
	color: #F00;
}
#HeaderNavi a {
	display: block;
	background-color: #FFC;
	color: #F00;
	padding: 0 5px 0 10px;
}

* html #HeaderNavi >li > a {
	width: 6em;
}

#HeaderNavi a[href] {
	text-decoration: none;
}
#HeaderNavi > li {
	display: inline;
	display: inline-block;
	vertical-align: top;
	/*border: 1px solid #ccc;*/
	cursor: pointer;
}
/*
:root #HeaderNavi > li {
	border: 1px solid transparent;
}
*/
* html #HeaderNavi li {
	float: left;
	/*border: 1px solid #ccc;*/
}

#HeaderNavi > li > a {
	padding: 5px 10px;
}
#HeaderNavi ul {
	position: absolute;
	min-width: 10em;
	/*border: 1px solid #ccc;*/
	text-align: left;
	/*box-shadow: 3px 5px 10px #666;*/
}

#HeaderNavi li {
	position: relative;
}

#HeaderNavi .level1 {
	top: 34px;
	left: -1999px;
}

#HeaderNavi .level2,
#HeaderNavi .level3,
#HeaderNavi .level4 {
	top: -1px;
	left: -1999px;
}

#HeaderNavi a:hover,
#HeaderNavi li.hover > a {
	background-color: #FCE081;
	color: #F00;
	position: relative;
	z-index: 20;
}

#HeaderNavi ul a:not([href]):before {
	float: right;
	content: "\25b8";
	padding-left: 5px;
}

#HeaderNavi > li > a:not([href]):before {
	float: right;
	content: "\25be";
	padding-left: 5px;
}

.level1 {
	z-index: 11;
}

.level2 {
	z-index: 12;
}

#HeaderNavi > li:hover .level1,
#HeaderNavi > li.hover .level1 {
	left: -1px;
}

#HeaderNavi li:hover > .level2,
#HeaderNavi .level1 >li.hover .level2 {
	left: 10em;
}