@charset "utf-8";
/* CSS Document */

/* 初期化 */
*{
	margin:0;
	padding:0;
}

body{
	text-align:center;
	font-size:12px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img{
	vertical-align:bottom;
}

ul li{
	list-style:none;
}


/* clearfix
===========================================================*/
.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1%;
}

* html .clearfix {
  height: 1%;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

h1 {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	font-size: 22px;
}
#footer {
	padding: 10px 0;
	text-align: center;
}
#content{
	width:100%;
	margin: 0 auto;

}

/*アイテムごとのタブ部分 */
ul.tab {
	background:#FFF;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	
	font-weight:700;
	width:1000px;

}
ul.tab:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
ul.tab li {
	float: left;
	text-align: center;
}
ul.tab li:last-child {
	background: none;
}

ul.tab li a {
	display: block;
	width:140px;
	padding: 10px 0;
	text-decoration: none;
	color:#090;
}
ul.tab li a:hover {
	background: #39C;
	color: #fff;
}
ul.tab li.active,
ul.tab li.active a,
ul.tab li.active a:hover {
	background: #39C;
	color: #fff;
}

.now {
	display: block;
	width:140px;
	padding: 10px 0;
	text-decoration: none;
	background: #39C;
	color: #fff;
}


#detail {
	clear:both;
	overflow: hidden;
	background: #39C;
	padding: 20px;
}
.tabbox {
	display: none;
}

.item{
	padding-right:5px;
}

/* メーカーごとのタブ部分 */
ul.maker_tab {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	font-size:12px;
	font-weight:700;
	width:1000px;
	color:#FFF;

}

ul.maker_tab li{
	display:inline-block;
	padding:10px 20px;
	border-top:solid 1px #FFFFFF;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
}

ul.maker_tab:after { 
	content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; 
}

ul.maker_tab li:last-child {
	background: none;
}
ul.maker_tab li a {
	display: block;
	padding: 5px 0;
	text-decoration: none;
	color:#FFF;
}
ul.maker_tab li a:hover {
	background: #39C;
	color: #fff;
}

ul.maker_tab li.active,
ul.maker_tab li.active a,
ul.maker_tab li.active a:hover {
	background: #fff;
	color:#090;
}

.maker_detail {
	clear: both;
	overflow: hidden;
	background: #39C;
	width: 100%;
}

.maker_tabbox {
	display: none;
	border:solid 1px #FFFFFF;
	width:1000px;
	margin:0 auto;
}

/* 車種ごとの部分
===========================================================*/
.car_name{
	padding:20px 20px 0px 20px;
	color:#FFF;
	text-align:left;
	
}
	
.car_name li{
	display:inline-block;
	width:175px;
	padding-bottom:20px;
	margin-left:10px;
	list-style-type: none;
	
}

.car_name li a:before{
    content: ' ';
    border: transparent solid 4px;
    border-left-color: #fff;
    display:inline-block;
}

.car_name li a:hover:before{
    content: ' ';
    border: transparent solid 4px;
    border-left-color: #FF0;
    display:inline-block;
}


.car_name li a{
	color:#FFF;
	text-decoration:none;
}

.car_name li a:hover{
	color:#FF0;
	text-decoration:underline;
}

footer p{
	font-size:10px;
	color:#999;
	padding:10px;
}