@charset "utf-8";

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

   Style Info: ブラウザスタイルのリセットと基本設定 
 
====================================================================*/

* { margin:0; padding:0; }

body,div,p,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
pre,form,input,textarea,select,iframe { margin:0; padding:0; }

img { border:0; }
.line0 { line-height:0; font-size:0; }


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

	レイアウト

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

.pickup {
	width:980px;
	height:472px;
	position:relative;
	margin:0 auto;
	background:url(image/back.png) left top no-repeat;
	}

.lof-slidecontent .button-next, 
.lof-slidecontent .button-previous {
	display:block;
	width:53px;
	height:43px;
	cursor:pointer;
	position:absolute;
	z-index:40;
	top:206px;
	}
		
.lof-slidecontent .button-previous {
	left:-81px;
	}

.lof-slidecontent .button-next {
	right:-81px;
	}


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

	メイン

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

.pickup-main {
	width:682px;
	height:448px;
	position:absolute;
	right:12px;
	top:12px;
	overflow:hidden;
	}
.pickup-main img {
    max-width: 100%;
}
.lof-slidecontent .sliders-wrapper {
	position:relative;
	height:100%;
	width:900px;
	z-index:3px;
	overflow:hidden;
	}

.lof-slidecontent ul.sliders-wrap-inner {
	overflow:hidden;
	padding:0px;
	margin:0;
	position:absolute;
	overflow:hidden;
	}

.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;
	}


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

	サムネイル

====================================================================*/
	
.pickup-side {
	width:266px;
	height:429px;
	position:absolute;
	left:7px;
	top:21px;
	z-index:9;
	overflow:hidden;
	}
	
.lof-slidecontent ul.navigator-wrap-inner {
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
	}

*:first-child+html .lof-slidecontent ul.navigator-wrap-inner {/*IE7*/
	top:0;
	padding:0;
	margin:0 0 0 -135px;
	position:absolute;
	width:100%;
	}



.lof-slidecontent ul.navigator-wrap-inner li {
	cursor:hand;
	cursor:pointer;
	list-style:none;
	padding:0;
	margin-left:0;
	/*overflow:hidden;*/
	float:left;
	display:block;
	text-align:center;
	width:252px !important;
	height:86px !important;
	background:url(image/thum-bg.gif) no-repeat left top; 
	}

.lof-slidecontent ul.navigator-wrap-inner li img {
	margin:7px 5px 0 5px;
	}

.lof-slidecontent ul.navigator-wrap-inner li.active {
	background:url(image/slider.gif) no-repeat left top; 
	}

.prev-btn, 
.next-btn {
	width:80px !important;
	height:15px !important;
	left:91px !important;
	}
	
.prev-btn {
	top:0 !important;
	background:none !important;
	}

.next-btn {
	top:auto !important;
	bottom:0 !important;
	background:none !important;
	}