html {
  font-size: 62.5%;
}

body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: white;
  font-family:
    "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, "Yu Gothic",
    YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo,
    メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  color: #000000;
  -webkit-text-size-adjust: 100%;
}

a:link {
  color: slateblue;
  text-decoration: none;
  text-shadow: 0px 0px 10px rgba(147, 112, 219, 0.4);
  /*box-shadow:5px 5px 10px -5px rgba(147,112,219,0.6);*/
  box-shadow: 1px 2px 6px 1px rgba(72, 61, 139, 0.2);
  padding-right: 4px;
  padding-right: 0.4rem;
}

a:visited {
  color: navy;
  text-decoration: none;
}
a:hover {
  color: red;
  text-decoration: none;
  /*box-shadow:1px 5px 10px 1px rgba(205,92,92,0.6);
	border-radius:3px 3px 3px 3px ;*/
}
a:active {
  color: crimson;
  text-decoration: none;
}

.shoyakutotal {
  color: navy;
  font-weight: 800;
  text-shadow: -1px -1px 1px lavender;
  background-color: whitesmoke;
}

a.members:link {
  color: darkorange;
  font-weight: 800;
  text-shadow: -1px -1px 1px lemonchiffon;
  background-color: white;
}

a.members:visited {
  color: darkorange;
  font-weight: 800;
  text-shadow: -1px -1px 1px lemonchiffon;
  background-color: white;
}

a.members:hover {
  color: silver;
  font-weight: 600;
  background-color: whitesmoke;
  text-decoration: line-through;
}

a.members:active {
  color: darkorange;
  font-weight: 800;
  text-shadow: -1px -1px 1px lemonchiffon;
  background-color: white;
}

a.mores:link {
  color: mediumblue;
  font-weight: 800;
  background-color: white;
  box-shadow: none;
}

a.mores:visited {
  color: mediumblue;
  font-weight: 800;
  background-color: white;
  box-shadow: none;
}

a.mores:hover {
  color: crimson;
  font-weight: 800;
  background-color: lightyellow;
  box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.6);
}

a.mores:active {
  color: red;
  font-weight: 800;
  text-decoration: none;
  box-shadow: none;
}

div.kaigyo {
  display: inline-block;
  vertical-align: bottom;
}

div.kaigyo:hover > .shorter {
  color: lightsteelblue;
}
div.members {
  color: darkorange;
  font-weight: 800;
}

a.shorter:link {
  color: white;
  text-decoration: none;
  font-weight: 800;
  background-color: white;
  box-shadow: none;
}

a.shorter:visited {
  color: white;
  text-decoration: none;
  font-weight: 800;
  background-color: white;
  box-shadow: none;
}

a.shorter:hover {
  color: paleturquoise !important;
  font-weight: 800;
  text-decoration: none;
  background-color: royalblue !important;
  box-shadow: none;
}

a.shorter:active {
  color: white;
  text-decoration: none;
  box-shadow: none;
  font-weight: 800;
}

h1.a:link {
  color: white;
  text-decoration: none;
  font-weight: 800;
  background-color: white;
  box-shadow: none;
}

h1.a:visited {
  color: white;
  text-decoration: none;
  font-weight: 800;
  background-color: white;
  box-shadow: none;
}

h1.a:hover {
  color: paleturquoise !important;
  font-weight: 800;
  text-decoration: none;
  background-color: royalblue !important;
  box-shadow: none;
}

h1.a:active {
  color: white;
  text-decoration: none;
  box-shadow: none;
  font-weight: 800;
}

a.button0 {
  background-color: #ddeeff;
  border: 1px solid #8888ff;
  padding: 1px 8px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #c3e1ff;
  box-shadow: 0px 0px 10px rgba(160, 180, 220, 0.6);
  cursor: pointer;
  font-size: 10px;
  font-size: 1rem;
}

a.button0:hover {
  color: white;
  background-color: royalblue;
  text-shadow: 0px 0px 3px #ffffff;
  font-size: 10px;
  font-size: 1rem;
}

section {
  margin: 0px auto;
  padding: 0;
  margin-top: 8px;
  margin-bottom: 12px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px silver solid;
}

h1 {
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  font-size: 2.4rem;
  width: 100%;
  background-color: #ffffff;
  line-height: 48px;
  line-height: 4.8rem;
  text-align: center;
  text-shadow: 2px 2px 3px rgba(140, 160, 220, 0.5);
  color: rgb(226, 255, 212);
  margin-bottom: 0.5rem;
  border-bottom: 1px solid whitesmoke;
  background-image: url("../img/topback.jpg");
  margin-top: 0rem;
  margin-bottom: 1rem;
}

