@charset "UTF-8";
/* CSS Document */
#content {
  height: 100%;
  width: 1020px;
  margin-right: auto;
  margin-left: auto;
  background: #FFF;
}
.leftleft {
  margin: 10px 10px 10px 10px;
  padding-left: 100px;
}
.rightright {
  color: #000000;
  text-align: left;
  font-weight: bold;
  margin: 10px 10px 10px 10px;
  padding: 40px;
}
#btn {
  text-align: center;
  padding-top: 25px;
  padding-bottom: 10px;
}
#contentin {
  width: 980px;
  padding-top: 20px ;
  margin: 10px auto;
}
.h2_stle {
  color: #4f3216;
  font-size: 17px;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #4f3216;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #4f3216;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.h2_style {
  background: #C0C0C1;
  color: #000000;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.h2_style_w {
  color: #000000;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.h2_style_x {
  color: #000000;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#line {
  width: 1000px;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #4f3216;
  margin-top: 3px;
  margin-bottom: 20px;
}
#linetop {
  width: 1000px;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #4f3216;
  margin-top: 0px;
  margin-bottom: 3px;
}
#lineprog {
  border-top-width: 1px;
  border-top-style: dotted;
  border-top-color: #4f3216;
  margin-top: 1px;
  margin-bottom: 4px;
}
.overview {
  text-align: left;
}
.overview dd {
  float: left;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding: 0 0 0 20px;
  clear: left;
  color: #555;
}
.overview dt {
  border-bottom-width: 2px;
  border-bottom-style: dashed;
  border-bottom-color: #4f3216;
  text-align: left;
  font-size: 15px;
  margin: 0 0 20px 0;
  padding: 0 0 12px 120px;
}
.overview span {
  font-size: 12px;
  clear: left;
  color: #555;
}
.overview #toiwase {
  text-align: left;
}
.overview:after {
  display: block;
  clear: both;
  content: "";
}
.overview {
  *zoom: 1;
}
.overview2 {
  text-align: left;
}
.overview2 dd {
  float: left;
  font-size: 13px;
  margin: 0;
  padding: 0 0 0 10px;
  clear: left;
  color: #555;
}
.overview2 dt {
  border-bottom-width: 2px;
  border-bottom-style: dashed;
  border-bottom-color: #4f3216;
  text-align: left;
  font-size: 15px;
  margin: 0 0 15px 0;
  padding: 0 5px 15px 130px;
}
.overview2 span {
  font-size: 13px;
  font-weight: bold;
  background-color: #4f3216;
  padding: 2px 20px 2px 20px;
  clear: left;
  color: #fff;
}
.overview2 div {
  font-size: 15px;
  font-weight: bold;
  padding: 5px 0px 2px 0px;
  clear: left;
  color: #555;
}
.overview2 #toiwase {
  text-align: left;
}
.overview2:after {
  display: block;
  clear: both;
  content: "";
}
.overview2 {
  *zoom: 1;
}
.overview3 {
  text-align: left;
}
.overview3 dd {
  float: left;
  font-size: 13px;
  margin: 0px;
  padding: 0 0 0 10px;
  clear: left;
  color: #555;
}
.overview3 dt {
  text-align: left;
  font-size: 15px;
  padding: 0px 20px 20px 20px;
}
.overview3 span {
  font-size: 13px;
  font-weight: bold;
  background-color: #4f3216;
  padding: 2px 20px 2px 20px;
  clear: left;
  color: #fff;
}
.overview3 div {
  font-size: 15px;
  font-weight: bold;
  clear: left;
}
.overview3 #toiwase {
  text-align: left;
}
.overview3:after {
  display: block;
  clear: both;
  content: "";
}
.overview3 {
  *zoom: 1;
}
.ss_contactBox {
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 4px 10px 4px 20px;
  font-size: 100%;
  color: #FFFFFF;
  background-color: #4f3216;
}
.ss_contactBox2 {
  margin-left: 0px;
  margin-right: 0px;
  padding: 20px 20px 20px 20px;
  font-size: 100%;
  background-color: #f6f3ec;
}
#footer {
  clear: both;
  background: #ffffff;
  font-size: 100%;
  text-align: center;
  vertical-align: top;
  margin-top: 30px;
  margin-bottom: 30px;
}
.f-text {
  color: #bbb;
  font-size: 11px;
}
.close {
  color: #F00;
}
.image-box-right {
  float: right;
  margin-top: -2em;
  margin-left: 2em;
}
img.waku {
  border: 1px solid #999;
}
.image-box-right_long {
  float: right;
  margin-top: -2em;
  margin-left: 2em;
  margin-bottom: 7em;
}
.image-box-right_long2 {
  float: right;
  margin-top: -2em;
  margin-left: 2em;
  margin-bottom: 10em;
}
.image-box-right_form {
  float: right;
}
table.table01 {
  width: 100%;
  border-bottom: #fff solid 10px;
  border-collapse: collapse;
}
table.table01 tbody th {
  display: none;
}
table.table01 tbody td {
  background: #EBEBEB;
  padding: 10px 15px 10px 15px;
  vertical-align: middle;
}
table.table01 p img {
  padding: none;
}
.a_btn {
  padding: 0 !important;
  border-radius: 6px;
  line-height: 35px;
  text-align: center;
  font-weight: normal;
  animation: blink 2s ease-in-out infinite alternate;
}
.a_btn:link {
  display: block;
  color: #fff;
  text-decoration: none;
}
.a_btn:hover {
  text-decoration: none;
  background: #dc0014;
  border-radius: 8px;
  -webkit-transition: all .5s;
  transition: all .5s;
}
@keyframes blink {
  0% {
    background: #f09800;
  }
  100% {
    background: #dc0014;
  }
}
.a_btn {
  display: block;
  width: 130px;
  padding: 8px;
  background: #f53;
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  border-radius: 8px
}
.a_btn:hover {
  background: #f13
}
@media only screen and (max-width: 700px) {
  body {
    padding: none !important;
  }
  #content, #contentin {
    width: 100%;
    overflow: hidden;
  }
  h4 img {
    width: 80%;
    height: auto;
  }
  table.table01 {
    width: 85%;
    text-align: left;
	margin: 10px auto;
  }
  h1 img {
    width: 100%;
    height: auto;
  }
  h3 img {
    width: 60%;
    height: auto;
  }
  h1.pc {
    display: none;
  }
  h1.sp {
    display: block;
  }
  tr.sp {
    display: block;
  }
  td.sp {
    display: block;
  }
  table.table01 tbody th {
    display: none;
  }
  table.table01 tbody td {
    display: block;
  }
  table.table01 tbody td p {
    padding: 1em;
  }
  table.table01 img {
    padding-left: 20%;
	   width: 60%;
	  height: auto;
  }
  table.table01 tbody td {
    background: #EBEBEB;
    padding: 5px 0px 10px 0px;
  }
}