@charset "UTF-8";

/*
slide panel
----------------------------------------*/
#slidePanel{
	z-index: 2;
    position: fixed;
	top:200px;
	right:0px;
	background: #fff;
	width: 50px;
	height: auto;
	margin: 0;
	padding: 0;
	cursor: pointer;
	overflow: hidden;
	transition: width 0.75s ease-in-out;
}
#slidePanel:hover {
	width: 250px;
}
.slidePanelInner{
	background: #005bac;
	width: 250px;
	overflow:hidden;
}
.panelContents{
	margin: 0;
	padding: 0 0 0 50px;
	background: url(../img/slide_panel_btn.png) no-repeat left 50%;
}
.panelContents ul{
	background: #fff;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	border-left: 3px solid #fff;
}
.panelContents li{
	margin: 2px 0 0;
}
.panelContents li:first-child{
	margin: 0;
}
.panelContents li a{
	display: block;
	background: #44bedd;
	padding: 14px;
	font-size: 18px;
	color: #fff;
}
.panelContents .current a{
	background: #005bac;
}
.panelContents a:hover{
	opacity: 0.75;
}