@charset "UTF-8";

@media screen and (max-width:640px){
.sidr {display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:245px;overflow-x:none;overflow-y:auto;font-size:14px;background:#333;color:#fff;}

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

.sidr p {font-size:13px;margin:0 0 12px}

.sidr ul li {display:block;margin:0;line-height:45px;border-top:1px solid #666;border-bottom:1px solid #333;}

.sidr ul li:hover { opacity:0.8;}

.sidr ul li a { padding:0 0 0 30px;display:block;text-decoration:none;color:#fff}

#sidr-right p {
	text-align: center;
	margin: 0;
	padding: 10px 0;
	color: #fff;
	text-shadow: 1px 1px #222;
	border-bottom:1px solid #111;
	}

#sidr-right a {
	text-shadow: 1px 1px #222;
	}

#sidr-right {
	display: block;
	clear: both;
	width: 245px;
	margin: 0;
	padding: 0;
	}

#sidr-right .site_menu {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: auto;
	height: auto;
	}

#sidr-right p.menu {
	display: block;
	}
	
#sidr-right .menuBlock {
	width: 245px;
	height: auto;
	float: left;
	margin: 0;
	padding-left: 0;
	border-left: none;
	}

#sidr-right .menuBlock ul {
	margin: 0;
	padding: 0;
	}

#sidr-right .menuBlock ul li.main {
	margin: 0;
	font-weight: normal;
	font-size: 100%;
	background: url(../images/arrow_02.png) no-repeat 15px center;
	padding-left: 0;
	background-color: #444;
	border-top:1px solid #555;
	border-bottom:1px solid #222;
	}

#sidr-right .menuBlock ul.home li.main {
	background: url(../images/arrow_01.png) no-repeat 15px center;
	}
		
#sidr-right .menuBlock ul li {
	background: url(../images/arrow_02sub.png) no-repeat 18px center;
	margin: 0;
	padding: 0 0 0 0;
	background-color: #555;
	}

#sidr-right .menuBlock ul.home li {
	background: url(../images/arrow_01sub.png) no-repeat 18px center;
	}
	
#sidr-right .menuBlock a,#sidr-right .menuBlock a span {
	text-decoration: none;
	color: #fff;
	}

#sidr-right .menuBlock a:hover {
	color: #eee;
	text-decoration: none;
	}
	
}