@charset "utf-8";

.tb {
  padding: 10px;
  border: solid 1px #ccc;
  margin: 0 0 20px;
  width: 300px;
  border-radius: 3px;
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
}

.tbFlat {
  padding: 10px;
  border: solid 1px #ccc; /*線のスタイル*/
  margin: 0 0 20px;
  width: 300px; /*横幅300px*/
  border-radius: 3px; /*角を丸くする*/
  font-size: 20px;
}

.tbNoMargin {
  padding: 10px;
  border: solid 1px #ccc;
  margin: 0;
  width: 300px;
  border-radius: 3px;
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
}

.radiobtn {
  transform: scale(1.9);
}

.cbFlat {
  transform: scale(1.9);
}

.btn {
  border: none; /*線のスタイル　なし*/
  font-weight: bold; /*太文字*/
  font-size: 20px; /*文字大きさ*/
  width: 100px;
  padding: 10px;
  border-radius: 3px; /*角を丸くする*/
  background: #212d87; /*色（濃青）*/
  color: #FFFFFF;
}

.btn:hover {
  background: #3f48cc; /*色（青）*/
  color: #FFFFFF;
}

.btn:active {
  background: #5f69f4; /*色（薄青）*/
  color: #000000;
}

.btnShort {
  border: none; /*線のスタイル　なし*/
  font-weight: bold; /*太文字*/
  font-size: 20px; /*文字大きさ*/
  width: 80px;
  padding: 10px;
  border-radius: 3px; /*角を丸くする*/
  background: #212d87; /*色（濃青）*/
  color: #FFFFFF;
}

.btnShortRed {
  border: none; /*線のスタイル　なし*/
  font-weight: bold; /*太文字*/
  font-size: 20px; /*文字大きさ*/
  width: 80px;
  padding: 10px;
  border-radius: 3px; /*角を丸くする*/
  background: #EE0000; /*色（濃赤）*/
  color: #FFFFFF;
}

.btnShort:hover {
  background: #3f48cc; /*色（青）*/
  color: #FFFFFF;
}

.btnShortRed:hover {
  background: #CC0000; /*色（赤）*/
  color: #FFFFFF;
}

.btnShort:active {
  background: #5f69f4; /*色（薄青）*/
  color: #000000;
}

.btnShortRed:active {
  background: #CC0000; /*色（赤）*/
  color: #000000;
}

.disabledBtn {
  border: none; /*線のスタイル　なし*/
  font-weight: bold; /*太文字*/
  font-size: 20px; /*文字大きさ*/
  width: 100px;
  padding: 10px;
  border-radius: 3px; /*角を丸くする*/
  background: #bdc3c7; /*色（グレー）*/
  color: #869198;
}

.disabledBtnShort {
  border: none; /*線のスタイル　なし*/
  font-weight: bold; /*太文字*/
  font-size: 20px; /*文字大きさ*/
  width: 80px;
  padding: 10px;
  border-radius: 3px; /*角を丸くする*/
  background: #bdc3c7; /*色（グレー）*/
  color: #869198;
}
.logoffbtn {
  border: none; /*線のスタイル　なし*/
  font-weight: bold; /*太文字*/
  font-size: 20px; /*文字大きさ*/
  padding: 10px;
  border-radius: 3px; /*角を丸くする*/
  background: #e9585a; /*色（濃ピンク）*/
  color: #FFFFFF;
  margin-left: 10px;
  width: 120px;
}

.logoffbtn:hover {
  background: #ed787a; /*色（ピンク）*/
  color: #FFFFFF;
}

.logoffbtn:active {
  background: #ffa5a7; /*色（薄ピンク）*/
  color: #000000;
}

a {
  display: block;
  font-size: 20px;
  margin: 0px 10px 0px 20px;
  padding: 0.1em 0.3em;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(033, 045, 135, 1) 50%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: .3s;
  color: #212d87;
}

a:hover {
  background-position: -100% 0;
  color: #fff;
}

/*ボックス削除用クラス*/
.disp-none {
  display: none;
}

/*表系*/
table.list {
  margin: 10px auto auto auto;
  background-color: #FFFFFF;
  border: solid 1px;
}

table th.list, table td.list {
  border: solid 1px;
  padding: 10px 10px;
  text-align: center;
  font-size: 18px;
  max-height: 100%;
  overflow-wrap: break-word;
}

table tr.list:nth-child(odd) {
  background-color: #eee;
}

table th.list {
  background-color: #335faf;
  color: #FFFFFF;
}

table.list2 {
  margin: 10px auto auto auto;
  background-color: #FFFFFF;
  border: solid 1px;
  width: 70%;
}

table th.width30 {
  table-layout: fixed;
  width: 30%;
}

table th.width20 {
  table-layout: fixed;
  width: 20%;
}

