@charset "UTF-8";
.slicknav_menu {
	display:none;
}
#navi {
	width: 188px;
	background-color: #000000;
	padding-left: 32px;
	padding-right: 8px;
	color: #FFFFFF;
	padding-top: 28px;
	padding-bottom: 28x;
	height: 100%;
	float: left;
	display: block;
	position: fixed;
}
#navi li {
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#navi li.feature,#navi li.feature a  {
	background-image: url(../format/contents/navi/feature.png);
	width: 156px;
	height: 19px;
	text-indent: -9999px;
	display: block;
}
#navi li.voice,#navi li.voice a  {
	background-image: url(../format/contents/navi/voice.png);
	width: 102px;
	height: 19px;
	text-indent: -9999px;
	display: block;
}
#navi li.product,#navi li.product a {
	background-image: url(../format/contents/navi/product.png);
	width: 120px;
	height: 19px;
	text-indent: -9999px;
	display: block;
}
#navi li.flow,#navi li.flow a  {
	background-image: url(../format/contents/navi/flow.png);
	width: 181px;
	height: 19px;
	text-indent: -9999px;
	display: block;
}
#navi li.profile,#navi li.profile a  {
	background-image: url(../format/contents/navi/profile.png);
	width: 82px;
	height: 19px;
	text-indent: -9999px;
	display: block;
}
#navi li a:hover {
	opacity: 0.6;
	background-color: #606060;
}
#navi ul    {
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: 14px;
}
#navi ul li {
	font-size: 90%;
	padding-left: 14px;
	margin-bottom: 8px;
	background-image: url(../format/contents/navi/marker.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
}
#navi ul li a {
	color: #FAFAFA;
	text-decoration: none;
	font-weight: 700;
}

@media screen and (max-width: 1023px) {
	#navi {
		position: relative;
	}

@media screen and (max-width: 40em) {
	#navi {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}
}