@charset "UTF-8";

/* 基本設定
=============================================== */
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.5;
    color: #444;
    -webkit-text-size-adjust: 100%;
    font-size: 14px;
    margin: 0;
    height:100%;
}
img {
    width: 100%;
    height: auto;
    width /***/:auto;
    vertical-align:middle;
    border:none;
}
a {
    color: #F7931E;
    text-decoration: none;
}
a:hover,
a:active {
    text-decoration: none;
}
p, ul, li {
    margin:0;
    padding:0;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
    border:0;
    font-weight:normal;
}
h1 {
    display:block;
    text-align:left;
    width:100%;
    height:40px;
    background:url(../img/subtitle.png) no-repeat 0 0;
    -webkit-background-size: 100% 40px;
    font-size:16px;
    font-weight:bold;
    line-height:40px;
    margin:15px 0 8px;
    padding-left:15px;
}
h2 {
    margin:0 15px 10px;
    font-size:100%;
}
h3 {
    margin:0 15px 3px;
    font-size:12px;
    line-height:1.4;
}
p {
    margin:0 15px 10px;
    font-size:100%;
}
header, nav, section, article, aside, span, footer {
    width: 100%;
    margin:0 auto;
}
strong {
    color:#000;
    font-weight:bold;
    font-size: 15px;
}
small {
    font-size: 12px;
}
#sb-site {
    height:100%;
    position:relative;
}

/* 共通パーツ
=============================================== */
#wrapper {
    overflow: hidden;
    width: 100%;
    margin:0 auto;
    padding:0;
    padding-bottom:200px;
    padding-top:80px;
}
#title {
    width:100%;
    height:40px;
    font-size:18px;
    background-color:#F7931E;
    color:#FFF;
    line-height:42px;
    text-align:center;
    font-weight:bold;
    margin-bottom:15px;
}
.formbtn {
    width:80%;
    margin:0 auto;
    padding-bottom:10px;
}
.btn {
    display: inline-block;
    padding: 10px 0;
    text-decoration: none;
    color: #443A2F;
    font-weight:bold;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    background: -moz-linear-gradient(top,#FFF 0%,#E1DEDA);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E1DEDA));
    line-height: 100%;
    border: solid 1px #C4BDB6;
    width:100%;
}
.photo {
    max-width:240px;
    margin:0 auto;
    padding:5px 0 20px;
}
.photo img {
     width:100%;
}
.banner {
    width:90%;
    margin:0 auto;
    padding:5px 0 10px;
}
.banner img {
     width:100%;
}
.bannerlink {
    font-size:16px;
    font-weight:bold;
    text-align:center;
    line-height: 1.4;
    padding-top:5px;
    background-color:#E5E5E5;
    padding:10px;
    border: solid 1px #F7931E;
}
.photoframe{
     border:1px solid #CCC;   
     padding:3px;
     background-color:#FFF;
}
hr {
    border:none;
    border-top:solid 1px #CCC;
    height:1px;
    padding-bottom:10px;
}
.contactbut {
    width:18px;
    padding:0 3px;
}

.table {
width: 100%;
max-width: 92%;
border-collapse: collapse;
    font-size:13px;
    line-height:1.4;
    margin: 0 auto;
}
.table th{
width: 25%;
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.table td{
width:75%;
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}

/* お問い合わせ
=============================================== */
select {
    width:100%;
    font-size:120%;
    padding:5px;
}
input {
    width:94%;
    font-size:120%;
    padding:5px;
}
input:focus,input:hover{
    background:#E3E3E3;
}
textarea{
    width:95%;
    font-size:120%;
    padding:5px;
    height:50px;
}
textarea:focus,textarea:hover{
    height: 150px;
    background:#E3E3E3;
}
input[type="submit"]{
    width: 95%;
    font-size:110%;
    margin: 5px 0;
    padding: 10px 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    border: 1px #333 solid;
    color: #FFF; -webkit-appearance: none; -webkit-border-radius: 10px; -webkit-box-shadow: 0 2px 2px #CCC;
}
.focus{
    background:#E3E3E3;
}
.wd33per{
    width:20%;
}

#thanks {
    font-size:15px;
    text-align:center;
    padding:15px 0;
}
#thanks2 {
    font-size:12px;
}
#thanks2 .mailadd {
    font-size:14px;
    text-align:center;
}
#privacy p {
    font-size:12px;
    margin-bottom:10px;
}

