@charset "UTF-8";
/* CSS Document */

/*スライドギャラリー///////////////////////////////////////////////////////////////////////////////////////////////////////*/

#truck_content_top {
	margin-bottom:10px;
}

.gallery {
	position:relative;
	float:left;
	width:680px;
	height:650px;
	padding:10px 0;
	border:1px solid #99cccc;
	border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 background:#c0e7fb;
	margin-right:8px;
	}

	
/*メイン画像////////////////*/
.gallery .main_photo {
	position:relative;
	padding-left:20px;
	}
	
/*前へ*/		
 .main_photo  .main_photo_back {
	 position:absolute;
	 top:200px;
	 left:0;
	 }
/*次へ*/		
 .main_photo  .main_photo_next {
	 position:absolute;
	 top:200px;
	 right:0;
	 }


/*サムネイル////////////////*/

.thumbnail_box {
	position:relative;
	margin-top:10px;
	background: url( /img/truck/thumbnail_list_bg.png) no-repeat;
	}
	
.thumbnail_box .thumbnail_list {
	height: 130px;
	}
	
.thumbnail_box .thumbnail_list ul {
	position:absolute;
	top:40px;
	left:30px;
	}

/*サムネイル一覧*/	

.gallery .thumbnail_list ul {
	list-style-type:none;
	}

.gallery .thumbnail_list li {
	float:left;
	}	
	

/*前へ*/		
.gallery .thumbnail_box .thumbnail_back {
	position:absolute;
	left:0;
	top:38px;
	}
	
/*次へ*/	
.gallery .thumbnail_box .thumbnail_next {
	position:absolute;
	right:0;
	top:38px;
	}
	

/*枚数*/	
.sheets {
	position:absolute;
	top:5px;
	right:34px;
	color:#039;
	}

/* サムネイルの枠 */
span[data-slide-index]  {
	overflow: hidden;
	float: left;
}

span[data-slide-index].current_img {
	border: 3px solid #FF0000;
}

span[data-slide-index].current_img img {
	margin: -3px;
}

/* スライドショーJS調整用 */

#slider_truck {
	margin:0;
}

#pager_truck {
	padding-top:40px;
	padding-left:30px;
}

#thumbnail_truck {
	margin:0;
	top:0;
}

#thumbnail_truck li{
    height: 108px;	/* img height * 2 */
	width:62px;
}

#thumbnail_truck img{
	border: none;
}

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

#wrapper .bx-wrapper {
	margin-top:0px;
	margin-left:0px;
	width:640px; 
	
}

#pager_truck .bx-wrapper {
	margin-top:0px;
	margin-left:0px;
	width:620px;
	
}

/*販売価格、陸送費、リサイクル券、お問合せ番号/////////////////////////////////*/

dd.vertical_middle { /* Vertical-align用Class */
	display:table-cell;
	vertical-align:middle;
	margin-bottom:0;
}

#sales_info img{
	vertical-align:top; /* IE7用　画像上マージン削除 */
}

br.clear {
	clear:both;
}

#sales_info {
	float:left;
	width:260px;
	border:2px solid #006699;
	border-radius:5px;
	padding:2px 3px 1px;
}

#sales_info p{
	margin:0;
	padding:0;
	line-height:1em;
}

#sales_info ul {margin-bottom:0;}

*+html #sales_info ul {height:662px;} /* IE7高さバグ調整 */

#sales_info li {zoom:1;} /* IE7高さバグ回避 hasLayout = trueに */

#inquiry_number {
	text-align:center;
	font-size:28px;
	color:#cc0000;
	font-weight:bold;
}

#inquiry_number dt{
	height:47px;
}

#inquiry_number dd.vertical_middle {
	width:260px;
	height:80px;
	layout-grid-line:90px;
}

#overland_cost p {
	padding:0 5px;
}

#overland_cost p#place {
	float:left;
	margin-top:10px;
	margin-bottom:2px;
	font-size:0.8em;
}

#overland_cost p#place a.exb_kanto {
	color:#0000CC;
}

#overland_cost p#place a.exb_chubu {
	color:#009900;
}

