@charset "utf-8";
/* 検索結果,詳細,問合せフォーム用CSS  */

/* 外枠 */
#content{
	margin:0 auto;
}

input,textarea,select,option{ font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
select,input,textarea{
	color: #333333; 
	font-size: 13px;border:1px solid #6e6e6e; 
	border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(200,200,200,0.1); 
}
/* タイトル */
.head_1{
	text-align:center;
	font-size:110%; font-weight: bold;
	background-color: #cad8ed;
	padding:10px 0 10px;
}
.head_2{ width:100%; }
.head_3{ width:100%; text-align:left;margin-top:3px;}
/* フッタ */
.footer_p{
	text-align:center;
	padding:15px 0 15px;	background-color: #cad8ed;
}
/* 影,角丸*/
.footer_p, .head_1{
box-shadow: 0px 0px 5px #e9e9e9;
border-radius: 4px; 
}

/* 検索フォーム */
.sra1{
	width:100%; box-shadow: 1px 1px 2px 1px rgba(180,180,180,0.1);
	background-color: #a6a6a6;
}
.sra2{
	background-color: #dedede;
	width:110px;
	text-align:center;
	font-weight: bold;
}
.sra3{
	background-color: #ffffff;
}

/* 検索フォーム 選択されている項目*/
.chekbgc{
	background-color: #f0e9b5;
}
/* 新車/中古車チェックBOX*/
#newold li{
	width:110px;
	text-align:left;
	float:left;
}
#newold ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none
}

/* メーカーチェックBOX*/
#maker li{
	width:110px;
	text-align:left;
	float:left;
}
#maker ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none
}

/* タイプチェックBOX*/
#type li{
	width:110px;
	text-align:left;
	float:left;
}
#type ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none
}

/* 排気量チェックBOX*/
#displac li{
	width:110px;
	text-align:left;
	float:left;

}
#displac ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none
}

/* 検索ボタン*/
.searchbutton{ text-align:center; margin:10px;}
.searchbutton input{ 
	width:100px; height:25px;border:1px solid #6e6e6e; 
	border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(130,130,130,0.1);  
}




