@charset "utf-8";

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



/* 1.structure
----------------------------------------------------------- */
h2#mainbanner,
div#carsearch,
div#carsearch h2,
ul#pickup,
div#carsearch div#condition,
div#carsearch div#condition ul,
div#carsearch div#condition ul li.bodytype,
div#carsearch div#condition ul#searchBtn,
div#ranking,
div#ranking h2,
div#recommended,
div#recommended h2,
div#ranking ul{width:520px;}

ul#pickup li{width:173px;}

div#carsearch div#condition ul li               {width:240px;}
div#carsearch div#condition ul li h4            {width:70px;}
div#carsearch div#condition ul li.bodytype ul   {width:440px;}
div#carsearch div#condition ul li.bodytype ul li{width:75px;}

div#carsearch div#condition ul li.color ul      {width:160px;}
div#carsearch div#condition ul li.color ul li   {width:30px;}
div#carsearch div#condition ul li.color ul li.coution{width:160px;}

div#carsearch div#condition ul#searchBtn li.btnsearch{width:245px;}
div#carsearch div#condition ul#searchBtn li.btnmore  {width:130px;}
div#carsearch div#condition ul#searchBtn li.btnclear {width: 80px;}


div#carsearch div.history dl,
div#carsearch div.history dt,
div#carsearch div.history dt img,
div#carsearch div.history dd.info{width:95px;}
div#carsearch div.history dd.price{width:85px;}


div#carsearch div,
div#carsearch div h3{width:520px;}
div#carsearch div.freeword,
div#carsearch div.kodawari,
div#carsearch div.freeword h3,
div#carsearch div.kodawari h3,
div#carsearch div.kodawari ul{width:240px;}

div#ranking ul li,
div#ranking ul li img,
div#ranking ul li h4{
	width:70px;
}
div#ranking ul li.first,
div#ranking ul li.second,
div#ranking ul li.third,
div#ranking ul li.first img,
div#ranking ul li.second img,
div#ranking ul li.third img{width:155px;}

div#ranking ul li.first h4,
div#ranking ul li.second h4,
div#ranking ul li.third h4{width:110px;}

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

div#localnavi div.topics,
div#localnavi div.topics h3,
div#localnavi div.topics ul,
div#localnavi div.topics ul li{width:200px;}
div#localnavi div.topics ul li a{width:180px;}/*base-padding-left*/


div#localnavi div.bannerSide,
div#localnavi div.bannerSide ul,
div#localnavi div.bannerSide ul li,
div#localnavi div.bannerSide ul li a{width:200px;}



/* 2.mainbanner
----------------------------------------------------------- */
h2#mainbanner {
	margin:10px auto;
	padding:0;
	border:1px #cccccc solid;
}

h2#mainbanner a,
h2#mainbanner img{
	margin:0;
	padding:0;
}




/* 3.carsearch
----------------------------------------------------------- */
div#carsearch{
	margin:0 auto;
	overflow:hidden;
}

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

div#carsearch h2{
	height:23px;
	padding:19px 0 0 0;
	font-size:83.33%;
	text-align:right;
	background:url(../images/title_carsearch.gif) no-repeat left top;
}

div#carsearch h2 span{
	text-indent:-99999px;
}





/*pickup*/
div#carsearch ul#pickup {
	height:40px;
	margin:10px auto;
}
div#carsearch ul#pickup li{
	float:left;
}




/*carsearch-stitles*/
div#carsearch div{
	float:left;
	margin:0;
	padding:0;
}
div#carsearch div h3{
	clear:both;
	height:25px;
	margin:0 auto 5px;
	padding:0;
	text-indent:-999999px;
	border-left:5px #004bb9 solid;
	border-bottom: 1px #cccccc solid;
	background:url(../images/stitle_condition.gif) no-repeat 10px 5px;
}


div#carsearch div.freeword h3{background:url(../images/stitle_freeword.gif) no-repeat 10px 5px;}
div#carsearch div.kodawari h3{background:url(../images/stitle_kodawari.gif) no-repeat 10px 5px;}
div#carsearch div.history h3{background:url(../images/stitle_history.gif) no-repeat 10px 5px;}