h2 {
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  font-size: 2rem;
  width: 98%;
  padding-left: 1rem;
  line-height: 34px;
  line-height: 3.4rem;
  text-shadow: 2px 2px 3px rgba(140, 160, 220, 0.5);
  color: rgb(226, 255, 212);
  background-color: #ffffff;
  margin-top: 0rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid gainsboro;
  background-image: url("../img/topback.jpg");
  vertical-align: middle;
  border-bottom: 1px rgb(19, 214, 19) solid;
  border-top: 1px rgb(19, 214, 19) solid;
}

h3 {
  margin: 0px auto;
  font-size: 16px;
  font-size: 1.6rem;
  width: 99%;
  padding-left: 1%;
  line-height: 24px;
  list-style: height 2.4rem;
  text-shadow: 2px 2px 3px rgba(140, 160, 220, 0.5);
  color: rgb(226, 255, 212);
  background-color: #ffffff;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid gainsboro;
  background-image: url("../img/topback.jpg");
  vertical-align: middle;
}

h4 {
  margin: 0px auto;
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
  text-shadow: 2px 2px 3px rgba(140, 160, 220, 0.5);
  color: rgb(226, 255, 212);
  background-color: #ffffff;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid gainsboro;
  background-image: url("../img/topback.jpg");
  vertical-align: middle;
}

article {
  margin: 0px auto;
  margin-top: 4px;
  margin-bottom: 8px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  line-height: 22px;
  line-height: 2.2rem;
  color: #000000;
  font-size: 14px;
  font-size: 1.4rem;
  font-family:
    "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, "Yu Gothic",
    YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo,
    メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  border-bottom: 1px dotted laveder;
}

img {
  border-right: lavender 2px solid;
  border-top: silver 1px solid;
  border-bottom: lavender 2px solid;
  border-left: lightgrey 2px solid;
}

img.imgborder {
  margin: 0px auto;
  border-left: 1px solid silver;
  border-top: 2px solid silver;
  border-right: 1px solid whitesmoke;
  border-bottom: 1px solid whitesmoke;
}

input[type="button"] {
  color: darkorange;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: lavender;
  width: 70px;
  width: 7rem;
  height: 26px;
  background-image: url("../img/btnback.jpg");
  border-top: 1px lightgray solid;
  border-left: 1px lightgray solid;
  border-bottom: 2px #9a8dbd solid;
  border-right: 2px #9a8dbd solid;
  font-weight: 800;
  text-shadow: 1px 1px 2px rgba(112, 112, 112, 0.8);
  font-family:
    TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, 游ゴシック体,
    "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
    Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}

input[type="submit"] {
  color: slateblue;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: lavender;
  width: 70px;
  width: 7rem;
  height: 26px;
  background-image: url("../img/btnback.jpg");
  border-top: 1px lightgray solid;
  border-left: 1px lightgray solid;
  border-bottom: 2px #9a8dbd solid;
  border-right: 2px #9a8dbd solid;
  font-weight: 800;
  text-shadow: 1px 1px 2px rgba(112, 112, 112, 0.8);
  font-family:
    TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, 游ゴシック体,
    "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
    Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}

input[type="reset"] {
  color: lavenderblush;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: lavender;
  width: 70px;
  width: 7rem;
  height: 26px;
  background-image: url("../img/inputback.jpg");
  border-top: 1px lightgray solid;
  border-left: 1px lightgray solid;
  border-bottom: 2px gray solid;
  border-right: 2px gray solid;
  font-weight: 800;
  text-shadow: -1px -1px 1px rgba(8, 20, 16, 0.8);
  font-family:
    TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, 游ゴシック体,
    "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
    Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}

#contentsmaster {
  padding: 0px;
  /*background-color: #f2f2fe;*/
  background-color: #ebecf0;
  /*background-image:url('../img/masterback.jpg');*/
  /*background-image:url('../img/endback.jpg');*/
  /*background-image:url('../img/midori.gif');*/
  margin: 0px auto;
  padding: 0;
  width: 100%;
}

#centerpain {
  box-sizing: border-box;
  border-top: 1px solid silver;
  border-left: 1px solid ivory;
  border-right: 1px solid ivory;
  border-bottom: 1px solid silver;
  width: 100%;
  margin: 0px auto;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  /*background-image:url('../img/endback.jpg');*/
  background-image: url("../img/midori.gif");
  background-color: #000000;
}

