* {
  font-family:'ヒラギノ角ゴシック','游ゴシック';
  margin: 0;
  padding: 0;
}
.shared-area {
  height: 20px;

  background-color:gainsboro;
  margin-bottom: 5px;
}
header {
  width: 100%;

  padding-bottom: 5px;
  margin: 0 auto;
  text-align: center;
}
header .headline {
  font-size: 32px;
}
.logo{
  font-family: 'Vidaloka', serif;
text-align:center;
font-weight:normal;
color:#444;
}
.headline-description {
  font-size: 1.2em;
}
#header-hr{
  border: 0; 
  height: 2px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

main {
  width: 800px;
  padding-bottom: 5px;
  padding: 10px;
  margin: auto;
  box-shadow:
  0 1.9px 2.5px rgba(0, 0, 0, 0.057),
  0 5px 6.1px rgba(0, 0, 0, 0.076),
  0 10.1px 11.4px rgba(0, 0, 0, 0.086),
  0 19.2px 19.8px rgba(0, 0, 0, 0.092),
  0 38.4px 34.8px rgba(0, 0, 0, 0.1),
  0 101px 74px rgba(0, 0, 0, 0.13);
}

.main-description{
  padding-bottom: 5px;
}
.nav-list {
  text-align: center;
  padding: 10px 0;
  margin: 0 auto;
}
.nav-list-item {
  list-style: none;
  display: inline-block;
  margin: 0 20px;
}

footer {
  margin-top: 10px;;
  width: 100%;
  height: 25px;
  text-align: center;
  vertical-align: middle;
  background-color: #1e90ff;
  color: #fff;
}
.footer-text {
  color: #fff;
}