table {
 margin-left: auto;
 margin-right: auto;
 margin: 0 auto;
}
h3{
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 
}
.center{
text-align: center;
}

button{
 margin-left: auto;
 margin-right: auto;
}

.sample_01{
 width: 30%;
 border-collapse: collapse;
 border-right: 1px solid #999;
 }
 .sample_01 th{
 border: 1px solid #999;
 text-align: center;
vertical-align: middle;
 width: auto;
 padding: 6px;
 text-align: left;
 vertical-align: top;
 color: #fff;
 background-color: #555;
 border-left: 5px solid #bb641d; 
 border-top: 1px solid #fff;
 }
 .sample_01 td{
 border: 1px solid #999;
text-align: center;
vertical-align: middle;
 width: auto;
 padding: 6px;
 background-color: #fff;
 border-bottom: 1px solid #999;
 border-left: 1px solid #999;
 }

.sample_04{
 width: 80%;
 border-collapse: collapse;
 border-right: 1px solid #999;
 }
 .sample_04 th{
 text-align: center;
vertical-align: middle;
 width: auto;
 padding: 6px;
 text-align: left;
 vertical-align: top;
 color: #fff;
 background-color: #555;
 border-left: 5px solid #d7c447; 
 border-top: 1px solid #fff;
 }
 .sample_04 td{
text-align: center;
vertical-align: middle;
 width: auto;
 padding: 6px;
 background-color: #fff;
 border-bottom: 1px solid #999;
 border-left: 1px solid #999;
 }
 
 a.previousday{
  display: inline-block;
  height: 30px;
  width: 120px;
  text-decoration: none;
  font-weight: bold;
  line-height: 33px;
  text-align: center;
  color: #913944;
  border: 1px solid #ee8090;
  border-bottom: 1px solid #cb5462;
  text-shadow: 0px 1px 0px #f9a0ad;
  -webkit-box-shadow: 0 1px 0 #fbc1d0 inset, 1px 1px 1px #e9e9e9;
  -moz-box-shadow: 0 1px 0 #fbc1d0 inset, 1px 1px 1px #e9e9e9;
  box-shadow: 0 1px 0 #fbc1d0 inset, 1px 1px 1px #e9e9e9;
  background: #f56778;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #f997b0), color-stop(0.5, #f56778));
  background: -moz-linear-gradient(top, #f997b0 50%,#f56778 50%);
  background: -o-linear-gradient(top, #f997b0 50%,#f56778 50%);
  background: -ms-linear-gradient(top, #f997b0 50%,#f56778 50%);
  background: linear-gradient(top, #f997b0 50%, #f56778 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f997b0 50%', endColorstr='#f56778 50%');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f997b0 50%', endColorstr='#f56778 50%')";
}
a.previousday:active{  /* クリックした時 */
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: none;
}

a.nextday{
  display: inline-block;
  height: 30px;
  width: 120px;
  text-decoration: none;
  font-weight: bold;
  line-height: 33px;
  text-align: center;
  color: #5d7731;
  border: 1px solid #98b85b;
  border-bottom: 1px solid #799545;
  text-shadow: 0px 1px 0px #d5e8aa;
  -webkit-box-shadow: 1px 1px 0 #cce3a1 inset, 1px 1px 1px #e9e9e9;
  -moz-box-shadow: 1px 1px 0 #cce3a1 inset, 1px 1px 1px #e9e9e9;
  box-shadow: 1px 1px 0 #cce3a1 inset, 1px 1px 1px #e9e9e9;
  background: #cae285;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #cae285), color-stop(0.5, #a3cd5a));
  background: -moz-linear-gradient(top, #cae285 50%,#a3cd5a 50%);
  background: -o-linear-gradient(top, #cae285 50%,#a3cd5a 50%);
  background: -ms-linear-gradient(top, #cae285 50%,#a3cd5a 50%);
  background: linear-gradient(top, #cae285 50%, #a3cd5a 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cae285 50%', endColorstr='#a3cd5a 50%');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cae285 50%', endColorstr='#a3cd5a 50%')";
}
a.nextday:active{  /* クリックした時 */
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: none;
}

a.mindata{
  display: inline-block;
  height: 30px;
  width: 140px;
  text-decoration: none;
  line-height: 33px;
  text-align: center;
  border-radius: 20px;
  color: #fff;
  -webkit-box-shadow: 1px 1px 1px #e9e9e9;
  -moz-box-shadow: 1px 1px 1px #e9e9e9;
  box-shadow: 1px 1px 1px #e9e9e9;
  background: #119de9;
  background: -webkit-gradient(linear, left top, left bottom, from(#119de9), to(#4bb8f3));
  background: -moz-linear-gradient(top, #119de9, #4bb8f3);
  background: -o-linear-gradient(top, #119de9, #4bb8f3);
  background: -ms-linear-gradient(top, #119de9, #4bb8f3);
  background: linear-gradient(top, #119de9, #4bb8f3);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#119de9', endColorstr='#4bb8f3');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#119de9', endColorstr='#4bb8f3')";
}
a.mindata:active{  /* クリックした時 */
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: none;
}