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

div, p, ul, li{
	margin:0;
	padding:0;
}
li{
	list-style:none;	
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	padding:0;
	margin:0;
}
table{
	border-collapse:collapse;
}
td,th{
	font-weight:normal;
	text-align:left;
}
a img{
	border:none;	
}
body{
	background-color:#000;
	padding:0;
	margin:0;
	font-family:Myriad Pro;
	line-height:160%;
	font-size:100%;
	background:url(../img/bg_mdl.jpg) repeat-y center, #000;
	
}
#bg{
	background:url(../img/bg_btm.jpg) no-repeat bottom center;
	width:970px;
	margin:auto;
}
#wrapper{
	background:url(../img/bg_top.png) no-repeat top center;
	padding:80px 0 0 0;
}
#container{	
	width:700px;
	margin:auto;
}
#logo{
	text-align:center;
	margin-bottom:30px;
}
#logo img{
	height:40px;
	width:auto;
}
#navi li{
	display:inline;
	margin-right:50px;
}
#navi li:last-child{
	margin-right:0;	
}
#navi img{
	height:13px;
	width:auto;
}
#logo a:hover img,
#navi a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;	
}
#navi {
	padding-left:110px;
	border-bottom:5px solid #000;
	height:30px;
	
}
#content{	
	position:relative;
	padding:0 0 70px 0;
}
#content #breadcrumb{
	font-size:80%;
	position:absolute;
	top:2px;
	right:0;
}
#footer{
	background:#000;
}
#fnavi{
	padding:15px 240px;	
}
#fnavi li{
	display:inline;
	margin-right:50px;
}
#fnavi li:last-child{
	margin-right:0;	
}
#fnavi img{
	height:12px;
	width:auto;
}
#fnavi a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;	
}

/* about us */
#index #content{
	padding-top:30px;	
}
#index h1{
	background:#FFF;
	margin-bottom:30px;
	height:450px;
	overflow:hidden;
}
#index h1 img{
	width:700px;
	height:auto;
}
#index .intro{
	margin-bottom:40px;
}
#index .intro p{
	margin-bottom:15px;	
}
#index .address{
	margin-bottom:50px;
}
#index .address p{
	margin-bottom:15px;	
}
#index .btn{
	text-align:right;
}
#index .btn p:last-child{
	float:right;
	
}
#index .btn img{
	width:225px;
	height:auto;
}
/* page */
#page #content{
	padding:47px 0 120px 0;
}
#page h1{
	text-align:center;	
	margin-bottom:47px;
}
#page h1 img{
	height:20px;
	width:auto;
}
/* vision */
#page #vision p{
	margin-bottom:25px;
}
#page #vision h1{
	margin-bottom:10px;	
}
#page #vision .map{
	text-align:center;	
	margin-bottom:30px;
}


#page #contact .fLeft,
#page #contact .fRight{
	width:330px;	
	margin-bottom:70px;
}
#page #contact .photo{
	float:left;
	width:107px;
	position:relative;
}
#page #contact .photo p{
	margin-bottom:20px;	
	line-height:140%;
}
#page #contact .txt{
	float:right;
	width:200px;
}
#page #contact .photo p.sign{
	position:absolute;
	bottom:-40px;
	left:180px;
}
#page #contact .btn{
	width:164px;
	text-align:center;
	margin:auto;
}
#page #contact .btn a{
	display:block;	
}
#page #contact .btn a:hover{
	background-color:#FFF;	
}
#page #contact .btn img{
	height:40px;
	width:auto;
}
/* products */
#page #products .intro h2{
	margin:0 0 10px 0;	
}
#page #products ul.btn{
	margin-bottom:40px;	
}
#page #products ul.btn li{
	display:table-cell;
	padding-right:15px;
}
#page #products ul.btn li:last-child{
	padding-right:0;	
}
#page #products>ul>li{
	float:left;
	width:340px;
	margin:0 20px 30px 0;
}
#page #products>ul>li:nth-child(2n){
	margin-right:0;	
}
#page #products li .photo{
	height:200px;
}
#page #products li h2{
	margin:13px 0;	
}
#page #products li h2 img{
	height:15px;
	width:auto;
}
#page #products .intro p{
	margin-bottom:15px;
}
#page #products .intro{
	margin-bottom:40px;	
}