#headermain1 {
  margin: 0px auto;
  top: 0px;
  text-indent: 0px;
  width: 100%;
  height: 50px;
  font-family:
    TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, 游ゴシック体,
    "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
    Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  border-top: 1px solid lavenderblush;
  border-bottom: 2px solid slategray;
  margin-bottom: 0px;
  background-image: url("../img/logo.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

#headermain {
  box-sizing: border-box;
  margin: 0px auto;
  padding: 0;
  top: 0px;
  text-indent: 0px;
  width: 100%;
  height: 50px;
  font-family:
    TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, 游ゴシック体,
    "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
    Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  border-top: 1px solid lavenderblush;
  border-bottom: 2px solid slategray;
  margin-bottom: 0px;
  background-image: url("../img/logoback.png");
  background-color: #ffffff;
}

#endbar {
  margin: 0px auto;
  padding: 0;
  top: 0px;
  text-indent: 1px;
  width: 100%;
  height: 512px;
  background-color: #c6adff;
  box-sizing: border-box;
  border-top: 2px solid slategray;
  padding-top: 20px;
  padding-top: 2rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  color: lime;
  /*-moz-box-shadow: 0px 0px 5px #000000;
	-webkit-box-shadow: 0px 0px 5px #000000;
	box-shadow: 0px 0px 5px #000000;:/
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#000000', endColorstr = '#E4ffE4');
  /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
  /*Element must have a height (not auto)*/
  /*All filters must be placed together*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#000000', endColorstr = '#E4ffE4')";
  /*Element must have a height (not auto)*/
  /*All filters must be placed together*/
  background-image: -moz-linear-gradient(top, #000000, #e4ffe4);
  background-image: -ms-linear-gradient(top, #000000, #e4ffe4);
  background-image: -o-linear-gradient(top, #000000, #e4ffe4);
  background-image: -webkit-gradient(
    linear,
    center top,
    center bottom,
    from(#000000),
    to(#e4ffe4)
  );
  background-image: -webkit-linear-gradient(top, #000000, #e4ffe4);
  background-image: linear-gradient(top, #000000, #e4ffe4);
  background:
    linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(252, 255, 252, 1)),
    url("../img/endback.jpg");
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 800;
  font-family:
    TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, 游ゴシック体,
    "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
    Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  text-shadow: -2px -2px 1px rgba(0, 0, 0, 0.6);
}

#endbar a:link {
  color: gold;
  text-decoration: none;
  box-shadow: none;
}

#endbar a:visited {
  color: snow;
  text-decoration: none;
}
#endbar a:hover {
  color: #000000;
  box-shadow: none;
  text-shadow: 2px 2px 2px rgba(76, 96, 122, 0.8);
}
#endbar a:active {
  color: lightgrey;
  text-decoration: none;
  box-shadow: none;
  text-shadow: -2px -2px 1px rgba(0, 0, 0, 0.5);
}

#title0 {
  width: 98%;
  color: #000000;
  font-weight: 800;
  font-size: 26px;
  font-size: 2.6rem;
  text-align: left;
  padding-left: 1rem;
  text-shadow: 2px 2px 1px rgba(255, 255, 255, 0.6);
  /*display:inline-block;*/
  vertical-align: middle;
  background-image: url("../img/cat.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  line-height: 49px;
  vertical-align: top;
  border-top: 1px whitesmoke solid;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#title1 {
  color: #000000;
  font-weight: 800;
  font-size: 26px;
  font-size: 2.6rem;
  text-shadow: 2px 2px 1px rgba(255, 255, 255, 0.8);
  /*display:inline-block;*/
  vertical-align: middle;
  text-align: left;
  padding-left: 10px;
  padding-left: 1rem;
  line-height: 49px;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  border-top: 1px silver solid;
  margin-top: 0px;
  z-index: 2;
}

#title1:hover {
  color: #001664;
  box-shadow: none;
  text-shadow: 3px 3px 1px rgba(80, 80, 108, 0.4);
}

#title1:hover + #title2 {
  background-image: url("../img/cat4.png");
}

#title2:hover {
  color: #001664;
  box-shadow: none;
  text-shadow: 3px 3px 1px rgba(80, 80, 108, 0.4);
  background-image: url("../img/cat5.png");
}

#title2 {
  width: 98%;
  color: navy;
  font-weight: 800;
  font-size: 26px;
  font-size: 2.6rem;
  text-align: center;
  text-shadow: 2px 2px 1px rgba(255, 255, 255, 0.6);
  /*display:inline-block;*/
  vertical-align: middle;
  background-image: url("../img/cat.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  line-height: 49px;
  vertical-align: top;
  border-top: 1px whitesmoke solid;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#move-page-bottom {
  color: darkorange;
}

#move-page-top {
  color: darkorange;
}

div.menu {
  width: 3rem;
  position: fixed;
  right: 2rem;
  top: 6.5rem;
  z-index: 100;
  background-color: white;
  text-align: center;
  background-image: url("../img/back.jpg");
  font-weight: 800;
  font-size: 1.8rem;
}

