@charset shift_jis;

/* ----------------------------------------
	/auto-archive/insight/2014/webcatalog/interior/
---------------------------------------- */

#bgWrap {
	width: 860px;
	margin: 0 auto;
	padding: 129px 60px 0px;
	background: url(../image/bg.jpg) no-repeat;
}


/* ----------------------------------------
	interior
---------------------------------------- */

#interior {
	width: 860px;
}
#interior h3 {
	border: none;
	margin: 0 0 43px 20px;
}
#interior #headText {
	margin-left: 20px;
}

#interior .caption {
	display: none;
}

#slider {
	height: 405px;
}

#thumbs {
	margin-left: 20px;
}
#thumbs li {
	width: 89px;
}
#thumbs li.selected {
	width: 85px;
}

/* view360 */

#thumbs .view360 {
	margin-left: 10px;
}
#thumbs .view360 li {
	background: url(../image/interior_thumbs08.jpg) no-repeat;
	display: block;
	width: 99px;
}
#thumbs .view360 li:hover {
	background: url(../image/interior_thumbs08_ov.jpg) no-repeat;
}

#thumbs .view360 li.selected {
	background: url(../image/interior_thumbs08_on.jpg) no-repeat;
	border: none;
	width: 99px;
	height: 50px;
}

/* panorama */

#interior #panoDIV {
	width: 820px;
	height: 405px;
}
#interior #panoDIV img {
	display: none;
}

#interior #help {
	right: 15px;
	bottom: 15px;
	display: none;
}

#interior #help.on {
	display: block;
}

#interior #panoCap {
	left: 8px;
	bottom: 8px;
}

/* tooltip */

.js_tooltipContent {
	background: #333;
	position: absolute;
	z-index: 100;
	padding: 5px;
	color: #fff;
	font-size: 10px !important;
	line-height: 14px;
}


/* ----------------------------------------
	cabin
---------------------------------------- */

#cabin .inner {
	min-height: 246px;
}

#cabin .mainText {
	margin-bottom: 30px;
}

#cabin .img {
	left: 20px;
	top: 15px;
}


/* ----------------------------------------
	interiorColor
---------------------------------------- */

#interiorColor h3 .explanation {
	float: right;
	margin-top: 7px;
}

#interiorColor .inner {
	padding-right: 20px;
}

#interiorColor .contents {
	position: relative;
	float: right;
	width: 370px;
	height: 250px;
}

/* capArea */

#interiorColor .capArea {
	position: relative;
}
#interiorColor .capArea li {
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
}
#interiorColor .capArea h4 {
	margin-bottom: 15px;
}
#interiorColor .capArea img {
	margin-right: 1px;
}

/* ctrlNav */

#interiorColor .ctrlNav {
	position: absolute;
	left: 0;
	bottom: 0;	
}

#interiorColor .ctrlNav li {
	width: 80px;
	height: 82px;
	margin: 0 10px 0 0;
}
#interiorColor .ctrlNav li.selected {
	width: 76px;
	height: 78px;
}

#interiorColor .caption strong {
	display: block;
}

#interiorColor .chgImg {
	position: relative;
	float: left;
	width: 350px;
	height: 250px;
}
#interiorColor .chgImg img {
	left: 0;
	top: 0;
}


/* ----------------------------------------
	luggage
---------------------------------------- */

#luggage .inner {
	min-height: 246px;
	padding-right: 20px;
}

#luggage .mainText {
	margin-bottom: 30px;
}


/* ----------------------------------------
	view3d
---------------------------------------- */

#view3d {
	height: 313px;
	margin: 0;
	padding-bottom: 0;
}
#view3d p {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 20px;
}
#view3d img.img {
	position: absolute;
	right: 40px;
	top: 17px;
}


/* ----------------------------------------
	bottomText
---------------------------------------- */

#bottomText {
	margin: 20px 0 50px;
}
#bottomText a {
	color: #035df3;
}


/* ----------------------------------------
	IE Fix
---------------------------------------- */

* html #thumbs .view360 li {
	display: inline;
}

* html h3 img {
	float: left;
	display: inline;
}

*+html h3 img {
	float: left;
}