#overland_cost p#place a.exb_kansai {
	color:#CC0000;
}

#overland_cost p#place a.exb_kita_kanto {
	color:#FF6600;
}

#overland_cost p#tax_separate {
	float:right;
	margin-top:20px;
	margin-bottom:0;
	font-size:0.7em;
}

*+html #overland_cost p#tax_separate {padding-bottom:3px;} /* IE7ハック　文字マージン調整 */

#overland_cost form {line-height:1.1em;}

#overland_cost #transport_area {
	width:126px;
	margin:0 0 10px 4px;
	font-size:12px;
}

#overland_cost #transportCost {
	color:#000000;
	width:110px;
	margin-bottom:10px;
	font-size:12px;
}

#overland_cost span#colon {
	font-size:10px;
}

#overland_cost p#attention {
	margin-bottom:20px;
	font-size:0.6em;
	line-height:1.2em;
}

#overland_cost p.sold_out {
	text-align:center;
	width:250px;
	height:72px;
	padding-top:40px;
	font-weight:bold;
}

#recycle_ticket {
	text-align:center;
	font-weight:bold;
	font-size:20px;
	color:#cc0000;
	font-weight:bold;
}

#recycle_ticket dd.vertical_middle {
	width:260px;
	height:69px;
	layout-grid-line:69px;
}


#recycle_ticket p.sold_out {
	font-size:1em;
	font-weight:none;
}

#sales_price {
	text-align:center;
	font-size:32px;
	font-weight:bold;
	color:#cc0000;
	line-height:0;
	height:148px;
}

#sales_price dt{
	height:47px;
}

#sales_price dd{
	position:relative;
	line-height:1.2em;
	width:260px;
}

p#price_text {
	padding-top:25px;
	text-align:center;
}


*+html #sales_price dd { /* IE7ハック　コンテンツHeight調整 */
	height:125px;
}


*+html p#price_text {
	padding-top:26px;
	}

#sales_price span#denomination {
	font-size:34px;
}


/*truck_contentー///////////////////////////////////////////////////////////////////////////////////////////////////////*/

#truck_content {
	display:table;
	padding-top:10px;
}

/* request_image */

div#request_image_service {
	width:960px;
	margin-bottom:10px;
}

div#request_image_service div.request_image {
	float:left;
}

div#request_image_service div.request_form {
	width:480px;
	height:197px;
	position:relative;
	background:url(../../img/truck/request_image_form_bg.jpg) no-repeat;
	float:left;
}

div#request_image_service div.request_form table {
	width:470px;
	position:absolute;
	top:27px;
	left:0;
}

div#request_image_service div.request_form table th {
	width:140px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#000;
	text-shadow: 1px 1px 0px #fff;
	vertical-align:top;
	padding-top:5px;
	padding-left:10px;
}

div#request_image_service div.request_form table th.mail_address {
	padding-top:7px;
}

div#request_image_service div.request_form table th.kininaru_tokoro {
	padding-top:11px;
}

div#request_image_service div.request_form table td {
	padding:1px 0 0 10px;
	height:32px;
	width:310px;
}

div#request_image_service input[type="text"] {
	width:290px;
	padding:3px 3px 3px 5px;
	border-radius:5px;
}

div#request_image_service input[type="text"]:focus {
	border:1px solid #ffcc33;
	outline:0; /* safariの自動フォーカス解除 */
}

div#request_image_service textarea {
	width:290px;
	height:34px;
	font-size:0.9em;
	resize:none;
	border-radius:5px;
	overflow:auto;
	margin-top:5px;
}

div#request_image_service textarea:focus {
	border:1px solid #ffcc33;
	outline:0; /* safariの自動フォーカス解除 */
}

div#request_image_service div.submit {
	text-align:right;
	margin-top:2px;
	padding-right:2px;
	width:458px;
}

.request_item {
	background-color:#fff;
	border:1px solid #338aad;
}

.request_item_error {
	border:2px solid #ff4e00;
}

div#request_image_service div.submit input {
	border:0;
}