div.cover {
  display: table;
  margin: 0px auto;
  padding: 0px;
  border-spacing: 6px 3px;
  border-spacing: 0.6rem 0.3rem;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
div.cover div.boxleft {
  display: table-cell;
  width: 33%;
  border-bottom: 2px solid silver;
  border-top: 2px solid gainsboro;
  border-left: 1px solid lavender;
  border-right: 1px solid silver;
  /*background-image:url('../img/woodl.jpg');*/
  background-image: url("../img/endback.jpg");
  background-color: white;
}
div.cover div.boxcenter3 {
  display: table-cell;
  width: 33%;
  box-sizing: border-box;
  border-bottom: 2px solid silver;
  border-top: 2px solid gainsboro;
  border-left: 1px solid lavender;
  border-right: 1px solid silver;
  /*background-image:url('../img/woodc.jpg');*/
  background-image: url("../img/endback.jpg");
  background-color: white;
}
div.cover div.boxright {
  display: table-cell;
  width: 33%;
  border-bottom: 2px solid silver;
  border-top: 2px solid gainsboro;
  border-left: 1px solid lavender;
  border-right: 1px solid silver;
  /*background-image:url('../img/woodr.jpg');*/
  background-image: url("../img/endback.jpg");
  background-color: white;
}

div.boxcenter {
  margin: 0px auto;
  display: block;
  width: 99%;
  margin: 0px auto;
  box-sizing: border-box;
  border-bottom: 2px solid lightslategray;
  border-top: 1px solid gainsboro;
  border-left: 1px rgb(19, 214, 19) solid;
  border-right: 1px rgb(19, 214, 19) solid;
  background-image: none;
  background-color: white;
  text-align: left;
}

div.contents {
  display: inline-block;
  /*float:left;*/
  /*font-size:12px;
	font-size:1.2rem;*/
  background-color: whitesmoke;
  background-image: url("../img/back2.jpg");
  border-top: 1px solid silver;
  border-left: 1px solid silver;
  border-bottom: 2px solid dimgray;
  border-right: 2px solid dimgray;
  border-radius: 3px;
  box-shadow: 0px 0px 10px rgba(147, 112, 219, 0.4);
  cursor: pointer;
  margin-top: 4px;
  margin-right: 4px;
  margin-left: 4px;
  text-align: center;
  width: 80px;
  width: 8rem;
  height: 16px;
  height: 1.6em;
  padding-top: 7px;
  padding-top: 0.7rem;
  padding-bottom: 2px;
  padding-bottom: 0.2rem;
}
div.contents :hover {
  color: white;
  background-color: royalblue;
  text-shadow: 0px 0px 3px #ffffff;
}

div.topcontents {
  padding-left: 10px;
  padding-left: 1rem;
  padding-right: 2px;
  padding-right: 0.2rem;
  margin-bottom: 0;
  background-image: url("../img/imgxml.png");
  background-repeat: no-repeat;
  background-position: right bottom;
}

div.mn {
  margin-top: 10px;
  margin-bottom: 20px;
}

a.btn-solid {
  color: #fff;
  font-size: 2rem;
  line-height: 30px;
  width: 24rem;
  text-align: center;
  border-top: 4px solid #48ecc4;
  border-right: 4px solid #0a5f4a;
  border-bottom: 4px solid #0f745b;
  border-left: 4px solid #8cf9de;
  border-radius: 0;
  background: #00a381;
  font-weight: 400;
}

a.btn-solid:hover {
  color: springgreen;
  font-size: 2rem;
  line-height: 30px;
  width: 24rem;
  text-align: center;
  border-top: 4px solid #48ecc4;
  border-right: 4px solid #0a5f4a;
  border-bottom: 4px solid #0f745b;
  border-left: 4px solid #8cf9de;
  border-radius: 0;
  background: #00a381;
  font-weight: 400;
}

a.btn-solid:active {
  color: green;
  border-top: 4px solid #0f745b;
  border-right: 4px solid #8cf9de;
  border-bottom: 4px solid #48ecc4;
  border-left: 4px solid #0a5f4a;
  font-size: 2rem;
  line-height: 30px;
  width: 24rem;
  text-align: center;
}

table.mokume {
  width: 100%;
  margin: 0px auto;
  margin-top: 5px;
  border-top: 2px solid peachpuff;
  border-left: 2px solid peachpuff;
  border-bottom: 2px solid ivory;
  border-right: 1px solid ivory;
  border-collapse: separate;
  font-family:
    "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, "Yu Gothic",
    YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo,
    メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}

table.mokume td {
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  text-shadow: 0px -1px 2px #645448;
  border-top: 1px solid ivory;
  border-left: 1px solid ivory;
  border-bottom: 2px solid peachpuff;
  border-right: 1px solid peachpuff;
  padding-left: 1px;
  padding-right: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-collapse: separate;
  font-family:
    "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, "Yu Gothic",
    YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo,
    メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}
table.mokume td.tdsmall {
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  border-top: 1px solid ivory;
  border-left: 1px solid ivory;
  border-bottom: 1px solid peachpuff;
  border-right: 1px solid peachpuff;
  padding-left: 1px;
  padding-right: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-collapse: separate;
  font-family:
    "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, "Yu Gothic",
    YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo,
    メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  color: black;
}

table.mokume td.tdid {
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  border-top: 1px solid ivory;
  border-left: 1px solid ivory;
  border-bottom: 2px solid peachpuff;
  border-right: 1px solid peachpuff;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-collapse: separate;
  font-family:
    "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, "Yu Gothic",
    YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo,
    メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  vertical-align: middle;
  color: black;
}

table.mokume th {
  color: black;
  font-weight: 400;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  text-shadow: -1px -1px 2px saddlebrown;
  /*border-top: 1px solid lavender;*/
  border-left: 1px solid whitesmoke;
  border-top: silver 1px solid;
  border-bottom: 1px solid saddlebrown;
  border-right: 1px solid saddlebrown;
  padding-left: 1px;
  padding-right: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-collapse: separate;
  background: #333333 url("../img/ita.jpg") repeat-x;
  font-family:
    "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, "Yu Gothic",
    YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo,
    メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}

.txtruby {
  color: slategray;
  font-size: 10px;
  font-size: 1rem;
  text-shadow: -1px -1px 2px silver;
}

.txtsilver {
  color: silver;
}

.txtgray {
  color: slategray;
}

.txtthinh2 {
  font-size: 16px;
  font-size: 1.6rem;
  color: dimgray;
}
.txtthin {
  font-size: 12px;
  font-size: 1.2rem;
  color: lightslategray;
}

.txtthinblue {
  font-size: 12px;
  font-size: 1.2rem;
  color: royalblue;
}

.txtyellow {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 300;
  color: #bfcd32;
}

.txtthick {
  font-weight: 600;
  color: "#030333";
}

.txttaboo {
  color: red;
  font-weight: 600;
  text-decoration: underline;
}

.txtattention {
  color: crimson;
  font-weight: 600;
  background-color: #cfd3c4;
}

.txtbold {
  font-weight: 600;
}

.txtunderline {
  text-decoration: underline;
}

.txtblue {
  color: mediumblue;
  font-weight: 600;
}

.txtblue:hover {
  color: crimson;
  font-weight: 600;
}

.txtred {
  color: orangered;
  font-weight: 600;
}

.txtwhite {
  color: whitesmoke;
  font-weight: 600;
  font-size: 16px;
  font-size: 1.6rem;
}
.txtwhitethin {
  color: white;
  font-weight: 300;
  font-size: 14px;
  font-size: 1.4rem;
}
.txtgreen {
  color: green;
  font-weight: 600;
}

.txtgreen:hover {
  color: crimson;
}
.txtviolet {
  color: blueviolet;
  font-weight: 600;
}
.txtviolet:hover {
  color: crimson;
}
.txtorange {
  color: darkorange;
  font-weight: 600;
  text-shadow: -1px -1px 1px lemonchiffon;
}

.txtorange:hover {
  color: crimson;
  font-weight: 600;
  text-shadow: -1px -1px 1px lemonchiffon;
}

.txtcategory {
  color: #6656c9;
  font-weight: 600;
  text-shadow: 1px 1px 8px #8f8f8f;
}

.txtalt {
  font-weight: 600;
  color: gray;
  text-shadow: 1px 1px 8px white;
}

a.txtalt {
  font-weight: 600;
  color: silver;
  text-shadow: 1px 1px 8px #8f8f8f;
}

.txtshoyaku {
  font-weight: 600;
  color: #ac7a02;
  text-shadow: 1px 1px 8px #8f8f8f;
}

.txtshoyaku:hover {
  color: crimson;
}

a.txtshoyaku {
  font-weight: 600;
  color: #ac7a02;
  text-shadow: 1px 1px 8px #8f8f8f;
}
.txtshoyaku1 {
  font-weight: 600;
  color: indianred;
  text-shadow: 1px 1px 8px #8f8f8f;
}

.txtshoyaku2 {
  font-weight: 600;
  color: blue;
  text-shadow: 1px 1px 8px #8f8f8f;
}

.txtshoyaku3 {
  font-weight: 600;
  color: green;
  text-shadow: 1px 1px 8px #8f8f8f;
}

.txtshoyaku4 {
  font-weight: 600;
  color: blueviolet;
  text-shadow: 1px 1px 8px #8f8f8f;
}

.txtshoyaku5 {
  font-weight: 600;
  color: black;
  text-shadow: 1px 1px 8px #8f8f8f;
}

.txtshoyakux {
  font-weight: 300;
  color: gainsboro;
  text-shadow: none;
}

.txkanponum {
  font-weight: 600;
  text-decoration: underline;
  color: steelblue;
  text-shadow: 2px 2px 3px #a9b9c9;
}

.txtkanpo {
  font-weight: 600;
  color: slateblue;
  text-shadow: 2px 2px 4px #a9b9c9;
}

.txtkanpo:hover {
  color: crimson;
}
.txtslist {
  color: mediumslateblue;
  text-shadow: 2px 2px 4px #a9b9c9;
}

a.txtslist:link {
  color: mediumslateblue;
  font-weight: 800;
  text-shadow: 2px 2px 4px #a9b9c9;
  background-color: white;
}

a.txtslist:visited {
  color: mediumslateblue;
  font-weight: 800;
  text-shadow: 2px 2px 4px #a9b9c9;
  background-color: white;
}

a.txtslist:hover {
  color: blue;
  font-weight: 800;
  background-color: whitesmoke;
  text-shadow: 2px 2px 4px royalblue;
  box-shadow: 5px 10px 1px rgba(92, 92, 255, 0.6);
}

a.txtslist:active {
  color: royalblue;
  font-weight: 800;
  text-shadow: 2px 2px 4px #a9b9c9;
  background-color: laveder;
  box-shadow: 1px 5px 10px 1px rgba(92, 92, 255, 0.6);
}
.rt-base {
  color: #ac7a02;
  font-weight: 800;
  font-size: 12px;
}

.rt-same {
  font-weight: 800;
  color: orange;
  font-size: 10px;
}

.rt-under {
  font-weight: 800;
  font-size: 12px;
  color: royalblue;
  text-shadow: 1px 1px 8px #8f8f8f;
}

.rt-over {
  font-weight: 800;
  font-size: 12px;
  color: crimson;
  text-shadow: 1px 1px 8px #8f8f8f;
}

.rt-more {
  font-weight: 800;
  font-size: 10px;
  color: slategray;
}

.mono {
  font-family: Consolas, "Courier New", Courier, Monaco, monospace;
  font-weight: 300;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 12px;
  line-height: 1.2rem;
}

.tblkanpo {
  display: table;
  width: 100%;
  margin: 0px auto;
}

.tblkanpo .trow {
  display: table-row;
  line-height: 24px;
  line-height: 2.4rem;
  /*background-color:white;*/
}

.tblkanpo .tcell {
  display: table-cell;
  padding: 0px;
  padding-left: 5px;
  padding-left: 0.5rem;
  border-top: 1px solid lavender;
  border-bottom: 1px solid silver;
}
.tblkanpo .tcell:first-child {
  /*固定幅を指定する*/
  width: 35px;
  width: 3.5rem;
  padding: 0px;
  text-align: center;
}

.c1 {
  color: black;
  background-color: #ececec;
  font-weight: 600;
  border-top: 3px solid skyblue;
  border-right: 3px solid skyblue;
  border-bottom: 3px solid skyblue;
  border-left: 3px solid skyblue;
}

.c2 {
  color: black;
  background-color: #ececec;
  font-weight: 600;
  border-top: 3px solid forestgreen;
  border-right: 3px solid forestgreen;
  border-bottom: 3px solid forestgreen;
  border-left: 3px solid forestgreen;
}

.c3 {
  color: black;
  background-color: #ececec;
  font-weight: 600;
  border-top: 3px solid lawngreen;
  border-right: 3px solid lawngreen;
  border-bottom: 3px solid lawngreen;
  border-left: 3px solid lawngreen;
}

.c4 {
  color: black;
  background-color: #ececec;
  font-weight: 600;
  border-top: 3px solid yellow;
  border-right: 3px solid yellow;
  border-bottom: 3px solid yellow;
  border-left: 3px solid yellow;
}

.c5 {
  color: black;
  background-color: #ececec;
  font-weight: 600;
  border-top: 3px solid orange;
  border-right: 3px solid orange;
  border-bottom: 3px solid orange;
  border-left: 3px solid orange;
}

.c6 {
  color: black;
  background-color: #ececec;
  font-weight: 600;
  border-top: 3px solid burlywood;
  border-right: 3px solid burlywood;
  border-bottom: 3px solid burlywood;
  border-left: 3px solid burlywood;
}

.c7 {
  color: black;
  background-color: #ececec;
  font-weight: 600;
  border-top: 3px solid sienna;
  border-right: 3px solid sienna;
  border-bottom: 3px solid sienna;
  border-left: 3px solid sienna;
}

.c8 {
  color: black;
  background-color: #ececec;
  font-weight: 600;
  border-top: 3px solid crimson;
  border-right: 3px solid crimson;
  border-bottom: 3px solid crimson;
  border-left: 3px solid crimson;
}

.c9 {
  color: black;
  background-color: #ececec;
  font-weight: 600;
  border-top: 3px solid hotpink;
  border-right: 3px solid hotpink;
  border-bottom: 3px solid hotpink;
  border-left: 3px solid hotpink;
}

.c0 {
  color: black;
  background-color: #ececec;
  font-weight: 600;
  border-top: 3px solid midnightblue;
  border-right: 3px solid midnightblue;
  border-bottom: 3px solid midnightblue;
  border-left: 3px solid midnightblue;
}

.midashi {
  border-top: 1px solid snow;
  border-left: 1px solid whitesmoke;
  border-right: 1px solid lightgrey;
  border-bottom: 1px solid dimgray;
  font-weight: 800;
  background-image: url("../img/back.jpg");
  padding-bottom: 4px;
  padding-top: 2px;
}

.txtsyoyakutitle {
  border-top: 1px solid snow;
  border-left: 1px solid whitesmoke;
  border-right: 1px solid lightgrey;
  border-bottom: 1px solid dimgray;
  background-image: url("../img/back.jpg");
  line-height: 24px;
  line-height: 2.4rem;
  text-shadow: 2px 2px 3px rgba(140, 160, 220, 0.5);
  font-weight: 600;
  vertical-align: top;
}

.modifylistcenter {
  display: inline-block;
  text-align: center;
  border-right: 1px solid white;
  border-left: 1px solid silver;
  box-sizing: border-box;
}

.modifylist {
  display: inline-block;
  text-align: left;
  padding-left: 0.5rem;
  border-right: 1px solid white;
  border-left: 1px solid silver;
  box-sizing: border-box;
}

.qr {
  border-top: 1px rgb(19, 214, 19) solid;
  border-bottom: 1px rgb(19, 214, 19) solid;
  border-right: 1px rgb(19, 214, 19) solid;
}
.qrcodearea {
  text-align: center;
  margin: 0 auto;
}

.articleleft {
  margin-left: 5rem;
}

.firstblock {
  margin-top: 1rem;
  margin-left: 25%;
}

.forpc {
  display: block;
}
.forsp {
  display: none;
}
.forsp2 {
  display: none;
}

.listforpc {
  display: block;
  height: 2rem;
}
.listforsp {
  display: none;
  height: 0;
}

.ilblockm {
  display: inline-block;
}
.loginlist {
  margin: 0 auto;
  display: block;
  width: 70%;
  box-sizing: border-box;
  border-bottom: 2px solid lightslategray;
  border-top: 1px solid gainsboro;
  border-left: 1px rgb(19, 214, 19) solid;
  border-right: 1px rgb(19, 214, 19) solid;
  background-image: none;
  background-color: white;
  text-align: center;
}
.nospace {
  white-space: nowrap;
}
.respace {
  white-space: normal;
}
.boxsize {
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  html {
    font-size: 62.5%;
  }

  h1 {
    margin: 0px auto;
    margin-bottom: 1rem;
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid snow;
    border-left: 1px solid whitesmoke;
    border-right: 1px solid lightgrey;
    border-bottom: 2px solid dimgray;
    background-image: url("../img/topback.jpg");
    line-height: 26px;
    line-height: 2.6rem;
    text-align: center;
    font-family:
      "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, "Yu Gothic",
      YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo,
      メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
    text-shadow: none;
  }

  h2 {
    margin: 0px auto;
    padding: 0;
    font-size: 12px;
    font-size: 1.2rem;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid snow;
    border-left: 1px solid whitesmoke;
    border-right: 1px solid lightgrey;
    border-bottom: 2px solid dimgray;
    background-image: url("../img/topback.jpg");
    line-height: 20px;
    line-height: 2rem;
    text-shadow: none;
    /*	color:#484848;*/
  }

  h3 {
    margin: 0px auto;
    padding: 0;
    font-size: 11px;
    font-size: 1.1rem;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid snow;
    border-left: 1px solid whitesmoke;
    border-right: 1px solid lightgrey;
    border-bottom: 1px solid dimgray;
    background-image: url("../img/topback.jpg");
    text-shadow: none;
  }

  article {
    margin: 0px auto;
    margin-top: 4px;
    margin-bottom: 8px;
    width: 96%;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 14px;
    line-height: 1.4rem;
    color: #303030;
    font-size: 14px;
    font-size: 1.4rem;
    font-family:
      游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN",
      "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial,
      helvetica, sans-serif;
  }

  #contentsmaster {
    background-image: none;
  }
  #centerpain {
    box-sizing: border-box;
    border-top: 1px solid snow;
    border-left: 1px solid whitesmoke;
    border-right: 1px solid lightgrey;
    border-bottom: 1px solid silver;
    width: 100%;
    margin: auto;
    background-color: white;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }

  #headermain {
    margin: 0px auto;
    padding: 0;
    top: 0px;
    text-indent: 1px;
    width: 100%;
    height: 36px;
    background-image: url("../img/topback.png");
  }

  #title0 {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: #000000;
    font-weight: 800;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
    text-shadow: none;
    /*display:inline-block;*/
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: right bottom;
    /*line-height:49px;*/
    vertical-align: top;
    border-top: 1px whitesmoke solid;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }

  #title1 {
    width: 98%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    float: left;
    color: #2b2b2b;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    margin-top: 6px;
    text-shadow: none;
    vertical-align: middle;
    text-align: left;
    padding-left: 4px;
    padding-left: 5px;
    line-height: 30px;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 1px silver solid;
    margin-top: 0px;
    z-index: 2;
  }

  #title1:hover {
    color: #001664;
    box-shadow: none;
    text-shadow: none;
  }

  #title1:hover + #title2 {
    background-image: none;
  }

  #title2:hover {
    color: #001664;
    box-shadow: none;
    text-shadow: none;
    background-image: none;
  }

  #title2 {
    width: 98%;
    color: navy;
    font-weight: 800;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    text-shadow: none;
    /*display:inline-block;*/
    background-image: none;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: right bottom;
    line-height: 30px;
    vertical-align: top;
    border-top: 1px whitesmoke solid;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }

  #endbar {
    height: 10rem;
    background-color: #005243;
    box-sizing: border-box;
    border-top: 2px solid slategray;
    padding-top: 1rem;
    margin-bottom: 0;
    color: lime;
    background:
      linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(252, 255, 252, 1)),
      url("../img/endback.jpg");
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 800;
    font-family:
      TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia,
      游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN",
      "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial,
      helvetica, sans-serif;
    text-shadow: -2px -2px 1px rgba(0, 0, 0, 0.6);
  }

  div.cover {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 100%;
  }
  div.cover div.boxleft {
    margin: 0px auto;
    display: block;
    width: 98%;
    border-bottom: 2px solid #9d8fbf;
    border-top: 1px solid lavender;
    border-left: 1px solid lavender;
    border-right: 1px solid #9d8fbf;
  }
  div.cover div.boxright {
    margin: 0px auto;
    display: block;
    width: 98%;
    border-bottom: 2px solid #9d8fbf;
    border-top: 1px solid lavender;
    border-left: 1px solid lavender;
    border-right: 1px solid #9d8fbf;
  }

  div.boxcenter {
    margin: 0px auto;
    padding: 0;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-bottom: 2px solid #9d8fbf;
    border-top: 1px solid lavender;
    border-left: 1px solid lavender;
    border-right: 1px solid #9d8fbf;
  }

  div.cover div.boxcenter3 {
    margin: 0px auto;
    display: block;
    width: 98%;
    border-bottom: 2px solid #9d8fbf;
    border-top: 1px solid lavender;
    border-left: 1px solid lavender;
    border-right: 1px solid #9d8fbf;
  }

  div.contents {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    background-color: whitesmoke;
    background-image: url("../img/back2.jpg");
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-bottom: 2px solid dimgray;
    border-right: 2px solid dimgray;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(147, 112, 219, 0.4);
    cursor: pointer;
    margin-right: 2px;
    margin-left: 2px;
    text-align: center;
    width: 64px;
    width: 6.4rem;
    height: 16px;
    height: 1.6rem;
    padding-top: 4px;
    padding-top: 0.4rem;
  }

  div.topcontents {
    background-image: none;
  }

  div.kaigyo {
    display: block;
    width: 32rem;
  }

  .articleleft {
    margin-left: 2rem;
  }
  .firstblock {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    font-size: 1.2rem;
  }

  .forpc {
    display: none;
    height: 0;
  }
  .forsp {
    display: block;
    height: 2rem;
  }
  .forsp2 {
    display: block;
  }

  .listforpc {
    display: none;
    height: 0;
  }
  .listforsp {
    display: block;
    height: 2rem;
  }

  .ilblockm {
    display: block;
  }

  .loginlist {
    width: 96%;
  }
  .qrcodearea {
    display: none;
  }
}