@charset "utf-8";
/**----------------------------------------------------------
 *CSS information 
 *
 * file name	: slide-panel.css
 * author		: takaaki koyama
 * style info	: サンプルJavascrip要素部分のCSS
 -----------------------------------------------------------*/
#slide_panel{
	width:100%;
	height:215px;
	position:absolute;
	top:-183px;
	left:0;
	text-align:center;
	z-index: 2000;
}
#panel_contents_wap{
	width:100%;
	background-color:#000000;
}
#panel_contents{
	width:1000px;
	margin:0 auto;
	text-align:center;
}

#panel_footer{
	width:100%;
	height:32px;
	background:url(../img/bg_panel_bottom.png) no-repeat center top;
}
#panel_tab_wap{
	width:820px;
	text-align:left;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#panel_tab{
	width:134px;
	height:32px;
	background:url(../img/bg_tab_bottom.png) no-repeat left bottom;
	position:absolute;
	top:0;
	left:auto;
	right:12px;
	overflow: hidden;
}

#panel_tab a{
	display:block;
	width:134px;
	height:32px;
	text-indent:-9999px;
	background-position:50% 5px;
	background-repeat:no-repeat;
}
#panel_tab a.click_to_open{
	background-image:url(../img/btn_open_off.gif);
}
#panel_tab a.click_to_open:hover{
	background-image:url(../img/btn_open_on.gif);
}
#panel_tab a.click_to_close{
	background-image:url(../img/btn_close_off.gif);
}
#panel_tab a.click_to_close:hover{
	background-image:url(../img/btn_close_on.gif);
}