@charset "Shift_JIS";
@import url(cmn.css);
@import url(base.css);
@import url(lineup.css);


#header_image{
	position: relative;
	height: 435px;
	width: 984px;
}
#imgarea{
	height: 435px;
	width: 984px;
}
#imgarea div{
	position: absolute;
	top: 0;
	left: 0;
	height: 435px;
	width: 984px;
}
#thumbnailbg{
	height: 62px;
	background: #000;
	width: 984px;
	position: absolute;
	top: 373px;
	left: 0;
	filter:alpha(opacity=46);
	-moz-opacity: 0.46;
	opacity: 0.46;
}

/*----------------------------thumbnail-----------------------------------*/

#thumbnail{
	height: 60px;
	width: 400px;
	position: absolute;
	top: 374px;
	left: 564px;
}

#thumbnail .section li{
	display: block;
	float: left;
	height: 60px;
	width: 60px;
	margin-right: 1px;
}
#thumbnail a:hover img{
	width: 60px;
	height: 60px;
}

#thumbnail .prev{
	position: absolute;
	width: 27px;
	height:24px;
	top: 20px;
	left: 0;

}
#thumbnail .prev a{
	background-image: url(../lineup/9-3cabriolet/gallery/images/icon_pre.gif);
	width: 27px;
	height:24px;
	display: block;
	text-indent: -10000px;
	outline:none;
	line-height:1px;
	font-size:1px;
}
#thumbnail .next{
	position: absolute;
	width: 27px;
	height:24px;
	top: 20px;
	left: 360px;
}
#thumbnail .next a{
	background-image: url(../lineup/9-3cabriolet/gallery/images/icon_next.gif);
	width: 27px;
	height:24px;
	display: block;
	text-indent: -10000px;
	outline:none;
	line-height:1px;
	font-size:1px;
}
#thumbnail .prev a:hover, #thumbnail .next a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
#thumbnail .scroller { 
	height: 60px;
	width: 305px;
	overflow: hidden;
	margin-left: 42px;
	float: none;
}
#thumbnail .scroller div.section {
	height: 60px;
	width: 305px;
	float:left;		
}
#thumbnail .scroller div.content{
	width: 10000px;
	height: 60px;
}