body {
  background-image: url("pattern 4744.jpg");
  background-repeat: repeat;
}

th, td {
  border: 3px outset black;
  box-sizing: border-box;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

@font-face {
  font-family: "Shin Go";
  src: url("fonts/ATTFShinGoProRegular.ttf") format("truetype");
}

@font-face {
  font-family: "tama";
  src: url("fonts/tama.ttf") format("truetype");
}
@font-face {
  font-family: "shin";
  src: url("fonts/shin.ttf") format("truetype");
}
body {
  cursor: url("ani190.png"), auto;
  font-family: "Shin Go", sans-serif;
  font-size: 16px;
}
.font-tama {
  font-family: "tama", sans-serif;
  font-size: 16px;
}
.font-shin {
  font-family: "shin", sans-serif;
  font-size: 16px;
}
a:link {
  color: #03256e;
  background-color: transparent;
  text-decoration: underline;
}

a:visited {
  color: #a8484d;
  background-color: transparent;
  text-decoration: underline;
}

.mainTable {
  position: relative;
  width: 700px;
}

.mainTable::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("Untitled.png");
  background-repeat: repeat;
  opacity: .9;
  z-index: 0;
}

.mainTable td,
.mainTable th {
  position: relative;
  z-index: 1;
}

.topTable {
  position: relative;
  width: 600px;
}

.topTable::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("himawaritate.jpg");
  background-repeat: repeat;
  opacity: .9;
  z-index: 0;
}

.topTable td,
.topTable th {
  position: relative;
  z-index: 1;
}

.sideTable {
  position: relative;
  width: 10%;
  float: left;
}

.sideTable::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("sky.gif");
  background-repeat: repeat;
  opacity: 0.3;
  z-index: 0;
}

.sideTable td,
.sideTable th {
  position: relative;
  z-index: 1;
}