@charset "utf-8";

/* 第2階層は共通して指定するもの
---------------------------------------*/
/* h1の背景画像を指定する */
div#wrapper h1{
	background: url(../img/h1.gif) no-repeat;
	}

/* WRAPPER
---------------------------------------*/
div#wrapper h2{
	height: 80px;
	width: 726px;
	text-indent: -999em;
	background-image: url(../img/hybrid.jpg);
	}

/* 車 */
div#wrapper ul.cars{
	clear: both;
	background-image: url(../img/hybrid.jpg);
	background-position: 0 -399px;
	background-repeat: no-repeat;
	}
div#wrapper ul#carsfirst{/*上の3台の背景*/
	background-position: 0 -80px;
	}
div#wrapper ul#cars3{/*下の3台の背景*/
	background-position: 0 -666px;
	}

div#wrapper ul#cars4{/*下の2台の背景*/
	background-position: 0 -950px;
	}
div#wrapper ul.cars li{
	width: 232px;
	float: left;
	margin-right: 15px;
	}
div#wrapper ul.cars li.prius-alpha,div#wrapper ul.cars li.camry,div#wrapper ul.cars li.estima{
	margin-right: 0;

}

div#wrapper ul.cars li h3.first-line{/*上の3台のみの設定*/
	height: 133px;
	width: 232px;
	text-indent: -999em;
	background-image: url(../img/hybrid.jpg);
	background-position: 0 -80px;
	}
div#wrapper ul.cars li h3{
	height: 109px;
	width: 232px;
	text-indent: -999em;
	background-image: url(../img/hybrid.jpg);
	background-position: 0 -80px;
	}

div#wrapper ul.cars li p.first-line{/*上の3台のみの設定*/
	height: 135px;
	width: 232px;
	text-indent: -999em;
	background-image: url(../img/hybrid.jpg);
	background-position: 0 -213px;
	}
div#wrapper ul.cars li p{
	height: 127px;
	width: 232px;
	text-indent: -999em;
	background-image: url(../img/hybrid.jpg);
	background-position: 0 -213px;
	}

div#wrapper ul.cars li ul.btn{
	margin-top: 5px;
	}
div#wrapper ul#cars3 li ul.btn {
	margin-top:10px;
	}	

div#wrapper ul#cars4 li ul.btn {
	margin-top:12px;
	}
	
div#wrapper ul.cars li ul.btn li{
	text-indent: -999em;
	float: left;
	width: 74px;
	margin-right: 5px;
	}
div#wrapper ul.cars li ul li.ucar{
	margin-right: 0;
	}
div#wrapper ul.cars li ul.btn li a{
	height: 28px;
	width: 74px;
	display: block;
	background-image: url(../img/btn.gif);
	}
div#wrapper ul.cars li ul li a:hover{
	filter: Alpha(opacity=70);
	opacity: 0.7;
	}
div#wrapper ul.cars li ul.btn li.more a{
	background-position: -79px 0;
	}
div#wrapper ul.cars li ul.btn li.ucar a{
	background-position: -158px 0;
	}
div#wrapper ul#carsfirst li ul.btn{/* 上の3台 */
	margin-bottom: 17px;
	}
div#wrapper ul#carsfirst li.prius-phv ul.btn li a{/* 上の3台 */
	background-image: url(../img/btn01.jpg);
	}
div#wrapper ul#carsfirst li.aqua ul.btn li a{/* 上の3台 */
	background-image: url(../img/btn02.jpg);
	}
div#wrapper ul#carsfirst li.prius-alpha ul.btn li a{/* 上の3台 */
	background-image: url(../img/btn03.jpg);
	}
div#wrapper ul#cars3 li h3{/* 中の3台 */
	height: 126px;
	}

/* アクア */
div#wrapper ul.cars li.aqua h3{
	background-position: -247px -80px;
	}
div#wrapper ul.cars li.aqua p{
	background-position: -247px -213px;
	}
/* PRIUS α */
div#wrapper ul.cars li.prius-alpha h3{
	background-position: -493px -80px;
	}
div#wrapper ul.cars li.prius-alpha p{
	background-position: -493px -213px;
	}
