@charset "UTF-8";
/* ----------- /共通部分の設定 ----------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
a, address, img, dl, dt, dd, ol, ul, li, form, label, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 98%;
  line-height: 140%;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-family: 'メイリオ', Meiryo, YuGothic, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
  list-style: none;
}
body {
  text-align: center;
}
#outline {
  border: 0px solid #333333;
  width: 920px;
  text-align: center;
  margin: 0 auto;
}
#inside {
  width: 900px;
  margin: 0 auto;
}
a.rp img{
  float:left;
  margin: 2px 13px 0 0;
}
a.ic img{
  width: 77px;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}


/* ----------- 印刷の設定 ----------- */
@media print {
  .noPrint {
    display: none;
  }
  .hiddenPrint {
    visibility: hidden;
  }
}
/* ----------- clearfixの設定 ----------- */
.clearfix:after {
  content: url(clearfix.gif);
  display: block;
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
.clearfix {
  display: block;
}
/* ----------- headの設定 ----------- */
.menu_head{
  text-align:left;
  font-size: 87%;
}
  .menu_head img{
    margin: 0 20px 0 0;
  }
.menu_left{
  float:left;
  margin: 15px 0 0 0;
}
  .menu_left img{
    float:left;
  }
.menu_right{
  float:right;
  margin: 15px 0 0 0;
}
  .menu_right img.tel{
    margin: 0 0 8px 0;
  }
#menu{
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
  width: 950px;
  border-top: 6px solid #01836b;
}
  #menu ul{
    width: 950px;
    text-align: center;
    margin: 0 auto;
    padding: 5px 0 0 0;
  }
  #menu ul li{
    margin: 0;
    padding: 0;
    float: left;
  }
  #menu ul li a{
    margin: 0;
    padding: 0;
    height: 50px;
    display: block;
    text-indent: -9999px;
  }

#menu #mbtn2 a, #menu #mbtn3 a, #menu #mbtn4 a, #menu #mbtn5 a, #menu #mbtn6 a{
  width: 139px;
}
#menu #mbtn1 a, #menu #mbtn7 a{
  width: 127px;
}
#menu #mbtn1 a{
  background: url(/img/menu1.png) no-repeat center;
}
  #menu #mbtn1 a.current{
    background: url(/img/on_menu1.png) no-repeat center;
  }
#menu #mbtn2 a{
  background: url(/img/menu2.png) no-repeat center;
 }
  #menu #mbtn2 a.current{
    background: url(/img/on_menu2.png) no-repeat center;
  }
#menu #mbtn3 a{
  background: url("/img/menu3.png") no-repeat center;
}
  #menu #mbtn3 a.current{
    background: url("/img/on_menu3.png") no-repeat center;
  }
#menu #mbtn4 a{
  background: url("/img/menu4.png") no-repeat center;
}
  #menu #mbtn4 a.current{
    background: url("/img/on_menu4.png") no-repeat center;
  }
#menu #mbtn5 a{
  background: url("/img/menu5.png") no-repeat center;
}
   #menu #mbtn5 a.current{
    background: url("/img/on_menu5.png") no-repeat center;
  }
#menu #mbtn6 a{
  background: url("/img/menu6.png") no-repeat center;
}
   #menu #mbtn6 a.current{
    background: url("/img/on_menu6.png") no-repeat center;
  }
#menu #mbtn7 a{
  background: url("/img/menu7.png") no-repeat center;
}
   #menu #mbtn7 a.current{
    background: url("/img/on_menu7.png") no-repeat center;
  }
p#recruit{
  margin: 10px 0 0 0;
  text-align: center;
}
p#recruit a{
  font-size: 180%;
  font-weight: bold;
  text-decoration: underline;
  color: #ff0000;
}



/* ナビゲーションボタン */

#nav{
    width: 950px;
  margin: 0 auto;
  text-align: center;
}
#nav ul{
    width: 950px;
    text-align: center;
    margin: 0 auto;
}
#nav li{
  margin: 0;
  padding: 0;
  float: left;
  list-style-type: none;
}
#nav ul ul { /*2段目以降*/
  display: none;
  position: absolute;
  z-index: 10;
}

#nav li li { /*2段目以降のリスト項目*/
  clear: left;
  position:relative;
  text-align: left;
  line-height : 16px;
  text-decoration : none;
  background : url(/img/nav_bg.png);
  padding : 10px 0 10px 16px;
  font-size : 12px;
  width : 130px;
}


#nav ul li:hover > ul {
  display: block;
}



*+html #nav ul ul a { /*IE用*/
width: 72px; /*（94-10-10-1-1）パディングとボーダーの分を引いた値*/
white-space: normal; /*幅に応じて改行*/
}
#nav li a{
  text-decoration : none;
  color : #000000;
}

.head_attention{
  box-sizing: border-box;
  width: 950px;
  margin: 0 auto 10px;
  padding: 10px;
  border: 2px solid #f90;
  background-color: #ffcd53;
}
.head_attention p{
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 140%;
  text-align: center;
}
.taisaku{
  box-sizing: border-box;
  width: 950px;
  margin: 0 auto 10px;
  padding: 10px;
  border: 2px solid #090;
  font-size: 16px;
  font-weight: bold;
  line-height: 140%;
  text-align: left;
  background-color: #cfc;
}

/* ----------- footerの設定 ----------- */
#footer{
  text-align: center;
  font-size: 85%;
  margin: 20px auto;
  border-top: 3px solid #46529c;
  width: 950px;
}
#footer_contents{
  width: 950px;
  text-align: center;
  margin: 10px auto;
}
#footer_contents img{
  margin: 0 15px 0 0;
  vertical-align: middle;
}

#footer_contents p{
  margin: 15px 0 0 0;
  color: #ff0000;
  text-align: center;
}
#footer_contents p a{
  color: #006699;
  font-size: 90%;
  text-decoration: underline;
}
#copyright{
  font-size: 12px;
}
.square_btn{
    position: relative;
    display: inline-block;
    padding: 0.8em 0em;
    text-decoration: none;
    color: #fff;
    background: #284679;
    transition: .4s;
    width: 97%;
    margin: 10px auto;
    text-align: center;
    font-size: 175%;
    
  }
.square_btn:hover{
    background: #00bcd4;
    color: white;
    text-decoration: none;
}