@import url(http://weloveiconfonts.com/api/?family=entypo);

html {
 font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.container h2, .container .h2 {
 padding-top: 120px;
 padding-bottom: 2px;
 font-size: 20px;
 text-align: center;
 font-weight: bold;
 border-bottom: solid 4px #F3981C;
 /*text-shadow: #FFF 1px 1px 0px,  #FFF -1px 1px 0px, #FFF 1px -1px 0px, #FFF -1px -1px 0px;*/
}

.container h2.a {
 border-bottom: solid 4px #DE5856;
 background: url('../img/bg_h2_a.png') center top no-repeat scroll;
}

.container h2.b {
 background: url('../img/bg_h2_b.png') center top no-repeat scroll;
 border-bottom: solid 4px #58CA6C;
}

.container h2.c {
 background: url('../img/bg_h2_c.png') center top no-repeat scroll;
}

.container h2.company,
.container h2.employment {
 padding-top: 15px;
 border-bottom: 0;
 border-bottom: solid 4px #F3981C;
}

.container P {
 text-align: justify;
}

.jumbotron {
 margin-top: 10px;
 padding-top: 0px;
 padding-bottom: 0px;
 height: 240px;
 background: url('../img/bg_768.png') center center no-repeat scroll;
}

.jumbotron h1, .jumbotron .h1 {
 font-size: 16px;
 margin-bottom: 0px;
 color: #FFF;
 text-shadow: #000 1px 1px 0px,  #000 -1px 1px 0px, #000 1px -1px 0px, #000 -1px -1px 0px;
}

.jumbotron P {
 margin: 45px auto 0 auto;
  padding: 15px 0 10px 0;
 font-size: 20px;
 font-weight: bold;
 color: #FFF;
 text-align: center;
 text-shadow: 2px 2px 6px #000;
 width: 90%;
 background: url('../img/bg_jumbotron.png');
 border: 0px;
 border-bottom:  10px solid rgba(255,255,255,0.2);

}

.no-image {
  margin-bottom: 10px;
  height: 240px;
  background: url('../img/no-image.png') center center no-repeat scroll;
}

DIV#image01,
DIV#image02 {
  margin-bottom: 10px;
  background-color : #DDD;
  background: url('../img/img01.jpg') center bottom no-repeat scroll;
  height: 400px;
}

DIV#image02 {
  background: url('../img/img02.jpg') center center no-repeat scroll;
}

@media screen and (min-width: 768px) {
 .jumbotron {
  height: 240px;
  background: url('../img/bg_768.png') center center no-repeat scroll;
 }
 .jumbotron P {
  margin: 40px auto 0 auto;
  padding: 15px 0 10px 0;
  font-size: 24px;
  font-weight: normal;
  width: 95%;
 }
  #image01,
  #image02,
  .no-image {
   height: 360px;
 }
}

@media (min-width: 992px) {
 .jumbotron {
  height: 310px;
  background: url('../img/bg_992.png') center center no-repeat scroll;
 }
 .jumbotron P {
  margin: 70px auto 0 auto;
  padding: 15px 0 10px 0;
  font-size: 28px;
  font-weight: normal;
  width: 85%;
 }
 .jumbotron h1 {
  padding-left: 25px;
 }
 #image01,
 #image02,
 .no-image {
   height: 360px;
 }
}

@media (min-width: 1200px) {
 .jumbotron {
  height: 375px;
  background: url('../img/bg_1200.png') center center no-repeat scroll;
 }
 .jumbotron P {
  margin: 90px auto 0 auto;
  padding: 20px 0 15px 0;
  font-size: 28px;
  font-weight: normal;
  width: 72%;
 }
 #image01,
 #image02,
 .no-image {
   height: 450px;
 }
}

.navbar-brand {
  float: left;
  height: 50px;
  padding: 10px 10px;
  font-size: 18px;
  line-height: 20px;
}

.navbar-toggle {
  background-color: #FFF;
}

.navbar-inverse {
 background-color: #F3981C;
 border-color: #333;
 border-width: 0 0 1px 0;
}

.navbar-inverse .navbar-nav > li > a {
 color: #FFF;
 font-weight: bold;
 border-left: 2px solid #F3981C;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
 color: #FFF;
 background-color: #F6B255;
 border-left: 2px solid #FFF;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #F6B255;
  border-color: #FFF;
}

.navbar-inverse .navbar-toggle {
  border-color: #FFF;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #F6B255;
}

.navbar-inverse .navbar-toggle:hover .icon-bar,
.navbar-inverse .navbar-toggle:focus .icon-bar {
  background-color: #FFF;
}

.navbar-default {
 background-color: #FFF;
 border-color: #333;
 border-width: 0 0 1px 0;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
 color: #FFF;
 background-color: #F6B255;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
 color: #FFF;
 background-color: #F3981C;
}

.navbar-default .navbar-toggle {
  border-color: #F6B255;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #F3981C;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #F3981C;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #FFF;
}

TABLE.company,
TABLE.employment {
 width: 100%;
}

TABLE.company TH,
TABLE.employment TH {
 width: 15%;
 white-space: nowrap;
 font-weight: normal;
 vertical-align: middle;
 border-right: 2px solid #F3981C;
 background-color: #FCE5C6;
}

TABLE.company TD,
TABLE.employment TD{
 width: 85%;
 
}

TABLE.company TH,
TABLE.company TD,
TABLE.employment TH,
TABLE.employment TD {
 padding: 4px 8px;
 border-bottom: 1px solid #CCC;
}

TABLE.company TH.nb,
TABLE.company TD.nb,
TABLE.employment TH.nb,
TABLE.employment TD.nb {
 border-bottom: none;
}

DIV.access {
 padding-left: 10px;
}

DIV.access ul {
 padding-left: 0;
 list-style-type: none;
}

DIV.access li {
 height: 39px;
 padding-left: 50px;
 margin-bottom: 10px;
}

DIV.access li.icon_home {
 background: url(../img/icon_home.png) left bottom no-repeat;
}

DIV.access li.icon_walk {
 background: url(../img/icon_walk.png) left bottom no-repeat;
}

DIV.access li.icon_parking {
 background: url(../img/icon_parking.png) left bottom no-repeat;
}

DIV.access,
DIV#ggmap {
 margin-top: 20px;
 margin-bottom: 10px;
}

DIV#ggmap {
 position: relative;
 margin-left: 10px;
 margin-right: 10px;
 padding-bottom: 50%;
 height: 0;
 overflow: hidden;
}

DIV#ggmap IFRAME {
 border: 0;
}

DIV#ggmap IFRAME,
DIV#ggmap OBJECT,
DIV#ggmap EMBED {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

@media (min-width: 768px) {
 DIV.access {
  padding-left: 0;
 }

 DIV#ggmap {
  margin-left: 0;
  margin-right: 0;
 }
}

@media (min-width: 992px) {
 DIV.access {
  padding-left: 0;
 }

 DIV#ggmap {
  margin-left: 0;
  margin-right: 0;
 }
}

@media (min-width: 1200px) {
 DIV.access {
  padding-left: 0;
 }

 DIV#ggmap {
  margin-left: 0;
  margin-right: 0;
 }
}