/* ****************************************************************************

このスタイルシートは開発用とし、開発者以外変更不可とします。

**************************************************************************** */

/* ============================================================================
  各画面共通
============================================================================ */

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, input, select {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0pt;
	padding: 0pt;
}

a img {
	border: 0pt none;
}

/******************* リンク設定 *******************/
a:link
{
	font-weight: bold;
}
a:visited
{
	font-weight: bold;
}
a:active
{
	font-weight: bold;
}
a:hover
{
	font-weight: bold;
}

/******************** ボタン部 ********************/

.btnlst_s, .btnlst_l {
	height: 25px;
}

.btnlst_s ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.btnlst_s li
{
	float: left;
	width:75px;
	margin: 1px;
}
.btnlst_s li a
{
	cursor: pointer;
	display: block;
	line-height: 1em;
	padding: 6px 0px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.btnlst_l ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.btnlst_l li
{
	float: left;
	width:110px;
	margin: 1px;
}
.btnlst_l li a
{
	cursor: pointer;
	display: block;
	line-height: 1em;
	padding: 6px 0px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

/* ============================================================================
  詳細画面
============================================================================ */

/**************** 各メインボックス ****************/

body {
	background: transparent url(./image/body_bg.gif) repeat scroll 50% -4px;
	text-align: center;
}

#container {
	background: transparent url(./image/container_bg.gif) repeat-y scroll 0% 0%;
	margin: 0pt auto;
	text-align: center;
	width: 832px;
}

#contents {
	margin: 0pt auto;
	padding: 10px 0pt;
	text-align: left;
	width: 780px;
	display: block;
	min-height: 1%;
}

#car {
	padding: 10px 20px 10px;
}


/********************* フッタ *********************/
#f-shadow_s {
	background: transparent url(./image/footer_shadow.png) repeat scroll 0% !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/image/footer_shadow.png", sizingMethod="scale");
	height: 16px;
	margin: 0pt auto;
	width: 832px;
}

#f-shadow_g {
	background: transparent url(./image/footer_shadow.png) repeat scroll 0% !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../common/image/footer_shadow.png", sizingMethod="scale");
	height: 16px;
	margin: 0pt auto;
	width: 832px;
}

#f-shadow_is {
	background: transparent url(./image/footer_shadow.png) repeat scroll 0% !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/image/footer_shadow.png", sizingMethod="scale");
	height: 16px;
	margin: 0pt auto;
	width: 832px;
}

#f-shadow_ig {
	background: transparent url(./image/footer_shadow.png) repeat scroll 0% !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./common/image/footer_shadow.png", sizingMethod="scale");
	height: 16px;
	margin: 0pt auto;
	width: 832px;
}

#f-shadow_z {
	background: transparent url(./image/footer_shadow.png) repeat scroll 0% !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./image/footer_shadow.png", sizingMethod="scale");
	height: 16px;
	margin: 0pt auto;
	width: 832px;
}

/******************** ヘッダ部 ********************/
#HedPotDiv
{
	background-repeat: no-repeat;                     /* ヘッダ部背景繰り返し */
	background-position: bottom left;                 /* ヘッダ部背景位置 */
	margin: 0 auto 5px;
	width: 760px;                                     /* ヘッダ部横幅 */
	padding: 10px;                                    /* ヘッダ部余白 */
	font-size: 16px;                                  /* ヘッダ部文字サイズ */
	font-weight: bold;                                /* ヘッダ部文字太さ */
	vertical-align: bottom;
}

#HedPotDiv span
{
	padding-left: 1em;
	font-size: 12px;                                  /* ヘッダ部文字サイズ */
	font-weight: normal;                              /* ヘッダ部スパン文字装飾 */
}

/******************** 区切り線 ********************/
hr.mstlne {
	border-style: dashed;
	margin: 5px 0px;
	width: 740px;
	clear: both;
}

/******************** 在庫状態 ********************/
#cndtn_update {
	width: 740px;
	height: 16px;
	
	margin: 10px 0 0;
	padding: 0;
	
	clear: both;
}

#cndtn_update #car_cndtn {
	width: 430px;
	
	color: #ff6633;
	font-size: 14px;
	font-weight: bold;
	
	margin: 0;
	padding: 0;
	
	float:left;
}

/* 車台番号 */
#cndtn_update #frame_no {
	width: 110px;
	
	margin: 0;
	padding: 0;
	
	font-size: 12px;
	text-align: right;
	
	float: right;
}