/* 求人情報
=============================================== */
.recruit {
    width:100%;
    padding:0 0 10px;
}
.recruittable {
    width: 92%;
    border-collapse: collapse;
    font-size:13px;
    line-height:1.4;
    margin:0 auto;
}
.recruittable th{
width: 25%;
padding: 6px;
text-align: center;
vertical-align: middle;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.recruittable td{
width:75%;
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}

/* 事業内容
=============================================== */
.hato {
    max-width:100px;
    margin:0 auto;
    padding:5px 0 20px;
}
.hato img {
     width:100%;
}

/* 10年一括借上げシステム
=============================================== */
.merit {
    max-width:200px;
    margin:0 auto;
    padding:5px 0 20px;
}
.merit img {
     width:100%;
    padding-bottom:10px;
}
.gaiyo {
    width:100%;
    margin:0 auto;
    padding:5px 0 20px 5px;
}
.gaiyo img {
     width:100%;
}
.resulttable{
    display: table;
    width: 100%;
    border-collapse: separate; 
    border-spacing: 10px 0;
    padding-bottom:10px;
}
.resultimg{
    display: table-cell;
    width:50%;
}
.resultimg img {
    width:100%;
    margin:0 auto;
    padding:0 0 10px;
}

/* ホーム
=============================================== */
.slider img {
    width:100%;
    height:auto;
    padding-bottom:10px;
}
#topservice {
    padding:20px 0 0;
}
#topservice .table{
    display: table;
    width: 100%;
    border-collapse: separate; 
    border-spacing: 0;
    padding-bottom:25px;
}
#topservice img {
    width: 100%;
    margin: 0 auto;
    max-width:100px;
    padding-left:10px;
}
#topservice #img {
    display: table-cell;
    vertical-align: middle;
    width:35%;
}
#topservice #comment {
    display: table-cell;
    vertical-align: middle;
    padding:0;
}
#topservice .topservicetitle {
    font-size:14px;
    font-weight:bold;
    padding-bottom:0;
}
.10systembanner img{
    width:100%;
}

/* フッター
=============================================== */
#footer {
    width: 100%;
    margin:0 auto;
    padding-top:20px;
    position: absolute;
    bottom: 0;
    z-index:1;
}
#footer #jumptop img {
    width:40px;
}
#footer #jumptop {
    text-align:center;
    padding-bottom:15px;
}
#footer #copyright {
    text-align:center;
    background-color:#B0AE85;
    padding:5px 0;
    color:#FFF;
    font-size:10px;
}
#footer #info {
    text-align:center;
    background-color:#ECEED6;
    padding:15px 0;
    font-size:12px;
    border-top: 1px solid #FFF;
}
#footer #info a {
    font-size:15px;
    line-height:30px;
    font-weight:bold;
}

/* ヘッダーメニュー
=============================================== */
#header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 80px;
    background-color: rgba(255,255,255,0.8);
    background-image:url("../img/header.png");
    background-position:center top;
    background-repeat:no-repeat;
    -moz-background-size:auto 80px;
    background-size:auto 80px;
    z-index: 100;
}
#header p {
    margin:5px 0 0;
    padding:0;
}
#header .sb-toggle-left {
    float: left;
}
#header .sb-toggle-right {
    float: right;
}
#header img {
    width:60px;
    padding-top:10px;
}

/*左スライドメニュー*/
#menu {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
#menu li{
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #F0CE96;
}
#menu li a{
  position: relative;
  display: block;
  margin: 0;
  padding: 10px;
  background: #F7931E;
  color: #311D06;
  text-decoration: none;
}
#menu li a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #F0CE96;
}
#menu li a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #F7931E;
}

/*右スライドコンタクト*/
#contact {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
#contact p {
    margin: 0;
    padding: 0;
}
#contact li{
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #F0CE96;
  color: #311D06;
}
#contact li:last-child{
  border-bottom: 0px;
}
#contact .branch {
    font-size: 15px;
    letter-spacing: 1px;
    padding-left:10px;
}
#contact .add {
    font-size: 13px;
    line-height:1.4;
    padding:3px 0;
    padding-left:20px;
}
#contact .tel {
    font-size: 15px;
    padding-left:20px;
}
#contact a {
    color: #FEEFDD;
    text-decoration: none;
}
#contact .button {
    display: inline-block;
    padding: 10px 0;
    font-weight:bold;
    text-decoration: none;
    color: #311D06;
    text-align: center;
    margin: 0 0 0 10px;
    font-size: 14px;
    background: -moz-linear-gradient(top,#FDD777 0%,#FDC106);
    background: -webkit-gradient(linear, left top, left bottom, from(#FDD777), to(#FDC106));
    line-height: 100%;
    width:90%;
}