@charset "utf-8";
/* CSS Document */


/*--POPUP--*/
.featherlight-area {
	display: none;
}

.popup_area {
    width: 400px;
    border: solid 1px #999;
}
.popup_area h3 {
    background: #A3D2FF;
    text-align: center;
    border-bottom: solid 1px #999;
    font-size: 120%;
    font-weight: bold;
}
.popup_inner {
    width: 90%;
    margin: 10px auto;
}

@media screen and (max-width:648px){
    .popup_area {
        width: 95%;
        margin: 1em auto;
    }
}

/*凡例エリア*/
.notice_area {
}



/*--Flexbox--*/
.flex {
    display: flex;
    flex-wrap: wrap;
}

/*左右の端につける*/
.flex-between {
    justify-content: space-between;
}
/*右につける*/
.flex-end {
    justify-content: flex-end;
}
/*中央につける*/
.flex-center {
    justify-content: center;
}
/*縦中央*/
.flex-heightcenter {
    align-items: center;
}


@media screen and (max-width:648px){
    .flex-end {
        justify-content: center;
    }
    .flex-sp_center {
        justify-content: center;
    }
    .flex-sp > div {width: 100%;}
    .flexitem-sp {width: 100%;}
    .flexitem-column {flex-direction:column;}
}



/*--Table--*/
table td a {display: block;}

caption.item-title02 {
    background: #624774;
    color: #FFF;
    font-weight: bold;
    padding: 5px 5px 4px;
    border: solid 1px #CCC;
    text-align: left;
}

td.cursor_hand:hover {
	cursor: pointer;
	cursor: hand;
}

/*Table size*/
table.table_size01 {
    width: 100%;
}

/*Table　line*/
table.tableline {
    border: 1px solid #999999;
    border-collapse: collapse;
}
  table.tableline th {
      padding: 2px;
    border: 1px solid #999999;
    border-collapse: collapse;
}
  table.tableline td {
      padding: 2px;
    border: 1px solid #999999;
    border-collapse: collapse;
}

/*Table co*/
@media screen and (max-width: 768px) {
	table.column_table td, table.column_table th {
		display: block;
        width: 100%;
	}
    table.column_table {
        table-layout: fixed;
    }
}

/*Table inner*/
table.inner_table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: none;
	font-size: 100%;
}
table.inner_table th, table.inner_table td {
	padding: 1px 5px 1px 0;
	border-collapse: collapse;
	border: none;
	vertical-align: middle;
}
table.inner_table tr {
	border-bottom: none;
}

@media screen and (max-width: 768px) {
	table.inner_table td, table.inner_table th {
		display: inline-block;
		width: auto;
	}
	table.inner_table td.sp-cell-block {
		display: block;
	}
	table.inner_table tbody.sp-cell-block {
		display: block;
	}
}


/*Table padding*/
table.table_loginname th, table.table_loginname td{
    padding: 5px 10px;
}
table.table_loginname th {
    text-align: center;
}


/*cell-height*/
.cell-height10 {height: 1em; vertical-align: middle;}
.cell-height15 {height: 1.5em; vertical-align: middle;}
.cell-height20 {height: 2em; vertical-align: middle;}
.cell-height25 {height: 2.5em; vertical-align: middle;}
.cell-height30 {height: 3em; vertical-align: middle;}

.max-cell09 {max-width: 9em;}
.max-cell10 {max-width: 10em;}
table td {word-break: break-all;}
table.tableline td {word-break: break-all;}

