@charset "utf-8";

/* ================================================================
font size default 13px
		10px  	77%			19px 	147%
		11px 	85%			20px 	154%
		12px 	93%			21px 	162%
		13px 	100%		22px 	170%
		14px 	108%		23px 	177%
		15px 	116%		24px 	185%
		16px 	124%		25px 	193%
		17px 	131%		26px 	200%
		18px 	139%
================================================================ */

/*----------------------------------------------------*/

#container {
	background:#FFF;
	text-align:left;
}

/*----------------------------------------------------*/

#header {
	width:840px;
	height:100px;
	position:relative;
	margin:0 auto;
}

#header #logo {
	position:absolute;
	left:0px;
	top:20px;
}
#header .naviBox {
	float:right;
	width:485px;
	padding-top:30px;
	display:none;
}
#header #subnavi {
	float:left;
	width:48px;
	padding-top:10px;
}
#header #subnavi li,
#header #navi li {
	float:left;
}
#header #navi {
	float:right;
	width:531px;
}
#header .subsnavi {
	width:482px;
}


#header {
	width:890px;
	height:70px;
}
#header #logo {
	top:5px;
	text-align: left;
	width:180px;
	height:29px;
}
#top #header #logo {
	top:20px;
}
#header .naviBox {
	width:682px;
	padding-top:10px;
}
#header #navi {
	width:682px;
}


@media screen and (max-width: 640px) {
	#header {
		position:relative;
		width:94%;
		margin:0 auto;
		padding:10px 0;
		height:inherit;
	}
	#header #logo {
	position:static;
	left:auto;
	top:auto;
	}
	#header .naviBox {
		display:none;
	}
	#header #logo {
		display:table;
		width:80%;
		float:left;
	}
	#header #logo .mainlogo {
		display:table-cell;
		width:75%;
		vertical-align:middle;
		padding-left:20px;
	}
	#header #logo .shoplogo {
		display:table-cell;
		width:25%;
		vertical-align:middle;

	}
	#header #logo .mainlogo img,
	#header #logo .shoplogo img {
		width:100%;
		height:auto;
	}
	#header #btn_smenu {
		width:38px;
		position:absolute;
		right:0;
		top:50%;
		margin-top:-15px;
		cursor:pointer;
	}
    
    #sales #header {
        height: 70px;
    }


#header #logo {
	padding: 0;

}


}
/*----------------------------------------------------*/

#title { background:#009946;}
@media screen and (max-width: 640px) {
	#top #title {
		display:none;
	}
	#smenu {
		display:none;
	}
	#smenu ul li a{
		display:block;
		padding:14px 14px;
		background:#009946;
		color:#FFF;
		border-bottom:1px solid #FFF;
		text-decoration:none;
		font-size:16px;
	}
	
}

/*----------------------------------------------------*/

#wrap { background:#FFF;}

/*----------------------------------------------------*/

#content {
	width:840px;
	margin:0 auto;
	padding-top:10px;
}

#sales #content,
#lease #content {
    width: 1060px;
}

#sales.robot #content {
    max-width: 1920px!important;
    width: 100%!important;
}


#content {
	width:840px;
	margin:0 auto;
	padding-top:10px;
}
#contact #content .pageTop {
	display: none;
}
#faq #content,
#sitemap #content {
	padding-bottom: 40px;
	clear: both;
}


@media screen and (max-width: 640px) {
	#content {
		width:100%!important;
		padding-top:0;
	}
}

/*----------------------------------------------------*/
.slide_wrap {
	margin: 0 auto;
	padding: 20px 0;
	background-color: #009946;
}

.slide_wrap .flexslider {
	width: 1000px;
	margin: auto;
}


.slide_wrap {
	width: 840px;
	padding: 20px;
	background-color: #006D2C;
}
.slide_wrap .flexslider_outer {
	padding: 20px 20px 10px;
	background-color: #FFFFFF;
}
.slide_wrap .flexslider {
	width: auto;
	margin-bottom: 10px;
}
.slide_wrap .flexslider_footer {
}


@media screen and (max-width: 640px) {
	.slide_wrap {
		padding: 0;
		background-color: #fff;
	}
	.slide_wrap,
	.slide_wrap .flexslider {
		width:100%;
	}
	.slide_wrap .flexslider_outer {
		padding: 0;
	}
	.slide_wrap .flexslider_footer {
		margin-bottom: 10px;
	}
}

/*----------------------------------------------------*/

#footer {
	clear:both;
	background:#009946;
	border-top:5px solid #006D2C;
}
#footerWrap {
	width:840px;
	margin:0 auto;
	padding-bottom:30px;
}


#footer {
	border-top: none;
	padding: 40px 0;
	clear: both;
}
#footer #footerWrap {}


@media screen and (max-width: 640px) {
	#footerWrap {
		width:100%;
	}
	

#footer {
	padding: 20px 0 0;
}


}
#copyright {
	clear:both;
	float:left;
	font-size:85%!important;
	color:#FFF;
	margin-top:10px;
}
#f_left_side {
	float:right;
	margin-top:10px;
}
#f_left_side ul li {
	float: right;
}
#f_left_side ul li#logoSmall {
	margin-left: 15px;
}
#f_left_side ul li#f_privacy a {
	color: #FFF;
	text-decoration: none;
	font-size: 93%;
	margin-left: 20px;
}
#f_left_side ul li#f_sitemap a {
	color: #FFF;
	text-decoration: none;
	font-size: 93%;
}


#footer #footerWrap .f_left {
	text-align: left;
	width: 360px;
	float: left;
}
#footer #footerWrap .f_left img {
	margin-bottom: 20px;
}
#footer #footerWrap .f_left #copyright {
	margin: 0;
}
#footer #footerWrap .f_right {
	width: 360px;
	float: right;
}
#footer #footerWrap .f_right ul {
	width: 180px;
	float: left;
}
#footer #footerWrap .f_right ul li {
	color: #FFFFFF;
	text-align: left;
	margin: 0;
	margin-bottom: 10px;
}
#footer #footerWrap .f_right ul li a {
	color: #FFF;
	text-decoration: none;
	font-size: 93%;
}
#footer .pageTop {
	clear: both;
	height: 60px;
	padding: 0 40px;
}
#sales #footer .pageTop img,
#lease #footer .pageTop img{
	display: none;
}


@media screen and (max-width: 640px) {
	#copyright,
	#f_left_side,
	#f_left_side ul li {
		float:none;
		width:100%;
		text-align:center;
	}
	
	#f_left_side ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		flex-direction: row-reverse;
	}
	
	#f_left_side ul li#logoSmall {
		/*margin: 0 0 10px 0;*/
		display: block;
		width: initial;
		margin: 0;
	}
	#f_left_side ul li#f_privacy {
		/*display: none;*/
		display: inline-block;
		width: initial;
	}
	
	#f_left_side ul li#f_privacy a {
		margin-left: 0;
	}
	
	#f_left_side ul li#f_sitemap {
		/*display: none;*/
		display: inline-block;
		width: initial;
	}


#footer #footerWrap .f_left {
	text-align: center;
}
#footer #footerWrap .f_left img {
	margin-bottom: 5px;
}
#footer #footerWrap .f_left #copyright {
	margin: 0 0 20px;
}
#footer #footerWrap .f_left {
	width: 100%;
}
#footer #footerWrap .f_right {
	width: 100%;
	float: left;
}
#footer #footerWrap .f_right ul {
	width: 50%;
	margin: 0;
}
#footer #footerWrap .f_right ul li {
	text-align: center;
}
#footer .pageTop {
	padding: 0;
}


}