@charset "UTF-8";

.yohaku{
  margin-left: 110px;
  margin-right: 200px;
}
.floatr{
  float: right;
}

.floatl{
  float: left;
}

.width td{
  width: 950px;
}

.widtha{
 width: 800px;
}

.widthb{
 width: 150px;
}

.widthc{
 width: 350px;
}

.widthd{
 width:600px;
}

.kesu{
  margin: 0px;
}
.kess{
  margin: 0px;
}

.table{
  border-collapse : collapse;
  border-spacing : 0px 0px;
  table-layout : fixed;
  empty-cells : show;
}
.table{
  border-collapse : collapse;
  border-spacing : 0px 0px;
  table-layout : fixed;
  empty-cells : show;
}
.line{
  border-bottom : solid 1.2px black;
}
.margin{
  margin : 1%;
}
font{
  letter-spacing : 0.125em;
  line-height : 2.45em;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 150%;
}

.padding{
  padding-top : 20px;
  padding-left : 20px;
  padding-right : 20px;
  padding-bottom : 20px;
}

h1{
  color: white;
  font-size: 150%;
  text-align: left;
  background: lightsalmon;
  margin-bottom: 3%;
  padding: 3px;
}
h2{
  color: white;
  font-size: 150%;
  text-align: left;
  background: deepskyblue;
  margin-bottom: 3%;
  padding: 5px;
}
h3{
  color: white;
  font-size: 150%;
  text-align: left;
  background: mediumaquamarine;
  margin-bottom: 3%;
  padding: 5px;
}
h4{
  color: white;
  font-size: 150%;
  text-align: left;
  background: goldenrod;
  margin-bottom: 3%;
  padding: 5px;
}
h5{
  color: white;
  font-size: 150%;
  text-align: left;
  background: plum;
  margin-bottom: 3%;
  padding: 5px;
}
.red{
  color: white;
  font-size: 30px;
  text-align: left;
  background: lightsalmon;
  margin-bottom: 3%;
  padding: 3px;
}
.blue{
  color: white;
  font-size: 30px;
  text-align: left;
  background: deepskyblue;
  margin-bottom: 3%;
  padding: 5px;
}
.green{
  color: white;
  font-size: 30px;
  text-align: left;
  background: mediumaquamarine;
  margin-bottom: 3%;
  padding: 5px;
}
.plum{
  color: white;
  font-size: 30px;
  text-align: left;
  background: plum;
  margin-bottom: 3%;
  padding: 5px;
}
.gold{
  color: white;
  font-size: 30px;
  text-align: left;
  background: goldenrod;
  margin-bottom: 3%;
  padding: 5px;
}
.red-mini{
  color: white;
  font-size: 20px;
  text-align: left;
  background: lightsalmon;
  margin-bottom: 3%;
  padding: 3px;
}
.blue-mini{
  color: white;
  font-size: 20px;
  text-align: left;
  background: deepskyblue;
  margin-bottom: 3%;
  padding: 5px;
}
.green-mini{
  color: white;
  font-size: 20px;
  text-align: left;
  background: mediumaquamarine;
  margin-bottom: 3%;
  padding: 5px;
}
.left-border{
  border-left: solid 5px white;
  padding-left: 2%;
}

.botton-next{
  font-size:34px;
  padding:4px;
  padding-left:3px;
  color: orangered;
  background-color: white;
  border-radius: 10%;
  border: solid 1px orangered;
  transition: all 500ms 0s ease-in;
}

.botton-next:hover{
  color: white;
  background-color: orangered;
  
}
.botton-back{
  font-size:34px;
  padding:4px;
  padding-left:3px;
  color: dodgerblue;
  background-color: white;
  border-radius: 10%;
  border: solid 1px dodgerblue;
  transition: all 500ms 0s ease-in;
}

.botton-back:hover{
  color: white;
  background-color: dodgerblue;
}
.botton-top{
  font-size:34px;
  padding:4px;
  padding-left:3px;
  color: mediumaquamarine;
  background-color: white;
  border-radius: 10%;
  border: solid 1px mediumaquamarine;
  transition: all 500ms 0s ease-in;
}

.botton-top:hover{
  color: white;
  background-color: mediumaquamarine;
}


footer{
	background-color: tomato;
}

.b-red{
  border: solid 3px lightsalmon;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.b-blue{
  border: solid 3px deepskyblue;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.b-green{
  border: solid 3px mediumaquamarine;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.b-plum{
  border: solid 3px plum;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.b-gold{
  border: solid 3px goldenrod;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.header{
  position : fixed;
  top : 0px;
  left: 0px;
  border-collapse : separate;
  z-index:2147483646;
}
.table-background{
  border-radius: 3%;
  padding: 15px;
}
.deepskyblue-white{
  width : 505px;
	text-align : left;
	vertical-align : top;
	height : 323px;
  background: white;
}
.deepskyblue-none{
  width : 505px;
	text-align : left;
	vertical-align : top;
}
.m-s3{
  display: none;
}
.m-s2{
  display: none;
}
.table-color{
	border-width : 1px;border-style : solid;border-color : black;
  border-collapse : collapse;
  table-layout : auto;
}