@charset "utf-8";

@font-face {
	font-family: "FFF_Business_Extended";
	src: url("../fonts/FFF_Business_Extended_web.eot?") format('eot'),
		 url("../fonts/FFF_Business_Extended_web.woff") format('woff'),
		 url("../fonts/FFF_Business_Extended_web.ttf")  format('truetype');
}

/*********************************************************************/
/* clearfix Start */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  display: inline-table;
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
}
.clearfix {
  display: block;
}
.clear {
  clear: both;
}
/* clearfix End */
/*********************************************************************/
/* CSS Document */
html {
background-color:#FBB03B;
}
body {
background-color: #fff;
margin:0 0 0 0 ; 
font-size:12px ; 
font-weight:400;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
border-top:#FBB03B solid 8px;
}
* {padding:0; margin:0}
#wrap {
background-color: #ffffff;
width: 100%;
margin: 0px auto;
min-height:100%;
}
#header {
width: 960px;
height: 100px;
margin: 0px auto;
display:block;
overflow:hidden;
background-color: #ffffff;
padding-top: 25px;

}
#logo {
    float:left;
    text-align:center;
	margin:0px 0px 0px 20px;
	width:280px;
	height:80px;
}
#header_navi{
	float:right;
	width:600px;
	margin:0px 0px 0px 0px;	
	background-color: #ffffff;
	}
#header_navi h1{
	width:600px;
	text-align:right;
	font-size:11px;
	color:#606060;
	font-weight:100;
	}
#header_sns {
float:left;
width:600px;
margin:10px 0px 0px 0px;	
	}
#header_sns ul{
	width:600px;
	list-style:none;	
	}
#header_sns li{
	width:28px;
	float:right;
	}
#header_search {
float:left;
width:600px;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 432px;
	}
	
#header_menu {
display:block;
	float: left;
	width:100%;
	height:55px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-top:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	background-color: #ffffff;
}

#header_menu ul{
	width:960px;
	list-style:none;
	margin:0px auto;
	padding:0px 0px 0px 0px;
		
	}
#header_menu li{
	width:160px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
#conteiner {
width: 100%;
float: left;
display:block;
background-color: #ffffff;
margin: 0 0 0 0 ;
padding-top:20px;
}
#main {
margin:0px auto;
padding:0px 0 30px 0;
width: 960px;
background-color: #ffffff;
}
#mainslide {
margin:0px auto;
padding-top:0px;
width: 960px;
display:block;

}

#mainleft{
width:640px;
float:left;
margin:20px 0 0 0;
padding:0px 0 30px 0;
}

#mainleft h1{
	font-size:120%;
	font-weight:100;
	color:#FBB03B;
	padding:10px 30px 5px 10px;	
}

#mainleft h2{
	font-size:120%;
	font-weight:100;
	color:#4D4D4D;
	border-bottom:#CCCCCC solid 1px;
	padding:0 10px 10px 10px;
	}
#mainleft h3{
	font-size:130%;
	font-weight:100;
	color:#4D4D4D;
	padding:0 30px 10px 0px;
	border-bottom:#CCCCCC solid 1px;
	
}
#mainleft a{
	color:#4D4D4D;
	text-decoration: none;
}
#mainleft a:hover{
	color:#000000;
	text-decoration: none;
}

#mainleft ul {
	list-style-type:none;
}
#mainleft li {
list-style: none;
	padding:0px 0px 10px 0px;
	border-bottom:#CCCCCC solid 1px;
}

#mainright{
	width: 295px;
	float: right;
	margin:20px 0 20px 25px;
}

#mainright h1{
	font-size:14px;
	font-weight:100;
	color:#000000;
	padding:10px 15px 5px 0px;
	border-bottom: solid 1px #CCCCCC;
	
}
#mainright h6{
	font-size:16px;
	font-weight:300;
	color:#000000;
	padding:10px 15px 5px 0px;
	border-bottom: solid 5px #FBB03B;
	
}

