@charset "euc-jp";

/* 一覧・詳細のボックス幅・フォントサイズ・改行・字体 */
#stock_box{
	width:100%;/* 基本的にはwidthはいじらないで下さい */
	line-height:1.5em;
	font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-size:100%;
}


/* 並び替えボックス */
.sort_box{
	background:#efefef;
	margin:0 0 10px;
	padding:5px;

	}

.sort_box_tb{
	width:100%;
	font-size:90%;
	}

.sort_box_tb th{
	text-align:left;
	}

.sort_box_tb th span{
	font-size:15px;
	color:#C00;
	}

.sort_box_tb td{
	text-align:right;
	}

.sort_box_tb td a{
	color:#000;
	text-decoration:underline;
	}

.sort_box_tb td a:hover{
	text-decoration:none;
	}


/* 一覧のテーブル */
.stock_list_tb{
	width:100%;/* 在庫が少ない場合はここは指定しないほうが無難です。多い場合（一回でも改行する場合）は100%指定のほうがきれいにいきます。 */
	border-collapse:collapse;
	background:#FFF;
	margin-bottom:10px;
	}
	
.stock_list_tb td{
	position:relative;
	border:1px solid #CCC;
	vertical-align:top;
	font-size: 90%;
	text-align:left;
	}
	
/* 車両画像 */	
.list_img{
	padding:5px;
	text-align:center;
	}

.list_img img:hover{
	opacity:0.8;
	}

/* メーカー名・車名 */	
.list_name{
	font-weight:bold;
	margin:0 5px 5px 5px;
	border-bottom:#999 dotted 1px;
	}

/* 詳細情報 */
.list_info{
	margin:0 5px 5px 5px;
	border-bottom:#999 dotted 1px;
	font-size:90%;
	}


/* 金額 */		
.list_price{
	padding:0 5px 5px 5px;
	color:#F00;
	text-align:right;
	}

.list_price span{
	font-size:16px;
	}

/* 詳細へボタン */
.list_btn{
	padding:0 5px 5px 5px;
	height:25px;
	line-height:25px;
	}

.list_btn a{
	text-align:center;
	display:block;
	width:100%;
	height:100%;
	background:#333;
	color:#FFF;
	text-decoration:none;
	}
.list_btn a:hover{
	background:#666;
	}

/* 新着・更新アイコン */

img.ico{
	position:absolute;
	top:0px;
	right:0px;
	}
	
/* カータウンアンカーテキスト */
#pd_by{
	display:block;
	text-align:center;
	padding:0 0 10px 0;	
	color:#999;
	}

#pd_by a{
	text-decoration:none;
	color:#999;
	}

#pd_by a:hover{
	text-decoration:none;
	color:#999;
	}

/*--------------------------詳細CSS-------------------------------*/


/* 問い合わせボタンのテーブル */
.btn_tb{
	width:100%;
	margin:0 0 10px;
	background:none;
	}

.btn_tb th{
	text-align:left;
	vertical-align:middle;
	background:none;
	}
	
.btn_tb th a{
	color:#333;
	text-decoration:underline;
	}
.btn_tb th a:hover{
	color:#333;
	text-decoration:none;
	}

.btn_tb td{
	width:214px;
	text-align:right;
	background:none;
	}


/* 車名・価格表示のテーブル */
.price_tb{
	margin:0 0 10px;
	width:100%;
	background:#efefef;
	border-bottom:#666 3px double;
	}

.price_tb th{
	padding:10px 5px;
	font-weight:normal;
	text-align:left;
	}

.price_tb th span{
	font-weight:bold;
	font-size:15px;
	}

.price_tb td{
	text-align:right;
	width:214px;
	padding:10px 5px;
	color:#C00;
	font-size:15px;
	}

.price_tb td span{
	font-size:20px;
	}

/* メインイメージのテーブル */
.main_img_box{
	position:relative;
	overflow:hidden;
	margin:0 auto;
	}
.main_img_tb{
	position:relative;
	}

.main_img_tb img{}


.main_thum_l{
	background:#ccc;
	position:absolute;
	top:40%;
	left:0px;
	padding:30px 5px;
	}

