@charset "utf-8";
/* CSS Document */
* {
  box-sizing: border-box;
/*  transition: 0.2s; */
}

html {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    scroll-behavior: smooth;
}

body, div, p, form, table, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
ul, ol { list-style: none; }

h1, h2, h3, h4, h5, h6 { padding: 0px 10px;}
h1 {font-size: 1.125rem;}
h2 {font-size: 1.3125rem;}
h3 {font-size: 1.125rem;}

body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #070707;
  background:#fff;
  font-size: 14px;
  line-height: 1.5;
/*	will-change: filter; */
/*	transform: translateZ(0); */
}
a:link, a:visited {color: #004BB1; text-decoration: underline; }
a:hover {text-decoration: none; }

section {
    margin: 0px auto;
    max-width: 1280px;
}
@media only screen and (max-width: 1280px) {
section {
    margin: 0px auto;
    min-width: 980px;
}
}

/* --- ALL --- */
/* 文字 */
.minimoji{font-size: 0.875rem;}

/* ボタン */
.lbtn { display: inline-block; margin-left: 10px; padding: 0 10px; border-radius: 3px; text-align: center; text-decoration: none; font-weight: 600;}
.lbtn:first-child { margin-left: 0;}
.lbtn:last-child { margin-right: 0;}
.lbtn { display: inline-block; min-width: 240px; padding: 8px 1rem;}
.lbtn:visited {text-decoration: none;  color:unset;}
.lbtn:link {text-decoration: none;  color:unset;}

.mbtn { display: inline-block; margin-left: 10px; padding: 0 10px; border-radius: 3px; text-align: center; text-decoration: none; font-weight: 600;}
.mbtn:first-child { margin-left: 0;}
.mbtn:last-child { margin-right: 0;}
.mbtn { display: inline-block; min-width: 177px; padding: 8px 1rem;}
.mbtn:visited { ext-decoration: none;  color:unset;}
.mbtn:link { ext-decoration: none;  color:unset;}

.sbtn {display: inline-block; margin-left: 10px; padding: 0 10px; border-radius: 3px; text-align: center; text-decoration: none; font-weight: 600;}
.sbtn:first-child {margin-left: 0;}
.sbtn:last-child {margin-right: 0;}
.sbtn {display: inline-block; min-width: 63px; padding: 0 10px; background-color: #DBDBDB; color: #070707; }
.sbtn.change {color: #18580E;}

.sbtn:visited { text-decoration: none;  color:unset;}
.sbtn:link { text-decoration: none;  color:unset;}
.sbtn:hover { background-color: #666; color: #e9cc39;}

.btn_main {color: #fff; background-color: #004BB1; text-decoration: none; }
.btn_main:link {color: #fff; background-color: #004BB1; text-decoration: none; }
.btn_main:visited {color: #fff; background-color: #004BB1;}
.btn_main:hover {color: #E9CC39; background-color: #183761;}

.btn_action {color: #070707; background-color: #E9CC39; text-decoration: none; }
.btn_action:link {color: #070707; background-color: #E9CC39; text-decoration: none; }
.btn_action:visited {color: #070707; background-color: #E9CC39;}
.btn_action:hover {color: #ffffff; background-color: #333;}


/* カラー*/
.bl { background-color: #004BB1; color: #fff;}
a.bl:link { color: #fff;}
a.bl:visited { color: #fff;}
a.bl:hover { background-color:#183761; color: #fff;}

.ye { background-color: #E9CC39;}
a.ye:link { color: #004BB1; }
a.ye:visited { color: #004BB1; }
a.ye:hover { background-color:#666;}

.gy { background-color: #666; color: #fff;}
a.gy:link { color: #fff;}
a.gy:visited { color: #fff;}
a.gy:hover { background-color:#F6F6F6; color: #070707;}

.red {color: #CC0530;}


* ::selection {
  background-color: #ff0;
  color: #070707;
}

/* Firefox */
* ::-moz-selection {
  background-color: #ff0;
  color: #070707;
}

/* テーブル */
table{width: 100%;}
table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
td, th {
	padding: 10px;
	height: 25px;
  line-height: 1.5;
}
th {
	background: #5D5F61;
  padding: 4px 10px;
  color: #fff;
  border-color: #DBDBDB;
  font-weight: normal;
  font-size: 14px;
}
th span {
  display:inline-block;
  font-size: 0.750rem;
}
tr:nth-child(odd) td {
	background: #fff;
}
tr:nth-child(even) td {
	background: #F6F6F6;
}
tr.tbc td {
  background-color: #F6E489;
}
tr:hover td {
	background:#fff0f5;;
  transition: 0s;
}
/* フォーム */
input[type="submit"] {
  margin-top: 40px;
}
input[type="search"] {
  min-width: 20rem;
}

/* ヘッダー */
.headbox {
	background: #2E2E2E;
  color: #fff;
  font-weight: 600;
  overflow: hidden;
  border-bottom: 4px solid #E9CC39;
}
.headbox .sitetitle {
  display: inline-block;
  padding: 0.8rem 10px;
  font-size: 1.3125rem;
}
.headbox nav ul li {
  display: inline-block;
  border-left: 1px solid #fff;
  font-size: 14px;
}
.headbox nav ul li a:link,
.headbox nav ul li a:visited {
  display: inline-block;
  min-width: 140px;
  padding: 1.1rem 1rem;
  text-align: center;
  color:#fff;
  text-decoration: none;
}
.headbox nav ul li a:hover {
  background: #E9CC39;
  color: #070707;
}
.headbox nav ul li a.stay:link,
.headbox nav ul li a.stay:visited {
  background: #070707;
  color: #fff;
}
.headbox nav ul li a.stay:hover {
  background: #070707;
  color: #fff;
}

.headbox nav ul li a.link_logout:link,
.headbox nav ul li a.link_logout:visited {
  background: #DBDBDB;
  color: #070707;
}
.headbox nav ul li a.link_logout:hover {
  background: #CC0530;
  color: #fff;
}
a[href$=".pdf"]:after {
    content:" ";
    display: inline-block;
    width: 24px;
    height: 24px;
    //background: url(/img/Adobe_PDF_file_icon_24x24.png) no-repeat;
    background: url(/img/man2.png) no-repeat;
    position: absolute ;
}
header {
    position: fixed;
    width: 100%;
    z-index: 1;
}
article {
    padding-top: 60px;
}
/* フッター */
footer {
  margin-top: 40px; 
  border-top: 1px solid #E1E1E1;
}
#LOGIN footer {
  margin-top: 80px;
}
.copy {color: #E1E1E1}
a.pagetop {
    position: fixed;
    bottom: 60px;
    right: -120px;
    z-index: 1;
    border:1px solid #000;
    border-radius: 4px;
    background-color: #fff;
    height: 69px; 
    pointer: cursor;
}

/* main */
.pagetitle {
  background: #5D5F61;
  color: #fff;
}
.pagetitle h1 {
  font-size: 1.125rem;
  padding: 10px;
}
/* --- #LOGIN --- */
.login_form {
    margin: 0px auto;
    max-width: 980px;
}
h2.servicename {
    margin: 120px 0 0;
}
.sysmsg {
padding: 40px 0 24px;
}
/* --- /#LOGIN --- */

.etcbox {margin: 24px 0;}


/* --- #LIST --- */
/* #LIST .window2 {display: none;} */

#LIST.wwindow {
  position: relative;
  display: block;
/*height: 90vh; */
}

#LIST.wwindow .window2 {
/*display: block;*/
  border-top: 4px solid #E9CC39;
  background: #F5F5F5;
}

#LIST.wwindow .window2 > * { padding: 1rem 10px; }

#LIST.wwindow .window1 {
/*  overflow-y: scroll; */
/*  height:38vh; */
}

/* #LIST.wwindow footer {display: none;} */

#LIST.wwindow .window2 .info {
  display: inline-block;
  padding-left: 1rem;
  font-size: 14px;
  color: #183761;
}

label.btnlabel {
background-color: #DBDBDB;
color: #004BB1;
padding: 10px;
border: solid 1px #666;
}
label.btnlabel:hover {
  background-color: #666;
  color: #fff;
}
.announce {
  display: block;
  background:  #E1E1E1;
}
/* タブ */
.tab-wrap {
    display: flex;
    flex-wrap: wrap;
}
.tab-label {
    color: #070707;
/*  background: #fff; */
    background: #E1E1E1;
    padding: 3px 12px;
    min-width: 160px;
    order: -1;
    border: solid 1px #5D5F61;
/*    border-bottom: none; */
/*    border-left: none; */
    text-align: center;

    margin-right: 5px;
    transform: translate(0px,1px);
}
.tab-wrap > .tab-label:first-of-type {
    border-left: solid 1px #5D5F61;
}
.tab-content {
    width: 100%;
    display: none;
    border: solid 1px #5D5F61;
    padding: 1rem 0;
    background: #fff;
}
.tab-content input[type="submit"] {
    margin: 16px auto 8px;
  display: block;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
/*  background: #E1E1E1; */
    background: #ffffff;
    color: #004BB1;
	border-bottom: 1px solid #ffffff;
}
.tab-switch:checked+.tab-label+.tab-content {
     display: block;
}
/* ラジオボタン非表示 */
.tab-switch {
    display: none;
    border:1px solid #ccc;
    border-bottom: none;
}
/* --- /#LIST --- */



/* --- #ADDRESS --- */
a.stopreason {
  display:inline-block;
  width: 100%;
}

/* --- /#ADDRESS --- */
.searchbox input[type="submit"] {
  margin-top: 0;
}
.searchbox .sbtn {
  margin-top: 11px;
  font-weight: normal;
  padding: 4px 1rem;
}

.ellipsis { /* 文字数制限 */
    width: 8rem; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.minw40 {
    min-width: 40px;
}
.minw50 {
    min-width: 50px;
}
.minw70 {
    min-width: 70px;
}
.minw80 {
    min-width: 80px;
}
.minw130 {
    min-width: 130px;
}
.minw160 {
    min-width: 160px;
}
.minw210 {
    min-width: 210px;
}
/* --- alletc --- */
.pcnone {
	display: none;
}
@media screen and (max-width: 767px) {
.spnone {
	display: none;
}
}
.dnone {
	display: none;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.fclear {
	float: right;
}
.textc {
	text-align: center;
}
.textl {
	text-align: left;
}
.textr {
	text-align: right;
}
.hidebox {
	display: none !important;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}
/* --- /alletc --- */
    

th a.listordBtn {
    font-size: 12px !important;
    color: #e9cc39;
}
th a.listordBtn:link { color: #e9cc39; text-decoration: none; }
th a.listordBtn:visited { color: #e9cc39; text-decoration: none; }
th a.listordBtn:hover { color: #e9cc39; text-decoration: none; }
th span {
    line-height: 110%;
    transform: translate(4px,5px);
}

/* .sbtn:hover { background-color: #666; color: #070707;} */


/* .lbtn:visited, .mbtn:visited, .sbtn:visited, */
/* .lbtn:link, .mbtn:link, */

dialog {
    border: 1px solid #888888;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
    padding: 0;
}
dialog form {
    margin: 10px;
}

dialog h3 {
    margin: 0px 0px 10px 0px;
    padding: 10px 5px;
    background-color: #f0f0f0;
    border-bottom: 2px solid #555555;
}
dialog p.message {
    color: #CC0530;
    margin-bottom: 16px;
    font-weight: bold;
}
dialog label {
    display: block;
    font-weight: bold;
    color: #999999;
    margin-bottom: 2ex;
}
dialog label span {
    font-size: 0.8em;
    color: #666666;
    padding-left: 1em;
}
dialog div {
    text-align: center;
    margin-top: 2ex;
}
dialog h4 {
    margin: 0;
    padding: 0;
}

dialog button {color: #070707; background-color: #E9CC39; text-decoration: none; }
dialog button:link {color: #070707; background-color: #E9CC39; text-decoration: none; }
dialog button:visited {color: #070707; background-color: #E9CC39;}
dialog button:hover {color: #ffffff; background-color: #333;}