@charset "utf-8";

/* ナビゲーション */

.sidr {
	background: #071b56;
	background: -moz-linear-gradient(30deg,  #143c81 10%, #071b56 100%);
	background: -webkit-linear-gradient(30deg,  #143c81 10%,#071b56 100%);
	background: linear-gradient(30deg, #143c81 10%,#071b56 100%);
	border-top: 1px solid #000;
	color: #fff;
	display: none;
	font-size: 15px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	position: fixed;
	top: 0;
	width: 250px;
	z-index: 999999;
}

.sidr .sidr-inner {
	padding: 0 0 15px
}

.sidr.right {
	left: auto;
	right: -260px
}

.sidr.left {
	left: -260px;
	right: auto
}

.sidr .logo img {
	margin-right: 10px;
}

.sidr ul {
	background: url(../img/nav/line-white.png) no-repeat 0 0, url(../img/nav/line-black.png) no-repeat 0 100%;
	display: block;
	margin: 0 0 15px;
	padding: 1px 0;
}

.ie8 .sidr ul {
	border-bottom: 1px solid #1a1c4d;
}

.sidr ul li {
	background: url(../img/nav/line-white.png) no-repeat 0 100%, url(../img/nav/line-black.png) no-repeat 0 0;
	display: block;
	margin: 0;
}

.ie8 .sidr ul li {
	border-top: 1px solid #1a1c4d;
}

.sidr ul li:hover,
.sidr ul li.sidr-class-active {
	border-top: none;
	padding-top: 1px;
}

.sidr ul li:hover > a,
.sidr ul li:hover > span,
.sidr ul li:hover dt a,
.sidr ul li.sidr-class-active > a,
.sidr ul li.sidr-class-active > span {
	-webkit-box-shadow: inset 0 0 15px 3px #180129;
	-moz-box-shadow: inset 0 0 15px 3px #180129;
	box-shadow: inset 0 0 15px 3px #180129;
}

.ie8 .sidr ul li:hover > a,
.ie8 .sidr ul li:hover > span,
.ie8 .sidr ul li:hover dt a,
.ie8 .sidr ul li.sidr-class-active > a,
.ie8 .sidr ul li.sidr-class-active > span {
	background: #000228;
}

.sidr ul li a,
.sidr ul li span {
	padding: 8px 15px;
	display: block;
	text-decoration: none;
	color: #fff
}

.sidr ul li ul {
	border-bottom: none;
	margin: 0
}

.sidr ul li ul li {
	font-size: 13px
}

.sidr ul li ul li:last-child {
	border-bottom: none
}

.sidr ul li ul li:hover,
.sidr ul li ul li.sidr-class-active {
	border-top: none;
}

.sidr ul li ul li:hover > a,
.sidr ul li ul li:hover > span,
.sidr ul li ul li:hover dt a,
.sidr ul li ul li.sidr-class-active > a,
.sidr ul li ul li.sidr-class-active > span {
	-webkit-box-shadow: inset 0 0 15px 3px #000228;
	-moz-box-shadow: inset 0 0 15px 3px #000228;
	box-shadow: inset 0 0 15px 3px #000228
}

.sidr ul li ul li > a,
.sidr ul li ul li > span {
	color: rgba(255,255,255,0.8);
	padding-left: 30px
}

.sidr dd {
	display: none;
}

.sidr dd a {
	line-height: 1.375;
	padding: 0 10px 0 20px !important;
}

.sidr dd a:hover {
	color: #54c0ee;
	text-decoration: underline;
}

@media screen and (max-width: 680px) {
	.sidr {
		width: 259px;
	}
}