@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   common

--------------------------------------------------------------------------------------------------*/

/*reset-------------------------------------------------*/
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  border: none;
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

header,
section,
article,
aside,
footer,
nav {
  display: block;
}

/*-------------------------------------------------reset*/

/*common-------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  color: #313140;
  font-size: 14px;
  font-family:
    "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,
    "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  line-height: 1.4;
}

a:link {
  color: #006699;
}

a:visited {
  color: #993300;
}

a:hover,
a:active {
  color: #f26400;
}

.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear {
  display: inline-table;
  overflow: hidden;
}

/* mac \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* macend */

.alignleft {
  float: left;
  margin: 0 10px 10px 0;
}

.alignright {
  float: right;
  margin: 0 0 10px 10px;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

/*-------------------------------------------------common*/

/*------------------------------------------------------------------------------------------------
  header
--------------------------------------------------------------------------------------------------*/
header {
  margin: 0 0 1px;
  border-top: 5px solid #0085dd;
  width: 100%;
  height: 164px;
  position: fixed;
  z-index: 999;
  background-color: #ffffff;
}

header h1,
header p {
  margin: 30px 0;
  text-align: center;
}

header nav {
  border-top: 1px solid #e2e2c7;
  border-bottom: 1px solid #e2e2c7;
}

header nav ul {
  width: 740px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  font-size: 15px;
  font-weight: bold;
  background: url(../images/line-01.png) no-repeat 100% center;
}

header nav ul li {
  float: left;
  margin: 0;
  padding: 0;
  background: url(../images/line-01.png) no-repeat 0 center;
}

header nav ul li a {
  display: block;
  width: 148px;
  line-height: 46px;
  text-align: center;
  text-decoration: none;
  color: #333333 !important;
}

header nav ul li a:hover,
header nav ul li a:active {
  background: url(../images/navi_back.png) no-repeat center center;
}

/*------------------------------------------------------------------------------------------------
  pagetop
--------------------------------------------------------------------------------------------------*/
#pagetopBox {
  background: url(../images/line-02.png) repeat-x 0 center;
}

#pagetopBox p {
  text-align: center;
}

/*------------------------------------------------------------------------------------------------
  footer
--------------------------------------------------------------------------------------------------*/
#footer {
  width: 920px;
  margin: 0 auto;
  padding: 30px 0;
}

#footer footer {
  float: left;
  width: 500px;
}

#footer footer p.logo img {
  margin-right: 30px;
  vertical-align: middle;
}

#footer footer .info {
  margin: 30px 15px 0;
  width: 324px;
  height: 97px;
  position: relative;
  background: url(../images/info_back.png) no-repeat 0 0;
}

#footer footer .info address {
  position: absolute;
  top: 3px;
  left: 30px;
  font-style: normal;
}

#footer footer .info p {
  position: absolute;
  top: 54px;
  left: 30px;
}

#footer footer .gmap {
  width: 400px;
  float: right;
}

#footer footer ul {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

#footer footer ul li {
  margin: 0 10px;
  padding: 0;
}

/*------------------------------------------------------------------------------------------------
  copy
--------------------------------------------------------------------------------------------------*/
#copy {
  padding: 15px;
  text-align: center;
  background-color: #0085dd;
  color: #ffffff;
}