/* products */
#page #branch ul:after{
	content: "";
	display:block;
	clear:both;
}
#page #branch li{
	clear:both;
}
#page #branch li p.map{
	margin:0 0 30px 0;
	float:left;
	width:220px;
}

#page #branch li h2{
	margin-bottom:10px;	
}
#page #branch li .info{
	float:right;
	width:450px;
}
#page #branch li .info p{
	line-height:150%;
}
#page #brandnew table,
#page #used table{
	width:100%;
	margin-bottom:70px;
	background:#FFF;
	border:1px solid #000;
}
#page #brandnew h2{
	font-size: 140%;
	font-weight:bold;
	margin-bottom:15px;
}
#page #used h2{
	font-size: 140%;
	font-weight:bold;
	margin-bottom:15px;
	border-bottom:3px solid #000;
	padding-bottom:4px;
}
#page #brandnew h3,
#page #used h3{
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
}
#page #brandnew h2 img,
#page #brandnew h3 img,
#page #used h3 img{
	vertical-align:middle;
	padding-right:10px;
}
#page #brandnew th,
#page #brandnew td,
#page #used th,
#page #used td{
	border-bottom: 1px solid #000;
	padding:15px 10px;
	line-height:140%;
}
#page #brandnew th,
#page #used th{
	text-align:center;	
	padding:3px 8px;
	font-size:80%;
	background:#000;
	color:#FFF;
}
#page #brandnew td img,
#page #used td img{
	width:120px;
	height: auto;
}
#page #brandnew td.price,
#page #used td.price{
	text-align:right;	
	white-space:nowrap;
}
#page #brandnew .photo,
#page #used .photo{
	width:120px;	
}
#page #brandnew .price,
#page #used .price{
	width:150px;
}
#page #brandnew .intro p,
#page #used .intro p{
	margin-bottom:15px;	
}
#page #brandnew .intro,
#page #used .intro{
	margin-bottom:70px;	
}
#page #used .container{
	position:relative;	
	height:450px;
	top:0;
	left:10px;
}
#page #used .container li{
	position:absolute;
}
#page #used .container li:nth-child(1){
	top:0;
	left:0;
}
#page #used .container li:nth-child(2){
	top:0;
	left:235px;
}
#page #used .container li:nth-child(3){
	top:0;
	left:470px;
}
#page #used .container li:nth-child(4){
	top:155px;
	left:235px;
}
#page #used .container li:nth-child(5){
	top:155px;
	left:470px;
}
#page #used .container li:nth-child(6){
	top:310px;
	left:0;
}
#page #used .container li:nth-child(7){
	top:310px;
	left:235px;
}
#page #used .container li img{
	width:220px;
	height:auto;
}

#page #used table.transparent,
#page #used table.layout{
	background:none;
	border:none;
}
#page #used table.transparent th,
#page #used table.transparent td{
	border:none;
	border-bottom:1px solid #000;
	padding:15px 0;
	
}
#page #used table.transparent tr td:first-child{
	padding-right:20px;
}

#page #used table.layout td{
	border:none;	
	vertical-align:top;
	padding:8px;
}
#page #used table.layout tr td:last-child{
	padding-right:0;	
}
#page #used table.layout td img{
	width:220px;
	height:auto;
}
#page #used th.cc{
	font-size:130%;	
}
#page #used ul.country{
	margin:35px 0 70px 0;	
}
#page #used ul.country li{
	float:left;
	width:230px;
	margin-bottom:10px;
}
#page #used td.photo a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;	
}	
#page #used .pagenavi{
	margin-bottom:40px;	
}
#page #used .pagenavi li{
	margin-right:5px;
}
/*
#page .next{
	text-align:center;
}
#page .next p:first-child{
	margin-bottom:8px;	
}
#page .next a{
	display:block;
	border-bottom:2px solid #000;
	padding-bottom:8px;
}
#page #brandnew .prev{
	font-size:80%;
	text-align:right;
	padding-top:30px;
}*/

#page .pagetop{
	font-size:80%;
	text-align:right;
	padding-top:20px;	
	margin-bottom:5px;
}

/* common */
a{
	color:#000;	
}
a:hover{
	color:#600;	
}
a.ov:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;	
}
.fLeft{
	float:left;	
}
.fRight{
	float:right;	
}
.center{
	text-align:center;	
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	clear: both;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
	overflow:hidden;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.nowrap{
	white-space:nowrap;	
}
.mb20{ margin-bottom:20px;}
.mb10{ margin-bottom:10px;}