カスタムフィールドサーチ car.cssの書き出し

/*----------------------カスタムフィールドサーチ------------------*/

.car_serch_page_under{
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #f7f8f8;
}

.car_serch_title_under{
	background-color: #9fa0a0;
	padding: 5px;
}

/*.searchform-paramsをboxに変更*/

.searchform-box{
	overflow: hidden;
	padding:20px;
}

.searchform-param{
	overflow: hidden;
}


/*インプット項目
左寄せ*/
.searchform-input-wrapper{ text-align:left}

.searchform-input-wrapper{
	/* width: 100%;	width: auto;*/
	}


/*チックボックス*/
input[type='checkbox']{

}
.checkbox-wrapper{
	float: left;
	margin-right: 10px;
	
}




/*項目見出し*/
.searchform-label{
	/*float: none;*//*ラベルのフロート解除*/
	/*width:100%; *//*ラベルの幅*/
	font-size: 14px;
	font-weight:normal;


}
/*サブミット全体*/
.searchform-controls{
	text-align: center;
	margin-top: 30px;
	margin-bottom:20px;
}


.searchform-controls 
input[type='submit']{
	font-size: 24px;
	padding-right: 20px;
	padding-left: 20px;
	background-image: url(/wp-content/themes/D/d/img/car/serch.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-color: #999;
	width: 167px;
	background-position: center center;
	display: inline-block;
	height: 46px;
	}

/*テキストインプット*/

.searchform-input-wrapper input{
	font-size: 14px;
	
/*	width: 90%;*/
}



/*検索項目の各マージン*/
.DropDownField,.TextField,.CheckboxInput{
	margin-top: 20px;
	/*clear: left;
	float: left;*/
/*	width: 100%;*/
	font-size: 14px;	
}

/*----------------------nth-childで上から順に指定-----------------------*/


/*上限 下限 選択のため*/
.car_search2,.car_search3,.car_search4,.car_search5,.car_search6,.car_search7,.car_search10,.car_search11,.car_search12
{ float:left;}




.car_search8
{ padding-top:20px;
	clear:both;
}




/*ドロップダウン部分サイズ*/
.searchform-input-wrapper{ 

/*width:30%*/

}

.car_search2 .searchform-input-wrapper,.car_search3 .searchform-input-wrapper,
.car_search4 .searchform-input-wrapper,.car_search5 .searchform-input-wrapper,
.car_search6 .searchform-input-wrapper,.car_search7 .searchform-input-wrapper,
.car_search10 .searchform-input-wrapper,.car_search11 .searchform-input-wrapper,
.car_search12 .searchform-input-wrapper

{ width:100px;}

.car_search8 .searchform-input-wrapper,.car_search9 .searchform-input-wrapper{ width:234px;}

/*ラベルサイズ固定*/
.searchform-label{ width:223px;}

.car_search3 .searchform-label,.car_search5 .searchform-label,.car_search7 .searchform-label,
.car_search11 .searchform-label,.car_search12 .searchform-label
{ width:24px; margin-left:10px;}

/*詳細前あける*/

.car_search9{ margin-bottom:20px;}



/*サイドバーの検索 & cssリセット*/

.car_serch_page_side .searchform-box{ padding:10px;}

.car_serch_page_side .car_search{float:none; margin-top:14px;}
.car_serch_page_side .searchform-label{ width:100%; margin-left:0px;}

.car_serch_page_side .searchform-input-wrapper{ width:96%;}

.car_serch_page_side .car_search4 .searchform-input-wrapper,
.car_serch_page_side .car_search5 .searchform-input-wrapper
{ width:44%;}

.car_serch_page_side  .car_search5  .searchform-label{ width:0px; margin-left:0px;}

.car_serch_page_side  .searchform-controls{ text-align:left; margin-left:10px;}

.car_serch_page_side .searchform-controls 
input[type='submit']{
	font-size: 24px;
	padding-right: 20px;
	padding-left: 15px;
	background-image: url(/wp-content/themes/D/d/img/car/submit.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-color: #999;
	width: 100px;
	background-position: center center;
	display: inline-block;
	height: 46px;
	}
	
	
	.car_serch_page_side .searchform-controls{ margin-top:20px;}
	.car_side_menu select#cat{ width:100%; font-size:14px;}