@charset "utf-8";

/* =======================================

トップページ　スライダー

======================================= */

.wideslider {
	width: 100%;
	min-width: 960px;
	height: 500px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	min-width: 960px;
	position: absolute;
	overflow: hidden;
}
.slider_prev,
.slider_next {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 150px;
	overflow: hidden;
	z-index: 100;
	cursor: pointer;
}
.slider_prev { left: 5px; }
.slider_next { left: 915px; }
.slider_prev { background: url(../images/slide/prev.png) no-repeat right center;}
.slider_next { background: url(../images/slide/next.png) no-repeat left center;}

/* pagination = 連動 ／ pagination2 = 非連動 */
.pagination,
.pagination2 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-width: 960px;
	height: 80px;
	text-align: center;
	z-index: 200;
	/* background: url(../images/slide/pn_bg.gif) 50% 0 no-repeat; */
}

.pagination a,
.pagination2 a {
	margin: 0;
	/*
	width: 240px;
	*/
	height: 80px;
	display: inline-block;
	overflow: hidden;
}

.pagination a.active,
.pagination2 a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

.pagination img,
.pagination2 img{
	margin-top: -80px;
}

.pagination a.active1 img,
.pagination2 a.active1 img{
	 /* margin-top: 0; */
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

/* グレーアウトパネル */

#leftPanel,
#rightPanel{
	position: absolute;
	display: block;
	width: 50%;
	height: 350px;
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity=40);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=40)";  /* ie 8 */
	-moz-opacity: 0.4;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.4;              /* Safari 1.x */
	zoom: 1;
}

#leftPanel{
	left: -480px;
}

#rightPanel{
	right: -480px;
}