@charset "UTF-8";

html {
  padding: 0px;
  margin: 0px;
}
body {
  text-align:center;
  padding: 10px 0px 10px 0px;
  margin: 0px;
  font-family: "ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka" ;
}
.div_center {
  margin-left:auto;
  margin-right:auto;
  width:700px;
}
.main {
  position:relative;
  text-align : left ; 
  WIDTH: 700px;
  PADDING: 0px;
  margin: 0 px;
  border-width: 4px;
  border-style: double;
}
.top {
  top : 5px;
  position:relative;
  background-repeat: repeat-y;
  margin: 5px 0px -5px 5px;
  height: 510px;
}
.top  h1 {
  font-family: "ＭＳ Ｐ明朝","平成明朝","ヒラギノ明朝 Pro W3";
  font-size: 26px;
  font-weight: bold;
  margin: 0px 0px 5px 0px;
  line-height: 100%;
  padding: 20px 0px 40px 20px;
  text-align: left;
  width: 400px;

}
.top_pic {
  text-align: right;
  vertical-align: 100%;
  top: 31px;
  left: 235px;
  position: absolute;
  width: 410px;
  height: 485px;
  background-repeat: no-repeat;
  background-position: 5px 58px;
  bottom: auto;
}
.top_pic2 {
  text-align: right;
  vertical-align: 100%;
  top: 31px;
  left: 275px;
  position: absolute;
  width: 410px;
  height: 470px;
  bottom: auto;
  font-size:13
}
.top_pic  p {
  font-size: 14px;
  font-family: "Times New Roman",Arial,Verdana;
}
.button {
  text-align : left ; 
  padding: 0px;
  top: 145px;
  left: 5px;
  position: absolute;

}
.button  span {
  DISPLAY: block;
  font-size: 16px;
  width: 400px;
  font-family: "Arial Black";
  HEIGHT: 22px;
  TEXT-DECORATION: none;
  padding: 2px 0px 2px 20px;
  margin: 8px 0px 8px 0px;
}
.button  a {
  DISPLAY: block;
  FONT-WEIGHT: 700;
  font-size: 16px;
  width: 400px;
  TEXT-DECORATION: none;
  padding: 2px 0px 2px 20px;
  margin: 8px 0px 8px 0px;
}
.button  a:hover {
  DISPLAY: block;
  FONT-WEIGHT: 700;
  font-size: 16px;
  WIDTH: 295px;
  TEXT-DECORATION: none;
  padding: 2px 0px 2px 20px;
  margin: 8px 0px 8px 0px;
}
.button  a:active {
  DISPLAY: block;
  FONT-WEIGHT: 700;
  font-size: 16px;
  WIDTH: 295px;
  TEXT-DECORATION: none;
  padding: 2px 0px 2px 20px;
  margin: 8px 0px 8px 0px;
}
.main  address {
  font-size: 14px;
  font-family: "Times New Roman",Arial,Verdana;
  margin: 10px 1px px1 1px;
  padding: 4px;
  text-align: right;
}
.topics {
  margin: 0px 0px 0px 5px;
  width: 480px;
}
.topics  h2 {
  font-size: 21px;
  padding-left: 60px;
  border-width: 0px 0px 2px 0px;
  border-style: solid;
  margin: 25px 0px 25px 0px;
  padding-top: 2px;
}
.topics  p {
  font-size: 14px;
  font-weight: normal;
  line-height: 140%;
  margin: 7px 10px 7px 50px;
}
.topics  a {
  color:blue;
}
.topics  a:hover {
  color: orange;
}
.topics  span {
  font-size: 12px;
  font-style: italic;
}
.right_box {
  text-align : left ; 
  width: 193px;
  top: 531px;
  left: 494px;
  border-width: 1px;
  border-style: solid;
  padding: 0px;
  position: absolute;
  visibility: visible;
}
.right_box  dl {
  marigin: 0px;
}
.right_box  dt {
  text-align: center;
  marigin-top: 0px;
  padding: 5px;
  FONT-WEIGHT: 700px;
  font-size: 15px;
  color: snow;
}
.right_box  dd {
  padding: 5px 2px 0px 5px;
  font-size: 13px;
  line-height: 140%;
}
.right_box  h5 {
  font-size: 14px;
  font-weight: bold;
  margin: 0px 0px 5px 5px;
}
.right_box  p {
  font-size: 13px;
  font-weight: normal;
  margin: 0px 5px 10px 12px;
  line-height: 140%;
}
rt {
  font-size: 14px;
}
.footer {
  margin: 0px;
  text-align : center;
}
.footer  p {
  font-size: 12px;
}