#truck_content_outer img#frame_border_bottom { /* IE7のレイアウト崩れ防止 */
	vertical-align:top;
}
	
/*main*/
#truck_content_main {
	 width: 680px;
    border-radius: 5px 5px 5px 5px;
    border: 2px solid #346699;
    display: table-cell;
    padding: 0 7px;

}

#truck_content_main h2 {
	padding: 30px 10px 25px 16px;
    color: #FFF;
    background: #1e5799;
    background: -moz-linear-gradient(top, #1e5799 0%, #207cca 25%, #2989d8 58%, #7db9e8 100%);
    background: -webkit-linear-gradient(top, #1e5799 0%,#207cca 25%,#2989d8 58%,#7db9e8 100%);
    background: linear-gradient(to bottom, #1e5799 0%,#207cca 25%,#2989d8 58%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
    border-radius: 5px 5px 0 0px;
    margin-bottom: 10px;
}
	
#truck_content_main p {
	font-size:1.6em;
	padding:10px;
	
}

#truck_content_main p.star3 {
	margin-top:10px;	
}

/* 「この車両について質問する」ボタン */
#car_question {
	text-decoration:none;
}

/*side*/
#truck_content_side {
	width:265px;
	border-radius:5px 5px 5px 5px;
	border: 2px solid #346699 ;
	display:table-cell
}
	
.truck_content_side_inner {
	border:2px solid  #006699;
	border-radius:4px;
	background:#FFF;
	text-align:center;
}
	
#truck_content_side ul {
	margin-bottom:0;
	padding-top:11px;
	text-align: center;  
}

/*リストマージン*/	
#truck_content_side li {
	margin-top:0;
}
	
#truck_content_side li+li {
	margin-top:16px;
}
	
.truck_content_side_inner h3 {
	 margin:0;
}

#truck_content_side .truck_content_side_inner p {
	 margin:5px;
	 font-size:0.8em;
}
	 

 /*下取りフォーム*/
#truck_content_side .truck_content_side_inner table {
	margin:5px auto;
	font-size:0.8em;
}	 
	
#truck_content_side .truck_content_side_inner select {
	width: 180px;
	margin-bottom:5px;
}	 

#truck_content_side .truck_content_side_inner input {
	border:0;
	margin-bottom:5px;
}	 


.satei_sale {
	background: url(/img/truck/satei_sale_bg.jpg) no-repeat;
	height:300px;
}
	
.satei_sale a { 
	text-decoration:none;
	color:#FF0;
 } 
 

.satei_sale li {
	float:left;
	width:475px;
	font-size:22px;
	font-weight:bold;
	text-shadow:1px 2px 3px #000;
}

/*satei_link*/
.satei_sale .satei_link { 
	position:relative; 
	margin-right: 10px; 
}
	
.satei_sale .satei_link .satei_link_txt {
	position:absolute;
	top:10px;
	left:10px;
	width: 460px;
	text-align:center;
}
	
.satei_sale  a:hover {
	color:#FFF;
}
	
/*sale_link*/
.satei_sale .sale_link { position:relative; }
	
.satei_sale .sale_link .sale_link_txt {
	position:absolute;
	top:10px;
	left:10px;
	width: 460px;
	text-align:center;
	}		



/* トラック詳細
--------------------------------------------- */

.sold {
	position:absolute;
	top:23px;
	left:32px;
	z-index:999;
}

/*スペック////////////////////////////////////*/

#spec	{
	margin-bottom:10px;
	width:960px;
}

#spec table {width:100%;}

 /*th */
#spec th {
  padding: 8px 10px;
  background: #006699;
  background:-moz-linear-gradient(rgba(0,102,153,0.7), rgba(0,102,153,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(0,102,153,0.7)), to(rgba(0,102,153,0.9)));
  font-weight: bold;
  border-left:1px solid #003366;
  border-top:1px solid #003366;
  text-shadow:0 1px 0 rgba(0,102,153,0.9);
  box-shadow: 0px 1px 0 rgba(255,255,255,0.3) inset;
  text-align:left;
  color: #fff;
}

