/* overall */
html { height:100%; }
body { min-width:1100px; font-size:13px; color:#666666; font-family:sans-serif; margin:0px; line-height:17px; height:100%; font-family:Meiryo, "メイリオ", sans-serif; }
table { table-layout:fixed; border-collapse:collapse; }
table th { margin:0; padding:6px; white-space: nowrap; border:solid 1px #999999; text-align:left; background-color:#4B4B4B; color:#FFFFFF; }
table td { margin:0; padding:6px; white-space: nowrap; border:solid 1px #999999; color:#333333; }
ul { margin:0; padding:0; }
li { list-style:none; }
hr { clear:both; border:solid 1px #25374B; }
a { text-decoration: none; color:#72B0BF; }
a:hover { text-decoration: underline; }
input[type='submit'],input[type='button'] { width:100px; height:23px; font-size:13px; background-color:#EAA219; color:#FFFFFF; border-radius:10px; border:0; }
input[type='submit']:hover,input[type='button']:hover { background-color:#DF7E3E; cursor:pointer; }
input[type='button'][disabled] { background-color:#4B4B4B; cursor:not-allowed; }
input[type='text'],input[type='password'],input[type='email'],input[type='number'] { background-color:#F7F7F7; border-radius:4px; border:solid 1px #999999; color:#333333; }
input[type='checkbox'],input[type='radio'] { width:20px; height:20px; margin:0 2px 0 0; padding:0; vertical-align:middle; }
input:-ms-input-placeholder { color:#999999; }
input::-webkit-input-placeholder { color:#999999; }
select { background-color:#F7F7F7; border-radius:5px; border:solid 1px #999999; color:#333333; }
.error { color:#FF0000; font-weight:bold; margin-top:5px; display:block; }
.no_margin { margin:0; }

/* 検索結果の表示関連 */
.search_results { font-size:20px; text-align:center; margin: 10px 0 10px 0; }

/* header */
header { height:40px; padding:6px 6px 0 6px; }
#tab { float:left; margin-top:3px; }
#tab ul { float:left; padding:0 0 6px 0; font-size:15px; font-weight:bold; }
#tab li { display:inline-block; }
#tab li a { color:#000000; }

#header_navi { position:absolute; top:6px; right:6px; }
#header_navi li { display:inline-block; }
#header_navi select { display:inline-block; max-width:200px; }

/* contents */
#contents { padding:8px 6px 0 6px; }
#no_data { text-align:center; margin-bottom:200px; position:relative; top:90px; }
.date { width:74px; text-align:center; }
.time { width:38px; text-align:center; }
.attention { color:#FF0000; font-weight:bold; }
.info { color:#009900; font-weight:bold; font-size:11px; }
.emphasis { color:#FF0000; font-weight:bold; text-align:center; }
.word_wrapping { white-space: normal; word-break: break-all; }

/* footer */
footer { background:#4B4B4B; text-align:center; color:#FFFFFF; padding:5px 0 5px 0; }

/* pager */
.pager    { text-align:center; margin:10px 0 10px 0; }
.pager li { display:inline-block; padding:0 6px 0 6px; }

/* common */
*[class*="text_cut_"] { visibility: hidden; }

/* モーダルウィンドウ */
.modal{ display: none; }
.modal-list { text-align: left; }
.modal-list li { list-style: circle; margin-left: 30px; }

/* アコーディオンパネル */
.accordion_box { padding: 0; max-width: 900px; /*最大幅*/ }
.accordion_box label.accordion_label { display: block; margin: 1.5px 0 5px 0; padding : 13px 12px; font-weight: bold; cursor :pointer; border-radius: 5px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22); background: #4b4b4b; color: #ffffff; font-size: 115%;}
.accordion_box label.accordion_label:before { content: '\025b6'; /*矢印 ▶ */ padding-right: 8px; }
input.accordion_close { display: none; }
.accordion_box .accordion_open { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.3s; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22); }
.accordion_close:checked + label + .accordion_open { height: auto; padding: 5px; background: #f6f6f6; opacity: 1; margin-bottom: 15px; overflow: auto;}
.accordion_box .accordion_open p { margin: 15px 10px }
.accordion_close:checked + label.accordion_label:before { content: '\025bc'; /*矢印 ▼ */ }
.accordion_box label.accordion_label.red        { background: #990000; }
.accordion_box label.accordion_label.blue       { background: #000099; }
.accordion_box label.accordion_label.green      { background: #006633; }
.accordion_box label.accordion_label.brown      { background: #663300; }
.accordion_box label.accordion_label.purple     { background: #660066; }
.accordion_box label.accordion_label.dark_green { background: #006600; }
.accordion_box label.accordion_label.dark_blue  { background: #003366; }

/* アコーディオンパネル (シンプルVer) */
.simple_accordion_box { padding: 0; max-width: 900px; }
.simple_accordion_box label.simple_accordion_label {
    display: block;
    margin: 5px 0px 5px 0px;
    padding : 0px 6px;
    color: #ffffff;
    font-weight: bold;
    background: #807e78;
    cursor :pointer;
    border-radius: 5px
}
.simple_accordion_box label.simple_accordion_label:before { content: '\025b6'; /*矢印 ▶ */ padding-right: 8px; }
input.simple_accordion_close { display: none; }
.simple_accordion_box .simple_accordion_open { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.3s; }
.simple_accordion_close:checked + label + .simple_accordion_open { height: auto; background: #f6f6f6; opacity: 1; }
.simple_accordion_box .simple_accordion_open p { margin: 15px 10px }
.simple_accordion_close:checked + label.simple_accordion_label:before { content: '\025bc'; /*矢印 ▼ */ }

/* ツールチップ */
.tooltip { display: inline-block; }
.tooltip > .tooltip-text {
    visibility: hidden;
    width: 300px;
    background-color: #ffffff;
    color: #666666;
    padding: 10px;
    text-align: left;
    border-radius: 6px;
    white-space: normal;
    border-top: solid 5px #EAA219;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.tooltip > .tooltip-text.right { position: absolute; z-index: 1; }
.tooltip > .tooltip-text.left { position: absolute; z-index: 1; right: 11%; }
.tooltip:hover > .tooltip-text { visibility: visible; }
.tooltip:hover > .tooltip-text > p { margin: 0px; }
.tooltip:hover > .tooltip-text ul { margin: inherit; padding: inherit; list-style: disc; }
.tooltip:hover > .tooltip-text li { list-style: disc; }

/* アイコン */
.icon-note::before {
    content: "!";
    font-size: 85%;
    margin-right: 5px;
    display: inline-block;
    vertical-align: 2px;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    line-height: 1.5;
    border-radius: 50%;
    background: #EAA219;
    color: #ffffff;
    font-weight: bold;
}

/* インフォメーションアイコン */
.icon-info::before {
    content: "?";
    font-size: 85%;
    margin-right: 5px;
    display: inline-block;
    vertical-align: 2px;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    line-height: 1.5;
    border-radius: 50%;
    background: linear-gradient(135deg, #bbbbbb, #b2b2b2);
    color: #ffffff;
    font-weight: bold;
    transition: all 1000ms 0s ease;
}

.icon-info:hover::before{
    content: "i";
    background: #EAA219;
}

/* チェックマークアイコン */
.check-mark::before {
    content: "✓";
    font-size: 85%;
    margin-right: 5px;
    display: inline-block;
    vertical-align: 2px;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    line-height: 1.5;
    border-radius: 50%;
    background: #1eb33e;
    color: #ffffff;
    font-weight: bold;
}


/* パネルスタイル */
.common-panel {
    padding: 10px;
    border-radius: 5px;
    color: #5d627b;
    background: #fffafa;
    border-top: solid 5px #eaa219;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

/* タブ機能 */
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #eaa219;
  display: block;
  order: -1;
}
.tab-label {
  color: #5d627b;
  background: white;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  padding: 5px 1.5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  border-top: solid 5px #eaa219;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked + .tab-label {
  background: #eaa219;
  color: #fff;
}
.tab-switch:checked + .tab-label + .tab-content {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}

/* 四角いボタン */
.square-button {
  display: inline-block;
  border-radius: 5%;
  text-align: center;
  cursor: pointer;
  background: #5d627b;
  color: #f3f3f3;
  line-height: 1em;
  border: 2px solid #5d627b;
}