@CHARSET "UTF-8";


.spNav{
	display:none;
	position:absolute;
	position:fixed;
	top:0;
	right:-260px;
	width:260px;
	height:100%;
	overflow-x:none;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
	z-index:999999;
}

.spNav .spNavBg{
	position:fixed;
	top:0;
	left:0;
	right:260px;
	height:100%;
}

.spNav dl{
	background:#dadada;
	box-shadow:2px 0 3px rgba(0, 0, 0, .2) inset;
}
.spNav dl dt{
	padding:19px 0 18px 30px;
	border-left:#bdbdbd solid 1px;
	background:#fff;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffe9e8e8, endColorstr=#ffffffff);
	background: linear-gradient(to bottom, #e9e8e8, #ffffff);
	background: -moz-linear-gradient(top, #e9e8e8, #ffffff);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9e8e8));
	box-shadow:2px 2px 3px rgba(0, 0, 0, .25);
	font-size:1.1em;
	font-weight:bold;
}
.spNav dl dt.anime{color:#5dacef;}
.spNav dl dt.movie{color:#9bcd3b;}
.spNav dl dt.music{color:#a668ba;}
.spNav dl dt.shop{color:#e60012;}
.spNav dl dt img{vertical-align:middle; margin-right:5px;}

.spNav dl dd a{
	display:block;
	padding:10px 0 10px 30px;
	border-top:#e9e9e9 solid 1px;
	border-bottom:#b7b5b5 solid 1px;
}