#mainright h1 a{
	font-size:14px;
	font-weight:100;
	color:#000000;
	padding:20px 15px 5px 0px;
	text-decoration: none;
}
#mainright h1 a:hover{
	color:#FBB03B;
	text-decoration: none;
}
#mainright ul {
	width: 295px;
	list-style:none;
}
#mainright li {
margin:0 0 10px 0;
list-style:none;
}

#mainright img{
margin:0 0 20px 0;
}

#mainrightfoot {
margin:0px auto;
padding:0px 0 30px 0;
background-color: #ffffff;
}

#fotter {
float:left;
background-color:#FBB03B;
width: 100%;
margin:20px auto 30px auto;
height:100%;
padding:0 0 0px 0;
}
#fottermain {
	width:960px;
	margin:0 auto;
	}
#fotterleft {
float:left;
width: 150px;
}
#fotterleft img {
	padding:15px 0px 15px 15px;}
#fotterright {
float:right;
width: 600px;
}
#fotterright img {
	padding:0px 5px 0px 0px;}
#fotter h1{
	float:right;
    font-size:12px;
	font-weight:100;
	color:#fff;
	padding:25px 15px 10px 0;
	text-align:right;
	}
#fotter a{
    font-size:12px;
	font-weight:100;
	color:#fff;
	}

#fotter a:hover{
    font-size:12px;
	font-weight:100;
	color:#ccc;
	}	

#fotter h2{
	width:600px;
	float:right;
    font-size:12px;
	font-weight:100;
	color:#fff;
	padding:30px 15px 10px 0;
	text-align:right;
	}
	
#search-box { 
 width:160px; height: 24px;
border:#cccccc solid 1px; 
}
#search-box input.search-text { 
float:left;
margin: 5px 0 1px 6px; 
padding:0; 
border:0; 
width: 120px;
outline: 0;
 }
#search-box input.search-go { 
float: right; 
margin: 3px 4px 0 0; 
}


/** Copyright 2007 Google Inc. All rights reserved. */

/** 
 * CSS styles for the Custom Search Engine overlay built on top of AJAXSearch
 * API
 */ 

.cse-closeResults { 
  float: right;
}

.cse-closeResults a {
  padding: 3px 5px;
  border: 1px solid #666;
  color:  #000;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

.cse-closeResults a:hover {
  background: #ddd;
  border: 1px solid #000; 
}

.cse-overlay-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #000;
}

.cse-overlay {
  text-align: left;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 10px;
  width: 600px;
  background-color: #FFF;
  border: 1px solid #333;
  font-size: small;
}

/**
 * Custom AJAXSearch styles
 */
.gsc-resultsHeader,
.gs-visibleUrl-short,
.gs-watermark
 { display: none; }

.gs-visibleUrl {
  color: #008000;
}

.gs-visibleUrl-long { 
  overflow: hidden;
}

.gs-title { 
  font-size: medium;
}

.gsc-trailing-more-results,
.gsc-webResult,
.gs-divider {
  margin-bottom: 1em;
}

.gs-divider {
  margin-bottom: 1em;
  text-align: center;
  color: #676767;
}


/**
 * Default AJAXSearch styles largely from
 * http://www.google.com/uds/css/gsearch.css
 */

/* control inputs
 * .gsc-search-box : the container that hosts the text input area
 * .gsc-input : the text input area
 */
form.gsc-search-box {
  font-size: 13px;
  margin-top : 0px;
  margin-right : 0px;
  margin-bottom : 4px;
  margin-left : 0px;
  width: 500px;
}

/*
 * This table contains the input element as well as the search button
 * Note that the search button column is fixed width, designed to hold the
 * button div's background image
 */
table.gsc-search-box {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 500px;
  margin-bottom : 2px;
}

table.gsc-search-box td {
  vertical-align : middle;
}

table.gsc-search-box td.gsc-input {
  padding-right : 2px;
}

td.gsc-search-button {
  width : 1%;
}

/**
 * undo common generic table rules
 * that tend to impact branding
 */
table.gsc-branding td,
table.gsc-branding {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border : none;
}

