@charset "utf-8";

/* -----------------------------------------------------------
	Site Name: Tokyo-Auto
	Author: Yamazen Communications co.,ltd.
	Since2009
----------------------------------------------------------- */
	
/*Index
	1.structure
	2.searchlist
	3.ranking
	4.recommended
	
----------------------------------------------------------- */



/* 1.structure
----------------------------------------------------------- */
div#contents,
h2#pagetitle,
div#searchlist,
div#searchlist ul.pager,
div#searchlist span.coution{width:750px;}
div#searchlist table{width:748px;}/*contents-2px*/
p.btn_clear{width:100px;}
ul.pager,
ul.pager li.coution{width:650px;}/*contents-p.btn_clear*/

div#ranking,
div#ranking h2,
div#ranking ul,
div#recommended,
div#recommended h2{width:720px;}

div#ranking ul li,
div#ranking ul li img{width:135px;}
div#ranking ul li h4{width:100px;}


div#recommended dl,
div#recommended dt,
div#recommended dt img,
div#recommended dd.info{width:135px;}
div#recommended dd.price{width:125px;}


div#contents{
	float:none;
	margin:0 auto;
	text-align:left;
}

h2#pagetitle {
	height:27px;
	margin:0 auto;
	padding:15px 0 0 0;
	text-align:right;
	background:url(../images/title_searchresult.gif) no-repeat left top;
}


h2#pagetitle span {
	text-indent:-99999px;
	padding:100px 0 0 0;
	font-size:0;
}








/* 2.searchlist
----------------------------------------------------------- */
div#searchlist {
	margin:0 auto;
	overflow:hidden;
}

*html div#searchlist {
	height:1%;
}

div#searchlist h2.result{
	float:left;
}

div#searchlist span.function{
	float:right;
}


/* pager*/

ul.pager {
	float:left;
	text-align:left;
}

ul.pager li{
	float:left;
	width:1.5em;
	margin:0;
	padding:3px;
	text-align:center;
}

ul.pager a{
	display:block;
	width:1.5em;
	margin:0;
	margin:0;
	color:#ffffff;
	text-align:center;
	background-color:#0048b9;
}

ul.pager li.next,
ul.pager li.next a,
ul.pager li.prev,
ul.pager li.prev a{width:6em;}

ul.pager a:hover{background-color:#ffa000;}

ul.pager li.coution {
	display:block;
	margin:0;
	padding:0;
	color:#600;
	text-align:left;
}


p.btn_clear{
	clear:both;
	float:right;
	margin:5px 0;
}




/* search-result list table style */

div#searchlist table{
	clear:both;
	margin:0 auto;
	padding:0;
	border-top:1px #cccccc solid;
	border-left:1px #cccccc solid;
}

div#searchlist table th,
div#searchlist table td{
	padding:3px;
	border-right:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
}

div#searchlist table th{
	text-align:center;
	white-space:nowrap;
}

div#searchlist table th.photo{
	width:100px;
}


div#searchlist table th.btn{
	width:95px;
}
div#searchlist table th.option{
	width:95px;
}


div#searchlist table td.price{
	font-weight:bold;
	text-align:center;
	color:#c80000;
}
div#searchlist table td.price span{
	font-size:83.33%;
}


div#searchlist table td img{
	width:100px;
	margin:0;
	padding:0;
}

div#searchlist table tr.bkBlue{
	background-color:#eafaff;
}




/* 3.ranking
----------------------------------------------------------- */
div#ranking{
	clear:both;
	margin:30px auto 0;
}
div#ranking h2{
	height:23px;
	padding:19px 0 0 0;
	text-indent:-99999px;
	background:url(../images/search/title_ranking.gif) no-repeat left top;
}

div#ranking ul{
	margin:0 auto;
	pading:0;
}
	
div#ranking ul li{
	display:inline-block;
	*float:left;
	*height:12em;
	margin:0 5px 5px 0;
	vertical-align:top;
}


div#ranking ul li img{
	clear:both;
	margin:0;
}

div#ranking ul li h4{
	clear:both;
	min-height:40px;
	_height:40px;
	margin:5px 0 0 0;
	padding:0 0 0 35px;
	line-height:1.3;
}



div#ranking ul li.fifth,
div#ranking ul li.tenth{
	margin:0 0 5px;
}



div#ranking ul li.number1  h4 {background:url(../images/icon_ranking/01.jpg) no-repeat left top;}
div#ranking ul li.number2  h4 {background:url(../images/icon_ranking/02.jpg) no-repeat left top;}
div#ranking ul li.number3  h4 {background:url(../images/icon_ranking/03.jpg) no-repeat left top;}
div#ranking ul li.number4  h4 {background:url(../images/icon_ranking/04.jpg) no-repeat left top;}
div#ranking ul li.number5  h4 {background:url(../images/icon_ranking/05.jpg) no-repeat left top;}
div#ranking ul li.number6  h4 {background:url(../images/icon_ranking/06.jpg) no-repeat left top;}
div#ranking ul li.number7  h4 {background:url(../images/icon_ranking/07.jpg) no-repeat left top;}
div#ranking ul li.number8  h4 {background:url(../images/icon_ranking/08.jpg) no-repeat left top;}
div#ranking ul li.number9  h4 {background:url(../images/icon_ranking/09.jpg) no-repeat left top;}
div#ranking ul li.number10 h4 {background:url(../images/icon_ranking/10.jpg) no-repeat left top;}


div#ranking ul li.coution {
	width:520px;
	height:1.5em;
	font-size:83.33%;
}




/* 4.recommended
----------------------------------------------------------- */
div#recommended{
	clear:both;
	margin:30px auto 0;

}
div#recommended h2{
	height:23px;
	padding:19px 0 0 0;
	text-indent:-99999px;
	background:url(../images/search/title_reommended.gif) no-repeat left top;
}


div#recommended dl {
	display:inline-block;
	*float:left;
	*height:12em;
	margin:0 5px 0 0;
	padding:0;
	vertical-align:top;
}
div#recommended dl.gap {
	margin-right:0;
	padding:0;
}


div#recommended dt {}


div#recommended dd.price {
	position:relative;
	top:-25px;
	margin:0 auto;
	padding:3px 5px;
	color:#ffffff;
	font-weight:bold;
	text-align:right;
	background:url(../images/bk_trans.png) repeat;
}

div#recommended dd.info {
	position:relative;
	top:-20px;
	margin:0 auto;
	padding:3px 0;
	text-align:left;
	line-height:1.3;
}