div#carsearch div.freeword{
	margin-right:30px;
}



/*search-condition*/
div#carsearch div#condition ul{
	margin:0 auto;
}

div#carsearch div#condition li{
	float:left;
	margin:5px 20px 0 0;
	*margin-right:20px;
	padding:0;
	vertical-align:top;
}

div#carsearch div#condition ul li h4{
	display:inline-block;
	*display:inline;
	text-align:right;
	vertical-align:top;
	zoom:1;
}

div#carsearch div#condition ul li h4 a{
	padding-right:0.3em;
	line-height:1.3;
	font-size:83.33%;
}


/*bodytype*/
div#carsearch div#condition ul li.bodytype{
}
div#carsearch div#condition ul li.bodytype h4{
	*float:left;
}

div#carsearch div#condition ul li.bodytype ul{
	display:inline-block;
	*float:right;
	margin:0;
	padding:0;
}
div#carsearch div#condition ul li.bodytype ul li{
	display:inline-block;
	*float:left;
	*height:3em;
	margin:0 5px;
	padding:45px 0 0;
	vertical-align:top;
}

div#carsearch div#condition ul li.bodytype ul li.unused {background:url(../images/search/icon_carillust.gif) no-repeat left -5px;}
div#carsearch div#condition ul li.bodytype ul li.kei    {background:url(../images/search/icon_carillust.gif) no-repeat -80px -5px;}
div#carsearch div#condition ul li.bodytype ul li.conpact{background:url(../images/search/icon_carillust.gif) no-repeat -160px -5px;}
div#carsearch div#condition ul li.bodytype ul li.sedan  {background:url(../images/search/icon_carillust.gif) no-repeat -240px -5px;}
div#carsearch div#condition ul li.bodytype ul li.sports {background:url(../images/search/icon_carillust.gif) no-repeat -318px -5px;}
div#carsearch div#condition ul li.bodytype ul li.rv     {background:url(../images/search/icon_carillust.gif) no-repeat -400px -5px;}
div#carsearch div#condition ul li.bodytype ul li.van    {background:url(../images/search/icon_carillust.gif) no-repeat -480px -5px;}
div#carsearch div#condition ul li.bodytype ul li.welfare{background:url(../images/search/icon_carillust.gif) no-repeat -560px top;}
div#carsearch div#condition ul li.bodytype ul li.import {background:url(../images/search/icon_carillust.gif) no-repeat -640px -5px;}
div#carsearch div#condition ul li.bodytype ul li.other  {background:url(../images/search/icon_carillust.gif) no-repeat -720px -5px;}


/*color*/
div#carsearch div#condition ul li.color{
	float:right;
}

div#carsearch div#condition ul li.color h4{
	float:left;
}

div#carsearch div#condition ul li.color ul{
	float:right;
}

div#carsearch div#condition ul li.color ul li{
	float:left;
	margin:0;
	padding:0;
}
div#carsearch div#condition ul li.color ul li.red{color:red;}
div#carsearch div#condition ul li.color ul li.orange{color:#ff8c00;}
div#carsearch div#condition ul li.color ul li.brown{color:#824600;}
div#carsearch div#condition ul li.color ul li.yellow{color:#ffdc00;}
div#carsearch div#condition ul li.color ul li.green{color:#287800;}
div#carsearch div#condition ul li.color ul li.blue{color:#001ae0;}
div#carsearch div#condition ul li.color ul li.purple{color:#8c1e8c;}
div#carsearch div#condition ul li.color ul li.white{color:#cccccc;}
div#carsearch div#condition ul li.color ul li.gray{color:#cccccc;}
div#carsearch div#condition ul li.color ul li.black{color:#000000;}

div#carsearch div#condition ul li.color ul li.coution{
	clear:both;
	font-size:10px;
	text-align:right;
}

/*selectbox width  written in common.css*/