table.gsc-branding {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 500px;
}

td.gsc-branding-text {
  vertical-align : top;
}

td.gsc-branding-text div.gsc-branding-text {
  padding-bottom : 2px;
  text-align : right;
  color : #676767;
  font-size : 11px;
  margin-right : 2px;
}

td.gsc-branding-img-noclear {
  width : 51px;
  vertical-align : bottom;
}

td.gsc-branding-img {
  width : 65px;
  vertical-align : bottom;
}

table.gsc-branding-vertical td.gsc-branding-text div.gsc-branding-text {
  margin-right : 0px;
  text-align : center;
}

table.gsc-branding-vertical td.gsc-branding-img-noclear {
  text-align : center;
}

div.gsc-branding-img,
div.gsc-branding-img-noclear,
img.gsc-branding-img,
img.gsc-branding-img-noclear {
  padding-top : 1px;
}

img.gsc-branding-img,
img.gsc-branding-img-noclear {
  margin : 0 0 0 0;
  padding-right : 0;
  padding-left : 0;
  padding-bottom : 0;
  border : none;
  display : inline;
}

a.gsc-branding-clickable {
  cursor : pointer;
}

input.gsc-search-button {
  margin-left : 2px;
}

/*
 * Given that this is sitting in a variable width tabel cell, the idea is
 * for it to consume the entire cell. The adjacent cell contains the search
 * button and that is a fixed width cell.
 */
input.gsc-input {
  padding-left : 2px;
  border-style : solid;
  border-width : 1px;
  border-color : #BCCDF0;
  width : 99%;
}

.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
  margin-bottom : 0px;
  display : inline;
}

.gsc-results .gsc-cursor {
  display : inline;
}

.gsc-results .gsc-cursor-box {
  margin-bottom : 10px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  cursor : pointer;
  color : #000000;
  text-decoration: underline;
  margin-right : 8px;
  display : inline;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color : #A90A08;
  font-weight : bold;
  text-decoration: none;
}


table.formlist{
	width: 640px;
	margin: 10px auto;
}
table.formlist, table.formlist tr td{
border: 1px solid #999;
border-collapse: collapse;
background-color: #F1F2F4;
padding:5px;
}


table tr td.cellname{
background-color: #FFCC99;
}
table.formlist tr td.tbltitle{
text-align: center;
color: #fff;
background-color: #FF3300;

}

table.about{
	width: 640px;
	margin: 10px auto;
}
table.about, table.about tr td{
border-top: 1px solid #CCC;
border-collapse: collapse;
background-color: #ffffff;
padding: 20px 0 20px 0;
text-align: left;
}
table tr td.about{
width:120px;
background-color: #FBB03B;
color:#ffffff;
text-align: center;
}
table tr td.about02{
text-align: left;
color:#4D4D4D;
padding-left:30px;
}

table.noborder{
width: 100%;
}
table.noborder,table.noborder tr td{
border-width: 0;
border-collapse: none;
}
p.caution{
margin :20px 75px 0 75px;
padding: 0;
color: #c00;
font-size: 11px;
text-align: right;
}
span.caution{
color: #c00;
font-size: 11px;
}
.sample{
color: #006;
}
p.submitbtn{
margin: 0 auto;
text-align: center;
}
strong{
font-size: 13px;
text-indent: 1em;
color: #c00;
margin: 0;
padding: 0;
}

dl#catchcopy{
	width: 600px;
	margin: 10px auto;
}
dl#catchcopy dt{
	padding: 0;
	background-image: url(http://shouei-jidousha.com/2012/wp-content/themes/nyo/img/point.gif);
	background-repeat: no-repeat;
	text-indent: 80px;
	color: #666666;
	font-weight: bold;
	line-height: 30px;
	font-size: 12px;
	margin: 0px;
}
dl#catchcopy dd{
	border-style:solid;
	border-width: 0 0 1px 0;
	border-color: #FF8400;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