/* 一覧表示 外枠 */
.data1 {
	width:100%; 
}
/* 個別枠 */
.data2 {
	margin:0 8px 8px 0; 
	border:1px solid #dedede;
	border-radius: 5px;
}
/* オンマウス時の背景色*/
.data2 a{display:block;width:100%;height:100%;color: #333333; }
.data2:hover{background-color:#e3effb;}

/* 一覧表示 データ表示外枠<table>  */
.data3 {
	width:100%;
}
/* 一覧表示 画像表示<td> */
.data4 {
	width:100px;padding:5px 5px 1px;
	vertical-align:top;
}
/* 一覧表示 データ表示(画像右) */
.data5{
	width:99%;
	vertical-align:top;line-height:1.4;
	padding: 2px 2px 1px 7px;
}
/* 一覧表示 データ表示(画像下) */
.data7{
	width:100%;
	font-size: 11px;
	padding: 2px 5px 1px 5px;
}
/* ●*/
.data8{
	font-size: 11px;
	color:#757575;
}
/* 1行コメント*/
.data9{
	font-size: 12px; margin-left:10px;
	color:#ff0000;
}
/* 詳細ページリンク */
.data6{
	font-size: 11px;
	text-align:right;
	white-space: nowrap;
}
/* 新車 */
.txtnew{
	color: #ffffff; background-color: #f7657b;
	padding: 1px 2px 1px; font-size: 10px;
	font-weight: bold;
	white-space: nowrap;
}
/* 中古車 */
.txtused{
	color: #ffffff;  background-color: #00bfff;
	padding: 1px 2px 1px; font-size: 10px;
	font-weight: bold;
	white-space: nowrap;
}

/* 価格(一覧表示) */
.price1 {
	color: #ff0000; font-size: 14px; font-weight: bold;
}
/* 税込み表示 */
.unit_tax1 {
	color:#333333;font-size:11px;font-weight:normal;
}
/* 一覧表示 該当物件数 */
.searchfall{
	color: #ff0000; font-weight: bold;
}


/* 並べ替えリンク表示部 上 */
.sortlink1{
	width:100%;
	border:1px solid #e0e0e0; border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);  
	margin:8px 0 8px;
	background-color: #f3f3f3;
}
.hit{padding:5px 5px 0;}/* 該当件数 */
.sort{padding:0 5px 0;} /* ソート */
.pagelink{text-align:right;padding:0 5px 5px;}/* 次ページ リンク */
/* 並べ替えリンク表示部 下 */
.sortlink2{
	clear:both;
	width:100%;
	border:1px solid #e0e0e0; border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
	margin:8px 0 8px;
	background-color: #f3f3f3;
}
.sortlink2 .sort{padding:5px 5px 0;}



/***************  詳細表示 ***************/
/*画像表示延滞*/
.slide-media img, .slide-title{display:none;} 

/* <table>*/
.datatable1 {
	border-top:1px solid #a6a6a6; border-left:1px solid #a6a6a6;
	border-spacing:0;   margin:0 auto;box-shadow: 1px 1px 2px 1px rgba(180,180,180,0.1);
}
.datatable1 td{ padding:5px;}
/* <td>項目名 */
.datatable3 {
	background-color: #e5ecf6;
	width:15%;
	text-align:center;
	padding: 0 0 0 8px;
	border-bottom:1px solid #a6a6a6; border-right:1px solid #a6a6a6;
}
/* <td>データ */
.datatable4 {
	background-color: #ffffff; 
	width:35%;
	text-align:left;
	border-bottom:1px solid #a6a6a6; border-right:1px solid #a6a6a6;
}

/* <td>備考データ */
.datatable2 {
	background-color: #ffffff; 
	width:35%;
	text-align:left;
	border-bottom:1px solid #a6a6a6; border-right:1px solid #a6a6a6;
}

/* メーカー */
.makername{
	background-color: #ffffff; 
	font-size:16px;
	font-weight:bold;	font-family:verdana, arial, sans-serif;
}
/* 車種名 */
.bikename{
	background-color: #ffffff; 
	font-size:13px;
	font-weight:bold;font-family:verdana, arial, sans-serif;
}


/* 価格(詳細ページ) */
.price2 {
	background-color: #ffffff;
	color: #ff0000; font-size:16px;
	font-weight: bold;
	font-family:verdana, arial, sans-serif;
}
/* 税込み表示 */
.unit_tax2 {
	color:#333333;font-size:12px;font-weight:normal;
}
/* スペック表示部*/
.nobr{ 
	white-space: nowrap; 
	vertical-align:top;
} 
/* メーカーサイト リンク*/
.makerlink{
	text-align:left;
	margin:8px auto 5px;
}

/* 外table*/
.picttable{
	padding:0;
	margin:0 auto;
	border-spacing:0;
}
/* 表示部 td*/
.picttd{
	background-color: #edf0ed;
}
.picttd img{
	vertical-align:middle;
	display:block;
	margin:auto;
	text-align:center;
}
/* 矢印アイコン */
.arrowtd{
	width:20px;
	vertical-align:middle; 
}


/* お問い合わせボタン */
.toiawase_button{
width:180px;padding:5px 0 5px; color:#0000ff;
letter-spacing:0.1em; font-weight:bold;
border:1px solid #ffb000; background-color: #ffea90;
border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);  
}
.toiawase_button:hover{ color:#ff0cc3; }


/***************  お問合せフォーム ***************/
/* 外枠 */
.form_area{margin:0 auto;}

/* お問合せ内容/お客様情報 題字 */
.formcolor1 {
	background-color: #a0a0a0;
	color:#ffffff;
	width:100%;
	margin:4px 0 10px;
	border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(170,170,170,0.1);   
}
.formcolor1 p{padding:3px 5px 3px;}
/* <td>項目名 */
.formcolor2 {
	background-color: #eaeaea;border-radius:4px;
	width:100%;
	text-align:left;
	margin:0 0 5px;
	background: -webkit-gradient(
		linear, left top, right top, 
		from(#eaeaea),
		to(#f7fdff));
}
.formcolor2 p{padding:2px 8px 2px;}

/* <td>データ */
.formcolor3 {
	background-color: #ffffff;
	width:100%; 
	text-align:left;
	margin:0 0 10px;
}
/* 商品データ表示枠 */
#inform_data .data2{ width:99%;height:130px;}
/* 「項目」選択肢 */
.mk2{padding:0;list-style-type:none; }
.mk2 li{width:120px;text-align:left;float:left;}

/* お問合せフォーム確認 <table>ヘッダ (外枠)*/
.formcolor5 {
	background-color: #aaaaaa; width:600px;
}

input[type=submit]:hover { background-color: #d1ddf0;}
input[type=button]:hover { background-color: #d1ddf0;}
/* iPhone特有フォームデザイン解除 */
input[type=text],input[type=tel],input[type=email],input[type=button],input[type=submit],input[type=password],input[type=reset], textarea{ -webkit-appearance: none; }
input[type=submit]{background-color: #e9e9ed;color:#000000;}


/* 郵便番号検索ポップアップWindow*/
.seltable{
background-color: #eeeeee;
border:1px solid #6f6f6f;
padding:5px;
margin:2px 0 0;
}
#post1{width:120px}




/********** レスポンシブ ***********/
#content{ width:960px; }
.data1 {margin:4px 0 4px 4px;}
.data2{ width:230px;height:150px; float:left;}
.datatable1{width:600px;}
.makerlink{width:600px;}
.picttable{width:640px;}
.picttd{ width:600px;height:450px; }
.form_area{width:600px;}
.area01{width:550px;}
.txt01{width:550px;}
.txt02{width:230px;margin-right:2px;}
.txt03{width:300px;margin-left:2px;}
.txt04{width:300px;}


@media screen and (max-width:1023px){
#content{width:760px;}
.data1 {margin:4px 0 4px 7px;}
.data2{ width:240px;height:135px; float:left;}
.datatable1{width:600px;}
.makerlink{width:600px;}
.picttable{width:640px;}
.picttd{ width:600px;height:450px; }
.form_area{width:600px;}
.area01{width:550px;}
.txt01{width:550px;}
.txt02{width:230px;margin-right:2px;}
.txt03{width:300px;margin-left:2px;}
.txt04{width:300px;}
}

@media screen and (max-width:768px){
#content{width:98%;margin:0 auto 0;}
.data1 {margin:4px 0 4px 4px;}
.data2{ width:99%;height:110px;}
.picttable{margin:0 auto;}
.area01{width:90%;}
.txt01{width:90%;}
.txt02{width:38%;margin-right:2px;}
.txt03{width:48%;margin-left:2px;}
.txt04{width:60%;}
}

@media screen and (max-width:640px){
#content{width:95%;margin:0 auto 0;}
.data1 {margin:4px 4px 4px 2px;}
.data2{ width:99%;height:130px;}
.datatable1{width:100%;}
.makerlink{width:100%;}
.picttable{width:100%;}
.picttd{height:80%;}
.picttd img{width:100%;height:auto;}
.arrowtd img{width:80%;}
.form_area{width:100%;}
.area01{width:95%;}
.txt01{width:90%;}
.txt02{width:38%;margin-right:2px;}
.txt03{width:48%;margin-left:2px;}
.txt04{width:60%;}
input,textarea{ font-size:14px;}
}

@media screen and (max-width:350px){
.txt02{width:35%;margin-right:2px;}
.txt03{width:45%;margin-left:2px;}
}


/* 印刷時 不要コンテンツ削除*/
@media print {
.npnt{display:none;}
#content{ width:960px; }
.data1 {margin:4px 0 4px 4px;}
.data2{ width:230px;height:150px; float:left;}
.datatable1{width:600px;}
.makerlink{width:600px;}
.picttable{width:640px;}
.picttd{ width:600px;height:450px; }
.form_area{width:600px;}
.area01{width:550px;}
.txt01{width:550px;}
.txt02{width:230px;margin-right:2px;}
.txt03{width:300px;margin-left:2px;}
.txt04{width:300px;}
}