.main_thum_r{
	background:#ccc;
	position:absolute;
	top:40%;
	right:0px;
	padding:30px 5px;
	z-index:2;
	display:block;
	}
	
.main_thum_l:hover{
	background:#ddd;
	cursor:pointer;
	}
.main_thum_r:hover{
	background:#ddd;
	cursor:pointer;
	}

#img_comment{
	/* 横幅はphpで設定 */
	background:#000;
	padding:5px;
	text-align:center;
	color:#fff;
	position:absolute;
	bottom:20px;
	right:0px;
	opacity:0.6;
}

#img_num_box{
	background:#000;
	line-height:45px;
	text-align:center;
	color:#fff;
	position:absolute;
	top:5px;
	left:5px;
	opacity:0.6;
	width:45px;
	height:45px;
	font-size:11px;
	}
#img_num{
	font-size:14px;
	}

/* サムネイルのテーブル */
.thum_area{
	margin:0 auto;
	padding-bottom:10px;
	}

.sub_arrow_l{
	float:left;
	width:5%;
	height:51px;
	background:#ccc url(../img/sub_arrow_l.png) no-repeat center center;
	}

.sub_arrow_r{
	float:right;
	width:5%;
	height:51px;
	background:#ccc url(../img/sub_arrow_r.png) no-repeat center center;
	}

.sub_arrow_l:hover{
	background:#ddd url(../img/sub_arrow_l.png) no-repeat center center;
	cursor:pointer;
	}
.sub_arrow_r:hover{
	background:#ddd url(../img/sub_arrow_r.png) no-repeat center center;
	cursor:pointer;
	}

.thumb_box{
	height:49px;
	padding:1px 0;
	float:left;
	width:90%;
	text-align:center;
	background:#333;
	overflow:hidden;
	position:relative ;
	}

.thumb_tb{
	position:relative;
	left:0px ;
	top:0px ;
	margin:0 auto;
	}

.thumb_tb img{
	width:60px;
	border: 2px solid #333;
	cursor: pointer;
	}

/* 項目タイトル部分 */
.title_text{
	background:#333;
	color:#FFF;
	padding:5px;
	letter-spacing:1px;
	text-align:left;
	}

/* 車両詳細情報のテーブル */
.note_tb{
	width:100%;
	border-collapse:collapse;
	margin:10px 0;
	}

.note_tb th{
	background:#efefef;
	padding:5px;
	border-bottom:1px dotted #CCC;
	width:20%;
	text-align:left;
		}
	
.note_tb td{
	padding:5px;
	border-bottom:1px dotted #CCC;
	width:30%;
	text-align:left;
	}
.number_td{
	text-align:right;
	}

/* オプションのテーブル */
.opt_tb{
	width:100%;
	border-collapse:collapse;
	margin:10px 0;
	}

.opt_tb th{
	background:#efefef;
	padding:5px;
	border-bottom:1px dotted #CCC;
	text-align:left;
	}

.opt_tb td{
	padding:5px;
	border-bottom:1px dotted #CCC;
	width:8%;
	text-align:center;
	}

/* コメントのテーブル */
.comment_tb{
	margin:10px 0;
	width:100%;
	border-collapse:collaps;
	border:1px solid #CCC;
	text-align:left;
	}

.comment_tb td{
	padding:10px;
}


/* youtubeのテーブル */
.youtube_tb{
	margin:10px 0;
	width:100%;
	border-collapse:collaps;
	border:1px solid #CCC;
	}

.youtube_tb td{
	padding:10px;
	text-align:center;
}

/* AISのテーブル */
#ais_tb{
	width:100%;
	margin:10px 0 0px;

	}
	
#ais_tb th{
	border-right:1px dashed #333;
	}
	

#ais_tb th span{
	font-size:20px;
	color:#C00;
	}

#ais_tb td{
	text-align:right;
	}

#ais_tb td#point img{
	width:100%;
	max-width:400px;
	}

#ais_link{
	text-align:right;
	margin-bottom:10px;
	}
/* オリコフォーム */
#orico_tb{
	border-top:1px dashed #666;
	width:100%;
	}

#orico_tb td{
	padding:10px;
	}