e/* WEB FONT */
@import url(http://fonts.googleapis.com/css?family=Signika:600|Varela+Round);

/* RESET */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	overflow-y: scroll;
    color:#000;
	
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}
table{
    border-collapse:collapse;border-spacing:0;
}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;font-weight:normal;
}
li { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
    font-size:100%;font-weight:normal;
}
q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
legend{ color:#000; }

/* BASIC */
body {
	font: normal 18px/22px "Varela Round", sans-serif;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	background-color:#0e0e0e;
	border-top:3px solid #f58926;
	font-family: "���S�V�b�N��","���S�V�b�N",YuGothic,"���C���I",Meiryo,"�q���M�m�p�S ProN W3","Hiragino Kaku Gothic ProN",Verdana,Roboto,"Droid Sans",sans-serif;
}
input, textarea{
	color:black;
}

.wrap{
	overflow:hidden;
}
a, a:visited {
	color: #f58926;
	position: relative;
	text-decoration:none;
	display: inline-block;
	transition: .3s;
}
a:hover{
	color: #fff;
}
.link a:hover::after {
	width: 100%;
}
.link a::after{
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background-color: red;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
a.back_link{
	background:url(../images/external-link.png) no-repeat right center;
	padding-right:10px;
	margin-right:5px;
}
.review_images img{
	width:100%;
}

.text{
	text-align:left;
	margin-bottom:30px;
	line-height:25px;
}
.note{
	font-size:24px;
	margin-bottom:15px;
}
/* LAYOUT */
.inner {
    width: 900px;
    margin: 0 auto 50px;
	text-align: left;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
/* */
.content_main_text{
	font-size:16px;
	text-align:center;
	margin-bottom:30px;
	letter-spacing:150%;
	line-height:200%;
	vertical-align:top;
}
.step_list{
}
.five_step .step_content{
	width:20%;
}
.step_content{
	padding:0 10px;
	margin-bottom:30px;
	background:url(../images/arrow.png) no-repeat 140px top;
}
.step_content.end{
	background:none;
	padding-left:10px;
	padding-right:0;
}
.step_content .caption{
	font-size:36px;
}
.step_content .title{
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
}
.step_content .title,
.step_content .caption{
	text-align:left;
	width:140px;
	clear:both;
}

.step_content .text{
	font-size:12px;
	float:right;
	width:700px;
}

/* */
.pagination{
	margin-bottom:10px;
}

/* header */
#top-head {
    width: 100%;
    margin: 0 auto;
	padding:10px;
	padding-top:0;
	background:#0e0e0e;
	top: 0;
	left:0;
	position: fixed;
	margin-top: 0;
	padding-bottom:0;
	z-index: 101;
}
#top-head:after {
    content: "";
    clear: both;
    display: block;
}
.head-text{
	font-size:10px;
	margin-bottom:10px;
	text-align:center;
}
.main_image{
}
.bx-viewport{
	background: #E0E0E0;
}
#top-head a,
#top-head {
    color: #fff;
    text-decoration: none;
	position: relative;
	display: inline-block;
	transition: .3s;
}
#top-head a{
	color:#f58926;
}
#top-head a::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background-color: #f58926;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

