@charset "utf-8";

/* -----------------------------------------------------------
	Site Name: Tokyo-Auto
	Author: Yamazen Communications co.,ltd.
	Since2009
----------------------------------------------------------- */
	
/*Index
	1.structure
	2.tab
	3.photo area
	4.carname
	5.detail information
	6.btn
	
----------------------------------------------------------- */



/* 1.structure
----------------------------------------------------------- */

div#contents,
h2#pagetitle,
ul#tab,
div#photo,
ul#bottomphoto,
ul#carname,
ul#carname li.bottom,
table#detailinfo,
ul#btn           {width:750px;}
ul#tab li        {width:156px;}
ul#tab li.coution{width:250px;}

div#photo h3#mainphoto,
div#photo h3#mainphoto img{width:430px;}
div#photo ul#sidephoto,
div#photo ul#sidephoto li{width:310px;}
div#photo ul#sidephoto li img{width:95px;}
div#photo ul#bottomphoto li,
div#photo ul#bottomphoto li img{width:95px;}

ul#carname li,
ul#carname li.name{width:440px;}
ul#carname li.price{width:300px;}


table#detailinfo td{width:135px;}
table#detailinfo td.shop{width:384px;}
table#detailinfo th{width:114px;}
table#detailinfo div.googlemap{width:150px;}




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_carinfo.gif) no-repeat left top;
}

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


/* 2.tab
----------------------------------------------------------- */
ul#tab{
	overflow:hidden;
	margin:0 auto;
	border-bottom:1px #cccccc solid;
}
*html ul#tab{
	zoom:1;
}

ul#tab li{
	float:right;
	min-height:35px;
	_height:35px;
	margin-left:10px;
	vertical-align:bottom;
}


ul#tab li a {
	display:block;
	min-height:25px;
	_height:25px;
	padding:15px 0 0 0;
	color:#ffffff;
	text-align:center;
	background:url(../images/search/bk_tab.gif) no-repeat left top;
}
ul#tab li a:hover {
	min-height:35px;
	_height:35px;
	padding-top:5px;
	color:#ffffff;
	background:url(../images/search/bk_tab.gif) no-repeat right top;
}

ul#tab li.coution{
	float:left;
	margin:0;
	padding:5px 0 0 0;
}


/* 3.photo area
----------------------------------------------------------- */
div#photo{
	overflow:hidden;
	clear:both;
	margin:0 auto;
	padding:5px 0 0;
}
div#photo{
	zoom:1;
}


/* main-photo */
h3#mainphoto {
	float:left;
	margin:0;
	padding:0;
}


/* side-photo */
ul#sidephoto{
	float:right;
	margin:0;
	padding:0;
}

ul#sidephoto li{
	clear:both;
	min-height:70px;
	_height:70px;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px #cccccc dotted;
}

div#photo ul#sidephoto li img{
	float:left;
	margin-right:10px;
}



/* bottom-photo */
ul#bottomphoto{
	clear:both;
	margin:0 auto;
}

ul#bottomphoto li{
	float:left;
	margin:10px 12px 10px 0;
	_margin:10px 2px 10px 0;
}

ul#bottomphoto li img{
	float:left;
}


/* 4.carname
----------------------------------------------------------- */
ul#carname{
	clear:both;
	height: 70px;
	_height:55px;
	margin:15px auto;
	background:url(../images/carinfo/bk_carname.gif) no-repeat center top;
	/*overflow:hidden;*/
	zoom:1;
}

ul#carname li.name{
	float:left;
}

ul#carname h3{
	min-height:30px;
	_height:30px;
	line-height:30px;
	padding:20px 0 0 90px;
	font-size:113.33%;
	font-weight:bold;
	background:url(../images/caricon/unused.gif) no-repeat 10px 5px;
}

ul#carname h3.kei    {background:url(../images/caricon/kei.gif)     no-repeat 10px 5px;}
ul#carname h3.compact{background:url(../images/caricon/compact.gif) no-repeat 10px 5px;}
ul#carname h3.sedan  {background:url(../images/caricon/sedan.gif)   no-repeat 10px 5px;}
ul#carname h3.sports {background:url(../images/caricon/sports.gif)  no-repeat 10px 5px;}
ul#carname h3.rv     {background:url(../images/caricon/rv.gif)      no-repeat 10px 5px;}
ul#carname h3.import {background:url(../images/caricon/import.gif)  no-repeat 10px 5px;}
ul#carname h3.van    {background:url(../images/caricon/van.gif)     no-repeat 10px 5px;}
ul#carname h3.othre  {background:url(../images/caricon/othre.gif)   no-repeat 10px 5px;}
ul#carname h3.welfare{background:url(../images/caricon/welfare.gif) no-repeat 10px 5px;}
ul#carname h3.unused {background:url(../images/caricon/unused.gif)  no-repeat 10px 5px;}


ul#carname li.price{
	float:right;
	padding:22px 0 0 0;
	color:#ffffff;
	font-weight:bold;
	font-size:150%;
	text-align:center;
}

ul#carname li.price span{
	font-size:70%;
	font-weight:normal;
	margin-right:10px;
}


ul#carname li.bottom{
	padding-bottom:10px;
	clear:both;
	height:15px;
	background:url(../images/carinfo/bk_carname_bottom.gif) no-repeat left top;
	_background:url(../images/carinfo/bk_carname_bottom.gif) no-repeat left bottom;
	/*overflow:hidden;*/
	zoom:1;
}




/* 5.detail information
----------------------------------------------------------- */
table#detailinfo{
	clear:both;
	margin:0 auto;
	border-top:1px #cccccc solid;
}

table#detailinfo th,
table#detailinfo td{
	padding:3px 0 3px 5px;
	border-bottom:1px #cccccc solid;
}

table#detailinfo th{
	background-color:#eafaff;
}

table#detailinfo td a{
	padding-left:10px;
	background:url(../images/arrow.gif) no-repeat left 0.2em;
}



table#detailinfo div.googlemap {
	height:150px;
	float:right;
	text-align:right;
	margin:0;
	padding:0;
}



/* 6.btn
----------------------------------------------------------- */
ul#btn {
	margin:10px auto;
	padding:10px 0;
	text-align:center;
	background:#fff59f;
	border:1px #cccccc solid;
}
ul#btn li {
	display:inline;
	padding:0 5px;
	text-align:center;
}