@charset "utf-8";

/*----------------------------------------------------
　車種・料金
----------------------------------------------------*/


div#exp {
	overflow: hidden;
	margin-bottom: 15px;
}

div#exp .img {
	text-align: center;
	margin-bottom: 10px;
}

div#exp h2 {
	color: #44942D;
	font-size: 1.1em;
}
/*==================================================================================================================*/

/*　車種から選ぶ
----------------------------------------------------*/

#type {
	overflow: hidden;
	margin-bottom: 15px;
}


#type ul {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#type li {
	float: left;
	width: 33%;
}




/*　こだわり検索
----------------------------------------------------*/

#search {
	margin: 0px;
	padding: 0px;
}

.top #search {
	margin-bottom: 40px;
}

.result #search {
	margin-bottom: 40px;
}

#search div.block {
	border: 1px solid #DDD;
	background: #F7F7F7;
	padding: 10px;
	overflow: hidden;
	margin: 0px;
}

#search div.block h3 {
	margin: 0px 0px 10px;
	padding: 0px;
	border-bottom: 1px dotted #579337;
}

#search div.block h3 img,
#search div.block th img {
	height: auto;
	width: 40%;
}

@media only screen and (orientation : landscape) { 
#search div.block h3 img,
#search div.block th img {
	height: auto;
	width: 20%;
}
}

#search table {
	margin-bottom: 10px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

#search th {
	padding: 10px;
	width: 36px;
	text-align: left;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

#search th.conditions {
	width: 108px;
}

#search td {
	padding: 10px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}


#search td input {
	display: none;
}

#search td label {
	cursor: pointer;
	padding: 5px 10px;
	
	border: solid 1px #aaa;
	margin-right: 10px;
	background: #eee;
	background-image: -moz-linear-gradient(top, #F6F6F6, #ccc);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#ccc));
	-moz-box-shadow: 2px 2px 6px #ddd;
	-webkit-box-shadow: 2px 2px 6px #ddd;
	text-shadow: 1px 1px 0px #fff;
	display: block;
	float:left;
	margin-bottom: 15px;
}

#search td input:checked+label {
	color: #fff;
	background: #C3C3C3;
	background-image: -moz-linear-gradient(top, #C3C3C3, #DBDBDB);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C3C3C3), to(#DBDBDB));
	text-shadow: 0px 0px 0px #fff;

}

#search td label:last-child {
	margin-bottom: 0px;
}

#search td input:checked+label {
	color: #fff;
	background: #C3C3C3;
}


@media only screen and (orientation : landscape) {
#search td label {
	margin-bottom: 0px;
}
}

#btn_search input {
	text-align: center;
	display: block;
	line-height: 1;
	border-radius: 4px;        /* CSS3草案 */
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 4px;   /* Firefox用 */
	margin: 0em auto 0.25em;
	padding: 0.75em;
	border: 1px solid #CCC;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 46%, #efefef 54%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,#ffffff), color-stop(54%,#efefef), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 46%,#efefef 54%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 46%,#efefef 54%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 46%,#efefef 54%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 46%,#efefef 54%,#eeeeee 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
}



/*　関連情報　*/
#infomation {

}

#infomation ul {
	margin: 0px 8px;
	padding: 0px;
}

#infomation li {
	padding-left: 1.5em;
	background: url(../../img/icon2.gif) no-repeat left 3px;
	margin-bottom: 12px;
}