/* ===================================================================
   ナビゲーション

	sidr
	http://www.berriart.com/sidr/
=================================================================== */
@charset "utf-8";

.sidr{ display:none; position:absolute;	position:fixed !important;
top:0;left: 0;z-index:999999;height:100%;width:260px;overflow-x:none;overflow-y:auto;
background:#000000;color:#fff;
-webkit-box-shadow:inset 0 0 5px 5px #171717;-moz-box-shadow:inset 0 0 5px 5px #171717;box-shadow:inset 0 0 5px 5px #171717;
}
.sidr .sidr-inner{ padding:0 0 15px }
.sidr .sidr-inner>p{ margin-left:15px;	margin-right:15px}

.sidr.left{ left:-260px;	right:auto}

.sidr p{ margin:0 0 12px}
.sidr p a{ color:rgba(255,255,255,0.9)}
.sidr>p{	margin-left:15px;	margin-right:15px}
.sidr ul{	display:block;margin:0 0 15px;padding:0;}
.sidr ul li{ display:block; margin:0; line-height:48px; border-bottom:1px solid #353535; }

.sidr ul li:first-child{ border-top:none;}

.sidr ul li:hover,.sidr ul li.active,
.sidr ul li.sidr-class-active{
	/*border-top:none;*/
	line-height:48px;
}
.sidr ul li:hover>a,.sidr ul li:hover>span,
.sidr ul li.active>a,.sidr ul li.active>span,
.sidr ul li.sidr-class-active>a,
.sidr ul li.sidr-class-active>span{	
	background-color:#cf00b3;
}
.sidr ul li a,.sidr ul li span{ padding:0 15px; display:block; text-decoration:none; color:#fff;}
.sidr ul li ul{
	border-bottom:none;
	margin:0;
}
.sidr ul li ul li{
	line-height:40px;
	font-size:85%;
}

.sidr ul li ul li:first-child{
	border-top:1px solid #4d4d4d;
}

.sidr ul li ul li:last-child{
	border-bottom:none;
}
.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active{
	border-top:none;
	line-height:41px;
}
.sidr ul li ul li:hover>a,
.sidr ul li ul li:hover>span,
.sidr ul li ul li.active>a,
.sidr ul li ul li.active>span,
.sidr ul li ul li.sidr-class-active>a,
.sidr ul li ul li.sidr-class-active>span{
	background-color:#cf00b3;
}
.sidr ul li ul li a,
.sidr ul li ul li span{
	color:rgba(255,255,255,0.8);
	padding-left:30px;
}

.nav_logo{	max-width:220px;	display: block; margin: 0 auto; }/* top_link */
.sidr ul li:hover>a.nav_logo,
.sidr ul li.active>a.nav_logo,
.sidr ul li.sidr-class-active>a.nav_logo{	
	background-color:#000000;
}

	
