@charset "UTF-8";
/*
 * navigation.css
 *
 *  version --- 1.0
 *  updated --- 2014/06/01
 */

/* ==============================================
	navigation
============================================== */

/*
-CLASSで定義
-Prefixに[res14-] ex.res14-navi
*/
.js_res14-slide-menu {
	top: 0;
	right: 0;
	width: 266px;
	position: fixed;
	visibility: hidden;
	z-index: -1;
	background-color: rgb(218, 218, 212);
}
.js_res14-side-nav {
	height: 100%;
	overflow: hidden;
	position: relative;
}
.js_res14-menu-list {
	padding-bottom: 100px;
	position: relative;
	background-color: #FFF;
}
.js_res14-menu-list dt,
.js_res14-menu-list dd {
	border-bottom: 1px solid #5aaadf;
	position: relative;
}
.js_res14-menu-list dt {
	background-color: #63b5e7;
	font-weight: bold;
	font-size: 16px;
}
.js_res14-menu-list dd {
	background-color: #7ec2ed;
	font-size: 14px;
}
.js_res14-menu-list dt:before {
	content: "";
	display: block;
	border-width: 7px;
	border-style: solid;
	border-color: white;
	position: absolute;
	left: 15px;
	top: 22px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.js_res14-menu-list dt:after,
.js_res14-menu-list dd:after {
	content: "";
	display: block;
	width: 7px;
	height: 13.5px;
	background-image: url(/sol/contents/spimg/icon/icon_arrow.png);
	background-repeat: no-repeat;
	background-size: 7px 13.5px;
	position: absolute;
	right: 9.5px;
	top: 50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);

}
.js_res14-menu-list dt > a,
.js_res14-menu-list dd > a {
	padding: 10px 16% 10px 6.44%;
	display: block;
	text-decoration: none;
	color: #fff;
}
.js_res14-menu-list dt > a {
	padding-left:12%;
}
.js_res14-menu-list dd > a {
	padding-left:12.2%;
}
.js_res14-menu-list .res14-isLogout {
	text-align: right;
	padding-right: 3.45%;
}
.js_res14-menu-list .res14-badge {
	background-color: #ff6db3;
	position: absolute;
	top: 50%;
	right: 8.52%;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding-right: 9px;
	padding-left: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.js_res14-menu-list .res14-isPC:before {
	content:"";
	display: block;
	position: absolute;
	background-image: url(/sol/contents/spimg/icon/icon_pc.png);
	background-repeat: no-repeat;
	background-size: 12px 12px;
	height: 12px;
	width: 12px;
	top: 50%;
	right: 16.7%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.js_res14-menu-list .res14-islocked:after {
	content:"";
	display: block;
	position: absolute;
	background-image: url(/sol/contents/spimg/icon/icon_lock.png);
	background-repeat: no-repeat;
	background-size: 12px 12px;
	height: 12px;
	width: 12px;
	top: 50%;
	right: 8.45%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.res14-drawtitle {
	border-top: 2px solid #61B3EB;
	background-color: #FFF;
	display: table;
	width: 100%;
}
.res14-drawtitle > p {
	padding-left: 15px;
	height:58px;
	display: table-cell;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	color: #666;
}
.js_res14-menu-list-logout dd:after {
	background-image: none;
}


/************************************************************
 * renew 11 contents
 ************************************************************/

.js_res14-menu-list .res14-isPC1:after {
	content:"";
	display: block;
	position: absolute;
	background-image: url(/sol/contents/spimg/icon/icon_pc.png);
	background-repeat: no-repeat;
	background-size: 12px 12px;
	height: 12px;
	width: 12px;
	top: 50%;
	right: 8.45%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}