@charset "utf-8";

/*	mainvisual
============================================*/
@media print{
#mainvisual{ display: none; }
} 

#mainvisual{
	margin:0 auto;
	width:978px;
	height: 367px;
}

#mainvisual.mv_1{
	height: 285px;
}

#mainvisual_inner {
	display: none;
	position: relative;
	overflow: hidden;
	width: 978px;
	height: 367px;
	margin:0 auto;
	font-size: 0;
	line-height: 0;
}

.mv_1 #mainvisual_inner {
	height: 290px;
}

#wrapVisual {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 978px;
	height: 285px;
}
#wrapVisual p {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

	/* visualOn */
	#visualOn {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
		width: 970px;
		height: 277px;
		border: solid 4px #f37619;
		visibility: hidden;
	}

	/* visualGuard */
	#visualGuard {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 5;
		width: 976px;
		height: 283px;
		border: solid 1px #f37619;
		background: url(/image/spacer.gif);
		cursor: pointer;
	}

	/* visualSublink */
	.visualSublink {
		display: block;
		position: absolute;
		z-index: 6;
		background: url(/image/spacer.gif);
	}

	/* wrapThumbBg */
	#wrapThumbBg {
		position: absolute;
		left: 0;
		top: 285px;
		width: 978px;
		height: 82px;
		background: url(/shared_v2/image/bg_slider.gif) left top repeat-x;
	}
	#wrapThumbBg p {
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		width: 978px;
		height: 82px;
		background: none !important;
	}
	.mv_1 #wrapThumbBg p {
		height: 5px;
	}

	/* visualArrow */
	#visualArrow {
		position: absolute;
		left: 480px;
		top: 285px;
		z-index: 10;
		width: 17px;
		height: 9px;
		background: url(/shared_v2/image/ico_slider_arrow.gif) no-repeat;
	}
	.mv_2 #visualArrow { left: 385px; }
	.mv_3 #visualArrow { left: 289px; }
	.mv_4 #visualArrow { left: 194px; }

	/* wrapThumb, wrapThumbTrap */
	#wrapThumb,
	#wrapThumbTrap {
		position: absolute;
		top: 300px;
		overflow: hidden;
		height: 54px;
	}
	#wrapThumb { z-index: 10; }
	#wrapThumbTrap { z-index: 1000; }

	.mv_2 #wrapThumb, .mv_2 #wrapThumbTrap { left: 302px; width: 374px; }
	.mv_3 #wrapThumb, .mv_3 #wrapThumbTrap { left: 206px; width: 565px; }
	.mv_4 #wrapThumb, .mv_4 #wrapThumbTrap { left: 111px; width: 756px; }
	.mv_5 #wrapThumb, .mv_5 #wrapThumbTrap { left: 15px; width: 947px; }
	.mv_c #wrapThumb, .mv_c #wrapThumbTrap { left: 23px; width: 931px; }
	
	#wrapThumb p,
	#wrapThumbTrap p {
		position: absolute;
		top: 0;
	}
	#wrapThumb p {
		width: 181px;
		height: 52px;
		border: solid 1px #cccccc;
	}
	#wrapThumbTrap p {
		width: 183px;
		height: 54px;
		background: url(/image/spacer.gif);
		cursor: pointer;
	}
	
	#thumb_1, #thumbTrap_1 { left: 0px; }
	#thumb_2, #thumbTrap_2 { left: 191px; }
	#thumb_3, #thumbTrap_3 { left: 382px; }
	#thumb_4, #thumbTrap_4 { left: 573px; }
	#thumb_5, #thumbTrap_5 { left: 764px; }
	
	.mv_5 #thumb_1, .mv_5 #thumbTrap_1 { left: 382px; }
	.mv_5 #thumb_2, .mv_5 #thumbTrap_2 { left: 573px; }
	.mv_5 #thumb_3, .mv_5 #thumbTrap_3 { left: 764px; }
	.mv_5 #thumb_4, .mv_5 #thumbTrap_4 { left: 0px; }
	.mv_5 #thumb_5, .mv_5 #thumbTrap_5 { left: 191px; }

	/* thumbCr */
	#thumbCr {
		position: absolute;
		top: 300px;
		z-index: 100;
		width: 183px;
		height: 65px;
		background: url(/shared_v2/image/bg_thumb_arrow.gif) no-repeat;
	}
	.mv_2 #thumbCr { left: 302px; }
	.mv_3 #thumbCr { left: 206px; }
	.mv_4 #thumbCr { left: 111px; }
	.mv_5 #thumbCr { left: 397px; }
	.mv_c #thumbCr { left: 397px; }


	/* arrowWrap, arrowTrapWrap */
	#arrowWrap,
	#arrowTrapWrap {
		position: absolute;
		left: 0;
		top: 296px;
	}
	#arrowWrap { z-index: 100; }
	#arrowTrapWrap { z-index: 1000; }
	
	#arrowWrap p,
	#arrowTrapWrap p {
		position: absolute;
		top: 3px;
		width: 20px;
		height: 56px;
	}
	#arrowL, #arrowL_on, #arrowTrapL { left: 0; }
	#arrowR, #arrowR_on, #arrowTrapR { left: 957px; }

	#arrowWrap p {
		background-repeat: no-repeat;
	}
	#arrowTrapWrap p {
		background: url(/image/spacer.gif);
		cursor: pointer;
	}
	#arrowL { background-image: url(/shared_v2/image/button_slider_prev.gif); }
	#arrowL_on { background-image: url(/shared_v2/image/button_slider_prev_on.gif); }
	#arrowR { background-image: url(/shared_v2/image/button_slider_next.gif); }
	#arrowR_on { background-image: url(/shared_v2/image/button_slider_next_on.gif); }
	
	#arrowL_on,
	#arrowR_on {
		display: none;
	}