@charset "utf-8";

html{
  background: #000;
}
body {
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  color: #403f41;
  font-size: 12px;
  font-family: sans-serif;
  overflow-x: hidden;
  text-align: left;
}
html,body{
  height:100%;
}

li {
  list-style: none;
}

a {
  color:#1491b4;
  text-decoration: none;
}

img {
  vertical-align: top;
}

input,
select,
textarea {
  margin: 0;
  padding: 3px;
  vertical-align: middle;
}

h1,h2,h3,h4{
  font-weight: normal;
}

.align_c{
  text-align: center;
}

/* margin
----------------------------------------------------------- */
.mt0  { margin-top: 0px !important; }
.mt5  { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }

.mr0  { margin-right: 0px !important; }
.mr5  { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }

.mb0  { margin-bottom: 0px !important; }
.mb1  { margin-bottom: 1px !important; }
.mb5  { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }

.ml0  { margin-left: 0px !important; }
.ml5  { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }


/* padding
----------------------------------------------------------- */
.pt0  { padding-top: 0px !important; }
.pt5  { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pt85 { padding-top: 85px !important; }
.pt100 { padding-top: 100px !important; }
.pt130 { padding-top: 130px !important; }

.pr0  { padding-right: 0px !important; }
.pr5  { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr60 { padding-right: 60px !important; }
.pr70 { padding-right: 70px !important; }

.pb0  { padding-bottom: 0px !important; }
.pb5  { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }

.pl0  { padding-left: 0px !important; }
.pl5  { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl60 { padding-left: 60px !important; }
.pl70 { padding-left: 70px !important; }



/*----------------------------------------------------
 header
----------------------------------------------------*/
header{
  width: 100%;
  position: fixed;
  z-index: 1000;
  top:0;
  background: #fff;
  box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 3px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 3px;
  -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 3px;
}
div#hearderBtn{
  overflow: hidden;
}

header h1{
  float: left;
}
header p{
  float: right;
}
header p a{
  display: block;
}
div#headerMenu{
}
div#headerMenu ul{
  width: 100%;
  background: #fff;
  border-top: #006737 1px solid;
  text-align: left;
  z-index: 110;
  display: none;
}
div#headerMenu ul li a{
  display: block;
  padding: 10px 55px 10px 30px;
  border-bottom: #e6e6e7 1px solid;
  background: url(../img/arr_menu.png) right center no-repeat;
  background-size: 25px auto;
  font-size: 16px;
  color: #403f41;
}


/*----------------------------------------------------
 container
----------------------------------------------------*/
#container{
  padding-top: 45px;
  background: #fff;
  position: relative;
}

h2{
  background: url(../img/bg_green.png) center bottom repeat;
  background-size: 24px auto;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding-left: 15px;
  line-height: 48px;
}

/*----------------------------------------------------
 footer
----------------------------------------------------*/
footer{
  background: url(../img/bg_green.png) center bottom repeat;
  background-size: 24px auto;
  width: 100%;
}
footer div.fBtn{
  overflow: hidden;
  padding: 10px;
}
footer div.fBtn p{
  width: 48%;
  text-align: center;
  background: #fff;
  border-radius: 3px;
}
footer div.fBtn p:first-child{
  float: left;
}
footer div.fBtn p:last-child{
  float: right;
}
footer div.fBtn p a{
  display: block;
  color: #006737;
}
footer div.fBtn p a span{
  display: inline-block;
  line-height: 40px;
}
footer div.fBtn .toPC a span{
  background: url(../img/icon_pc.png) 0 center no-repeat;
  background-size: 21px auto;
  padding-left: 25px;
}
footer div.fBtn .toTop a span{
  background: url(../img/icon_totop.png) right center no-repeat;
  background-size: 11px auto;
  padding-right: 30px;
}

footer .fMenu{
  text-align: center;
  background: #fff;
  padding: 10px 0;
}
footer .fLogo{
  padding: 10px 0 20px;
}

footer ul{
  letter-spacing: -.40em;
}
footer ul li{
  display: inline-block;
  line-height: 2;
  text-align: center;
  letter-spacing: normal;
}
footer ul li a{
  padding: 10px 0;
  border-right;
  color:#403f41;
  margin: 0;
}
footer ul li:after{
  content: "";
  border-right: #403f41 1px solid;
  padding-left:6px;
  margin-right: 6px;
}
footer ul:before{
  content: "";
  border-left: #403f41 1px solid;
  margin-right: 6px;
}

footer .btmNote{
  padding: 10px;
  color: #fff;
  font-size: 10px;
}