/* ===================================================================
   ナビゲーション

	sidr
	http://www.berriart.com/sidr/
=================================================================== */
@charset "utf-8";

.sidr{ display:none; position:absolute;	position:fixed !important;
top:0;left: 0;z-index:999;height:100%;width:280px;overflow-x:none;overflow-y:auto;background:#000;color:#000;}
.sidr .sidr-inner{ padding:0 0 15px }
.sidr .sidr-inner>p{ margin-left:15px;	margin-right:15px}

.sidr.left{ left:-280px;	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-top:1px solid #787878; background:url(../img/bg_sidr_link.png) repeat-x bottom #363636;}
.sidr ul li:last-child{ border-bottom:1px solid #787878; }
.sidr ul li:first-child{ border-top:none;}

.sidr ul li:hover,.sidr ul li.active,
.sidr ul li.sidr-class-active{	line-height:48px;}

.sidr ul li.title{ background:none #000;text-align:center; }
.sidr ul li.title span{ color:#eee; margin:12px 6px 0px 6px; border:1px solid #444; border-bottom:0px; border-radius:6px 6px 0 0; padding:7px; background-color:#700; }
.sidr ul li.line{ height:12px; background:#000; }

.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{}
.sidr ul li a{ margin:1px 0px; }
.sidr ul li a,.sidr ul li span{ padding:12px 15px; display:block; text-decoration:none; color:#fff; font-size:90%; text-align:center; line-height:1.4em; word-break:break-all;}
.sidr ul li a:hover{background-color:#3d424f; border: solid 1px #6b81c5; color:#32aff5; margin:0px;}
.sidr ul li#logo a{ margin:0px; padding:0px; }
.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: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:#e1e6f3;
}
.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:#4c4c4c; border:none;
}