
body {
  max-width: 800px;
  margin: 0 auto;
  line-height:1.7;font-size: 18px;
}

table {
  line-height:1.7;font-size: 18px; font-family : "MS UI Gothic";
}

A:link {
  color: #000000; text-decoration:none; text-decoration: underline;
}
A:visited {
  color: #000000; text-decoration:none; text-decoration: underline;
}
A:active {
  color: #0000ff; text-decoration:none; text-decoration: underline;
}
A:hover {
  color: #00ff00; text-decoration:none; text-decoration: underline;
}

h1 {
  color: #ff0000; font-size:20px;
}
h2 {
  font-size: 24px; color:#9f3953;
}
h3 {
  font-size: 22px; color:#2e14be;
}
h4 {
  font-size: 20px; color:#2e14be;
}
p {
  font-size: 100%; line-height:100%;
}


#box1 {
  padding: 8px;
  width: 90%;
  background-color: #ccc;
  border-radius: 10px;
}

#box2 {
  padding: 5px;
  width: 60%;
  background-color: #beaa65;
  border-radius: 10px;
}

#spes {
  background: #ffffff;
  background-image: -webkit-gradient(linear, left top, left botom, from(#ffffff), to(#a6a6ff));
  background-image: -webkit-linear-gradient(top, #ffffff, #a6a6ff);
  background-image: inear-gradient(to botom, #ffffff, #a6a6ff));
  border-botom: 1px solid #ccc;
  pading: 10px 5px;
}

#globalheader {
  background: #ffffff;
  background-image: -webkit-gradient(linear, left top, left botom, from(#a6a6ff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #a6a6ff, #ffffff);
  background-image: inear-gradient(to botom, #a6a6ff, #ffffff);
  border-botom: 1px solid #ccc;
  pading: 10px 5px;
}

.yoko {
  width: 100%;
  clear: both;
}

.box131 {
  width: 131px;
  height: 360px;
  border: 1px solid #ccc;
  float: left;
}

.boxleft {
  padding: 10px;
  float: left;
}



<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-53479617-2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-53479617-2');
</script>

