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

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 18px;
  color: #333;
}

a {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #ea5015;
}

article,
aside,
hgroup,
header,
footer,
figure,
figcaption,
nav,
section {
  display: block;
  margin: 0;
  padding: 0;
}

img {
  display: block;
}

/***** header *****/
header {
  padding-top: 10px;
  background: #fff url(../img/line01.png) repeat-x;
  min-width: 1030px;
}

header div {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

header h1 {
  float: left;
  padding-top: 20px;
}

header p {
  position: absolute;
  top: 10px;
  left: 100px;
}

header figure {
  padding-top: 8px;
  float: right;
}

nav {
  padding: 24px 0 9px 0;
  border-bottom: 2px solid #ff0000;
  clear: both;
  min-width: 1000px;
}

nav ul {
  width: 1000px;
  margin: 0 auto;
  height: 42px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

nav li {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  width: 100%;
}

nav li a,
nav li span {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 0;
  background: repeat 0 0;
  background-clip: content-box, padding-box;
  position: relative;
}

nav li a:hover {
  padding: 3px;
}
nav li.nav_01 a,
nav li.nav_01 span {
  background-image: url(../img/nav_bg_01.png), url(../img/nav_bg_over_01.png);
}
nav li.nav_02 a,
nav li.nav_02 span {
  background-image: url(../img/nav_bg_02.png), url(../img/nav_bg_over_02.png);
}
nav li.nav_03 a,
nav li.nav_03 span {
  background-image: url(../img/nav_bg_03.png), url(../img/nav_bg_over_03.png);
}
nav li.nav_04 a,
nav li.nav_04 span {
  background-image: url(../img/nav_bg_04.png), url(../img/nav_bg_over_04.png);
}
nav li.nav_05 a,
nav li.nav_05 span {
  background-image: url(../img/nav_bg_05.png), url(../img/nav_bg_over_05.png);
}
nav li.nav_06 a,
nav li.nav_06 span {
  background-image: url(../img/nav_bg_06.png), url(../img/nav_bg_over_06.png);
}
nav li.nav_07 a,
nav li.nav_07 span {
  background-image: url(../img/nav_bg_00.png), url(../img/nav_bg_over_00.png);
}

/***** wrapper *****/
div#wrapper {
  width: 1000px;
  margin: 0 auto;
  margin-top: 50px;
}

/***** formNav *****/
ul#formNav {
  width: 220px;
  height: 300px;
  float: left;
}

#formNav li {
  padding-bottom: 10px;
  float: left;
}

/***** pageTop *****/
p.pageTop {
  width: 1000px;
  height: 20px;
  padding-top: 48px;
  margin: 0 auto;
  clear: both;
}

.pageTop a {
  float: right;
}

/***** footer *****/
footer {
  padding-top: 22px;
  background: #fff url(../img/line06.png) repeat-x;
  min-width: 1000px;
}

/***** footContact *****/
div#footContact {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/***** footLink *****/
div#footLink {
  width: 1000px;
  margin: 0 auto;
  padding-top: 38px;
  display: flex;
  justify-content: space-between;
}

#footLink ul {
  padding-bottom: 15px;
  float: left;
  height: 120px;
}
/*
#footLink ul.footLink3 {
  width: 260px;
} */

#footLink li {
  line-height: 20px;
  padding-left: 10px;
  display: block;
}

#footLink .footLink1 li {
  background: url(../img/icon01.png) no-repeat left center;
}

#footLink .footLink2 li {
  background: url(../img/icon03.png) no-repeat left center;
}

#footLink .footLink3 li {
  background: url(../img/icon03.png) no-repeat left center;
}

#footLink .footLink4 li {
  /* width: 180px; */
  background: url(../img/icon04.png) no-repeat left center;
}

#footLink .footLink5 li {
  /* width: 130px; */
  background: url(../img/icon05.png) no-repeat left center;
}

#footLink .footLink6 li {
  background: url(../img/icon06.png) no-repeat left center;
  padding-right: 20px;
}

/***** footContact *****/
div#footCopy {
  padding: 10px 0;
  background: #ff0000;
  clear: both;
}

#footCopy p {
  width: 1000px;
  margin: 0 auto;
  text-align: right;
  color: #fff;
}

#footCopy a {
  color: #fff;
}

#footCopy a:hover {
  color: #ea5015;
}