@charset "utf-8";

.lof-slidecontent,
.lof-slidecontent a { color: #fff; }

.lof-slidecontent a.readmore { color: #00CCFF; }

.lof-slidecontent {/*全体*/
		position: relative;
		overflow: hidden;
		width: 900px;
		height: 340px;
		top: 130px;
		left: 0;
		
}

.lof-slidecontent .preload {/*表示枠*/
		text-align: center;
		width: 900px;
		height: 340px;
		position: absolute;
		top: 0;
		left: 0;
		z-index:100000;
		background: transparent;
}

.lof-slidecontent .preload div {/*ローディング画像表示枠*/
		width: 900px;
		height: 340px;
		background :transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
}

.lof-main-outer {
		position:relative;
		width: 900px;
		height: 340px;
		z-index: 3px;
		overflow: hidden;
}

/*******************************************************/
.lof-main-item-desc { /*テキスト入力部分*/
		width: 860px;
		padding: 5px 20px 10px;
		z-index: 100px;
		position: absolute;
		top: 50px;
		left: 0;
		background: url(../images/bg_trans.png);/* filter:0.7(opacity:60) */
}

.lof-main-item-desc h2.headline {
		font-size: 120%;
		font-weight: normal;
		margin: 0;
		padding: 0;
		line-height: 30px;
		height: 30px;
		background: none;
		color: #99CC00;
}

.lof-main-item-desc p {
		line-height: 1.5em;
		margin: 0;
		padding: 0;
}

/* main flash */
ul.lof-main-wapper {
		/* margin-right:auto; */
		width: 900px;
		height: 340px;
		overflow: hidden;
		margin: 0;
		padding: 0;
		position:absolute;
		background: transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
}

ul.lof-main-wapper li {
		width: 900px;
		height: 340px;
		overflow :hidden;
		margin: 0;
		padding: 0;
		float: left;
		position: relative;
}

.lof-opacity li {
		position: absolute;
		top: 0;
		left: 0;
		float: inherit;
}

ul.lof-main-wapper li img {
		margin: 0;
		padding: 0;
		border: 0;
}

/* item navigator */
.lof-navigator-wapper {
		padding: 3px 0;
		position: absolute;
		bottom: 0;
		right: 116px;
		background: url(../images/transparent_bg.png) repeat;
}

.lof-navigator-outer {
		position: relative;
		width: 100%;
		height: 54px;
		overflow: hidden;
		z-index: 100;
		margin: 0;
		padding: 0;
		color: #fff;
		float: left
}

ul.lof-navigator {
		width: 100%;
		margin: 0;
		padding: 0;
		position: absolute;
		top:0;
}

ul.lof-navigator li {
		cursor: hand;
		cursor: pointer;
		list-style: none;
		width: 104px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		float: left;
		display: block;
		text-align: center;
}

ul.lof-navigator li img { border: 2px solid #666; }

ul.lof-navigator li.active img,
ul.lof-navigator li:hover img { border: 2px solid #eee; }

.lof-navigator-wapper .lof-next,
.lof-navigator-wapper .lof-previous {
		display: block;
		width: 22px;
		height: 54px;
		color: #FFF;
		cursor: pointer;
}

.lof-navigator-wapper .lof-next {
		float: left;
		text-indent: -999px;
		margin-right: 5px;
		background: url(../images/arrow-l.png) no-repeat right center;
}

.lof-navigator-wapper .lof-previous {
		float: left;
		text-indent:-999px;
		margin-left: 5px;
		background: url(../images/arrow-r.png) no-repeat left center;
}