/*
 *  css for sale directory
 */
body {
	background: url(/css/img/base-black.png) #444 repeat-x top;
	height: 100%;
}

#header {
	-moz-box-shadow: 0px 4px 4px #000;
	-webkit-box-shadow: 0px 4px 4px #000;
	box-shadow: 0px 4px 4px #000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=180, Strength=4);
}

#contents,
#container {
/*	background: url(/css/img/jms-bg.png); */
	background: #1b1b1b;
}

#carsale a:link { color: #99f; }
#carsale a:visited { color: #99e;  }
#carsale a:hover,
#carsale a:active { color: #ffb400; text-decoration: underline; }

/* */

sup { font-size: 0.6em; }

#carsale { position: relative; width: 640px; height:800px; }
#vehicle_title {
	background: url(title-brz.png) no-repeat;
	width: 640px; height: 100px;
	position: absolute;
	top: 20px; left: 0px;
	z-index: 1000;
	text-indent: -9999px;
}
#vehicle_spec {
	background: url(spec-ft86.png) no-repeat;
	width: 240px; height: 72px;
	position: absolute;
	top: 126px; right: 0px;
	z-index: 1000;
	text-indent: -9999px;
}

#vehicle_content { width: 640px; margin: 0px auto;  color: #eee; }
#vehicle_explain { float: left; width: 340px; }
#vehicle_explain hr { width: 90%; border-bottom: #ffb400 1px solid; }

#vehicle_price { position: relative; display: block; width: 100%; height: 60px; }
#vehicle_price span {
	display: block;
	position: absolute;
	width: 280px; height: 60px;
	top: 0; left: 50%;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	text-indent: -9999px;
	background-size: contain;
}
p.lang_jp span.vehicle_pricelabel { background: url(price-j.png) no-repeat; }
p.lang_en span.vehicle_pricelabel { background: url(price-e.png) no-repeat; }
p.lang_jp span.vehicle_negotiating { background: url(price-negotiating-j.png) no-repeat; }
p.lang_en span.vehicle_negotiating { background: url(price-negotiating-e.png) no-repeat; }
span.vehicle_soldout { background: url(price-soldout.png) no-repeat; }

#vehicle_gallery { margin: 1em 0; overflow: hidden; }
#vehicle_gallery ul { list-style: none; display: flex; flex-wrap: wrap; }
#vehicle_gallery ul li { margin: 5px; line-height: 1em;}
#vehicle_gallery ul li img { border: #888 1px solid; }
#vehicle_gallery ul li img:hover { border: #ffb400 1px solid; }

#vehicle_speclist { float: right; width: 290px; }
#vehicle_speclist h2 { background: #111; border: none; color: #fff; padding: 0 8px; font-family: Arial; }
#vehicle_speclist h3 { border-bottom: #888 solid 1px; color: #ddd; font-size: 1em; font-weight: bold; }
#vehicle_speclist dl { margin-left: 0.5em; }
#vehicle_speclist dt { display: inline; float: left; width: 8em; margin-top: 0; font-weight: normal; }
#vehicle_speclist dd { margin-left: 8.5em; }
.vehicle_image { text-align: center; }

div.speccontents { height: 640px; overflow: auto; }
.jspTrack { background: #222; }
.jspDrag { background: #444; }
.jspVerticalBar { width: 8px; }

/* slide show */
.nivoSlider { position:relative; background:url(/css/images/loading-dark.gif) no-repeat 50% 50%; width: 640px; height: 426px; overflow: hidden; }
.nivoSlider img { position:absolute; top:0px; left:0px; display:none; }
.nivoSlider a { border:0; display:block; }