/*th 最初の行 一番最初 左上角丸指定*/
#spec tr:first-child  th:first-child {
 	 border-radius:5px 0 0 0;
  }
  
 /*th 最後の行 一番最初 左下角丸指定*/ 
#spec tr:last-child  th:first-child {
 	 border-radius: 0 0 0 5px;
  }
  
  
 /*td */   
#spec td {
  padding: 8px 10px;
  border-bottom: 1px solid #84b2e0;
  border-right: 1px solid #84b2e0;
}

/*最初の行 の（td）*/
#spec tr:first-child td {
  border-top: 1px solid #84b2e0;
}

/*td 最後の行 一番最後右上角丸指定*/
#spec tr:first-child  td:last-child {
 	 border-radius: 0 5px 0 0;
  }
/*td 最後の行 一番最後 右下角丸指定*/  
#spec tr:last-child  td:last-child {
 	 border-radius: 0 0 5px 0;
  }

/*車両の装備・仕様/////////////////////////////////*/

#equipment_box {
	width: 960px;
}

#equipment table {
	border-style: solid;
	border-color: #006699;
	border-width: 3px;
	border-radius: 8px;
}


#equipment th {
	width: 115px;
	background-color:#1d78a5;
	color:#ffffff;
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
}


#equipment td {
	padding:10px 0 0 10px;
}

*+html #equipment td { padding-bottom: 10px; } /* IE7ハック　下パディング追加 */

#equipment li {
	float: left;
	width: 156px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size:0; /* IE7の上マージン削除 */
}


/*販売の流れ/////////////////////////////////*/

#sale_steps_box {
	width: 960px;
}

#sale_steps {
	border-style: solid;
	border-color: #cccccc;
	border-width: 6px;
	border-radius: 5px;
	padding: 5px 0 0 10px;
}

#sale_steps li {
	float: left;
	width: 124px;
	margin-right: 10px;
}

#sale_steps dt {
	margin-bottom: 10px;
	font-size:0; /* IE7の上マージン削除 */
}

#sale_steps dd {
	margin-bottom: 10px;
	font-size: 0.9em;
}


/*ご購入に関する情報/////////////////////////////////*/

#purchase_info_box {
	width: 960px;
	margin-bottom: 25px;
}

#purchase_info table {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-radius:5px;
}


#purchase_info th {
	padding:10px;
	width: 98px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background-color:#eeeeee;
	color:#333333;
	font-weight:bold;
	text-align:center;
}


#purchase_info td {
	padding:10px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	color:#333333;
}

/*th 最初の行 一番最初 左上角丸指定*/
#purchase_info tr:first-child  th:first-child {
 	 border-radius:5px 0 0 0;
  }
  
 /*th 最後の行 一番最初 左下角丸指定*/ 
#purchase_info tr:last-child  th:first-child {
 	 border-radius: 0 0 0 5px;
  }

/*td 最後の行 一番最後右上角丸指定*/
#purchase_info tr:first-child  td:last-child {
 	 border-radius: 0 5px 0 0;
  }
/*td 最後の行 一番最後 右下角丸指定*/  
#purchase_info tr:last-child  td:last-child {
 	 border-radius: 0 0 5px 0;
  }


/*アシストリンク*/

#assist_box {
	margin-bottom:20px;
	}

#assist_box .assist_box_left {
	float: left;
	width: 450px;
	padding: 10px 10px 0 10px;
	background:#f8fcfd;
	border:2px solid #6699cc;
	border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
	}
	
#assist_box .assist_box_right{
	float: right;
	width: 450px;
	padding: 10px 10px 0 10px;
	background:#f8fcfd;
	border:2px solid #6699cc;
	border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
	}
	
#assist_box li {
	background: url(/img/li_bg_1.png)  no-repeat;
	padding-left:14px;
	margin-bottom:10px;
	line-height:10px;
	font-size:1.1em;
	}


/*規約ボタン*/
#kiyaku_b{
	float:left;
	width:316px;
	height:52px;
	margin-right:6px;
	}


/*展示場ボタン*/
#exhibition_b{
	float:left;
	width:316px;
	height:52px;
	}