/*cell-width em*/
.cell-size01 {width: 1em;}
.cell-size02 {width: 2em;}
.cell-size03 {width: 3em;}
.cell-size04 {width: 4em;}
.cell-size05 {width: 5em;}
.cell-size06 {width: 6em;}
.cell-size07 {width: 7em;}
.cell-size08 {width: 8em;}
.cell-size09 {width: 9em;}
.cell-size10, td.cell-size10 {width: 10em;}
.cell-size11 {width: 11em;}
.cell-size12 {width: 12em;}
.cell-size13 {width: 13em;}
.cell-size14 {width: 14em;}
.cell-size15 {width: 15em;}
.cell-size16 {width: 16em;}
.cell-size17 {width: 17em;}
.cell-size18 {width: 18em;}
.cell-size19 {width: 19em;}
.cell-size20 {width: 20em;}
.cell-size21 {width: 21em;}
.cell-size22 {width: 22em;}
.cell-size23 {width: 23em;}
.cell-size24 {width: 24em;}
.cell-size25 {width: 25em;}

/*cell-width px*/
.cell-size20 {width: 20px;}
.cell-size30 {width: 30px;}
.cell-size40 {width: 40px;}
.cell-size50 {width: 50px;}
.cell-size60 {width: 60px;}
.cell-size70 {width: 70px;}
.cell-size80 {width: 80px;}
.cell-size90 {width: 90px;}
.cell-size100 {width: 100px;}
.cell-size110 {width: 110px;}
.cell-size120 {width: 120px;}
.cell-size130 {width: 130px;}
.cell-size140 {width: 140px;}
.cell-size150 {width: 150px;}
.cell-size160 {width: 160px;}
.cell-size170 {width: 170px;}
.cell-size180 {width: 180px;}
.cell-size190 {width: 190px;}
.cell-size200 {width: 200px;}


