@charset "utf-8";

html {
  border:none;
}

a {
  display: inline-block;
}

a:link, a:visited{
  color:#eee;
}
a:link.continue, a:visited.continue{
  color:#eee;
  outline: none;
}
a:link.edge, a:visited.edge{
  color:#eee;
  outline: none;
}

h1 {
  font-size: 4vw;
  margin:0;
  padding:2vw 0px;
  color:#eee;
}

h2 {
  font-size: 3vw;
  margin:0;
  padding:0px;
}

div {
  margin:0;
  padding:0px;
  border:none;
}

.main {
  margin:0;
  padding:0px;
  border:none;
  color:#eee;
  /*background-color:#faeddc;*/
  background-color:#444;
  font-family: 'arial';
  font-size: 3vw;
  text-align: center;
  line-height: 1.8;
}

.banner {
  width: 100vw;
  border:none;
  margin:0;
  padding:0px;
  vertical-align: bottom;
}

.icon {
  width: 20vw;
  margin:0;
  padding:0px;
  vertical-align: bottom;
  border-radius: 2vw;
  border: solid 2px #f00;
}

.badge-a {
  width: 24vw;
  margin:0;
  padding:0vw 3vw;
  vertical-align: top;
  border: none;
}

.badge {
  width: 26vw;
  margin:0;
  padding:0vw 3vw;
  vertical-align: top;
  border: none;
}

.sample {
  width: 92vw;
  margin:0;
  padding:0px;
  vertical-align: bottom;
  border-radius: 2vw;
}

.btn {
  /*width: 8vw;*/
  width: 10vw;
  margin:0;
  padding:0px;
  vertical-align: bottom;
}

.block1 {
  margin: 6vw 4vw 0vw 4vw;
  padding: 4vw 4vw;
  line-height: 1.8;
  border-radius: 2vw;
  border:none;
  background-color: #666;
  /*background-color: #555;*/
  /*background-color: #faeddc;*/
  color:#111;
}

.block2 {
  margin: 0;
  padding: 4vw 0vw;
  line-height: 1.8;
  border-radius: 2vw;
  border:none;
  background-color: #444;
  /*background-color: #666;*/
  color:#eee;
}

.block3 {
  margin: 6vw 0vw 0vw 0vw;
  padding: 0vw 0vw;
  line-height: 1.8;
  border:none;
  color:#eee;
}

.block4 {
  /*width: 27vw;*/
  width: 42vw;
  margin: 6vw 4vw 4vw 6vw;
  padding: 2vw 2vw;
  line-height: 1.8;
  border-radius: 2vw;
  border:none;
  background-color: #666;
  color:#eee;
}

.block5 {
  margin: 6vw 0vw 0vw 0vw;
  padding: 0vw 0vw;
  line-height: 1.8;
  border:none;
  color:#eee;
  text-align: left;
}

.block6 {
  margin: 0vw 0vw 0vw 0vw;
  padding: 0vw 0vw;
  line-height: 1.8;
  border:none;
  background-color: #444;
  color:#eee;
  vertical-align: middle;
}

.block6 p {
  display: inline-block;
  vertical-align: middle;
}

.question {
  margin: 1vw 0vw 0vw 0vw;
  padding: 0vw 0vw;
  line-height: 1.2;
  border:none;
  color:#7d7;
  text-align: left;
  font-weight: bold;
}

.attention {
  color:#e66;
  font-weight: bold;
}

.line1 {
  margin: 6vw 0vw 0vw 0vw;
  padding:0px;
  height: 1px;
  border: none;
  background-color: #777;
}

.line2 {
  margin:0;
  padding:0px;
  height: 1px;
  border: none;
  background-color: #eee;
}

.line3 {
  margin: 1vw 0vw 1vw 0vw;
  padding:0px;
  height: 1px;
  border: none;
  background-color: #777;
}

.space {
  width: 2vw;
  display: inline-block;
}

.copyright {
  padding: 4vw;
}

div.tabs {
  width: 100%;
  overflow: hidden;
}

div.tab1 {
  margin: 0;
  padding: 0px;
  border: solid 1px #444;
  box-sizing: border-box;
  color:#eee;
  text-align: center;
  background-color: #666;
}

a.tab {
  float: left;
  width: calc(100%/2);
  margin:0;
  padding:0px;
  border: none;
  text-decoration:none; 
}

a.nodecoration {
  text-decoration:none; 
}