@charset "utf-8";

/* -----------------------------------------------------------
CSS INFOMATION
File Name  : jquery.slide.css
Style Info : slide styles
----------------------------------------------------------- */

/*------------
////preload
------------*/

#slideContents .preload{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	text-align:center;
	background:#fff;
}

#slideContents .preload div{
	height:100%;
	width:100%;
	background:transparent url(../img/slide/load-indicator.gif) no-repeat scroll 50% 50%;
}

/*----------------
////wrapper
----------------*/
#slideContents{
	width:950px;
	height:340px;
	background:#fff;
	margin:0 auto 14px auto;
	position:relative;
	overflow:hidden;
}

/*----------------
////main visual
----------------*/
.lof-main-outer{
	position:relative;
	height:100%;
	width:780px;
	z-index:3;
	overflow:hidden;
	margin-left:170px;
}

.lof-main-outer ul{
/*	margin-right:auto; */
/*	background:transparent url(../img/slide/load-indicator.gif) no-repeat scroll 50% 50%;*/
	position:relative;
	width:780px;
	z-index:10;
}

.lof-main-outer ul li{
/*	overflow:hidden;
	float:left;*/
	position:absolute;
	width:780px;
	height:340px;
	left:0;
	top:0;
	z-index:20;
}

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

/*----------------
////navi
----------------*/
.lof-navigator-wapper {
	width:165px;
	height:308px;
	background:url(../img/slide/bg_slideNavi.gif) no-repeat left top;
	padding:6px 0;
	position:absolute;
	left:0;
	top:20px;
}
.lof-navigator-outer{
	margin:0 auto;
	position:relative;
	z-index:100;
	overflow:hidden;
	color:#FFF;
}

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

ul.lof-navigator li{
	cursor:pointer;
	list-style:none;
	overflow:hidden;
	float:left;
	display:block;
	text-align:center;

}

ul.lof-navigator li.active img,
ul.lof-navigator li:hover img {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}

.next,
.previous{
	display:block;
	height:13px;
	cursor:pointer;
	text-align:center;
}

.next {
	text-indent:-99999px;
	background:url(../img/slide/arrow_next.gif) no-repeat center center;
	padding-top:10px;

}

.previous {
	text-indent:-99999px;
	background:url(../img/slide/arrow_pre.gif) no-repeat center center;
	padding-bottom:10px;
}

.mainImageLink{
	width:780px;
	height:340px;
	margin-left:170px;
	position:absolute;
	z-index:10;
}