/*セル色*/
.cell-red {background-color: #FF0000; color: white;}
.cell-blue {background-color: #005AB5; color: white;}
.cell-blue02 {background-color: #0066FF; color: white;}
.cell-gray {background-color: #ddd; color: #444444;}
.cell-gray02 {background-color: #BDBDBD; color: #444444;}
.cell-yellow {background-color: #FFFFCC;}
.cell-yellow02 {background-color: #FFFF00;}
.cell-orenge {background-color: #FFC000; color: #444444;}
.cell-orenge02 {background-color: #FF6600; color: white;}
.cell-orenge03 {background-color: #FFE3C8; color: #444444;}
.cell-pink {background-color: #FFCCE4; color: #444444;}
.cell-purple01 {background-color: #624774; color: white;}
.cell-purple02 {background-color: #CCCCFF; color: #444444;}
.cell-purple03 {background-color: #FFCCFF; color: #444444;}
.cell-green01 {background-color: #CCF8AF; color: #444444;}
.cell-green02 {background-color: #AADB75; color: #444444;}
.cell-green03 {background-color: #00B050; color: white;}
.cell-green04 {background-color: #006600; color: white;}
.cell-wblue {background-color: #66CCFF; color: #444444;}
.cell-wblue02 {background-color: #CCECFF; color: #444444;}
.cell-beige {background-color: #ECEBE3; color: #444444;}
.cell-black {background-color: #000; color: white;}
.cell-blue a,.cell-blue02 a,.cell-black a,.cell-red a,.cell-green03 a,.cell-green04 a {color: white; text-decoration: none;}
.cell-gray a,.cell-white a,.cell-yellow02 a,.cell-orenge a,.cell-pink a,.cell-green01 a,.cell-green02 a {color: #444444; text-decoration: none;}
.cell-white {background-color: white; color: #444444;}


table.cell-th-purple th {
	background-color: #CCCCFF;
}

table th.align-top, table td.align-top {vertical-align: top;}

/*列固定*/
.row-fixed01 {
    position: sticky;
    /*background: #624774;
    color: #FFF;*/
}
.row-fixed02 {
    position: sticky;
    /*background: #800080;
    color: #FFF;*/
}
.row-fixed01:before, .row-fixed02:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
}
.row-fixed01 {
    left: 0;
}

td.bg-line {
    background: url("../img/rowmax-bg.gif") no-repeat right;
}
td.bg-line-blue, th.bg-line-blue {
    background: url("../img/rowmax-bg-blue.gif") no-repeat right;
}
td.bg-line-yellow, th.bg-line-yellow {
    background: url("../img/rowmax-bg-yellow.gif") no-repeat right;
}


/*行固定*/
.col-fixed01 {
    position: sticky;
    /*background: #624774;
    color: #FFF;*/
}
.col-fixed02 {
    position: sticky;
    /*background: #800080;
    color: #FFF;*/
}
.col-fixed01:before, .col-fixed02:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
}
.col-fixed01 {
    top: 0;
}

/*スクロール用のエリア*/
.scroll-box {
    overflow-x: auto;
    overflow-y: hidden;
    /*padding-bottom: 10px;*/
    -webkit-overflow-scrolling: touch;
}

.scroll-col-box {
    /*overflow-y: auto;*/
    padding-bottom: 10px;
    /*-webkit-overflow-scrolling: touch;*/
}

/*--Table内要素--*/
/*マイページの縦スクロールボックス*/
.person_box {
	width: 100%;
	/*height: 110px;*/
	overflow-y: scroll;
}

@media screen and (max-width: 480px){
    .person_box {
        height: auto;
        overflow: hidden;
    }
}

/*--Box--*/
.news_box01 {
	border: solid 1px #2C66AD;
	background: #FFF7DB url("../image/top/news02_back01.png") no-repeat right top 50%;
	margin: 0 auto 2em;
    min-height: 12em;
    /*overflow-y: scroll;*/
}
.news_box02 {
	border: solid 1px #999999;
	border-top: solid 3px #999999;
	background: #E1F5F9 url("../image/top/news02_back01.png") no-repeat right top 50%;
	margin: 0 auto 1em;
	padding: 1em 0 0.7em;
	overflow: hidden;
}
.news_inner {
    padding: 10px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

.border_box_gray {
	border: solid 1px #999999;
    padding: 3px;
}
.border_box_hide {
    overflow: hidden;
}

div.border_scroll_gray {
	border: solid 1px #999999;
    padding: 5px;
    overflow-y: scroll;
}

/*--選択肢表示のパス--*/
ol.flow_list {
    margin: 0;
    padding: 5px 0 4px 10px;
    list-style: none;
    font-weight: bold;
    background: #FFCCFF;
    display: block;
    width: fit-content;
}

ol.flow_list li {
    display: inline;
    list-style: none;
    padding-left: 0;
    text-indent: auto;
}

ol.flow_list li:after {
  content: '>';
  padding: 0 0.5em;
}

ol.flow_list li:last-child:after {
  content: '';
}

/* ここからdialogライブラリ 2022.10.26 大山追加 */
.ui-dialog-titlebar {
/*    display: none;*/
	background: #A3D2FF;
    font-size: 120%;
    font-weight: bold;
}

.ui_btn, a.btn, input[type="button"].btn {
    border-radius: 6px;
    text-decoration: none;
    text-align: center;
    border: solid 1px #CCC;
    padding: 4px 2px;
}

.ui_btn_blue {
    color: #FFF;
	background: rgb(135,187,229);
	background: -moz-linear-gradient(top, rgba(135,187,229,1) 0%, rgba(10,119,213,1) 100%);
	background: -webkit-linear-gradient(top, rgba(135,187,229,1) 0%,rgba(10,119,213,1) 100%);
	background: linear-gradient(to bottom, rgba(135,187,229,1) 0%,rgba(10,119,213,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87bbe5', endColorstr='#0a77d5',GradientType=0 );
}

.ui_btn_blue:hover {
	color: #F0FF00;
	background: rgb(135,187,229);
	background: -moz-linear-gradient(top, rgba(135,187,229,1) 0%, rgba(10,119,213,1) 100%);
	background: -webkit-linear-gradient(top, rgba(135,187,229,1) 0%,rgba(10,119,213,1) 100%);
	background: linear-gradient(to bottom, rgba(135,187,229,1) 0%,rgba(10,119,213,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87bbe5', endColorstr='#0a77d5',GradientType=0 );
}