*{
	font-family:"メイリオ";
	font-size:14px;
	color:#333;

}
body{
	margin:0;
	padding:0;
}

#line{
	height:20px;
	background:#595959;

}
#line2{
	background:#000;
	height:5px;
}
.box{
	width:980px;
	margin:0 auto;
}
header{

	height:75px;
}
#inner_header {
	position:relative;

}
#inner_header h1{
	margin:0;
	padding:0;
	width:150px;
	height:55px;
	position:absolute;
	left:0;
	top:-20px;
	border-radius:7px;
	background:#fff;
	padding:7px 0px;
	text-align:center;

}
nav ul{
	margin:0;
	padding:0;
	list-style:none;
	background:#000;
	width:825px;
	position:absolute;
	left:150px;
	top:0px; 
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
	padding-left:20px;
}
nav ul li{
	float:left;
}
nav ul li>a{
	text-decoration:none;
	width:100px;
	display:block;
	line-height:40px; 
	color:#fff;
	font-size:10pt;
	background:url("images/nav_icon.png") no-repeat;
	background-position:left 50%;
	padding-left:1.5em; 

}
nav ul li a:hover{
	color:#c00;
}
#mainvideo{
	background:#d1d1d1;
	text-align:center;
	width:100%;
	height:376px;

}
#mainvideo img{

}

#wrap{
	overflow:hidden;
}
#main{
	width:630px;
	float:left;
	padding-left:30px;
}
#main p{
	font-size:14px;
	text-align:center;
}
#main h1{
	line-height:2em;
	font-weight:normal;
	font-size:18px;
	text-align:center;
	background: linear-gradient(transparent 60%, #ccc 90%);
}
#main h2{
	font-weight:normal;
	font-size:16px;
	border-bottom:2px solid #cc0000;
}

#main dl,dt,dd{ margin:0; padding:0; }
#main dl{ overflow:hidden; }
#main dt,#main dd{ line-height:2em; padding-right:20px; }
#main dt{ width:10em; clear:both;border-bottom:1px solid #ccc; }
#main dd{ border-bottom:1px dotted #888; margin-left:20px; }

#main #cars{
	margin-left:-5px;
	margin-right:-5px;
	overflow:hidden;
}
#main #cars .car{
	border:1px solid #888;
	padding:7px;
	margin:8px;
	width:180px;
	line-height:1.8em;
	float:left;
}
#main #cars .car .imgbox{
	width:180px;
	height:135px;
	background:#ccc;
}
#main #cars .car .maker{
	
}
#main #cars .car .carname{
	color:#00a3db;
	margin:0;
	padding:0;
}
#main #cars .equipment div{
	padding-left:15px;
	color:#369;
}
#main #cars .car .totalprice{
	color:#666;
}
#main #cars .car .price{
	color:#666;
}


#blog{
	float:left;
}
#blog h2{
	border-left:2px solid #cc0000;
	border-bottom:none;
	float:right;
}
#blog p{
	text-align:left;
	margin:0;
}
#blog img{
	margin:15px 10px 10px 10px; padding:auto;
}
#access{
	float:right;
}
#access h2{
	border-left:2px solid #cc0000;
	border-bottom:none;
}
#access img{
	margin:0 -5px;
}
#access p{
	text-align:left;
	margin:0;
}
#blog a.link,#access a.link{
	color:#00a3db;
}

#side{
	float:right;

	width:250px;
}

#side img{
	margin-top:15px;
	margin-bottom:-5px;


}
#blogandaccess{
	overflow:hidden;
}



#servicenav{
	position:relative;
}
#servicenav ul{
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	top:40px;
	width:110px;
	padding-left:10px;
	padding-right:10px;
	background:#000;
	display:none;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;

}
#servicenav ul li{
	float:none;
	border-bottom:1px dotted #fff;
}
#servicenav ul li a{
	display:block;
	width:110px;
}
#servicenav:hover ul{
	display:block;
}
#googlemap p{
	text-align:right;
}

footer{
	background:#000;

}