/* PRIUS */
div#wrapper ul.cars li.prius h3{
	background-position: 0 -399px;
	}
div#wrapper ul.cars li.prius p{
	background-position: 0 -508px;
	}
/* SAI */
div#wrapper ul.cars li.sai h3{
	background-position: -247px -399px;
	}
div#wrapper ul.cars li.sai p{
	background-position: -247px -508px;
	}
/* カムリ */
div#wrapper ul.cars li.camry h3{
	background-position: -494px -399px;
	}
div#wrapper ul.cars li.camry p{
	background-position: -494px -508px;
	}
/* アルファード */
div#wrapper ul.cars li.alphard h3{
	background-position: 0 -666px;
	}
div#wrapper ul.cars li.alphard p{
	background-position: 0 -792px;
	}
/* ヴェルファイア */
div#wrapper ul.cars li.vellfire h3{
	background-position: -247px -666px;
	}
div#wrapper ul.cars li.vellfire p{
	background-position: -247px -792px;
	}
/* エスティマ */
div#wrapper ul.cars li.estima h3{
	background-position: -494px -666px;
	}
div#wrapper ul.cars li.estima p{
	background-position: -494px -792px;
	}

/* クラウン */
div#wrapper ul.cars li.crown h3{
	background-position: 0px -950px;
	}
div#wrapper ul.cars li.crown p{
	background-position: 0px -1059px;
	}

/* ハリアー */
div#wrapper ul.cars li.harrier h3{
	background-position: -247px -950px;
	}
div#wrapper ul.cars li.harrier p{
	background-position: -247px -1059px;
	}


/* 注意書き */
div#wrapper p.notice{
	margin-top: 5px;
	font-size: 80%;
	line-height: 1.2;
	padding-left: 20px;
	}
div#wrapper p#notice1{
	margin-top: 20px;
	background: url(../img/notice1.gif) no-repeat 0 45%;
	}
div#wrapper p#notice2{
	margin-top: 10px;
	background: url(../img/notice2.gif) no-repeat 0 5%;
	}
div#wrapper p#notice3{
	margin-top: 10px;
	background: url(../img/notice3.gif) no-repeat 0 5%;
	}


/* 税制優遇 */
div#wrapper h3.tax{
	height: 23px;
	width: 716px;
	text-indent: -999em;
	background: url(../img/h3_tax.gif) no-repeat;
	margin-top: 20px;
	margin-bottom: 10px;
	}
div#wrapper ul.tax li{
	text-indent: -999em;
	float: left;
	}
div#wrapper ul.tax li a{
	height: 70px;
	display: block;
	}
div#wrapper ul.tax li.carlist a{
	width: 492px;
	background: url(../img/btn_carlist.gif) no-repeat;
	margin-right: 10px;
	}
div#wrapper ul.tax li.taxinfo a{
	width: 224px;
	background: url(../img/btn_taxinfo.gif) no-repeat;
	}

/* 中古車 */
div#wrapper h2.ucar{
	width: 100%;
	height: 29px;
	border-left: 3px solid #1d5fc1;
	border-bottom: 1px solid #cecece;
	margin-bottom: 7px;
	text-indent: -999em;
	background: url(../img/h2_ucar.gif) no-repeat;
	margin-top: 30px;
	margin-bottom: 7px;
	}
div#wrapper p.ucar{
	width: 100%;
	height: 61px;
	text-indent: -999em;
	background: url(../img/ucar_copy.gif) no-repeat;
	margin-bottom: 5px;
	}


/* 検索結果リスト
---------------------------------------*/
/* ナビゲーション */
div#wrapper div.navi{
	margin-left: 10px;
	clear: both;
	}
div#wrapper div.navi p{
	font-size: 140%;
	float: left;
	}
div#wrapper div.navi ul{
	float: right;
	}
div#wrapper div.navi ul li{
	float: left;
	margin: 0 3px;
	padding: 1px 2px;
	}
div#wrapper div.navi ul li.active{
	background: #cecece;
	}

