@charset "utf-8";

/* =============================================================================
    Decoration
============================================================================= */
body {
  line-height: 1.6;
}

h1 {
  margin: 30px 0 10px;
  text-align: center;
}

h2 {
  text-align: center;
}

img {
  max-width: 100%;
  height: auto;
}

div.centerbox {
  overflow: none;
  margin: 0 auto 30px;
}

div.centerbox h2 {
  text-align: left;
}

p {
  margin: 0 0 20px;
}
p.center {
  text-align: center;
}
p.left {
}
p.button {
  margin: 0 30px 50px;
}

ul.float {
  margin: 0 0 30px;
}

ul.float li {
  float: left;
  width: 45%;
  margin: 0 2.5% 10px;
}

div.notTaget {
  margin: 0 5px;
  border: 10px #ea2e2d solid;
  background: #fff6f7;
}

div.notTaget h3 {
  text-align: center;
}

div.notTaget ul {
  margin: 0;
  text-align: center;
}

div.notTaget li {
  display: inline;
  float: none;
  margin: 0;
  padding: 0 3px;
}

div.notTaget li img {
  width: 45%;
  padding: 0 0 10px;
}

div.areabox {
  padding: 0 0 20px;
}

div.areabox h3 {
  margin: 0 0 20px;
  background: #dcccb5;
}

div.area {
  margin: 0 5px;
}

div.area h4 {
  padding: 5px 10px 3px;
  border: 1px #bababa solid;
  border-bottom: none;
  font-size: 77%;
  background: #efefef;
}

div.area p.explain {
  margin: 0;
  padding: 5px 10px 3px;
  border: 1px #bababa solid;
  border-bottom: none;
  font-size: 77%;
}

div.area ul {
  margin: 0 0 10px;
  border-bottom: 1px #bababa solid;
  font-size: 77%;
}

div.area li {
  padding: 5px 10px 2px;
  border: 1px #bababa solid;
  border-bottom: none;
}

div.area li img {
  float: left;
  margin: 0.2em 0 0;
}

div.area li p {
  margin: 0 0 0 40px;
}

div.areabox p.map {
  text-align: center;
}

div.attention h2 {
  margin: 0 0 8px;
  padding: 0 5px;
  border-bottom: 3px #000 double;
  font-weight: bold;
}

div.attention ul {
  margin: 0 5px;
  font-size: 85%;
}

div.attention li {
  margin: 0 0 5px 1em;
  text-indent: -1em;
}

div.attention p {
  margin: 0 5px 1em;
  font-size: 85%;
}