/**
 * メニュースタイルシート
 */

#naviCol{
	background:#333;
	width:200px;
}
#naviFrame{
	height:100%;
	min-height:100%;
}
dl.naviGroup{
	color:#FFF;
}
dl.naviGroup > dt{
	padding:0px 1.7em;
	background-size:1.3em;
	background-repeat:no-repeat;
	background-position:left center;
	line-height:2em;
	font-size:12pt;
	position:relative;
	border-bottom:solid 1px #222;
	background-color:inherit;
	cursor:pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
dl.naviGroup > dt a{
	display:block;
	text-decoration:none;
	background-size:1.3em;
	background-repeat:no-repeat;
	background-position:left center;
	padding-right:1em;
	vertical-align:text-bottom;
	color:#FFF;
}
dl.naviGroup > dd{
	line-height:2em;
	font-size:11pt;
}
#naviFrame dl.naviGroup > dd{
	background:#555;
}
dl.naviGroup > dd > ul{
	margin:0px;
	padding:0px;
}
dl.naviGroup > dd > ul > li{
	margin:0px;
	padding:0px;
	border-bottom:solid 1px #444;
}
dl.naviGroup > dd > ul > li:last-child{
	border-bottom:none;
}
dl.naviGroup > dd a{
	display:block;
	text-decoration:none;
	background-size:1.3em;
	background-repeat:no-repeat;
	background-position:left center;
	padding:0px 0.5em;
	padding-right:1em;
	vertical-align:text-bottom;
	color:#FFF;
}
dl.naviGroup > dd li{
	position:relative;
}
#naviFrame dl.naviGroup > dd li.active::after{
	right: -1px;
	border: 8px solid transparent;
	border-right-color: transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #FFF;
	top: 50%;
	margin-top: -8px;
}
#naviFrame dl.naviMypage > dt{
	background-image:url('../img/filter.php?f=home-outline.png&r=170&g=170&b=170');
}
#naviFrame dl.naviReport > dt{
	background-image:url('../img/filter.php?f=pencil.png&r=170&g=170&b=170');
}
#naviFrame dl.naviCalendar > dt{
	background-image:url('../img/filter.php?f=calender-outline.png&r=170&g=170&b=170');
}
#naviFrame dl.naviFile > dt{
	background-image:url('../img/filter.php?f=folder.png&r=170&g=170&b=170');
}
#naviFrame dl.naviAdmin > dt{
	background-image:url('../img/filter.php?f=cog-outline.png&r=170&g=170&b=170');
}
.naviGroup > dt::after{
	content:"▼";
	position:absolute;
	right:5px;
	color:#666;
	-webkit-transform: rotate(0deg);
	transform: rotateX(0deg);
	transition: 1s;
}
.naviGroup > dd{
	display:none;
}
.naviGroup.active > dd{
	display:block;
}
.naviGroup.active > dt::after{
	transform: rotateX(180deg);
}