@charset "utf-8";
/* ===================================================================
 guide navi : ガイドナビ用　メインCSS
=================================================================== */

#header_navi {
	z-index: 9999;
}
#header_navi>ul {
	height: 50px;
}
#js_header_menu {
    padding-top: 4px;
	position: relative;
}

.js_menu_wrapper {
    background-color: #f0eade;
	height:385px;
	display: none;
	border: 5px solid #645E5B;
}

.js_menu_list_wrapper {
	width: 254px;
	height: 385px;
	float: left;
	overflow: auto;
}

.js_menu_list_wrapper li {
	border-bottom:1px solid #9A938F;
/*	height:38px;*/
}

.js_menu_list_wrapper li a {
	width: 100%;
	height: 100%;
	display: block;
	background: url('/share/imgs/gnavi_drop_btn_bg.jpg') repeat-x 0 0;
}
.js_menu_list_wrapper li a:hover,
.js_menu_list_wrapper li a.active {
	background: url('/share/imgs/gnavi_drop_btn_bg_ov.jpg') repeat-x 0 0;
	color: #fff;
}
.js_menu_list_wrapper li a span {
	display: block;
	padding: 10px 22px 12px 10px;
	background: url('/share/imgs/icon_arrow02.png') no-repeat 215px 10px;
}

#js_header_menu ul {
	width: 100%;
	height: 100%;
}
#js_header_menu ul li {
    width: 348px;
}
#js_header_menu .js_menu_list_wrapper ul li {
    float: none;
    width: 100%;
}

.js_menu_content_wrapper {
   background-color: #f0eade;
    border-left: 2px solid #645e5b;
    float: left;
    height: 385px;
    width: 784px;
}

#js_header_menu .js_menu_content_wrapper ul {
	height: 370px;
	display: block;
	overflow: auto;
	margin-top: 15px;
}

.js_menu_content_wrapper ul li {
    float: left;
    width: 349px;
    background: url("/share/imgs/icon_arrow01.png") no-repeat scroll 0 15px;
	padding: 10px 10px 10px 15px;
	margin-left: 10px;
}


#page {
	z-index: 500;
}
.slideshow li {
	position:absolute;
	top:0;
	left: 0;
	z-index: -1 !important;
}
.slideshow li {
	display: none;
}
.slideshow li:first-child {
	display: block;
}