@charset "UTF-8";
html {
  font-size: 62.5%;
}

body {
  margin: 0;
  padding: 0;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, figure, input, textarea, p, blockquote, table, th, td, address {
  margin: 0;
  padding: 0;
  color: #000;
  font-style: normal;
  font: 16px/180% verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",  Osaka, sans-serif;
  font-size: 1.6rem;
}

select,
input,
button,
textarea {
  font-size: 99%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
  font: 100%;
}

textarea, input {
  margin: 0;
  padding: 0;
}

caption, th {
  text-align: left;
}

td, th {
  vertical-align: top;
}

fieldset, img, abbr {
  border: none;
}

li {
  list-style-type: none;
}

hr {
  display: none;
}

strong {
  font-weight: bold;
}

main div,
main p,
main ul,
main dl,
main ol,
main h2,
main h3,
main h4,
main table {
  margin: 0 0 20px;
}

a, a:link {
  color: #4059b3;
}

a:visited {
  color: #4059b3;
}

a:hover {
  color: #4059b3;
}

body {
  background: #fff;
}

body header {
  zoom: 1;
  border-top: #000 5px solid;
}

body header:before, body header:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}

body header:after {
  clear: both;
}

body header h1 {
  float: left;
  margin: 5px 5px 0;
}

body header h2 {
  float: right;
  margin: 5px 5px 0;
}

body #va {
  border-top: #000 13px solid;
  background: #009AEE;
  border-bottom: #000 13px solid;
  padding: 0 30px;
  margin-bottom: 30px;
}

body #va a {
  display: block;
}

body #va img {
  display: block;
}

body #contents {
  zoom: 1;
  width: 730px;
  margin: 0 auto;
  padding-bottom: 70px;
}

body #contents:before, body #contents:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}

body #contents:after {
  clear: both;
}

body #contents main {
  float: right;
  width: 500px;
}

body #contents main h1 {
  margin-bottom: 30px;
  font-size: 25px;
}

body #contents main .suji {
  margin-bottom: 80px;
}

body #contents main .cont {
  margin: 0 50px;
}

body #contents main .cont p {
  font-style: italic;
  color: #666;
}

body #contents #side {
  float: left;
  width: 200px;
}

body #contents #side dl dt {
  font-weight: bold;
  margin-bottom: 5px;
}

body #contents #side dl dd a {
  text-decoration: none;
  color: #039;
}

body #contents #side dl dd a:hover {
  color: #006699;
  text-decoration: underline;
}

body footer {
  text-align: left;
  border-top: #221815 3px solid;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 10px 25px;
}