body.owners-gallery #global-nav .gallery a,
body#other-gallery.category #global-nav .gallery a,
body#other-gallery.category #global-nav .gallery a,
body#xtrail-gallery.category #global-nav .gallery a,
body#xtrail-gallery.category #global-nav .gallery a,
body#other-gallery.single-post #global-nav .gallery a,
body#other-gallery.single-post #global-nav .gallery a,
body#xtrail-gallery.single-post #global-nav .gallery a,
body#xtrail-gallery.single-post #global-nav .gallery a,
body.owners-gallery #global-nav .gallery a,
body.xtrail #global-nav .gallery a,
body#contact-form #global-nav .contact a,
body.single-post#custom #global-nav .custom a,
body#custom.category #global-nav .custom a,
body.category-custom #global-nav .custom a,
body#about #global-nav .about a,
body.maintenance #global-nav .maintenance a,
body.coating #global-nav .coating a,
body.estimate #global-nav .estimate a,
body.service #global-nav .service a,
body#car_sales #global-nav .car_sales a,
body#assurance #global-nav .assurance a,
body#buy-car #global-nav .buy-car a,
body.home #global-nav .home a,
body#recruit-form #global-nav .recruit a,
body#purchase #global-nav .purchase a,
body#maintenance #global-nav .maintenance a,
body#owners-gallery.archive #global-nav .gallery a,
body.category-parts-sale #global-nav .parts-sale a
{color: #fff;}


body.owners-gallery #global-nav .gallery,
body#other-gallery.category #global-nav .gallery,
body#other-gallery.category #global-nav .gallery,
body#xtrail-gallery.category #global-nav .gallery,
body#xtrail-gallery.category #global-nav .gallery,
body#other-gallery.single-post #global-nav .gallery,
body#other-gallery.single-post #global-nav .gallery,
body#xtrail-gallery.single-post #global-nav .gallery,
body#xtrail-gallery.single-post #global-nav .gallery,
body.owners-gallery #global-nav .gallery,
body.xtrail #global-nav .gallery,
body#contact-form #global-nav .contact,
body.single-post#custom #global-nav .custom,
body#custom.category #global-nav .custom,
body.category-custom #global-nav .custom,
body#about #global-nav .about,
body#recruit-form #global-nav .recruit,
body.maintenance #global-nav .maintenance,
body.coating #global-nav .coating,
body.estimate #global-nav .estimate,
body.service #global-nav .service,
body#car_sales #global-nav .car_sales,
body#assurance #global-nav .assurance,
body#purchase #global-nav .purchase,
body#maintenance #global-nav .maintenance,
body#owners-gallery.archive #global-nav .gallery,
body#buy-car #global-nav .buy-car,
body.category-parts-sale #global-nav .parts-sale,
body.home #global-nav .home{
	background:#f58926;
	border:none;
}

body.owners-gallery #global-nav .gallery a::after,
body.category-other-gallery #global-nav .gallery a::after,
body.category-owners-gallery #global-nav .gallery a::after,
body.owners-gallery #global-nav .gallery a::after,
body.category-xtrail-gallery #global-nav .gallery a::after,
body#xtrail-gallery #global-nav .gallery a::after,
body.xtrail #global-nav .gallery a::after,
body#contact-form #global-nav .contact a::after,
body.single-post#custom #global-nav .custom a::after,
body#custom.category #global-nav .custom a::after,
body.category-custom #global-nav .custom a::after,
body#about #global-nav .about a::after,
body#recruit-form #global-nav .recruit a::after,
body.maintenance #global-nav .maintenance a::after,
body.coating #global-nav .coating a::after,
body.estimate #global-nav .estimate a::after,
body.service #global-nav .service a::after,
body#car_sales #global-nav .car_sales a::after,
body#assurance #global-nav .assurance a::after,
body#purchase #global-nav .purchase a::after,
body#buy-car #global-nav .buy-car a::after,
body#maintenance #global-nav .maintenance a::after,
body#owners-gallery.archive #global-nav .gallery a::after,
body.category-parts-sale #global-nav .parts-sale a::after,
body.home #global-nav .home a::after
{height: 0;}

/* global menu */
#global-nav a:hover::after {
	width: 100%;
}
#global-nav a:hover{
	color:#fff;
}
#mobile-head{
	text-align:center;
}
#global-nav{
	padding-top:20px;
	text-align:center;
	height:50px;
}
#global-nav ul {
    font-size: 12px;
}
#global-nav ul li{
	display: inline-block;
	padding:0 20px;
	margin:0;
	border-left:1px solid #666666;
	margin-right:-4px;
}
#global-nav ul li.contact{
	margin:0;
	border-right:1px solid #666666;
}


/* Toggle Button */

h1.caption{
	font-size:62px;
	color:#f58926;
	text-decoration:underline;
	margin:0 auto;
	text-align:center;
}
h1.caption span{
	color:#FFFFFF;
}
h2.caption{
	font-size:3.2vw;
	padding:15px 0 5px 0;
	margin-bottom:15px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	text-align:center;
}
div.caption{
	font-size:4.375vw;
	text-align:center;
}
div.caption span{
	font-size:24px;
}
div.caption.underline{
	text-decoration:underline;
	color:#f58926;
	margin-bottom:15px;
}
div.caption.underline span{
	font-size:4.2vw;
	color:#FFF;
}
.caption{
	font-family: "DIN Condensed";
	letter-spacing: 0.1em;
    line-height: 1.2;
}

