@charset "utf-8";

body {
  background-color: #ddd;
  color: #152197;
  font-family: Helvetica,'Meiryo','メイリオ',sans-serif;
  font-size: 16px;
  margin: 4px auto 10px;
}
#container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  background-color: #fdfdfd;
  border:1px solid #b19582;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}
header {
  width: 100%;
  margin: 20px 0 15px 0;
}
header h1 {
  font-family: "Tempus Sans ITC";
  color: #000;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 2px;
  padding-top: 10px;
  text-align: center;
}
main {
  width: 100%;
  padding-bottom: 30px;
}
.sh {
  display: none;
}
#select1 {
  width: 370px;
  margin: 5px auto 0;
  font-family: "Tempus Sans ITC";
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  border: 0px solid #777;
  display: grid;
  grid-auto-rows: minmax(28px, auto);
  grid-template-columns: repeat(5, 70px) 80px;
  grid-column-gap: 5px;
}
#year_before_last {
  padding-top: 4px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #777;
}
#last_year {
  padding-top: 4px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #777;
}
#this_year {
  padding-top: 4px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #000;
}
#next_year {
  padding-top: 4px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #000;
}
#year_after_next {
  padding-top: 4px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #000;
}
#com2 {
  font-size: 12px;
  line-height: 13px;
  padding-top: 2px;
}
.degeneracy {
  background:repeating-linear-gradient(
  -45deg,
  #999,
  #999 1px,
  #fff 0,
  #fff 9px
  );
}
.degeneracy_select {
  background:repeating-linear-gradient(
  -45deg,
  #999,
  #999 1px,
  #fff 0,
  MistyRose 9px
  );
}
.dsp_d {
  display: block;
  color: Maroon;
}
.dsp_n {
  display: none;
}

.visible {
  visibility: visible;
}
.hidden {
  visibility: hidden;
}
.tile1:link {
  color: #555;
  text-decoration: underline solid #777;
}
.tile1:hover {
  color: red;
  font-size: 19px;
  font-weight: bold;
  background-color: Azure;
  text-decoration: none;
/*  background-color: #fee;*/
  border: 2px solid #000;
}
#select2 {
  width: 700px;
  margin: 5px auto 0px;
  padding-left: 25px;
  font-family: "Tempus Sans ITC";
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  border: 0px solid #777;
  display: grid;
  grid-auto-rows: minmax(28px, auto);
  grid-template-columns: 90px repeat(12, 35px) 1fr;
  grid-column-gap: 5px;
}
.msr {
  font-family: "Tempus Sans ITC";
  font-size: 38px;
  text-align: right;
  vertical-align: bottom;
  padding-top: -10px;
  border: 0px solid #000;
}
.msr::after {
  content: "月";
  font-size: 15px;
  margin-right: 20px;
}
.ms {
  padding: 4px 0px 0 0;
  text-align: center;
  cursor: pointer;
  border: 1px solid #777;
/*  background-color: #fee;*/
}
#only {
  font-size: 12px;
  padding: 8px 0 0 25px;
}
.tile2:link {
  color: #555;
  text-decoration: underline solid #777;
}
.tile2:hover {
  color: red;
  font-size: 19px;
  font-weight: bold;
  background-color: Azure;
  text-decoration: none;
  border: 2px solid #000;
}
.table1 {
  width: 700px;
  margin: 10px auto 0;
  font-size: 18px;
  line-height: 20px;
  border: 0px solid #f00;
  display: grid;
  grid-template-rows: 26px repeat(6,66px);
  grid-template-columns: repeat(7, 100px);
}
.ttl {
  font-size: 18px;
  padding-top: 3px;
  text-align: center;
}
.b_tbl {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
}
.day {
  height: 30px;
  font-family: "Tempus Sans ITC";
  font-size: 28px;
  font-weight: bold;
  margin-bottom: -4px;
  padding: 4px 0 0 0;
  line-height: 28px;
  text-align: center;
  border: 0px solid #000;
}
.holiday {
  height: 16px;
  font-size: 14px;
  color: red;
  text-align: center;
  padding: 0px 0 0 3px;
  line-height: 17px;
}
.terms24 {
  height: 15px;
  color: #152197;
  text-align: center;
  font-size: 15px;
  padding: 2px 0 0 5px;
  line-height: 16px;
}
.dayoff {
  color: red;
  background-color: LavenderBlush;
/*  background-color: MistyRose;*/
/*  background-color: #fce6ee;*/
}
.b_tb {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.wd {
  background-color: #f6f6f6;
}
.sat {
  background-color: Honeydew;
}
.daycell {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
}
.daycell_l {
  border-bottom: 1px solid #000;
}
.br1 {
  border-right: 1px solid #777;
}
.none {
  background-color: #f1f1f1;
}
.t1 {
  text-align: center;
  padding-top: 5px;
  background-color: #eee;
}
.t2 {
  text-align: center;
  padding-top: 5px;
  border-left: 1px solid #777;
  background-color: #eee;
}
.c1 {
  padding: 5px 0 0 5px;
  border-top: 1px solid #777;
}
.c2 {
/*  text-align: center;*/
  padding: 5px 5px 0 5px;
  border-top: 1px solid #777;
  border-left: 1px solid #777;
}
.c3 {
  padding: 5px 5px 0 5px;
  border-top: 1px solid #777;
  border-left: 1px solid #777;
}
.bt2 {
  border-top: 2px solid #777;
}
.bold {
  font-weight: bold;
}
.txt1 {
  margin: 5px 10px 0 47px;
  text-indent: -29px;
  line-height: 19px;
}
a.tile:link,a.tile:visited {
  color: #152197;
  font-weight: bold;
  text-decoration: underline solid #777;
}
a.tile:active,a.tile:hover {
  color: red;
  font-weight: bold;
  text-decoration: none;
}
#cl {
  width: 700px;
  font-size: 13px;
  text-align: right;
  margin: 5px auto 0;
}

footer {
  height: 28px;
  margin-top: 10px;
  background-color: #444;
  padding-top: 14px;
  font-size: 16px;
  text-align: center;
  color: #fff;
}