p.kome{
	color: #CC0000;
	font-size: 10px;
	margin: 0 auto 20px;
	width: 610px;
}
.servistitle {
	padding: 0;
	font-size: 14px;
	color: #FF8500;
	line-height: 36px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-repeat: no-repeat;
	width: 710px;
	margin: 20px auto 20px;
}

.servistitle02 {
float:left;
padding: 5px 5px 5px 5px;
	font-size: 12px;
	color: #ffffff;
    background-color: #FBB03B;
	margin: 3px 0 10px 10px;
	width:100px;
}
.serviscontent {
clear: both;
float:left;width:320px;
	font-size: 12px;
	color: #000000;
	margin: 0px 0 10px 10px;
}
.servistable {
clear: both;
float:left;
margin:20px 0 20px 0;
}

.prititle {
	padding: 0;
	font-size: 14px;
	color: #000000;
	line-height: 36px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-repeat: no-repeat;
	width: 710px;
	margin: 20px auto 20px;
}
.pri {
	padding: 0;
	font-size: 12px;
	color: #000000;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-repeat: no-repeat;
	margin: 0px auto 20px;
}

linktable {
	width: 718px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	clear: both;
}

linktd, th {
	vertical-align: top;
	font-size: 12px;
	line-height: 18px;
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-left: 4px;
}


linkth {
	color: #FF6600;
}
linktd img {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
.link {
	text-align: left;
	font-size: 14px;
	text-decoration: none;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	color: #666666;
}

#staff img{
margin:20px 0 20px 0;
}
#totoparea{
background-color: #ffffff;

}
#totop {
    position: relative;
    width:130px;
    float: right;
    margin:-30px 30px 0 650px;
    padding: 10px 10px 10px 20px;
    background-color:#FBB03B;
}
#totoparea a{
font-size: 12px;
color: #fff;
text-decoration: none;}

#totoparea a:hover{
color: #CCC;}

.saletitle{
margin: 20px 0 20px 0;
padding: 0 0 5px 0;
font-size: 24px;
font-weight: bold;
border-bottom: solid 5px #000000;
}

#sale{
margin: 0 0 20px 0;
}

.contact {
margin: 0 0 20px 0;
}

#salecontent {
width:600px;
border: dotted 1px #000;
padding:20px;
margin: 20px 0 10px 0;
}
.sale01 {
font-weight: bold;
font-size: 16px;
padding-bottom: 5px;
}

#05 fb-uchikoshi {
position: absolute;
padding-top: 2045px;
padding-left: 450px;

}

#fb-kami {
position: absolute;
padding-top: 1050px;
padding-left: 500px;

}
#fb-take {
position: absolute;
padding-top: 2045px;
padding-left: 450px;

}
#fb-fuji {
position: absolute;
padding-top: 2045px;
padding-left: 450px;

}
#fb-baba {
position: absolute;
padding-top: 2600px;
padding-left: 450px;

}

/* Goodlife スタッフ募集 20140224 */
#recruit {
	font-size: 12px;
	line-height: 21px;
}
#recruit h2 {
	border: 0;
	padding: 0;
	margin-bottom: 16px;
}
#recruit h2 .jpn {
	float: left;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #000000;
	padding-top: 2px;
	height: 33px;
	border-bottom: 7px solid #fbb03b;
}
#recruit h2 .eng_box {
	margin-top: 7px;
	padding-left: 2px;
	height: 8px;
}
#recruit h2 .eng {
	font-size: 8px;
	line-height: 8px;
	font-family: "FFF_Business_Extended";
	color: #fbb03b;
}
.Chrome #recruit h2 .eng {
	font-size: 16px;
	line-height: 16px;
	-webkit-transform-origin: left top;
	-webkit-transform: scale(0.5);
}
#recruit h3#recruit_title {
	padding: 0;
	margin: 32px 0 12px 0;
	border: 0;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
#recruit p {
	margin: 0 0 21px;
}
a img {
	border: 0;
}
.side_banner_s,
.side_banner_b {
	display: block;
	margin: 0;
	width: 293px;
	margin-bottom: 20px;
	border: 1px solid #d5d6d6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.side_banner_s {
	height: 94px;
}
.side_banner_b {
	height: 249px;
}