.float_left{float:left;}
.float_right{float:right;}

/* */
.content_list{
	width:33.3%;
}
*::before,
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.estimate-in::before,
.content_list .estimate{
    background: url("./../images/estimate.jpg") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
}
.coating-in::before,
.content_list .coating{
    background: url("./../images/coating.jpg") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
}
.maintenance-in::before,
.content_list .maintenance{
    background: url("./../images/maintenance.jpg") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
}
.panel {
    position: relative;
    z-index: 1;
}
.title_area{
}
.panel-in::before {
    content: "";
    position: absolute;
    background-clip: content-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.panel-in::before,
.panel-in {
	padding-top:150px;
}
.panel-in {
    position: relative;
}
.panel-main {
	font-size:12px;
    position: relative;
    margin-bottom: 0;
    background: rgba(0,0,0,0.4);
}
.link_button{	
	display:block;
	padding:10px;
	text-decoration:none;
	text-align:center;
}
.link_button span{
	display:block;
	color:#FFFFFF;
}
.link_button span.text{
	position: absolute;
	margin:0 10px;
}
.link_button span.link{
	font-size:36px;
	border:1px solid #f58926;
	color:#f58926;
	font-weight:bold;
	margin:0 auto;
	padding:15px;
	margin-top:80px;
}
.title_area{
    position: relative;
	top:100px;
	text-align:center;
}
.title_area div.caption{
	font-weight:bold;
	font-size:36px;
}
.title_area div.text{
	text-align:center;
}
/* */
.footer_content_list_area,
.footer_contact_area{
	background:#222222;
	padding:30px 0;
	font-size:12px;
	border-top:#333333 solid 1px;
	border-bottom:#333333 solid 1px;
}

<!-- -->
.coop_area{
	background:#FFFFFF;
	text-align:center;
}
.coop_link{
	display:inline-block;
}
.coop_link img{
	margin:10px 20px;
}
.sns_area{
	text-align:center;
	background:#111;
	padding:20px 0;
}
.sns_area .inner{
	margin:0 auto;
	text-align:center;
}
.sns_area .inner iframe,
.sns_area .inner .fb-like{
	margin:0 5px;
}
.sns_area .sns_button{
	display:inline-block;
}
.footer_contact_area .inner,
.about_area.inner{
	margin-bottom:0;
}
.footer_contact_area .inner .float_right .caption,
.footer_contact_area .inner .float_left .caption{
	font-size:48px;
}
.footer_contact_area .inner .float_left .text{
	padding-left:15px;
}
.footer_contact_area .inner .float_right{
	width:330px;
	text-align:left;
}
.footer_contact_area .text{
	text-align:center;
	font-size:1.6vw;
	line-height:100%;
}
.footer_contact_area .text span{
	font-size:2.2vw;
	font-weight:bold;
}
footer .about_area{
	text-align:left;
}
footer .container{
	margin-bottom:30px;
	border:1px solid #666666;
	display:inline-block;
	vertical-align:top;
	padding:10px;
}
footer .container.loan{
	width:49%;
	text-align:center;
}
footer .container.loan .caption{
	font-size:14px;
	margin-bottom:5px;
}
footer .container.loan .image{
	background:#FFFFFF;
	text-align:center;
}
footer .container.about{
}
footer .container.about .caption{
	position:absolute;
	font-size:14px;
	background:#000000;
}

/* */
.two_line_content{
	width: 47%;
	margin-bottom: 20px;
}

/* */
.ul_list ll{
	display:block;
	text-align:left;
}
.ul_list ll span{
	width:50px;
	display:block;
	float:left;
}

.content_caption.caption{
	font-size:16px;
	text-align:left;
	font-size:20px;
	padding-top:7px;
	padding-left:10px;
	margin-bottom:15px;
	border-left:10px solid #f58926;
}
.content_caption.caption.flow{
	border-left:none;
	background:url(../images/arrow.png) left center no-repeat;
	padding-left:20px;
	background-size: 15px;
}

.dl_indent_list{
	text-align:left;
	margin-bottom:15px;
}
.dl_indent_list dt{
}
.dl_indent_list dd{
	padding-left:15px;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
.clearfix {
    zoom: 1; /* for IE6/7 */
}

.list_table{
	margin-bottom:15px;
}
.list_table th,
.list_table td{
	padding:5px;
	border:1px solid #f58926;
}
.list_table th{
	padding-right:15px;
}

.button{
	margin:0 auto;
	text-align:center;
}
.button a{
	transition: all 300ms ease 0s;
	background: #fff none repeat scroll 0 0;
	border-radius: 4px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 18px 40px;
	font-weight:bold;
	margin-bottom:15px;
}
.button a:hover{
	background: #f58926 none repeat scroll 0 0;
	color:#000;
	text-decoration:none;
}

.imgR{
	float:right;
	margin:0 0 7px 7px;
}
.imgL{
	float:left;
	margin:0 7px 7px 0;
}


/* */
div.content_images{
}

.content_images.car_sales{
	background:url(../images/top_images_01.jpg) no-repeat right center;
	background-size: cover;
}
.content_images.coating{
	background:url(../images/coating_images_01.jpg) no-repeat left top;
}
.content_images{
	margin-bottom:30px;
	padding-top:100px;
	text-align:left;
}
.content_images .caption{
	text-align:left;
	background:#0e0e0e;
	display:inline-block;
	padding:10px;
	margin-bottom:100px;
}
.content_images .main_caption{
	color:#f58926;
	text-decoration:underline;
}
.content_images .main_caption span{
	font-size:64px;
	color:#FFFFFF;
}
.content_images .sub_caption{
	font-size:16px;
}

.content_images .text,
.content_images .link{
	margin-left:50px;
	display:inline-block;
	padding:15px;
    background: rgba(14,14,14,0.7);
}

.content_images .text{
	width:80%;
}
.content_images .link{
	margin-bottom:15px;
}
.content_images.coating .text{
    background: rgba(0, 0, 0,0.7);
}
/* */
.inner.form{
	margin-bottom:15px;
}
.form-btn{
	margin-bottom:50px;
	text-align:center;
}
.form-btn input{
	padding:15px 50px;
	font-weight:bold;
	background-color:#FFFFFF;
	color:#f58926;
	cursor:pointer;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: all 300ms ease 0s;
}
.form-btn input:hover{
	background: #f58926 none repeat scroll 0 0;
	color:#000;
	text-decoration:none;
}

/* */
.table_dl_2{
	width:45%;
}
.table_dl_2 dt,
.table_dl_2 dd{
	display:inline-block;
	padding:6px 0;
	font-size:16px;
}
.table_dl_2 dt{
	width:25%;
	font-weight:bold;
	vertical-align:top;
}
.table_dl_2 dd{
	width:70%;
}

div.nav {
    padding: 0 0;
    margin: 0 auto 0;
    width: 100%;
	background:#0e0e0e;
}
div.fixed_menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	border-bottom:3px solid #f58926;
}

.nav {
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}


/* */
div.contents_link{
	width: 900px;
	margin: 0 auto; 
	padding: 8px 8px 35px;
}
.contents_link h2{
	font-size: 24px;
	margin: 0 0 7px !important;
	padding: 3px 0 5px 5px; 
	line-height: 1;
	text-align: center; 
	border-bottom: 5px solid #f58926;
	font-weight: bold;
}
.contents_link p{
	line-height: 1.7; 
	text-align: left;
}
.contents_link a {
	text-decoration: underline;
}
.contents_link a:hover {
	text-decoration: none;
}

@media screen and (max-width: 1000px) {
	div.contents_link{
		width: 760px;
	}
	
	.contents_link h2{
		font-size: 24px;
		border-bottom: 2px solid #f58926;
	}
}

@media screen and (max-width: 800px) {
	div.contents_link{
		width: 80%;
	}
}
@media screen and (max-width: 646px) {
	div.contents_link{
		width: 98%;
	}
	.contents_link h2{
		font-size: 4.0vw;
	}
}

.blog_right_content{
	margin-bottom: 30px;
	font-size: 0.8vw;
}

/* */
@media screen and (max-width: 1000px) {
	.head-text{
		display:none;
	}
	.head-text{
		matrgin-bottom:5px;
	}
	h1.caption{
		font-size:8.0vw;
	}
	.inner {
		width: 95%;
		margin: 0 auto 15px;
		text-align: center;
	}
    #top-head{
        width: 100%;
        padding: 0;
        top: 0;
        margin-top: 0;
		margin-bottom:10px;
    }
    /* Fixed reset */
    #top-head.fixed .logo,
    #top-head .logo {
		padding:10px 0 5px 10px;
    }
	#top-head{
		padding-right:30px;
	}
	#top-head .logo{
		float:left;
	}
	#global-nav{
		padding-top:30px;
		height:100%;
		float:right;
	}
    #top-head #global-nav ul li{
		padding:0 5px;
	}
    #top-head #global-nav ul li a:hover,
    #top-head.fixed #global-nav ul li a:hover{
		color:#f58926;
	}
	.main_image{
	}
	.panel-in::before,
	.panel-in {
		padding-top:75px;
	}
	.title_area{
		top:50px;
	}
	.link_button span.text{
		display:none;
	}
	.link_button span.link{
		margin-top:0;
	}
	.content_list{
		width:100%;
	}
	.content_list.float_left{
		float:none;
	}
	.footer_contact_area .inner .float_right,
	.footer_contact_area .inner .float_left{
		width:100%;
		float:none;
	}
	.content_main_text{
		text-align:left;
		width:90%;
		font-size:14px;
		margin:0 auto;
		margin-bottom:30px;
	}
	/* */
	.step_list{
		padding:0;
	}
	.step_content{
		width:100%;
		float:none;
		padding:0;
		margin-bottom:35px;
		background:none;
	}
	.step_content div.float_left{
		float:none;
		padding-left:40px;
		background:url(../images/arrow.png) no-repeat left center;
	}
	.step_content.end{
		background:none;
		padding:0;
	}
	.step_content .caption{
		font-size:36px;
		width:100%;
		padding:0;
	}
	.step_content .title{
		font-size:18px;
		font-weight:bold;
		margin-bottom:10px;
		width:100%;
		padding:0;
	}
	.step_content .text{
		font-size:12px;
		float:none;
		width:100%;
		padding:0;
	}
	
	div.caption{
		font-size:24px;
	}
	div.caption span{
		font-size:18px;
	}
	div.caption.underline span{
		color:#FFF;
	}
	.content_images{
		margin-bottom:30px;
		padding:0;
		text-align:left;
	}
	.content_images .text{
		width:100%;
		margin-left:auto;
		margin-bottom:0;
		font-size:2.0vw;
		padding:0;
		padding-top:15px;
	}
	.content_images .text br.responsive{
		display:none;
	}
	.content_images .link{
		margin:0;
		width:100%;
	}
	/* */
	.table_dl_2{
		width:100%;
		float:none;
	}
	.table_dl_2 dt,
	.table_dl_2 dd{
		display:inline-block;
		padding:6px 0;
		font-size:16px;
	}
	.table_dl_2 dt{
		width:25%;
		font-weight:bold;
		vertical-align:top;
	}
	.table_dl_2 dd{
		width:70%;
	}
	.text{
	}
	div.google_map iframe{
		width:90%;
		height:300px;
	}
	.content_images .main_caption span{
		font-size:48px;
	}
}
@media screen and (max-width: 600px) {
	.float_left,
	.float_right{float:none;}
	.imgR,
	.imgL{float:none;}
	
	.two_line_content {
		width: 97%;
	}
	
	#top-head{
		padding-right:0px;
	}
	#top-head .logo{
		float:none;
	}
	#global-nav{
		padding-top:5px;
		height:100%;
		float:none;
	}
	
	.title_area{
		position:static;
		padding-top:10px;
	}
	.title_area .text{
		margin-bottom:10px;
	}
	.panel-in::before,
	.panel-in{
		padding:0;
	}
	
	/* */
	.footer_contact_area .text{
		margin-bottom:10px;
	}
	
}
@media screen and (max-width: 400px) {
    #top-head #global-nav ul li.home{
		display:none;
	}
}
@media screen and (max-width: 360px) {
	#global-nav ul li{
    	font-size:3.0vw;
	}
}

.banner-area {
    display: block;
	background-color: #0e0e0e;
	border: 1px solid#999;
    padding: 10px 5px 5px;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 9999;
}
.banner-area a{
	text-decoration: none;
}