@font-face {
  font-family: 'LogoFont';
  src: url("/css/font/HKSerif-MediumItalic.woff");
}

* {
  font-size: 2vmin;
  margin: 0px;
  padding: 0px;
}

#red {
  color :red;
}

.color-red {
  color: red;
}

.color-black {
  color: black;
}

.notice {
  color:#191970;
}
div, input, textarea, select, button {
  padding: 0.5vmin;
  vertical-align: middle;
}

input, select, textarea, button {
  box-sizing: border-box;
}

input, select, button {
  height: 2em;
  max-width: 50vw;
}

input[type="mail"] {
  width: 17em;
}

/* IEの時に×ボタン表示しない */
input[type=text]::-ms-clear, input[type=mail]::-ms-clear {
    display: none;
}

label {
  margin-top: 0.5vh;
  margin-bottom: 0.5vh;
}

label>input {
  margin-left: 0.5vw;
  margin-right: 0.5vw;
}


.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.no-border {
  border-style: none;
}

header {
  border-bottom: 1px solid #000;
}

#system-name {
  font-family: "LogoFont";

  color: white;
  font-size: 2.0vmin;
  padding: 0.5vmin 1.5vmin 0.5vmin 1.5vmin;
  background-color: rgb(228, 108, 10);
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;

  justify-content: space-between;
  align-items: center;
}

#logo {
  background-color: rgb(0,96,175);
  color: white;

  border: solid #000 1px;

  padding: 0.5vmin;
  margin-right: 1.5vmin;
}

#system-name > img {
  height: 5vmin;
  width: 5vmin;
}

#header-line {
  margin: 1vmin;

  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

#page-title {
  font-size: 3vmin;
}

#head-link>ul {
  list-style: none;
}

#head-link>ul>li {
  margin: 0.5vmin 1vmin 0.5vmin 1vmin;
  padding: 0.5vmin 1vmin 0.5vmin 1vmin;
  border: solid 1px #666;
}

#head-link>ul>li>a {
  margin: 0.5vmin 1vmin 0.5vmin 1vmin;
  padding: 0.5vmin 1vmin 0.5vmin 1vmin;
  border: solid 1px #666;
}

#head-link-current {
  background-color: rgb(255, 218, 188);
}

#contents {
  padding: 5vmin;
  min-height: 70vh;
}

.th-order-sort {
  cursor: pointer;
}

footer {
  border-top: 1px solid #000;
  padding: 2vh;
}

table {
  border-collapse: collapse;
  table-layout: fixed;
}

th {
  border: 1px solid #999;
  padding: 0.5vmin 1vmin 0.5vmin 1vmin;

  color: white;
  background-color: rgb(89, 89, 89);
}

td {
  border: 1px solid #999;
  padding: 0.5vmin 1vmin 0.5vmin 1vmin;
}

button {
  padding: 0.5vmin;
  margin: 0.5vmin;

  white-space: nowrap;
}


/* page-list用 */
.page-dom {
  list-style: none;
}

.page-dom>li {
  cursor: pointer;
  margin: 0.5vmin;
  padding: 0.5vmin;
  width: 3em;
  border: solid 1px black;
}

#li-page-now {
  background-color: #AAA;
  cursor: default;
}


.search_date_name {
  width: 6em;
}
.search_date {
  width:100%;
  padding-bottom: 0;
  display:flex;
}