@charset "utf-8";

/*===========================
　全体
===========================*/
.lof-slidecontent { position:relative;}

/*===========================
　ローディング
===========================*/
.lof-slidecontent .preload{	height:100%;	width:100%;	position:absolute;	top:0;	left:0;	z-index:100000;	text-align:center;	background:#FFF}
.lof-slidecontent .preload div{	height:100%;	width:100%;	background:transparent url(../js/slider_img/load-indicator.gif) no-repeat scroll 50% 50%;}

/*===========================
　スライダー
===========================*/
.lof-slidecontent  .sliders-wrapper{position:relative;z-index:3px;}
.lof-slidecontent  ul.sliders-wrap-inner{overflow:hidden;padding:0px;margin:0;position:absolute;overflow:hidden;}
.lof-slidecontent  ul.sliders-wrap-inner{margin: -1px 0 0 -1px\9;}
.lof-slidecontent  ul.sliders-wrap-inner li{overflow:hidden;	padding:0px;margin:0px;	float:left;	position:relative;}
.lof-slidecontent  .lof-opacity  li{position:absolute;	top:0;	left:0;	float:inherit; }

/* 画像の大きさ */
.main-slider-content,
.sliders-wrapper{
	height: 407px !important;
	width: 1024px !important;
	overflow: hidden;
}

/*===========================
　ナビゲーション
===========================*/
.lof-slidecontent .navigator-content {
	/*navigator位置調整*/
	position: absolute;
	bottom: 18px;
	right:12px;
	padding-top:10px;
	padding-bottom:10px;
	background:transparent url(../js/slider_img/navigator_bg.png) no-repeat scroll 50% 50%;
	/*透過背景*/
	/*background-color:#000000;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity:0.85;*/
}
.lof-slidecontent  .navigator-wrapper{
	position:relative;
	z-index:10;
	overflow:hidden;
	color:#FFF;
	float:left;
}

.lof-slidecontent  ul.navigator-wrap-inner {top:0;padding:0;margin:0;position:absolute;width:100%; }
.lof-slidecontent  ul.navigator-wrap-inner li{ cursor:hand;cursor:pointer;	list-style:none;	padding:0;	margin-left:0px;	overflow:hidden;	float:left;	display:block;	text-align:center;} 
ul.sliders-wrap-inner li img{padding:0px;}
/*ロールオーバー*/
.lof-slidecontent ul.navigator-wrap-inner li img{
	margin:0 0px;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	cursor: pointer;
	/*border-radius: 5px;*/
}
.lof-slidecontent ul.navigator-wrap-inner li.active img{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

/*===========================
　ボタン
===========================*/
.lof-slidecontent  .button-next, 
.lof-slidecontent .button-previous{
	display:block;
	width:40px;
	color:#FFF;
	cursor:pointer;
	position:absolute;
	height:100%;
	z-index:40;
	top:0;
	text-indent:-999px;

}

.lof-slidecontent .button-next {
	right:05px;
	background:url(../js/slider_img/b_next.png) no-repeat right center;
}
.lof-slidecontent .button-previous {
	left:05px;
	background:url(../js/slider_img/b_prev.png) no-repeat left center;
}

/*===========================
　ディスクリプション
===========================*/
.lof-slidecontent .slider-description a.readmore{color:#58B1EA; font-size:95%; }
.lof-slidecontent .slider-description a{ color:#FFF; }
.lof-slidecontent .slider-description{z-index:100px; position:absolute; bottom:50px; left:0px; width:350px; height:100px; padding:10px; color:#FFF; }

/*===========================
　trims
===========================*/
.trims{position: absolute;z-index: 999;}
.trim1{left:0px;bottom:0px;}
.trim2{right:0px;bottom:0px;}
.trim3{left:0px;top:0px;}
.trim4{right:0px;top:0px;}