#navi ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#navi li{
	float: left;
	background: #0070DF;
}

#navi li a{
	display: block;
	padding: 5px;
	color: #FFF;
	font-size: 20px;
	width: 160px;
	box-sizing:border-box;
	text-decoration: none;
	text-align: center;
}

#navi li a:hover{
	color: #FFF;
	background-color: #FF8040;
}

#navi ul:after{
	content: "";
	display: block;
	clear: both;
}


/* サブメニューのul設定 */
#navi ul.sub {
	background: #F0FAFF;
}

/*サブメニューのli設定*/
#navi ul.sub li {
	float: none;
	position:relative;
}

/*サブメニューの通常時*/
#navi ul.sub li a {
	color: #0066CC;
	font-size: 20px;
	width: 160px;
	box-sizing:border-box;
	border-top: none;
	background-color: #DBEDFF;
}


/*サブメニューにカーソルが乗った時*/
#navi ul.sub li a:hover {
	color:#FFF;
	background-color: #FF8040;
}

/*サブメニューを、カーソルが乗るまで非表示にしておく設定*/
#navi ul li.navi_menu ul {
	display: none;
}

/*サブメニューを、カーソルが乗った時に表示する設定*/
#navi ul li:hover .sub{
	display: block;
}