/*searchBtn*/
div#carsearch div#condition ul#searchBtn {
	clear:both;
	overflow:hidden;
	margin:0 0 20px 0;
	padding:5px 0;
	border-bottom:1px #cccccc solid;
}

*html div#carsearch div#condition ul#searchBtn {
	height:1%;
}

div#carsearch div#condition ul#searchBtn li{
	float:left;
	margin:0 10px 0 0;
}

div#carsearch div#condition ul#searchBtn li.btnclear {
	float:right;
}


/*freeword-search*/
div#carsearch div.freeword{
	text-align:left;
	margin-bottom:20px;
}




/*kodawari-search*/
div#carsearch div.kodawari{
	margin-bottom:20px;
}

div#carsearch div.kodawari ul li{
	padding:0 0 0 10px;
	background:url(../images/arrow.gif) no-repeat left 0.4em;
}

div#carsearch div.kodawari ul li.more{
	padding:5px 0 0 0;
	border-top:1px #cccccc solid;
	background:none;
}


/*history*/

div.history {
	clear:both;
	margin:0 auto;
}

div.history dl {
	float:left;
	margin:0 10px 0 0;
	padding:0;
}

div.history dl.lastchild {
	margin:0;
	padding:0;
}

div.history dt {}


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

div.history dd.info {
	margin:0 auto;
	padding:3px 0;
	text-align:left;
	font-size:83.33%;
	line-height:1.3;
}





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

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


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

div#ranking ul li h4{
	clear:both;
	margin:0;
	line-height:1.3;
}

div#ranking ul li.first,
div#ranking ul li.second,
div#ranking ul li.third{
	/**height:12em;*/
	margin:0 23px 5px 0;
}

div#ranking ul li.third{
	margin-right:0;
}

div#ranking ul li.first h4,
div#ranking ul li.second h4,
div#ranking ul li.third h4{
/*	min-height:40px;
	*height:40px;*/
	margin:5px 0 0 0;
	padding-left:45px;
}
	
div#ranking ul li.first h4  {background:url(../images/top/icon_first.jpg) no-repeat left top;height:40px;overflow:hidden;}
div#ranking ul li.second h4 {background:url(../images/top/icon_second.jpg) no-repeat left top;height:40px;overflow:hidden;}
div#ranking ul li.third h4  {background:url(../images/top/icon_third.jpg) no-repeat left top;height:40px;overflow:hidden;}



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





/* 5.recommended
----------------------------------------------------------- */
div#recommended{
	clear:both;
	margin:20px auto 0;
	padding:0;

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


div#recommended dl {
	float:left;
	margin:0 25px 0 0;
	padding:0;
}
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;
}



/* 6.sidenavi
----------------------------------------------------------- */
div#localnavi h2#bannerBox{
	height:200px;
	margin:10px 0;
	padding:0;
	border:1px #cccccc solid;
}

div#localnavi div.topics h3{
	height:25px;
	text-indent:-99999px;
	background:url(../images/localnavi/title_topics.gif) no-repeat center top;
}

div#localnavi div.topics ul{
	margin:0;
	padding:0 0 10px;
}
	
div#localnavi div.topics ul li{
	border-bottom:none;
	background:none;
}

div#localnavi div.topics ul li a{
	display:block;
	padding:3px 0 3px 20px;
	color:#004bb9;
	font-weight:normal;
	border-bottom:1px #cccccc dotted;
}

div#localnavi div.topics ul li.lastchild a{
	border-bottom:1px #cccccc solid;
}

div#localnavi div.topics ul li.tolist a{
	border-bottom:none;
}

div#localnavi div.topics ul li a:link   {background:url(../images/arrow_l_blue.png)   no-repeat left 0.4em;}
div#localnavi div.topics ul li a:visited{background:url(../images/arrow_l_gray.png)   no-repeat left 0.4em;}
div#localnavi div.topics ul li a:hover  {background:url(../images/arrow_l_orange.png) no-repeat left 0.4em;}

div#localnavi div.topics ul li a:link,
div#localnavi div.topics ul li a:visited,
div#localnavi div.topics ul li a:hover  {*background-position: left 6px;}