@charset "utf-8";
/*====================================
  全ページ共通スタイル
=====================================*/
html {
  font-size: 62.5%;
}
body {
  margin: 0;
  padding: 0;
  font: normal 1.6rem/1.6 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000;
  background-color: #FFF;
  position: relative;
}

h1, h2, h3, h4, h5, h6,
table, tr, td, th,
ol, ul, li,
dl, dt, dd,
p {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 100%;
  list-style: none;
}

figure {
  margin: 0;
}
img, a {
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
}

.hide { display: none;}

.responsive {
  max-width: 100%;
  height: auto;
  display: block;
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  width: 100%;
  display: block;
}

a, *:focus { outline:none;}

a:link {
  color: #004ea2;
}

/* font */
.red { color:#e60012 !important; }
.blue { color:#004ea2 !important; }
.gray { color:#5c5a5a !important; }
.bold { font-weight: bolder !important; }

/*=================================
  レイアウト
==================================*/
.container {
  width: 940px;
  margin: 0 auto;
}

/*=================================
  header
==================================*/
header {
  width: 100%;
}

header .container {
  width: 940px;
  height: 105px;
  margin: 0 auto;
  position: relative;
  top: 0;
  left: 0;
}
header .container h1 {
  width: 210px;
  height: 64px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
}
header .container h1 a {
  width: 210px;
  height: 0;
  padding-top: 64px;
  display: block;
  overflow: hidden;
  background: url(../images/common/logo.png) center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

header .container h1 a:hover {
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

header .container .h-copy {
  line-height: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  color: #5c5a5a;
  font-size: 2.0rem;
}

/*===================
  nav
===================*/
#globalNavi,
#globalNavi .container {
  width: 100%;
  height: 50px;
  background: #FFF;
}
.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9999;
}
#globalNavi ul {
  width: 940px;
  margin: 0 auto;
}
#globalNavi ul li {
  width: 235px;
  height: 50px;
  float: left;
  border-right: 1px solid #5d5a5a;
}
#globalNavi ul li:nth-child(1) {
  border-left: 1px solid #5d5a5a;
}

#globalNavi ul li a {
  height: 0;
  padding-top: 50px;
  display: block;
  overflow: hidden;
  background: url(../images/common/globalnavi.png) 0 0 no-repeat;
  -webkit-transition: background-position .2s ease-out;
  -moz-transition: background-position .2s ease-out;
  -ms-transition: background-position .2s ease-out;
  transition: background-position .2s ease-out;
}

#globalNavi ul li:nth-child(1) a {
  background-position: -1px 0;
}
#globalNavi ul li:nth-child(1) a:hover {
  background-position: -1px -50px;
}

#globalNavi ul li:nth-child(2) a {
  background-position: -235px 0;
}
#globalNavi ul li:nth-child(2) a:hover {
  background-position: -235px -50px;
}

/*=================================
  contents
==================================*/
#contents {
  width: 100%;
}

/*=================================
  footer
==================================*/
footer {
  background-color: #feefbc;
}

footer .container {
  width: 940px;
  padding: 80px 0;
  margin: 0 auto;
}

footer h1 {
  font-size: 2.8rem;
  text-align: center;
  margin-bottom: 10px;
}

footer .container p {
  width: 280px;
  height: 0;
  padding-top: 60px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  background: url(../images/common/f-tel.png) 0 0 no-repeat;
}

footer .container figure {
  display: block;
  margin: 25px auto 0;
  width: 10%;
}

footer .container address {
  font-style: normal;
  text-align: center;
  padding-top: 30px;
}

/*===================
  scroller
===================*/
#scroller{
  width: 80px;
  height: 0;
  padding-top: 80px;
  display: block;
  overflow: hidden;
  background: url(../images/common/scroller.png) no-repeat;
  cursor: pointer;
  position: fixed;
  bottom: 50px;
  right: 20px;
}

#scroller:hover{
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}