@charset "utf-8";
/*==========================================================================
   新Gナビ用スタイル
==========================================================================*/

.nav-wrapper .logo{
	display: block!important;	
}

#ie8_head .logo{
	visibility: hidden;
}

.pc .restrict{
	/*min-width: 1000px!important;*/
}

#leftBox {
  margin: 0 0 0 0 !important;
}

.nav-wrapper .menu {
  position: absolete!important;
  /*width: 690px!important;*/
  top: 40px!important;
  left: 121px!important;
}
.nav-wrapper .menu li{
	
}

.nav-wrapper .tools-menu .search{
   width: 150px!important;
}

.nav-wrapper .tools-menu .search .search-text {
    width: 130px!important;
}

.nav-wrapper .tools-menu {
    left: 0!important;
}

@media only screen and (min-width: 640px) and (max-width: 1030px) {
	#carDisplayArea{
		width: 60%;
		padding-left: 1%;
	}
	#carDisplayArea .all-cars .car-list .car-ph img{
		position: relative;
		display: block;
		top: 8px;
	}
	.sub-nav-wrapper .menu .link-list {
		padding: 0 0 0 4.5%!important;
	}
	#carDisplayArea .all-cars .car02{
		width: 69%;	
	}
	.container {
		padding: 0!important;
		margin: 0!important;
		width: 100%!important;
	}	
	.grid_12 {
		margin: 0 28px!important;
	}	
	.nav-wrapper .tools-menu{
		right: 28px!important;	
	}		
}

@media only screen and (min-width: 640px) and (max-width: 865px) {
	.nav-wrapper .menu{
		top: 25px!important;
		right: 28px !important;	
	}
	.nav-wrapper .menu li{
		padding-top: 10px;	
	}
	#carDisplayArea .car-list h4 {
	  text-indent: -0.1em;
	  white-space: normal;
	}
	.nav-wrapper .tools-menu .search{
	   width: 120px!important;
	}
	.nav-wrapper .tools-menu .search .search-text {
		width: 100px!important;
	}		
}

/*for IE8*/
.ie8 .header .logo {
  position: absolute !important;
  left: 0!important;
}

.ie8 .nav-wrapper .menu {
  width: inherit!important;		
  position: absolute !important;
  top: 50px !important;
  left: 121px !important;
  margin-left: 0!important;
}

.ie8 #leftBox {
  margin: 0 0 0 0 !important;
}

.ie8 .nav-wrapper .menu li {
  margin-right: 20px !important;
}

.ie8 .restrict{
	width: 100%!important;
	max-width: 1280px!important;
	min-width: 1000px!important;	
}

.ie8 #ie8_head .logo{
	visibility: hidden!important;
	opacty: 0;
}

.ie8 #nav_container3 .container{
	margin:0 2.18%;
}


/*Gナビ　カーラインナップ*/
.sub-nav-wrapper .car01{width: 26%!important;}
.sub-nav-wrapper .car05{width: 41%!important;}


.ie8 #carDisplayArea h4{
	font-size: 10px!important;
	/*width: 76%!important;*/	
}

.ie8 #carDisplayArea{
	width: 74%!important;	
}

.ie8 #carDisplayArea .all-cars{
	width: 100%!important;	
}

.ie8 .sub-nav-wrapper .restrict .container{
	width: 100%!important;
	max-width: 100%!important;
	min-width: 100%!important;		
}