/*left_navi_basic*/
#navi {
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	width: 200px;
	float: left;
	margin: 0;
	padding: 20px 0 30px;
}
@media screen and (max-width: 800px) {
	#navi {
		box-sizing: border-box;
		max-width: 600px;
		width: auto;
		background-color: #7C9FD3;
		float: none;
		padding: 5px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		margin: 0 auto;
	}
	#general_salt #navi {
		background-color: #669966;
	}
	#navi ul#off {
		width: 100%;
	}
	#navi ul#off li {
		margin: 0 0 5px 0;
	}
	#navi #mail {
		margin: 0 0 0 20px;
	}
}
#navi a  { line-height: 13px; background-color: transparent; text-decoration: none; }
#navi a:link, #navi a:visited  { color: #fff; }
#navi a:hover, #navi a:active { color: #fc3; }
#navi ul { font-weight: bold; margin: 0 0 0 10px; padding: 0; }
#navi ol { font-weight: bold; margin: 10px 0 0 12px; padding: 0; }
#navi ul li { margin: 0 0 17px; padding: 0; list-style-type: none; }
#navi ol li { line-height: 13px; margin: 0 0 10px; padding: 0; list-style-type: none; }
#navi span#selected a:link, #navi span#selected a:visited { color: #fff; }
#navi span#selected a:hover, #navi span#selected a:active { color: #fc3; }