table th.width10 {
  table-layout: fixed;
  width: 10%;
}

table td.wordBreak {
  word-wrap: break-word;
}


table td.left {
  text-align: left;
}

textarea {
  resize: none;
}

.breadcrumb {
  padding-left: 0;
  margin-left: 20px;
}

.breadcrumb li {
  display: inline; /*横に並ぶように*/
  list-style: none;
  font-size: 20px;
  font-weight: bold; /*太字*/
}

.breadcrumb li:after { /* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #555;
}

.breadcrumb li:last-child:after { /* 最後尾だけ>を非表示*/
  content: '';
}

#loading {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.8;
}

#loading .loadingMsg {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 140px;
  background: url("../images/loading.gif") center center no-repeat;
}

/* html,bodyタグの設定 */
html, body {
  /* 余白の削除 */
  margin: 0;
  /* 余白の削除 */
  padding: 0;
  /*フォント sans-serif*/
  font-family: sans-serif;
  /* 背景色(グレー) */
  background: #efefef;
  font-size: 20px;
}

p.border {
  margin: 20px 20px 0px 20px;
  border-bottom: 1px solid #1e2261;
  float: none;
}

div#container {
  position: relative;
  width: 100%;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}

div#body {
  width: 100%;
  overflow: auto; /* スクロールする範囲を制御 */
  margin: 0 auto;
  padding: 150px 0 150px; /* コンテンツ上下にスペース */
}

/* ヘッダーの定義 */
div#header {
  /* ヘッダーの配置 */
  position: fixed;
  /* 位置(上0px) */
  top: 0px;
  /* 位置(右0px) */
  left: 0px;
  width: 100%;
  height: 50px;
  /* 背景色(紺) */
  background-color: #1e2261;
  z-index: 3;
  white-space: nowrap;
}

.header_txt {
  font-size: 22px;
  font-weight: bold; /*太文字*/
  color: #ffffff;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  justify-content: center; /*左右中央揃え*/
  align-items: center; /*上下中央揃え*/
  height: 50px;
}

.footer_txt {
  font-size: 20px;
  font-weight: bold; /*太文字*/
  color: #ffffff;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  justify-content: center; /*左右中央揃え*/
  align-items: center; /*上下中央揃え*/
}

/* ボディヘッダ */
div#bodyHeader {
  /* ヘッダーの配置 */
  position: fixed;
  width: 100%;
  overflow: auto; /* スクロールする範囲を制御 */
  margin: 0 0;
  padding: 50px 0px 0px 0px; /* コンテンツ上下にスペース */
  z-index: 2;
  /* 背景色(紺) */
  background-color: #efefef;
}

/* ボディの定義 */
div#body {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 210px 0px 100px 0px;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-height: 100%;
  overflow-x: hidden;
}

div#bodyend {
  padding: 0px 0px 40px 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
}

div.left-position {
  margin-left: 10%;
}

div.right-position {
  margin-right: 10%;
}

div#bodyend {
  display: flex;
  justify-content: space-between;
}

div#footer {
  display: flex;
  justify-content: space-between;
}

div#header {
  display: flex;
  justify-content: space-between;
}

/*フッダーの定義*/
div#footer {
  /* フッダーの配置 */
  position: fixed;
  /* 位置(下0px) */
  bottom: 0px;
  /* 位置(右0px) */
  left: 0px;
  width: 100%;
  height: 30px;
  /* 背景色(紺) */
  background-color: #1e2261;
  z-index: 2;
}

.hidden {
  display:none
}

.margin00 {
  margin-right: 10px;
}

.margin01 {
  margin-right: 20px;
}

.margin02 {
  margin-right: 60px;
}

.margin03 {
  margin-right: 100px;
}

label.required {
  color: #FF0000;
  padding-left: 10px;
}

label.caution {
  color: #FF0000;
  padding-left: 10px;
}

div#topContent {
  margin-left: 50px;
}

table#pager{
  margin:10px auto auto auto;
}

td#pagerdata{
  border-style:none;
  padding: 1px 1px;
  font-size:18px;
  width: 30px;
  height:40px;
  vertical-align: middle;
}

.pagerBtn{
  width: 40px;
}


input.dlBtn {
  width: 140px;
}

input[type="button"] {
	-webkit-appearance: none;
}

div.tableScroll {
  padding: 0px;
  margin: 0px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

td.ListMax500 {
  max-width:500px;
  min-width:250px;
}

td.ListMax400 {
  max-width:400px;
  min-width:200px;
}
td.ListMax300 {
  max-width:300px;
  min-width:150px;
}

td.ListMax200 {
  max-width:200px;
  min-width:100px;
}

td.ListMax100 {
  max-height: 100%;
  max-width:100px;
  min-width:50px;
}

.noListMessage {
  text-align: center;
}