/*印刷ボタン*/
#print_b{
	float:right;
	width:316px;
	height:52px;
	text-align: right;
}

/*見積もりボタン*/
	#truck_mitsumori{
	text-align:center;
	}

/*||||||||||||画像送信フォーム*/

.photot_table th td{
	width:150px;
	}
	
	
/*売却済処理*/

.pr_sale_link a	{
	font-size:75%;
	border:#CC0000;
	color:#CC0000;
	line-height:1.3em;
	}

p#pr_sale {
	position:absolute;
	top:100px;
	left:36px;
	padding: 0 9px 2px;
	font-size:19px;
}

*+html p#pr_sale {
	position:absolute;
	top:84px; /* IE7ハック　文字マージン調整 */
	left:36px;
	
}
	
/*誘導バナー*/

.sale_bana{
	margin-bottom:10px;
	}
	
/* 自動車税のリンク */
.link_to_tax {
	margin-top:2px;
}

/* スクロール時の右表示ニョキ（画面表示用）*/
@media screen {
	#view_banner1 {
		position: fixed;
		right: 10px;
		top: 50%;
		margin-top:-80px;
		z-index: 999;
	}

	#view_banner2 {
		position: fixed;
		right: 10px;
		z-index: 999;
		bottom:120px;
	}

	.view_banner_close {
		text-align:right;
		margin-right: 24px;
		height:28px;
		width:163px;
	}

	.view_banner_close img{
		width:32px; height:auto;
	}
}

/* スクロール時の右表示ニョキ（印刷用）*/
@media print {
	#view_banner1 {
		display:none !important;
	}

	#view_banner2 {
		display:none !important;
	}
}

#view_banner1 li, #view_banner2 li {
	list-style:none;
}

/* 売却済みの電話訴求の提案バナー
------------------------------------------------------- */

/* （販売中/ASK/SALE/大特価/審査中） */
.carProposal {
	margin: 20px 0px;
}

/* （売却済/ご成約/商談中） */
#contents .carProposal:first-child {
	margin-top:10px;
	margin-bottom:20px;
}


/*詳細リバイス
------------------------------------------------------- */

#sales_info #checkTruckBtn {
	text-align:center;
	height:87px;
	padding-top:11px;
}
#sales_info #checkTruckBtn .checkTruckText {
	font-size:16px;
	line-height:20px;
	text-align:left;
	margin:8px 0 0 45px;
}
#sales_info #checkTruckBtn .checkTruckText img {
	margin-left:50px;
}

#sales_info #freeDial {
	text-align:center;
	height:71px;
}
#sales_info #freeDial dt {
	font-size:16px;
}
#sales_info .telNumber {
	margin-top:5px;
}
#sales_info #stockInquiryBtn {
	text-align:center;
	height:59px;
}
#sales_info #suggestionBtn {
	text-align:center;
	height:72px;
}
#sales_info .printBtn {
	margin-top:5px;
}

.inquiryTitle {
	height:30px;
	text-align:center;
	background:#0181c0;
	color:#FFF;
	font-size:22px;
	line-height:35px;
	font-weight:bold;
}
#checkTruckBtnBottom {
	margin:15px 0;
}
.checkTruckBottomText {
	text-align:right;
	padding-right:50px;
}

/* 年末年始スタンプ */
.seasonEventStampDetail {
    position: absolute;
    bottom: -6px;
    left: 6px;
    z-index: 50;"
}

/* 車両比較表に移動 */
.compareTruckBtn {
	background-color: steelblue;
	margin-right: 0px;
	color: ghostwhite;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	padding: 7px 10px;
	border: none;
	margin-bottom: 5px;
	border-radius: 10px;
	cursor: pointer;
}


/* お気に入り人数 */
.checkCount {
	background: rgba(0, 0, 0, 0) url("/img/truck/check_count.png") no-repeat scroll 0 0;
    height: 60px;
    margin-top: 2px;
    width: 256px;
	margin-left:2px;
}

.checkCountNumber {
	font-size: 26px;
    padding: 14px 0 0 130px;
    text-align: center;
}

#compareForm {
	margin-bottom: 15px;
}