#cndtn_update #stk_upd_date {
	width: 200px;
	
	margin: 0;
	padding: 0;
	
	font-size: 12px;
	text-align: right;
	
	float: right;
}

/******************* 車種 *******************/
#car h2.name {
	font-size: 24px;/*14px;*/
	font-weight: bold;
	padding: 5px 15px 4px;
	vertical-align: middle;
	position: relative;
}

/******************* 価格・車種 *******************/
#car div#price_tools {
	margin: 0;
	padding: 0;
	
	width: 740px;
	height: 110px;
	
	border: 0px none;
}

#car div#price_box {
	margin: 0;
	padding: 0;
	
	width: 288px;
	w\idth: 390px;
	\width: 288px;
	height: 100px;
	
	border: 1px solid white;
	
	float: left;
}
#car div#price_box h3#price_title {
	padding: 2px 4px;
	
	font-size: 14px;
	font-weight: bold;
	
}
#car div#price_box div#price_tag {
	padding: 5px;
	text-align: center;
}
#car div#price_box div#price_tag p.main_price {
	margin: 0px;
	padding: 0px;
	
	height: 50px;
	font-size: 50px;
	font-weight: 900;
	vertical-align: bottom;
}
#car div#price_box div#price_tag p.main_price span.price_unit {
	padding-left: 3px;
	font-size: 14px;
	font-weight: bold;
}
#car div#price_box div#price_tag p.main_price span.zero_price {
	padding-left: 3px;
	font-size: 20px;
	font-weight: bold;
}
#car div#price_box div#price_tag p.sub_price {
	margin: 0px;
	padding: 0px;
	
	font-size: 14px;
	font-weight: bold;
}

#car div#tools_box {
	margin: 0;
	padding: 0;
	
	border: 1px solid white;
	border-left: 0px none;
	
	width: 449px;
	w\idth: 450px;
	\width: 449px;
	height: 100px;
	
	float: left;
	
	position: relative;
}
#car div#tools_box div.tools_sub_box {
	margin: 0;
	padding: 0;
	
	clear: both;
}

#car div#tools_box p.btn {
	margin: 5px 10px 0 0;
	padding: 0;
	
	float: right;
}
#car div#tools_box p.btn img {
	margin: 0;
	padding: 0;
}

#car div#tools_box p#info_button {
	width: 100px;
	w\idth: 120px;
	\width: 100px;
	
	height: 25px;
	h\eight: 30px;
	\height: 25px;
}

#car div#tools_box p#movie_button {
	width: 150px;
	w\idth: 155px;
	\width: 150px;
	
	height: 25px;
	h\eight: 30px;
	\height: 25px;
}

#car div#tools_box p#hqimg_button {
	width: 150px;
	w\idth: 155px;
	\width: 150px;
	
	height: 25px;
	h\eight: 30px;
	\height: 25px;
}

#car div#tools_box p#print_button {
	width: 100px;
	w\idth: 105px;
	\width: 100px;
	
	height: 25px;
	h\eight: 30px;
	\height: 25px;
}

#car div#tools_box p#help_link_box {
	position: absolute;
	
	right: 10px;
	bottom: 10px;
}

/******************** タイトル・更新日時 ********************/
#car_title {
	width: 740px;
	height: 24px;
	
	margin: 5px 0 5px;
	padding: 0;
	
	font-size: 18px;
	vertical-align: middle;
	
	clear: both;
}

/****************** 在庫車両画像 ******************/
#car_image_box {
	width: 740px;
	height: 285px;
	
	margin: 10px 0;
	padding: 0;
	
	clear: both;
}

#car_image {
	width: 372px;
	
	float: left;
}

#car_image img {
	border: none;
}

#car_image_list {
	width: 356px;
	
	float: right;
	
	margin: 0 0 0 10px;
	padding: 0;
	margin-left: 10px;
	
	border: none 0;
}

#car_image_list table {
	width: 356px;
	
	margin: 0;
	padding: 0;
	
	border: none 0px;
	border-spacing: 2px;
}

#car_image_list table td {
	width: 87px;
	
	margin: 0;
	padding: 0;
	
	border: none;
	vertical-align: bottom;
}

#car_image_list table img {
	margin: 0;
	padding: 0;
	
	border: solid 1px gray;
}

#car_image_comment_box {
	width:  356px;
	height: 62px;
	
	margin: 4px 1px 0;
	padding: 0;
	
	font-size: 12px;
}