#inner_footer{
	width:970px;
	height:30px;
	margin:0 auto;
	padding-top:15px;
}

#inner_footer ul{
	margin:0 auto;
	padding:0;
	list-style:none;
	width:370px;
	overflow:hidden;
}


footer ul li{
	float:left;
	border-right:1px solid #ddd;
}
footer ul li:last-child{
	float:left;
	border-right:none;
}
footer ul li>a{
	text-decoration:none;

	display:block;
	line-height:30px; 
	color:#fff;
	padding-right:1em;
	font-size:10pt;
	padding-left:1.5em; 
}
footer ul li a:hover{
	color:#c00;
}
footer p{
	text-align:center;
	color:#fff;
}

#bannerspace{
	height:200px;
	background:#fcc;
	background:url("../images/bannerspace01.jpg");
	background-position:center bottom;
	background-color:#ccc;
	padding-top:60px;
	box-sizing:border-box;
	background-repeat:no-repeat;
}
#bannerspace h1{
	border:2px solid #fff;
	font-size:22px;
	color:#fff;
	padding:10px;
	text-align:center;
	width:500px;
	margin:0 auto;
	font-weight:normal; 
	letter-spacing:1em;
	background-color:rgba(0,0,0,0.5);

}

 #cars { padding-bottom:20px; overflow:hidden; }
 .car .carsencerlink a{ margin:0 auto; text-align:center; width:4em; margin-top:3px;color:#fff;display:block;background:#f93;border-radius:5px;padding:3px; }
 .car .carsencerlink a:hover{text-decoration:none; }


#main #cars .car .buyingprice {
	color:#f41;
	font-size:130%;
}
#main #cars .car .buyingprice div{
	 color:#f41; font-size:130%;
}


/*レスポンシブ時のCSS*/

#mobilebutton{ border-radius:3px; display:none; box-sizing:border-box; padding:5px; padding-top:9px; position:absolute; z-index:100; right:10px; top:10px; width:50px; height:50px; background:#a31; border:1px solid #ccc; }
#mobilebutton span{ width:38px; height:3px; margin-bottom:10px; background:#fff;display:block; }
#mobilebutton:hover{ background:#f93; cursor:pointer; }

#mobile_nav{ z-index:100; display:none; margin:0; padding:0;width:80%;  list-style:none; border-radius:0; position:absolute; left:0; top:67px; height:auto;background:rgba(0,0,0,0.8); }
#mobile_nav li{ float:none; width:90%; }
#mobile_nav li a{ border-bottom:1px dotted #666;width:100%;  font-size:3vw; display:block; text-align:center; height:auto; line-height:3.5em;  }

@media (max-width:700px){
	header{ background:#ccc; }
	header #inner_header{ background:#fff; }
	header #inner_header h1{position:relative; border-bottom-left-radius:0; border-bottom-right-radius:0; }
	header #inner_header h1 img{ position:absolute; left:20px; top:1px; }

	#mobilebutton{ display:block; }

	#banner h1{ text-align:center; }

	.box{width:auto; }
	nav ul#pc_nav{ display:none;  }
	#mainvideo{ height:auto; background:#fff; }
	#mainvideo img{ width:100%; height:auto; }
	

	#main{ width:auto; padding:15px;float:none;  }
	#main p{ width:auto; text-align:left;}
	#main #cars .car{ float:none; width:auto; margin:15px 15px 10px 15px;}
	#main #cars .car .imgbox{ width:auto;height:auto; background:#fff; }
	#main #cars .car .imgbox img{ width:100%; height:auto; }

	#blog{ float:none; }
	#blog h2{ float:none; }

	#access{ float:none; }
	#access img{ width:100%; height:auto; }

	iframe{ width:100%; height:300px; }

	#side{ display:none; }

	footer ul li{ display:none; }

	#bannerspace{ background-position:left bottom; }
	#bannerspace h1{ width:70%; }
	#carsencer_banner{ width:100%; }

	#inner_footer{ width:auto; }
}


/* END レスポンシブのCSS*/