@charset "utf-8";
/* CSS Document */


/* 変更箇所 各スタイルのwidth、heightのみでOK!! */

#slider_wp {
	width: 100%;
	height: 400px;
	display: block;
	background: url(loader2.gif) no-repeat center;
	margin-top:-290px;
}
#slider_wp2 {
	width: 100%;
	height: 160px;
	display: block;
	background: url(loader2.gif) no-repeat center;
	margin-top:-290px;
	position:relative;
}

#slider {
	width: 960px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	background: url(loader.gif) no-repeat center;
}

#slider img {
	width: 960px;
	height: 400px;
	position: absolute;
	top: 0px;
	left: 0px;
}

/*--------------------------------
ロールオーバー時 透過設定
--------------------------------*/
a:hover .ov {
	opacity:0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
}




/* ▼一番外枠▼ */
#jCarouselLite {
	width: 100%;
	height: 400px;
	position: relative;
}

#jCarouselLite .carousel  {
	position:relative;
}

/* ▼スライド部分枠▼ */
.js_data {
	width: 100%;
	min-width: 1010px;
	height: 400px;
	overflow: hidden;
	position: relative;
}

#jCarouselLite .main {
	margin:0px;
	border: 0px;
	height: 400px;
}
           
#jCarouselLite .carousel a.prev  {
	position: absolute;
	top: 140px;
	border: 0px;
	left: 50%;
	margin-left: -520px;
	z-index: 9999;
}
#jCarouselLite .carousel a.next {
	position: absolute;
	top: 140px;
	right: 50%;
	margin-right: -520px;
	z-index: 9999;
}
 
#jCarouselLite .carousel a:hover, #jCarouselLite .carousel a:active {
	border:none;
	outline:none;
}
#jCarouselLite .carousel .jCarouselLite {
	float:left;
	position: absolute;
	visibility:hidden;	
}
.jCarouselLite ul {
	overflow:hidden;
	position: absolute;
	width: 100%;
	top: 0px;
}
#jCarouselLite .carousel li img {
	width:960px; height:400px;
	margin:0;	
	padding:0px;
}

/* 画像の余白はここで設定！ */
#jCarouselLite .carousel li {
	width:960px; height:400px;
	list-style:none;
	}
#jCarouselLite .widget img {
	cursor:pointer;
}



.jq01 {
	position: absolute;
	z-index: 10;
	left: 0px;
	top: 0px;
	height: 400px;
}
.jq02 {
	position: absolute;
	z-index: 10;
	right: 0px;
	top: 0px;
	height: 400px;
}
.jq03 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 0px;
	z-index: 9999;
}