#nav {
	width: 300px;
	height: 100%;
	top: 0;
	right: 0;
	position: fixed;
	z-index: 9999;
	background: #fff;
	display: none;
}

.sb-toggle-right{ z-index: 99999999;}

.sb-toggle-right .ttl{
	position: relative;
	font-size: 120%;
	background-color:#8cc81f;
	background-image: url(../img/common/pdown_close.png) ;
	background-repeat:no-repeat;
	background-position:90% 50%;
	background-size: 30px 22px;
	color: #FFF; padding: 0.5em 1em; border: none;}

.sb-toggle-right .ttl a{ color: #FFF; width: 30%;}

.sb-toggle-right .ttl .menu-btn{ position: absolute; right: 27px; top: 14px;}

.sb-toggle-right .ttl em{ color: #FFF; margin-right: 10px;}

.sb-toggle-right em{ font-style: normal; display: inline-block; margin: 0 10px 0 10px;
font-weight: bold;}

.sb-toggle-right .none{ background: none; text-align: center; width: 90%; 
margin: 1em auto ; border: none;}
.sb-toggle-right .none img{ width: 100%;}

.sb-toggle-right li{ 
	background-color: #FFF;
	background-image: url(../img/common/arrow_green_s.png) ;
	background-repeat:no-repeat;
	background-position:90% 50%;
	background-size: 14px 18px;
	border: 1px solid #FFF;
	border-bottom: 1px solid #c8c8c8;
	padding: 0.5em;}
	
.sb-toggle-right li a{  font-size: 80%; display: inline-block; width: 100%;}
	
.sb-toggle-right li em{ color: #8f9b7a;}
	
.sb-toggle-right li.bggreen{ background-color: rgba(140,200,31,0.6);}
.sb-toggle-right li.bgno{ background-color: #FFF; border-bottom: 1px solid #c8c8c8;} 
.sb-toggle-right li.bgno2{ background-color: #FFF; border-bottom: 1px solid #c8c8c8;
	background-image: url(../img/common/arrow_gray_s.png) ;} 
	
.sb-toggle-right li.bgno2 em{ color: #999;}

/**
 * Print
 */

@media print {
	[canvas] {
		-webkit-transform: translate( 0px, 0px ) !important;
		    -ms-transform: translate( 0px, 0px ) !important;
		        transform: translate( 0px, 0px ) !important;
	}

	[off-canvas] {
		display: none !important;
	}
}