@charset "utf-8";


/*-----------------------------------------------------
Ccontainer
-------------------------------------------------------*/
#Container{
}

/*-----------------------------------------------------
Header
-------------------------------------------------------*/
#Header{
	/*
	width:100%;
	height:63px;
	position:relative;
	border-bottom:1px solid #03658F;
	
	background-color:#FFF;
	z-index:5;
	*/
}


/* nav,ul
---------------------*/
#Header nav{
	width:55px;
	height:50px;
	position:absolute;
	top:8px;
	right:0px;
}

#Header nav ul{
	width:100%;
	overflow:hidden;
}

#Header nav ul li{
	/*
	width:54px;
	height:34px;
	float:left;
	color:#444;
	text-align:center;
	font-size:86%;
	border-left:1px solid #EAEAEA;
	*/
	display:inline;
	cursor:pointer;
}

#Header nav ul li span{
	display:block;
	margin:0 auto 0 auto;
}
#Header nav ul li.sitemap span.icon{
	width:55px;
	height:50px;
	
	background:url(../img/menu_btn.png) no-repeat left top;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
	
}

/* open */
#Header nav ul li.sitemap.open{
	text-indent:-9999px;
}
#Header nav ul li.sitemap.open span.icon{
	width:55px;
	height:50px;
	
	background:url(../img/menu_close_btn.png) no-repeat left top;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
#Header nav ul li.search.open span.txt{
	display:none;
}



/*-----------------------------------------------------
SiteMap
-------------------------------------------------------*/
#SiteMap{
	width:100%;
	display:none;
	position:absolute;
	top:66px;
	left:0;
	background-color:#F3FBE6;
	border-top:1px solid #85C31E;
	z-index:10;
}

#SiteMap:after,
#SiteMap:before{
	width:0;
	height:0;
	position:absolute;
	bottom:100%;
	border:solid transparent;
	content:" ";
	pointer-events:none;
}

#SiteMap:after{
	right:20px;
	margin-left:-7px;
	border-color:rgba(238,248,255,0);
	border-bottom-color:#F3FBE6;
	border-width:7px;
}

#SiteMap:before{
	right:19px;
	margin-left:-8px;
	border-color:rgba(1,119,175,0);
	border-bottom-color:#85C31E;
	border-width:8px;
}

#SiteMap.open{
	display:block !important;
}

#SiteMap div.inline{
	position:relative;
	background:#F3FBE6;
	z-index:10;
}


/* ul
---------------------*/
#SiteMap ul.acc_nav{
}

#SiteMap ul.acc_nav li{
	border:1px solid #E6E6E6;
	border-bottom:none;
	background:#FFF;
	font-size:90%;
	vertical-align:middle;
	font-weight:bold;
	
	background: linear-gradient(center top , #FFFFFF, #F3F3F3) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F3F3F3));
	background: -moz-linear-gradient(center top , #FFFFFF, #F3F3F3) repeat scroll 0 0 transparent;
}

#SiteMap ul.acc_nav li:first-child {
	-moz-border-radius:6px 6px 0 0;
    -webkit-border-radius:6px 6px 0 0;
    -khtml-border-radius:6px 6px 0 0;
    border-radius:6px 6px 0 0;
}

#SiteMap ul.acc_nav li:last-child {
	-moz-border-radius:0 0 6px 6px;
    -webkit-border-radius:0 0 6px 6px;
    -khtml-border-radius:0 0 6px 6px;
    border-radius:0 0 6px 6px;
	border-bottom:1px solid #E6E6E6;
}

#SiteMap ul.acc_nav li a{
	position: relative;
	display: block;
	padding: 12px 12px 12px 28px;
	overflow: hidden;
	/*
	text-overflow: ellipsis;
	white-space: nowrap;
	*/
	color:#555;
}

#SiteMap ul.acc_nav li a:after {
	position: absolute;
	top: 38%;
	left: 10px;
	display: block;
	content: "";
	width: 12px;
	height: 12px;
	background-image: url(../img/icon01.png);
	background-position: 0px 0px;
	-webkit-background-size: 12px auto;
	background-size: 12px auto;
}





/* close
---------------------*/
#SiteMap div.close{
	width:100%;
	padding:5px 0 20px 0;
	background-color:#F3FBE6;
}

#SiteMap div.close p{
	margin:0 90px 0 90px;
	padding:5px 0 5px 0;
	text-align:center;
	font-size:90%;
	color:#444;
	cursor:pointer;
	font-weight:bold;
	border:1px solid #E6E6E6;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	background-color:#ffffff;
	/*
	background:-moz-linear-gradient(top,#ffffff 0%,#f4f4f0 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#f4f4f0));
	background:-webkit-linear-gradient(top,#ffffff 0%,#f4f4f0 100%);
	background:-o-linear-gradient(top,#ffffff 0%,#f4f4f0 100%);
	background:-ms-linear-gradient(top,#ffffff 0%,#f4f4f0 100%);
	background:linear-gradient(to bottom,#ffffff 0%,#f4f4f0 100%);
	*/
}

#SiteMap div.close p span.icon{
	width:12px;
	height:12px;
	display:inline-block;
	margin:0 5px 0 0;
	vertical-align:middle;
	
	background-image:url(../img/close_icon.png);
	background-position: 0px 0px;
	-webkit-background-size: 12px auto;
	background-size: 12px auto;
	
}

/* bg
---------------------*/
#SiteMap div.bg{
	width:100%;
	height:0;
	position:absolute;
	top:0;
	left:0;
	opacity:0.50;
	background:#000000;
	z-index:9;
}