/* 検索結果テーブル */
div.result table{
	margin: 5px 0 5px 10px;
	width: 716px;
	clear: both;
	/*padding-bottom: 5px;
	background: url(/search/img/table_bg.gif) no-repeat bottom;*/
	border-bottom: 1px solid #cecece;
	}

div.result table tr.link{
	cursor: pointer;
	}
div.result table tr.link:hover{
	background-color: #e6f0fc;
	}

/* th ソート */
div.result table th{
	height: 35px;
	text-align: center;
	background: url(/search/img/th_bg.gif) no-repeat -100px top;
	border-left: 1px solid #cecece;
	}
div.result table th.maker{
	background-position: left top;
	border-left: none;
	}
div.result table th.name{
	border-left: none;
	}
div.result table th.contact{
	background-position: right top;
	}

/*　th ソート（お問合せ欄なし）*/
div.result table th.formless{
	height: 35px;
	text-align: center;
	background: url(/search/img/th.gif) no-repeat -100px top;
	border-left: 1px solid #cecece;
	}
div.result table th.maker_f{
	background-position: left top;
	border-left: none;
	}
div.result table th.shop_f{
	background-position: right top;
	}
	
/* td レイアウト */
div.result table td{
	text-align: center;
	vertical-align: middle;
	width: 60px;
	border-top: 1px solid #cecece;
	border-left: 1px solid #cecece;
	}
div.result table td.title{
	width: 343px;
	text-align: left;
	}
div.result table td.title a{
	display: block;
	font-size: 120%;
	font-weight: bold;
	}
div.result table td.price{
	color: #ff0000;
	font-size: 140%;
	font-weight: bold;
	}
div.result table td.price span{
	font-size: 80%;
	font-weight: normal;
	display: block;
	line-height: 1;
	}
div.result table td.contact{
	border-right: 1px solid #cecece;
	text-align: center;
	}

/*　td（お問合せ欄なし）*/
div.result table td.formless{
	border-right: 1px solid #cecece;
	text-align: center;
	}
	
div.result table td.contact a{
	text-indent: -999em;
	display: block;
	width: 54px;
	height: 38px;
	background: url(/search/img/contact.gif) left top no-repeat;
	margin-left: auto;
	margin-right: auto;
}
div.result table td img{
	width: 100px;
	margin: 3px;
	display: block;
	float: left;
	boeder: 1px solid #cecece;
	}

/* ソートが選択された状態 */
div.result table.makerdescsort th.maker,
div.result table.carnamedescsort th.carname,
div.result table.pricedescsort th.price,
div.result table.mileagedescsort th.mileage,
div.result table.modeldescsort th.model,
div.result table.inspectiondescsort th.inspection,
div.result table.colordescsort th.color,
div.result table.shopdescsort th.shop,
div.result table.makerascsort th.maker,
div.result table.carnameascsort th.carname,
div.result table.priceascsort th.price,
div.result table.mileageascsort th.mileage,
div.result table.modelascsort th.model,
div.result table.inspectionascsort th.inspection,
div.result table.colorascsort th.color,
div.result table.shopascsort th.shop
{
	color: #d61626;
	}
div.result table.makerdescsort td.title,
div.result table.carnamedescsort td.title,
div.result table.pricedescsort td.price,
div.result table.mileagedescsort td.mileage,
div.result table.modeldescsort td.model,
div.result table.inspectiondescsort td.inspection,
div.result table.colordescsort td.color,
div.result table.shopdescsort td.shop,
div.result table.makerascsort td.title,
div.result table.carnameascsort td.title,
div.result table.priceascsort td.price,
div.result table.mileageascsort td.mileage,
div.result table.modelascsort td.model,
div.result table.inspectionascsort td.inspection,
div.result table.colorascsort td.color,
div.result table.shop td.shop{
	background-color: #f5f9fe;
	}

/* 検索結果をRSSで */
div.result p.rss{
	clear: both;
	margin: 10px 0 0 10px;
	}
div.result p.rss a{
	padding: 2px 0 2px 45px;
	background: url(/search/img/rss.gif) no-repeat left 50%;
	}

/* 検索結果を0件の場合 */
div.result p.no_car{
	margin: 5px 0 5px 10px;
	font-size: 140%;
	}

