@charset "utf-8";

#top #container2 {
	background: url(../../img/container_top_bg.jpg) center top no-repeat;
}

#top #header {
	padding: 16px 0 9px;
	position: relative;
}

#top #header p.badge {
	position: absolute;
	left: 565px;
	top: 50px;
}

/* contents
---------------------------------------- */
#top #contents h1.title {
	margin: 0 0 11px;
	text-align: center;
}

#top #contents p.lead {
	text-align: center;
	margin: 0 0 14px;
}


/* collection
---------------------------------------- */
#top #collectionWrap {
	width: 890px;
	height: 310px;
}

#top #collection {
	width: 890px;
	position: relative;
	margin: 0 auto;
}

#provenPix div.prod {
	width: 890px;
	height: 310px;
	position: absolute;
	z-index: 2;
	display: none;
}

#top #collection div.active {
	display: block;
}

#top #collection div.prod img {
	position: absolute;
	width: 890px;
	height: 310px;
}

#top #collection div.prod img.static {
	z-index: 1;
	left: 0px;
	top: 0px;
}

#top #collection div.prod img.map {
	z-index: 100;
	left: 0px;
	top: 0px;
}

#top #collection div.prod img.layer {
	z-index: 5;
	display: none;
	left: 0px;
	top: 0px;
}


/* tooltip
---------------------------------------- */
.hotspot {
	cursor: pointer;
}

#tt {
	width: auto !important;
	position: absolute;
	display: block;
	z-index: 10;
}


/* navi
---------------------------------------- */
#top #contents .bottomNavi {
	width: 866px;
	height: 101px;
	background: url(../../img/navi_bg.gif) no-repeat;
	padding: 9px 12px 12px;
}

#top #contents .bottomNavi h2 {
	margin-bottom: 7px;
}

#top #contents .bottomNavi ul {
	width: 866px;
}

#top #contents .bottomNavi ul li {
	margin-right: 7px;
	float: left;
}

#top #contents .bottomNavi ul li.last {
	margin-right: 0;
	float: left;
}