#stock_car_image_comment {
	width:  354px;
	height: 62px;
	
	margin: 0px auto;
	padding: 0;
	
	font-size: 14px;/*12px;*/
	border: solid 1px gray;
	
	overflow: auto;
}

/******************** 諸元情報 ********************/
#car_stock_info_box {
	width: 740px;
	
	margin: 10px 0;
	padding: 0;
	
	clear: both;
}
#car_stock_info_box table {
	width: 740px;
	border-collapse: collapse;
	
	font-size: 14px;/*12px;*/
}
#car_stock_info_box th {
	width:  100px;
	padding: 5px;/*10px;*/
	
	font-weight: normal;
	
	border-style: solid;
	border-width: 1px;
}

#car_stock_info_box td {
	width:  227px;
	padding: 5px;/*10px;*/
	
	border-style: solid;
	border-width: 1px;
}

#car_stock_info_box td#eqp_icon {
}
#car_stock_info_box td.long_cell {
	width: 596px;
}

#car_stock_info_box th a.header_link:link {
	font-weight: normal;
	text-decoration: none;
}
#car_stock_info_box th a.header_link:visited {
	font-weight: normal;
	text-decoration: none;
}
#car_stock_info_box th a.header_link:active {
	font-weight: normal;
	text-decoration: underline;
}
#car_stock_info_box th a.header_link:hover {
	font-weight: normal;
	text-decoration: underline;
}

/*********** 業販用問い合わせバーコード ***********/
#WholeSaleBarcode {
	font-size: 10px;
}

/******************** コメント ********************/
#car_comment_box {
	width: 740px;
	
	margin: 0;
	padding: 0;
	
	clear: both;
}

#car_comment_box h2 {
	width:  730px;
	\width: 740px;
	w\idth: 730px;
	
	font-size: 14px;
	font-weight: bold;
	
	margin: 0;
	margin-top: 5px;
	padding: 5px;
}

#car_comment_text {
	width:  738px;
	\width: 740px;
	w\idth: 738px;
	height: 85px;
	
	margin: 0;
	padding: 0;
	
	overflow: auto;
	
	font-size: 14px;/*12px;*/
	border: solid 1px gray;
}

/******************** 店舗情報 ********************/
#shpinf {
	width: 740px;
	
	margin: 0;
	margin-top: 16px;
	padding: 0;
	
	clear: both;
}

#shpinf table {
	width: 740px;
	border-collapse: collapse;
	
	font-size: 14px;/*12px;*/
}
#shpinf th {
	width:  100px;
	padding: 5px;/*10px;*/
	
	font-weight: normal;
	
	border-style: solid;
	border-width: 1px;
}

#shpinf td {
	width: 597px;
	padding: 5px;/*10px;*/
	
	border-style: solid;
	border-width: 1px;
}

/* ============================================================================
  画像拡大画面
============================================================================ */
div#zoomimagebox {
	width: 740px;
}

div#zoomimage {
	width:562px;
	float: left;
	border: none;
}

div#zoomimage img {
	border: solid 1px gray;
}

div#zoomlistbox {
	width: 178px;
	
	margin: 0;
	padding: 0;
	
	float: right;
	border: none 0px;
}

table#zoomlist {
	width: 178px;
	
	margin: 0;
	padding: 0;
	
	border: none 0px;
	border-spacing: 2px;
}

table#zoomlist td {
	width: 86px;
	
	margin: 0;
	padding: 0;
	
	border: none;
	overflow: hidden;
	font-size: 0pt;
	vertical-align: bottom;
}

table#zoomlist img {
	margin: 0;
	padding: 0;
	
	border: solid 1px gray;
}

div#zoomcommentbox {
	clear: both;
	width: 740px;
	
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

div#zoom_image_comment {
	height:60px;
	width:738px;
	w\idth:740px;
	\width:738px;
	overflow: auto;
	border: solid 1px gray;
}


/* ============================================================================
  アイコン一覧画面
============================================================================ */

/* 装備アイコンのボックス */
div#eqpIco {
	clear: both;
}

/* 装備アイコンのパネル */
table.eqpIco_Tbl {
	width: 100px;
	float: left;
	border-right: 1px solid;
}
/* 装備アイコン */
.eqpIco_Img {
	padding: 1px 38px;
	height: 50px;
}

.eqpIco_Img img {
	border: none 0px;
}

/* 装備アイコン説明 */
.eqpIco_Nm {
	font-size: 10px;
	height: 30px;
	text-align: center;
	vertical-align: middle;
}