@charset "utf-8";
/* CSS Document */

body {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , "Yu Gothic" , "YuGothic" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , Meiryo , sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
}

ul,li {
  margin:0;
  padding:0;
  list-style: none;
}

img{
  margin:0;
  padding:0;
  border:0;
}

h2{
  font-size:14px;
  margin:0 0 30px 0;
}

@media screen and (max-width: 1061px) {
  h2 {
  font-size:16px;
  }
}

p{
  margin:0 0 5px 0;
}

.mb15{
  margin:0 0 15px 0;
}

.mb30{
  margin:0 0 30px 0;
}

.smallfont{
  font-size:12px;
}

.comment{
  font-size:11px;
}

@media screen and (max-width: 1061px) {
  .comment {
    font-size:14px;
    line-height:1.5;
  }
  .smallfont {
    font-size:14px;
    line-height:1.5;
  }
}

.underline{
  text-decoration:underline;
}

.signfont {
font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic";
}

a:link { color: #0000ff; }
a:visited { color: #0000a0; }
a:hover { color: #0000ff; }
a:active { color: #ff8000; }

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}


/* 共通CSS */


#container {
  text-align: left;
  width: 1062px;
  margin:0 auto;
  padding: 0;
  font-size:13px;
  line-height:1.3;
}

@media screen and (max-width: 1061px) {
  #container {
    margin: 0;
    width: 100%;
    font-size:16px;
    line-height:1.5;
  }
}

hr {
  width:920px;
  border: 0;
  height:1px;
  background: #333;
  background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
  background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
  background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
  background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}

@media screen and (max-width: 1061px) {
  hr {
    width: 90%;
  }
}


/* ナビゲーション */


#nav_pc {
  margin:14px 0 0 0;
  padding:0 0 0 565px;
  height:124px;
}

#nav_pc li {
  float: left;
}

#menu {
  display: none;
}

@media screen and (max-width: 1061px) {
  #nav_pc {
    display: none;
  }
}

#nav_sp {
  margin:10px;
  padding:0px;
}

@media screen and (min-width: 1062px) {
  #nav_sp {
    display:none;
  }
  #menu {
    display: block;
  }
  .slicknav_menu {
    display: none;
  }
}

.nav_sp_left {
  float:left;
  width:50px;
  margin-bottom:30px;
}

.nav_sp_right {
  height:173px
  float:left;
}

.btn_menu{
margin:0 auto 30px auto;
}

.btn_menu button{
  margin:0 0px 10px 10px;
  width:115px;
  height:44px;
  font-size:14px;
  line-height:1.2;
  border: 1px solid #b2b2b2;
  padding: 5px;
  cursor: pointer;
  color: #333333;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background: -moz-linear-gradient(top, #fff, #FBFBFB 1%, #FBFBFB 50%, #D7D7D7 99%, #ccc);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #FBFBFB), color-stop(0.5, #FBFBFB), color-stop(0.99, #D7D7D7), to(#ccc));
}

.btn_menu button:active {
  background: #ccc;
  padding: 6px 5px 4px;
}


/* フッタ */


.leftfooter {
  float:left;
  padding:3px 0 0 83px;
}

.rightfooter {
  float:right;
  padding:0 82px 0 0;
}

@media screen and (max-width: 1061px) {
  .leftfooter {
    padding:0;
    margin:10px 10px 0 10px;
  }
  .rightfooter {
    padding:0;
    margin:10px;
  }
}