@charset "utf-8";

* {
  margin: 0;
  padding: 0;
  line-height: 160%;
  font-family:
    "oosaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo,
    sans-serif;
}

#body1 {
  width: 100%;
  background-image: url("./image/bg_1.jpg");
  font-size: 11pt;
}

#body2 {
  width: 100%;
  background-image: url("./image/bg_b1.jpg");
  font-size: 11pt;
}

.header {
  margin: 0 auto;
  width: 963px;
  height: 480px;
  padding: 0;
  text-align: center;
  background-color: #fff;
  background-image: url("./image/bg_top.jpg");
  background-repeat: no-repeat;
  background-color: #74bad4;
}

.header2 {
  margin: 0 auto;
  width: 964px;
  height: 193px;
  padding: 0;
  text-align: center;
  background-color: #fff;
  background-image: url("./image/bg_b.jpg");
  background-repeat: no-repeat;
}

h1 {
  font-size: 13pt;
}

h2 {
  font-size: 11pt;
}

.aa {
  margin-top: 33px;
  width: 200px;
  float: right;
  text-align: right;
  padding-right: 5px;
}

.aa2 {
  margin-top: 33px;
  margin-bottom: 46px;
  width: 200px;
  float: right;
  text-align: right;
  padding-right: 5px;
}

.top1 {
  clear: both;
  margin: 0 auto;
  width: 800px;
}

ul#menu {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 100%;
}

ul#menu li {
  display: inline;
  float: right;
  width: 110px;
  height: 52px;
  background-color: transparent;
  -webkit-transition: background-color 0.6s linear;
  color: #fde18d;
  font-family:
    oosaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo,
    sans-serif;
  font-size: 16px;
  text-align: center;
  padding: 0;
  border-style: solid;
  border-width: 1px 2px 3px 1px;
  border-color: #bdd0ff #1f3642 #1f3642 #bdd0ff;
  margin: 1px 1px;
  text-align: right;
}

ul#menu a {
  display: block;
  width: 100%;
  background-color: #116d94;
  -webkit-transition: background-color 0.4s linear;
}

#menu a:link,
#menu a:visited,
#menu a:active {
  color: #fff;
  text-decoration: none;
}

#menu a:hover {
  color: #fff;
  background-color: #5576ae;
}

legend {
  font-size: 10pt;
}

#top0 {
  clear: both;
  margin: 20px auto 10px auto;
  padding: 0;
  width: 964px;
  text-align: center;
  font-weight: bold;
  font-size: 12pt;
}
#top0 a:link {
  color: #000;
}

.top2 {
  clear: both;
  margin: 10px auto;
  padding: 0;
  width: 964px;
  height: auto;
  background-image: url("./image/bg_top4.jpg");
}
.top22 {
  clear: both;
  margin: 10px auto;
  padding: 0;
  width: 964px;
  height: 403px;
  background-image: url("./image/bg_top3.jpg");
}

.top3 {
  clear: both;
  margin: 0px auto;
  width: 964px;
  background-color: #0a6c9c;
}

.top4 {
  clear: both;
  margin: 10px auto;
  width: 800px;
  padding: 0px 40px 20px 40px;
  border: solid #f781be 1px;
  color: #fff;
  text-alin: left;
}

.ab {
  clear: both;
  float: left;
  width: 400px;
  text-align: left;
  margin: 30px 0 90px 45px;
  color: #fff;
  height: 0;
}

a:link {
  color: #fff;
  text-decoration: underline;
}

a:visited {
  color: #fff;
  text-decoration: underline;
}

a:hover {
  color: #f9c;
  text-decoration: underline;
}

#main {
  clear: both;
  margin: 0 auto;
  width: 964px;
  padding: 0;
  color: #fff;
  background-color: #1d7aba;
  line-height: 160%;
}

.ba {
  float: left;
  width: 180px;
  background-color: #1d7aba;
  border: solid 0px #fff;
  padding: 10px;
}

.ba ul {
  line-height: 200%;
}

.ba @li {
  line-height: 200%;
}

.ba2 {
  float: left;
  width: 180px;
  background-color: #1d7aba;
  border: solid 0px #fff;
  padding: 5px;
  font-size: 10pt;
}

.ba3 {
  float: left;
  width: 220px;
  background-color: #1d7aba;
  border: solid 0px #fff;
  padding: 10px 5px;
  font-size: 10pt;
}

ol .ba2 {
  line-height: 200%;
}

li .ba2 {
  line-height: 200%;
}

li.ba2 a:link,
li.ba2 a:visited,
li.ba2 a:hover {
  color: #fff;
  text-decoration: underline;
}

.bb {
  float: right;
  width: 680px;
  padding: 25px;
  text-align: left;
}

.bb2 {
  float: right;
  width: 714px;
  padding: 20px 10px;
  text-align: left;
  background-color: #0a6c9d;
}

.bb2 h1 {
  margin: 10px auto;
  width: 650px;
  color: #fff;
  background-color: #5e79ba;
  padding: 6px 0 3px 15px;
  font-size: 13pt;
}

.bb2 h2 {
  clear: both;
  width: 610px;
  color: #fff;
  background-color: #bfac88;
  padding: 3px 0 2px 15px;
  margin: 10px 25px;
}

.bb2 p {
  clear: both;
  width: 654px;
  margin: 10px 35px;
  padding: 10px;
}

.bb2 ul {
  margin: 0 20px 10px 70px;
}

.bb2 ol {
  margin: 0 20px 10px 70px;
}

.bc {
  clear: both;
  margin: 0px auto;
  width: 934px;
  padding: 10px 30px 30px 0px;
  text-align: left;
  background-color: #1d7aba;
  color: #fff;
}

.bc h1 {
  width: 650px;
  color: #fff;
  background-color: #5e79ba;
  padding: 6px 0 3px 15px;
  margin: 20px auto;
}

.bc td {
  padding: 10px;
  vertical-align: middle;
  border-color: #b3c7fa;
}
.bc table {
  border-color: #b3c7fa;
}

.table_r {
  margin: 0 auto;
  border-collapse: collapse;
  border: solid 1px #fff;
}

.table_r td {
  border: solid 1px #fff;
  padding: 5px;
}

.clear {
  clear: both;
}

#footer {
  clear: both;
  margin: 10px auto;
  width: 964px;
  text-align: left;
  color: #fff;
  line-height: 200%;
  background-color: #0c4f6b;
  padding: 20px 0 20px 560px;
  height: 70px;
}

/* 
*{
   outline: 1px solid magenta;
}
*/