@charset "utf-8";

body {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  color: #666666;  
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  
  font-size: 16px;  
  line-height: 2;  
  background-color: white;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form, figure, form, select, input, textarea {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  font-size: 100%;  
  font-weight: normal;
}

ul {  
  list-style-type: none;
}

ol {  
  padding-left: 40px;  
  padding-bottom: 15px;
}

img {  
  border-top-width: medium;  
  border-right-width: medium;  
  border-bottom-width: medium;  
  border-left-width: medium;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  max-width: 100%;  
  height: auto;  
  vertical-align: middle;
}

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

iframe {  
  width: 100%;
}

a {  
  color: #666666;  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

a:hover {  
  color: #224acf;
}

#container {  
  max-width: 1400px;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;  
  padding-top: 0px;  
  padding-right: 3%;  
  padding-bottom: 0px;  
  padding-left: 3%;
}

header {  
  text-align: center;
}

#logo img {  
  width: 400px;  
  margin-top: 40px;  
  margin-right: auto;  
  margin-bottom: 40px;  
  margin-left: auto;
}

#mainimg img {  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;  
  margin-bottom: 40px;
}

#menubar {  
  text-align: center;  
  font-size: 18px;  
  margin-bottom: 40px;
}

#menubar li {  
  display: inline;
}

#menubar li a {  
  text-decoration: none;  
  padding-top: 15px;  
  padding-right: 30px;  
  padding-bottom: 15px;  
  padding-left: 30px;
}

#menubar li a:hover {  
  color: #224acf;  
  border-bottom-width: 4px;  
  border-bottom-style: solid;  
  border-bottom-color: #224acf;
}

#contents h2 {  
  clear: both;  
  margin-bottom: 20px;  
  color: white;  
  padding-top: 10px;  
  padding-right: 20px;  
  padding-bottom: 10px;  
  padding-left: 20px;  
  background-color: #224acf;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}

#contents h3 {  
  clear: both;  
  margin-bottom: 20px;  
  padding-top: 8px;  
  padding-right: 20px;  
  padding-bottom: 8px;  
  padding-left: 20px;  
  background-color: white;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: #cccccc;  
  border-right-color: #cccccc;  
  border-bottom-color: #cccccc;  
  border-left-color: #cccccc;  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}

#contents p {  
  padding-top: 0px;  
  padding-right: 20px;  
  padding-bottom: 20px;  
  padding-left: 20px;
}

#contents p + p {  
  margin-top: -5px;
}

#contents h2 + p, #contents h3 + p {  
  margin-top: -10px;
}

#contents section + section {  
  margin-top: 30px;
}

.list {  
  overflow: hidden;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #cccccc;  
  padding-top: 20px;  
  padding-right: 20px;  
  padding-bottom: 20px;  
  padding-left: 20px;
}

.list h4 {  
  color: #224acf;
}

.list img {  
  width: 20%;  
  float: left;  
  margin-right: 3%;
}

.list p {  
  padding-top: 0px !important;  
  padding-right: 0px !important;  
  padding-bottom: 0px !important;  
  padding-left: 0px !important;
}

footer {  
  clear: both;  
  text-align: center;  
  padding-top: 30px;  
  padding-right: 0px;  
  padding-bottom: 10px;  
  padding-left: 0px;
}

footer a {  
  text-decoration: none;  
  border-top-width: medium;  
  border-right-width: medium;  
  border-bottom-width: medium;  
  border-left-width: medium;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;
}

footer .pr {  
  display: block;
}

#new dl {  
  padding-top: 0px;  
  padding-right: 20px;  
  padding-bottom: 0px;  
  padding-left: 20px;  
  margin-bottom: 20px;
}

#new dt {  
  font-weight: bold;  
  float: left;  
  width: 8em;
}

#new dd {  
  padding-left: 8em;
}

.ta1 caption {  
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: medium;  
  border-left-width: 1px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: none;  
  border-left-style: solid;  
  -moz-border-top-colors: none;  
  -moz-border-right-colors: none;  
  -moz-border-bottom-colors: none;  
  -moz-border-left-colors: none;  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;  
  text-align: left;  
  background-color: #eeeeee;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  font-weight: bold;  
  padding-top: 10px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;
}

.ta1 th.tamidashi {  
  width: auto;  
  text-align: left;  
  background-color: #eeeeee;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.ta1 {  
  table-layout: fixed;  
  width: 100%;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 20px;  
  margin-left: auto;
}

.ta1, .ta1 td, .ta1 th {  -epub-word-break: break-all;
  -ms-word-break: break-all;
  word-break: break-all;  
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: #999999;  
  border-right-color: #999999;  
  border-bottom-color: #999999;  
  border-left-color: #999999;  
  padding-top: 10px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;
}

.ta1 th {  
  text-align: center;  
  width: 30%;
}

.newicon {  
  background-color: red;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  color: white;  
  font-size: 70%;  
  line-height: 1.5;  
  padding-top: 2px;  
  padding-right: 5px;  
  padding-bottom: 2px;  
  padding-left: 5px;  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;  
  margin-top: 0px;  
  margin-right: 5px;  
  margin-bottom: 0px;  
  margin-left: 5px;  
  vertical-align: text-top;
}

.look {  
  background-color: #e5e5e5;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  padding-top: 5px;  
  padding-right: 10px;  
  padding-bottom: 5px;  
  padding-left: 10px;  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
}

.mb15, .mb1em {  
  margin-bottom: 15px;
}

.color1 {  
  color: #224acf;
}

.pr {  
  font-size: 12px;
}

.wl {  
  width: 96%;
}

.ws {  
  width: 50%;
}

.c {  
  text-align: center;
}

.r {  
  text-align: right;
}

.l {  
  text-align: left;
}

@media screen and (max-width: 580px) {
  body { font-size: 12px; line-height: 1.5; }
  #menubar li { display: block; margin-bottom: 10px; }
  #menubar li a { text-decoration: none; padding: 8px 30px; }
  .list { padding: 10px; }
  .ws, .wl { width: 94%; }
}

td {  
  background-color: white;
}

td:hover {  
  background-color: #ffcc00;
}

