/**
 * メニュースタイルシート
 */
/*
ul.naviList{
	list-style:none;
	margin:0px;
	padding:0px;
}
ul.naviList > li{
	margin:0px;
	padding:0px;
	line-height:2em;
	background:#333;
}
ul.naviList > li ul{
	margin:0px;
	padding:0px;
}
ul.naviList > li ul > li{
	background:#555;
}

*/
/**
 *
ul.naviList li{
	position:relative;
}
ul.naviList li.active::after{
	right: 0;
	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;
}
 */

#naviCol{
	background:#333;
}
#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;
}

/** IE で動作しない
dl.naviGroup > dt::before{
	content: ' ';
	background: inherit;
	background-color: transparent;
	position: absolute;
	width:1.7em;
	height:100%;
	top: 0px;
	left: 0px;
	-webkit-filter: invert(60%);
	-moz-filter: invert(60%);
	-o-filter: invert(60%);
	-ms-filter: invert(60%);
	filter: invert(60%);
}
*/
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-left:1.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.naviHome > dt{
	background-image:url('../img/icon1/filter.php?f=info-large-outline.png&r=170&g=170&b=170');
}
#spNavi dl.naviHome > dt{
	background-image:url('../img/icon1/filter.php?f=info-large-outline.png&r=255&g=255&b=255');
}
/*
#naviFrame dl.naviNew > dt{
	background-image:url('../img/icon1/filter.php?f=flow-merge.png&r=170&g=170&b=170');
}
#spNavi dl.naviNew > dt{
	background-image:url('../img/icon1/filter.php?f=flow-merge.png&r=255&g=255&b=255');
}
#naviFrame dl.naviChintai > dt{
	background-image:url('../img/icon1/filter.php?f=home-outline.png&r=170&g=170&b=170');
}
#spNavi dl.naviChintai > dt{
	background-image:url('../img/icon1/filter.php?f=home-outline.png&r=255&g=255&b=255');
}
#naviFrame dl.naviResponse > dt{
	background-image:url('../img/icon1/filter.php?f=group-outline.png&r=170&g=170&b=170');
}
#spNavi dl.naviResponse > dt{
	background-image:url('../img/icon1/filter.php?f=group-outline.png&r=255&g=255&b=255');
}

#naviFrame dl.naviCrawler > dt{
	background-image:url('../img/icon1/filter.php?f=arrow-sync-outline.png&r=170&g=170&b=170');
}
#spNavi dl.naviCrawler > dt{
	background-image:url('../img/icon1/filter.php?f=arrow-sync-outline.png&r=255&g=255&b=255');
}
*/
#naviFrame dl.naviEarnings > dt{
	background-image:url('../img/icon1/filter.php?f=chart-bar-outline.png&r=170&g=170&b=170');
}
#spNavi dl.naviEarnings > dt{
	background-image:url('../img/icon1/filter.php?f=chart-bar-outline.png&r=255&g=255&b=255');
}
#naviFrame dl.naviApprove > dt{
	background-image:url('../img/icon1/filter.php?f=input-checked.png&r=170&g=170&b=170');
}
#spNavi dl.naviApprove > dt{
	background-image:url('../img/icon1/filter.php?f=input-checked.png&r=255&g=255&b=255');
}
#naviFrame dl.naviApplicant > dt{
	background-image:url('../img/icon1/filter.php?f=document-text.png&r=170&g=170&b=170');
}
#spNavi dl.naviApplicant > dt{
	background-image:url('../img/icon1/filter.php?f=document-text.png&r=255&g=255&b=255');
}
#naviFrame dl.naviShop > dt{
	background-image:url('../img/icon1/filter.php?f=home-outline.png&r=170&g=170&b=170');
}
#spNavi dl.naviShop > dt{
	background-image:url('../img/icon1/filter.php?f=home-outline.png&r=255&g=255&b=255');
}
#naviFrame dl.naviFees > dt{
	background-image:url('../img/icon1/filter.php?f=briefcase.png&r=170&g=170&b=170');
}
#spNavi dl.naviFees > dt{
	background-image:url('../img/icon1/filter.php?f=briefcase.png&r=255&g=255&b=255');
}
#naviFrame dl.naviUser > dt{
	background-image:url('../img/icon1/filter.php?f=group-outline.png&r=170&g=170&b=170');
}
#spNavi dl.naviUser > dt{
	background-image:url('../img/icon1/filter.php?f=group-outline.png&r=255&g=255&b=255');
}
#naviFrame dl.naviSystemAdmin > dt{
	background-image:url('../img/icon1/filter.php?f=cog-outline.png&r=170&g=170&b=170');
}
#spNavi dl.naviSystemAdmin > dt{
	background-image:url('../img/icon1/filter.php?f=cog-outline.png&r=255&g=255&b=255');
}

.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);
}

/**
 * スマホ用のメニュー
 */
#spNavi{
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	top:0px;
	left:0px;
	color:#FFF;
	padding-top:44px;
	z-index:90;
}
#spNavi .naviGroup > dt::after{
	color:rgba(255,255,255,0.8);
}

#spNavi .spNaviScroll{
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
	height:100%;
}
#spNavi dl.naviGroup > dt{
	border-top:solid 1px #1B3956;
	border-bottom:solid 1px #1B3956;
	background-color:rgba(27,57,86,0.8);
	position: relative;
}
#spNavi dl.naviGroup > dd{
	background-color:rgba(255,255,255,0.8);
}
#spNavi dl.naviGroup > dd > ul > li{
	border-bottom:dotted 1px #888;
}
#spNavi dl.naviGroup > dd > ul > li:last-child{
	border-bottom:none;
}
#spNavi dl.naviGroup > dd > ul > li > a{
	padding-left:3em;
	color:#1B3956;
}
a#spLogout{
	position:absolute;
	top:10px;
	left:0.5em;
	text-decoration:none;
	color:#FFF;
	display:inline-block;
	border:solid 1px #FFF;
	border-radius:5px;
	padding:0px 5px;
	line-height:2em;
	font-size:10pt;
}