.sp {
	display: none;
}
#sp-header_menu {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	position: absolute;
	top: 120px;
	left: 0;
	z-index: -99;
}

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

media query

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

/* 815px 以下 */
@media (max-width: 815px) {

	.pc {
		display: none !important;
	}
	.sp {
		display: block;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	#wrap {
		margin: 0px auto 75px;
	}
	#header {
		width: 100%;
		position:relative;
		padding-top:10px;
	}
	#header .sp-h1 {
		font-size: 10px;
		color: #444;
		line-height: 1.2;
		margin: 0 20px 10px;
	}
	#logo {
		width: 200px;
		height: auto;
	}
	#header_navi {
		float: none;
		width: 100%;
	}
	/* menu-btn */
	#menu-btn {
		width: 35px;
		height: 25px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 60px;
		z-index: 9999999;
	}
	#menu-btn span {
		display:block;
		width: 100%;
		height: 2px;
		background:#222;
		position:absolute;
		left: 0;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
	}
	#menu-btn span.t {
		top: 0;
	}
	#menu-btn span.m {
		top: 12px;
	}
	#menu-btn span.b {
		bottom: 0;
	}
	#menu-btn.active span.t {
		top: 11px;
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#menu-btn.active span.m {
		width: 0;
	}
	#menu-btn.active span.b {
		bottom: 12px;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}

	#sp-header_menu {
		width: 100%;
		padding: 20px;
		background: #fff;
		box-sizing: border-box;
	}
	#sp-header_menu.active {
		visibility: visible;
		opacity: 1;
		z-index: 9999;
	}
	#sp-header_menu ul {
		margin: 0 0 20px;
		padding: 0;
		list-style: none;
	}
	#sp-header_menu ul li {
		padding: 10px 0;
		border-bottom: solid 1px #ccc;
	}
	#sp-header_menu ul li a {
		font-size: 14px;
		font-weight: bold;
		color: #333;
		text-decoration: none;
	}
	#sp-header_menu ul li a span {
		color: #FBB03B;
		font-size: 12px;
		margin-left: 10px;
	}
	#conteiner {
		width: 100%;
		float: none;
		margin: 0;
	}
	#main {
		width: 100%;
		box-sizing: border-box;
		padding: 0 15px;
	}
	#mainleft {
		width: 100%;
		float: none;
	}
	#mainright {
		width: 100%;
		float: none;
		margin: 20px 0;
		text-align:center;
	}
	#mainright ul {
		width: 100%;
	}
	.side_banner_s,
	.side_banner_b {
		width: auto;
		height: auto;
		margin: 0 auto 20px;
	}
	#fottermain {
        width: 100%;
	}
	#totoparea {
		text-align: right;
	}
	#totop {
		display: inline-block;
		float: none;
		margin: 0;
	}

	#fotterleft {
		float: none;
		width: auto;
		padding: 0 20px 30px;
		text-align: center;
	}
	#fotterleft img {
		padding: 0;
	}
	#fotterright {
		float: none;
		width: auto;
	}
	#fotter h1 {
		display:inline-block;
		float: none;
		padding: 0;
		text-align: left;
		margin: 0 20px 10px;
	}
	#fotter h2 {
		width: auto;
		float: none;
		font-size: 10px;
		padding: 20px 0;
		text-align: center;
	}

/*----
home
--------*/
	#mainslide {
		width: 100%;
	}
	#mainslide iframe {
		width: 100%;
	}

/*----
page
--------*/
	.prititle {
		width: auto
	}
	.servistitle {
		width: auto;
	}
	.servistable table {
		display: block;
		width: 100%;
	}
	.servistable table td {
		display: block;
		width: 100%;
	}
	#salecontent {
		width: auto;
	}
	.saletitle {
		font-size: 14px;
	}

	table.about {
		width: 100%;
	}
	#map {
		width: 100%;
	}


}