/********************************************************************/
/*　各種初期値設定　*/

body , html { /*ページ全体*/
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
	font-weight: 500;
	color: #303030;

}


select {
	font-size: 1em;
}
textarea {
	font-size: 1em;
}
input.txt_size {
	font-size: 1em;
}


button, input, select, textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
	line-height: 1.8em;
}


a:link {
	color: #215382;
	text-decoration: none;
}
a:visited {
	color: #233558;
	text-decoration: none;
}
a:hover {
	color: #f7931e;
	text-decoration: none;
}

/*　width:100% + padding等ではみ出すのを防ぐ 　*/
table,tr,th,td,input,textarea {
	box-sizing: border-box;
}


/*　各種初期値設定　*/
/********************************************************************/



/********************************************************************/
/*　よりそい基本設定　*/

/*リスト_タイトル*/
.list_title {
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
	text-align:left;
	border: solid #d0d0d0;
	border-width: 1px 0px 0px 1px;
}
table.list_title td {
	font-size: 11pt;
	line-height: 28px;
	font-weight: normal;
	border: solid #d0d0d0;
	border-width: 0px 1px 1px 0px;
	margin: 0px;
	padding: 2px 5px;
}


/*リストcss*/
table.list_table {
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
	border: solid #d0d0d0;
	border-width: 1px 0px 0px 1px;
}
table.list_table tr {
	box-sizing: initial;
}
table.list_table tr:hover {
	background-color: #fbfcae;
}
table.list_table th {
	white-space: nowrap;
	font-size: 11pt;
	line-height: 28px;
	border: solid #d0d0d0;
	border-width: 0px 1px 1px 0px;
	padding: 2px 5px;
	margin: 0px;
	box-sizing: initial;
}
table.list_table td {
	font-size: 11pt;
	line-height: 28px;
	font-weight: normal;
	border: solid #d0d0d0;
	border-width: 0px 1px 1px 0px;
	padding: 2px 5px;
	margin: 0px;
}
.list_bottom {
	margin-bottom: 10px;
}
.list_fixed {
	width:100%;
	overflow:auto;
}
/*リストcss*/


.habapita {
	white-space: nowrap;
	width: 10px;
} 



/*リスト_件数ページャー*/
.list_kensu {
	font-size: 10pt;
	font-weight: normal;
	line-height: 28px;
	text-decoration: none;
	text-align: left;
	color: #303030;
	background: #f1e767;
	background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
}


/*リスト_中央揃え*/
.list_center {
	text-align: center;
}
/*リスト_左揃え*/
.list_left {
	text-align: left;
}
/*リスト_右揃え*/
.list_right {
	text-align: right;
}



/*リスト_項目*/
.list_name th {
	font-weight: normal;
	background-color: #f0f0f0;
}
.list_name th a:link {
	color: #303030;
	text-decoration: none;
}
.list_name th a:visited {
	color: #303030;
}
.list_name th a:hover {
	color: #303030;
	text-decoration: underline;
}




/* ここから　ソート機能の取り付け　ここから  */
.hd_sort {
	cursor: pointer;
	position: relative;
}
.hd_sort::before, .hd_sort::after {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border: 8px solid transparent;
	right: 3px;
	top: 50%;
}
.hd_sort::before {
	border-bottom-color: #aaa;
	margin-top: -20px;
}
.hd_sort::after {
	border-top-color: #aaa;
	margin-top: 2px;
}

.hd_sort.asc::before {
	border-bottom-color: #627998;
}

.hd_sort.desc::after {
	border-top-color: #627998;
}
/* ここまで　ソート機能の取り付け　ここまで  */




/*表示ボタン*/
.list_hyoji {
	color: #fab360;
	text-align: center;
	vertical-align: middle;
	background: #fef2e4;
}
.list_hyoji a:link {
	display: inline-block;
	vertical-align: middle;
	font-size: 18pt;
	color: #fab360;
}
.list_hyoji a:visited {
	color: #fab360;
}
.list_hyoji a:hover {
	color: #cccccc;
}
td.list_hyoji {
	width: 1px;
}


/*CSVダウンロード*/
.bt-csvdl {
	display: inline-block;
	width: 50%;
	margin: 5px 2px;
	font-size: 10pt;
	text-decoration: none;
	background: #ffffff;
	box-shadow:  0 0 3px #777777;
	color: #444444;
	border: 1px solid #b0bfc2;
	border-radius: 15px;
}
.bt-csvdl:link {
	color: #444444;
	box-shadow: inset 1px 1px 1px #fff;
}
.bt-csvdl:visited {
	color: #444444;
}
.bt-csvdl:hover {
	color: #909ea5;
	background: #edebeb; /* Old browsers */
	background: linear-gradient(to bottom,  #d6dfe1 0%,#edebeb 20%,#ffffff 50%);
}


/*下部ボタン群*/
.bt_bottom_waku {
	width: 100%;
	margin:5px 0 0 0;
	padding: 20px 0;
	border-style: solid;
	border-width: 1px;
	border-color: #d1d7dd;
	border-radius: 10px;
	background: #ffffff; /* Old browsers */
	background: linear-gradient(to bottom,  #ffffff 0%,#dde0e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dde0e8',GradientType=0 ); /* IE6-9 */
	font-size: 9pt;
	line-height: 30px;
	text-align: center;
	box-sizing: border-box;
}

/*完了画面文字_大*/
.bt_bottom_waku h1 {
	font-size: 20pt;
	line-height: 5pt;
}


/*下部ボタン_01*/
.btn-square01 {
	display: inline-block;
	padding: 5px 25px;
	margin: 0;
	text-decoration: none;
	background: #668ad8;/*ボタン色*/
	color: #ffffff;
	border-bottom: solid 4px #627295;
	border-radius: 10px;
	font-size: 11pt;
}
.btn-square01:link {
	color: #ffffff;
}
.btn-square01:visited {
	color: #ffffff;
}
.btn-square01:hover {
	display: inline-block;
	text-decoration: none;
	background: #66acd8;/*ボタン色*/
	border-bottom: solid 4px #406e8c;
}

/*下部ボタン_02*/
.btn-square02 {
	display: inline-block;
	padding: 5px 25px;
	margin: 0;
	text-decoration: none;
	background: #ff0000;/*ボタン色*/
	color: #ffffff;
	border-bottom: solid 4px #c40202;
	border-radius: 10px;
	font-size: 11pt;
}
.btn-square02:link {
	color: #ffffff;
}
.btn-square02:visited {
	color: #ffffff;
}
.btn-square02:hover {
	display: inline-block;
	text-decoration: none;
	background: #ff6000;/*ボタン色*/
	border-bottom: solid 4px #b54604;
}

/*下部ボタン_03*/
.btn-square03 {
	display: inline-block;
	padding: 5px 25px;
	margin: 0;
	text-decoration: none;
	background: #57a585;/*ボタン色*/
	color: #ffffff;
	border-bottom: solid 4px #32614e;
	border-radius: 10px;
	font-size: 11pt;
}
.btn-square03:link {
	color: #ffffff;
}
.btn-square03:visited {
	color: #ffffff;
}
.btn-square03:hover {
	display: inline-block;
	text-decoration: none;
	background: #6bcb70;/*ボタン色*/
	border-bottom: solid 4px #438447;
}

/*下部ボタン_04*/
.btn-square04 {
	display: inline-block;
	padding: 5px 25px;
	margin: 0;
	text-decoration: none;
	background: #949494;/*ボタン色*/
	color: #ffffff;
	border-bottom: solid 4px #5e5e5e;
	border-radius: 10px;
	font-size: 11pt;
}
.btn-square04:link {
	color: #ffffff;
}
.btn-square04:visited {
	color: #ffffff;
}
.btn-square04:hover {
	display: inline-block;
	text-decoration: none;
	background: #b6b6b6;/*ボタン色*/
	border-bottom: solid 4px #919191;
}


/*戻るボタンセット*/
.bt_bottom_set {
	width: 100%;
	text-align: center;
	margin: 30px 0 10px 0;
}

/*戻る_トップページボタン*/
.btn-square_bt {
	display: inline-block;
	padding: 10px 25px;
	margin: 0;
	text-decoration: none;
	color: #5e5e5e;
	border-style: solid;
	border-width: 2px;
	border-color: #d0d0d0;
	background: #f1e767;
	background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
	border-radius: 25px;
	font-size: 12pt;
}
.btn-square_bt:link {
	color: #5e5e5e;
}
.btn-square_bt:visited {
	color: #5e5e5e;
}
.btn-square_bt:hover {
	display: inline-block;
	text-decoration: none;
	border-style: solid;
	border-width: 2px;
	border-color: #d0d0d0;
	background: #d5d5d5;
}




/*詳細css*/
table.details_table {
	width: 100%;
	margin: 0px 0px 10px 0px;
	text-align:left;
	border-collapse: collapse;
	border: solid 1px #d0d0d0;
}
table.details_table th {
	font-size: 11pt;
	line-height: 28px;
	border: solid 1px #d0d0d0;
	padding: 2px 5px;
}
table.details_table td {
	font-size: 11pt;
	line-height: 28px;
	font-weight: normal;
	border: solid 1px #d0d0d0;
	padding: 2px 5px;
}
/*  【管理画面用】幅を最大幅で固定して　スペースのミスコピペによるレイアウト崩れを防ぐ 【管理画面用】 */
table.details_table td {
	max-width:calc(85vw - 320px);
}

/*詳細_タイトル*/
.details_title {
	font-size: 11pt;
	line-height: 28px;
	text-decoration: none;
	color: #238d97;
	background-color: #5bced8;
	border: solid 1px #d0d0d0;
}

/*詳細_項目*/
.details_name th {
	width: 20%;
	font-weight: normal;
	border: solid 1px #d0d0d0;
	background-color: #f0f0f0;
}



/*詳細_項目_20210322*/
.table_title {
	font-size: 11pt;
	line-height: 28px;
	border-style: solid;
	border-width: 1px;
	background-color: #e0e0e0;
	padding: 2px 5px;
}






/*ログイン画面ヘッダーバー*/
.head_ber01 {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 5px 0;
	background: #cfeffd; /* Old browsers */
	background: linear-gradient(to bottom,  #cfeffd 0%,#cef2f6 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfeffd', endColorstr='#cef2f6',GradientType=0 ); /* IE6-9 */
}


/*ページタイトルバー*/
.title_ber {
	width: 100%;
	height: 45px;
	margin: 20px 0 5px 0;
	font-size: 14pt;
	font-weight: bold;
	line-height: 47px;
	color: #777777;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #d1d7dd;
	border-radius: 5px;
	background: #ffffff; /* Old browsers */
	background: linear-gradient(to bottom,  #ffffff 0%,#dcdfe7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdfe7',GradientType=0 ); /* IE6-9 */
	box-sizing: border-box;
}






/*ヘッダータイトル*/
.h_title {
	display: inline-block;
	min-width: 280px;
	margin: 15px 10px 10px 10px;
	padding: 10px 20px 10px 20px;
	background: #ffffff;
	border: solid 0 #ffffff;
	border-radius: 10px;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #8edbc9;
	text-align: center;
}



/*フッターグラデバー*/
.fotter_ber {
	width: 100%;
	height: 2px;
	margin: 5px 0;
	background: #d1d7dd;
}


/*フッターグラデバー*/
.fotter_ber02 {
	width: 100%;
	height: 2px;
	margin: 5px 0;
	background: #d1d7dd;
}






/*ログイン画面グラデーション*/
.login_gla {
	background: #cef2f6; /* Old browsers */
	background: linear-gradient(to bottom,  #ffffff 60%,#cef2f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cef2f6',GradientType=0 ); /* IE6-9 */
}
/*ログイン画面背景*/
.login_back {
	height: 100%;
	background: #cef2f6; /* Old browsers */
}








/*ログイン白枠*/
.login_box {
	display: inline-block;
	width: 290px;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
	background-color: #ffffff;
	padding: 20px 0 0 0;
}

/*ログインボタン*/
.login_bt {
	display: inline-block;
	width: 250px;
	height: 50px;
	margin: 0 0 20px 0;
	text-align: center;
	text-decoration: none;
	background: #4ba7ba;
	font-size: 1em;
	line-height: 3em;
	color: #ffffff;
}
.login_bt:link {
	color: #ffffff;
}
.login_bt:visited {
	color: #ffffff;
}
.login_bt:hover {
	background: #d5d5d5;
	color: #999999;
}

/*ログインIDパス入力枠*/
.login_text {
	padding: 0 10px;
	font-size: 1em;
	color: #b0b0b0;
	background-color: #f2f2f2;
	border-style: none;
	margin: 0 0 10px 0;
	width: 230px;
	height: 50px;
	border-radius: 0;
	box-shadow: none;
}
input:focus.login_text {
	background-color: #ffffff;
	outline: 1px #a0a0a0 solid;
}

/*コピーライト*/
.copy_t {
	margin: 30px 0 0 0;
	text-align: center;
	font-size: 0.8em;
	color: #777777;
}

/*パワーデッドバイ*/
.power_t {
	text-align: right;
	font-size: 0.7em;
	color: #777777;
}



/*編集作業用ボタン_01*/
.btn-edit01 {
	display: inline-block;
	padding: 2px 10px;
	margin: 0;
	text-decoration: none;
	color: #5e5e5e;
	border-style: solid;
	border-width: 1px;
	border-color: #5e5e5e;
	background: #fdfbfb;
	background: linear-gradient(to bottom, #ffffff 0%, #fdfbfb 40%, #d6d7d7 100%);
	border-radius: 8px;
	font-size: 11pt;
	margin:5px 5px 2px 2px;
}
.btn-edit01:link {
	color: #ffffff;
}
.btn-edit01:visited {
	color: #ffffff;
}
.btn-edit01:hover {
	display: inline-block;
	text-decoration: none;
	background: #8a8a8a;/*ボタン色*/
	border: solid 1px #5e5e5e;
	color: #ffffff;
	cursor:pointer;
}


/*編集作業用ボタン_02*/
.btn-edit02 {
	display: inline-block;
	padding: 2px 10px;
	margin: 0;
	text-decoration: none;
	color: #5e5e5e;
	border-style: solid;
	border-width: 1px;
	border-color: #b72b2b;
	background: #fdfbfb;
	background: linear-gradient(to bottom, #ffffff 0%, #fdfbfb 40%, #d6d7d7 100%);
	border-radius: 8px;
	font-size: 11pt;
	margin:5px 5px 5px 0px;
}
.btn-edit02:link {
	color: #ffffff;
}
.btn-edit02:visited {
	color: #ffffff;
}
.btn-edit02:hover {
	display: inline-block;
	text-decoration: none;
	background: #ff0000;/*ボタン色*/
	border: solid 1px #b72b2b;
	color: #ffffff;
	cursor:pointer;
}


/*編集作業用ボタン_03*/
.btn-edit03 {
	display: inline-block;
	padding: 5px 10px;
	margin: 0;
	text-decoration: none;
	color: #5e5e5e;
	border-style: solid;
	border-width: 1px;
	border-color: #5e5e5e;
	background: #fdfbfb;
	background: linear-gradient(to bottom, #ffffff 0%, #fdfbfb 40%, #d6d7d7 100%);
	border-radius: 8px;
	font-size: 11pt;
	margin:5px 5px 2px 0px;
}
.btn-edit03:link {
	color: #ffffff;
}
.btn-edit03:visited {
	color: #ffffff;
}
.btn-edit03:hover {
	display: inline-block;
	text-decoration: none;
	background: #8a8a8a;/*ボタン色*/
	border: solid 1px #5e5e5e;
	color: #ffffff;
	cursor:pointer;
}
/*編集作業用ボタン_04*/
.btn-edit04 {
	display: inline-block;
	padding: 5px 10px;
	margin: 0;
	text-decoration: none;
	color: #5e5e5e;
	border-style: solid;
	border-width: 1px;
	border-color: #5e5e5e;
	background: #d3d3d3;
	border-radius: 8px;
	font-size: 11pt;
	margin:5px 5px 2px 0px;
}
.btn-edit04:link {
	color: #ffffff;
}
.btn-edit04:visited {
	color: #ffffff;
}
.btn-edit04:hover {
	display: inline-block;
	text-decoration: none;
	background: #8a8a8a;/*ボタン色*/
	border: solid 1px #5e5e5e;
	color: #ffffff;
	cursor:pointer;
}





/*テキストエリア編集作業用ボタン_01*/

.mojieffect_toolset {
	margin-top:0px;
	margin-bottom:7px;
}

.small_btn {
	display: inline-block;
	padding: 2px 5px;
	margin: 0;
	text-decoration: none;
	color: #5e5e5e;
	border-style: solid;
	border-width: 1px;
	border-color: #5e5e5e;
	background: #fdfbfb;
	background: linear-gradient(to bottom, #ffffff 0%, #fdfbfb 40%, #d6d7d7 100%);
	border-radius: 5px;
	font-size: 10pt;
	line-height:12pt;
	margin:1px;
}
.small_btn:link {
	color: #ffffff;
}
.snmall_btn:visited {
	color: #ffffff;
}
.small_btn:hover {
	display: inline-block;
	text-decoration: none;
	background: #8a8a8a;/*ボタン色*/
	border: solid 1px #5e5e5e;
	color: #ffffff;
	cursor:pointer;
}

.small_btn_sgst {
	text-decoration: none;
	color: #5e5e5e;
	font-size: 9pt;
	line-height:12pt;
}


.btnol_linkcol {
	border-color: #5e5e5e;
	color:#022ff2;
}

.btnol_linkcol:hover {
	background: #5e5e5e;/*ボタン色*/
	border: solid 1px #5e5e5e;
	color: #ffffff;
	cursor:pointer;
}


.btnol_red {
	border-color: #eb0404;
}

.btnol_red:hover {
	background: #eb0404;/*ボタン色*/
	border: solid 1px #eb0404;
	color: #ffffff;
	cursor:pointer;
}

.btnol_blue {
	border-color: #1045bf;
}

.btnol_blue:hover {
	background: #1045bf;/*ボタン色*/
	border: solid 1px #1045bf;
	color: #ffffff;
	cursor:pointer;
}

.btnol_green {
	border-color: #178c38;
}

.btnol_green:hover {
	background: #178c38;/*ボタン色*/
	border: solid 1px #178c38;
	color: #ffffff;
	cursor:pointer;
}

.btnol_orange {
	border-color: #cd5802;
}

.btnol_orange:hover {
	background: #cd5802;/*ボタン色*/
	border: solid 1px #cd5802;
	color: #ffffff;
	cursor:pointer;
}

.btnol_violet {
	border-color: #660fc8;
}

.btnol_violet:hover {
	background: #660fc8;/*ボタン色*/
	border: solid 1px #660fc8;
	color: #ffffff;
	cursor:pointer;
}




/*検索ボタン*/
.btn-search {
	display: inline-block;
	padding: 2px 15px;
	margin: 2px;
	text-decoration: none;
	background: #ffffff;
	/*background: linear-gradient(to bottom,  #ffffff 50%,#edebeb 50%,#d6dfe1 100%);*/
	box-shadow:  0 0 3px #777777;
	color: #667177;
	border: 1px solid #b0bfc2;
	border-radius: 15px;
	font-size: 11pt;
}
.btn-search:link {
	color: #667177;
}
.btn-search:visited {
	color: #667177;
}
.btn-search:hover {
	display: inline-block;
	text-decoration: none;
	color: #444;
	background: #edebeb;
	/*color: #909ea5;*/
	/*background: #edebeb; /* Old browsers */*/
	/*background: linear-gradient(to bottom,  #d6dfe1 0%,#edebeb 50%,#ffffff 50%);*/
}

/*検索枠*/
.search_waku {
	width: 100%;
	margin:0 0 5px 0;
	padding: 15px;
	border-style: solid;
	border-width: 1px;
	border-color: #d0d0d0;
	background: #a1a8aa; /* Old browsers */
	background: linear-gradient(to bottom,  #d4dee0 0%,#ffffff 10%,#ffffff 100%);
	text-align: left;
	box-sizing: border-box;
}
.search_waku div {
	display: inline-block;
	margin: 0 15px 5px 0;
	font-size: 11pt;
	color: #353535;
}
.search_waku div input {
	display: inline-block;
	margin: 0 5px 0 0;
	color: #353535;
	font-size: 11pt;
	border: 1px solid #a9a9a9;
}
.search_waku div input:focus {
	border: 1px solid #6b7b83;
	box-shadow: 0 0 5px #6b7b83;
}

.search_waku div label {
	display: inline-block;
	margin: 0 10px 0 5px;
}
.search_waku div select {
	display: inline-block;
	vertical-align: middle;
	color: #353535;
	font-size: 11pt;
	border: 1px solid #a9a9a9;
}
.search_waku div span {
	display: inline-block;
	font-size: 9pt;
	color: #ffffff;
	background: #627998;
	margin: 0 3px 0 0;
	padding: 2px 5px;
}


/*リスト_チェックy*/
.list_check {
	font-weight: normal;
	text-align: left;
	background-color: #f0f0f0;
}



/*PAGE FEED ページ送り＿リストの件数とpagefeedをFLEXで置く*/
.pagefeed_container {
	display: flex;
	justify-content: space-between;

}

/*PAGE FEED ページ送り＿リストの件数を表示する*/
.pagefeed_kensu {
	font-size: 11pt;
	line-height: 28px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #303030;
	background: #ffffff;
	border:1px solid #b0b0b0;
	border-radius:8px;
	padding:3px 10px;
	margin:3px;
}


/*PAGE FEED ページ送り＿数字でリストをジャンプ*/
.nav_pagefeed {
	display: flex;
	justify-content: right;
	font-size: 11pt;
	line-height: 28px;
	font-weight: bold;
}

.nav_pagefeed span {
	width: 25px;
	height: 25px;
	margin:  5px;
	text-align: center;
	font-size: 11pt;
	line-height: 28px;
	font-weight: bold;
	text-decoration: none;
	background: #627998;
	border-radius: 10%;
	color: #ffffff;
	border: 2px solid #627998;
}
.nav_pagefeed a {
	width: 25px;
	height: 25px;
	margin:  5px;
	text-align: center;
	font-size: 11pt;
	line-height: 28px;
	font-weight: bold;
	text-decoration: none;
	background: #e4e8ec;
	border-radius: 10%;
	border: 2px solid #8598b1;
	color: #627998;
}
.nav_pagefeed a:hover {
	background: #98aec3;
	border-radius: 10%;
	color: #ffffff;
	border: 2px solid #8598b1;
}
a.nav_pagefeed_lr {
	width: 15px;
	height: 15px;
	margin: 8px 5px;
	text-align: center;
	font-size: 1.0em;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
	background: #9aa8b7;
	border-radius: 10%;
	border: 2px solid #9aa8b7;
	color: #ffffff;
}
a:hover.nav_pagefeed_lr {
	width: 15px;
	height: 15px;
	margin: 8px 5px;
	text-align: center;
	font-size: 1.0em;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
	background: #d8d8d8;
	border-radius: 10%;
	border: 2px solid #d8d8d8;
	color: #a0a0a0;
}

/*PAGE FEED ページ送り＿ここまで*/





/*タブボタン*/
.tab_set {
	margin: 10px 0 0 0;
}

.tab-square01 {
	display: inline-block;
	white-space: nowrap;
	padding: 5px 15px;
	margin: 0 -1px 0 0;
	text-decoration: none;
	border-style: solid;
	border-width: 1px;
	border-color: #d0d0d0;
	background: #f1e767;
	background: linear-gradient(to bottom, #ebedee 0%, #fdfbfb 100%);
	box-shadow: inset 1px 1px 1px #fff;
	border-radius: 3px 5px 0 0;
	font-size: 11pt;
	color: #747474;
	text-align: center;
}
.tab-square01:link {
	color: #747474;
}
.tab-square01:visited {
	color: #747474;
}
.tab-square01:hover {
	color: #15335e;
	background: #ffffff; /* Old browsers */
	background: linear-gradient(to bottom, #cedff6 0%, #ffffff 30%, #ffffff 100%);
	box-shadow: 0 2px 3px #b0b0b0;
}

.tab-square01_on {
	display: inline-block;
	white-space: nowrap;
	padding: 5px 15px;
	margin: 0 -1px 0 0;
	text-decoration: none;
	border-style: solid;
	border-width: 1px;
	border-color: #d0d0d0;
	background: #cedff6;
	 /*
	background: linear-gradient(to bottom, #cef2f6 0%, #ffffff 30%, #ffffff 100%);
	 */
	box-shadow: inset 1px 1px 1px #fff;
	border-radius: 3px 5px 0 0;
	font-size: 11pt; 
	color: #15335e;
	text-align: center;
}
.tab-square01_on:link {
	color: #15335e;
}
.tab-square01_on:visited {
	color: #15335e;
}
.tab-square01_on:hover {
	color: #15335e;
	background: #ffffff; /* Old browsers */
	background: linear-gradient(to bottom, #cedff6 0%, #ffffff 30%, #ffffff 100%);
	box-shadow: 0 2px 3px #b0b0b0;
}


.tab-ber {
	width: 100%;
	height: 5px;
	background: #cedff6;
}







/*完了画面＿完了の通知のボックス*/
.endbox_waku {
	width: 100%;
	margin:5px 0 0 0;
	padding: 20px 0;
	border-style: solid;
	border-width: 1px;
	border-color: #d1d7dd;
	border-radius: 10px;
	background: #ffffff; 
	font-size: 1.2em;
	line-height: 1.4em;;
	text-align: center;
	box-sizing: border-box;
}

/*完了画面文字_大*/
.endbox_waku h1 {
	font-size: 20pt;
	line-height: 22pt;
}




/*		基本の見出しの変更ここから		*/
.table_title_RSQ {
	display:inline-block;
	padding:5px 10px;
	margin:2px;
	line-height: 20px;
	letter-spacing:1em;
	text-indent:1em;
	text-align:center;
	color:#404040;
}



.table_title_RSQ_user {
	display:inline-block;
	padding:5px 10px;
	margin:2px;
	line-height: 20px;
	letter-spacing:1em;
	text-indent:1em;
	text-align:center;
	color:#404040;
}

.TGLtitle {
	display: flex;
	align-items: center;
	justify-content: center;
}

.TGLtitle_title {
	align-items: center;
	justify-content: center;
	width:100%;
	padding-left:50px;
	font-size:1.0rem;
}


.TGLtitle_title_center {
	align-items: center;
	justify-content: center;
	width:100%;
	font-size:1.0rem;
}


.TGLtitle_title_center:has(+.todetailbutton) {
	margin-left:95px;
}


.TGLtitle_toggle {
	white-space: nowrap;
  justify-content: flex-end;
}

.TGLtitle_shosai {
	white-space: nowrap;
  justify-content: flex-end;
}

/*		基本の見出しの変更ここまで		*/





/*  【管理画面用】メール送信時などのアラートを箱表示 【管理画面用】 */
.alert_tip_a {
	display:inline-block;
	color:#FF0000;
	padding:5px;
	border:1px solid #FF0000;
	background-color:#fedcdf;
}


.alert_tip_a span::before  {
    content: "\f057";
    font-weight: 400;
    font-family: "Font Awesome 5 Free";
    padding-right: 8px;
}




/*ページタイトルバー*/
.title_ber_subwin100 {
	width: 100%;
	height: 45px;
	margin: 5px 0 5px 0;
	font-size: 14pt;
	font-weight: bold;
	line-height: 47px;
	color: #777777;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #d1d7dd;
	border-radius: 5px;
	background: #ffffff; /* Old browsers */
	background: linear-gradient(to bottom,  #ffffff 0%,#dcdfe7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdfe7',GradientType=0 ); /* IE6-9 */
	box-sizing: border-box;
}




/* サブウィンドウで画面幅100でセットするウィンドウの形　*/

.subwin-page-wrap {
  top: 20px;
  right: 20px;
  left: 20px;
  bottom: 20px;
  background: #ffffff;
  padding: 20px;
  text-align: center;
}



@media only screen and (min-width: 640px){
	textarea.txarea {
		width:90%;
	}
}

@media only screen and (max-width: 640px){
	.details_table_subwin100 th {
		display:block;width:95%;text-align:center;
	}
	.details_table_subwin100 td {
		display:block;width:95%;text-align:center;
	}
	textarea.txarea {
		width:90%;
	}
}




/* INPUT　checkbox,radio 拡大化 */
.checkL {
	display: inline-block;
	padding-right: 10px;
	cursor: pointer;
	line-height:1.8rem;
}
.checkL input[type='checkbox'] {
    cursor: pointer;
	margin-right: 10px;
	transform: scale(1.25);
}
.checkL input[type='radio'] {
    cursor: pointer;
	margin-right: 10px;
	transform: scale(1.25);
}

.checkRead {
	font-size:1.2rem;
}



/* リスト編集：下へのコピー */
.icn_hit {
	font-size:1.0rem;
	vertical-align:middle;
	line-height:1.1rem;
	padding:4px 8px;
	background-color:#ffffff;
	border:1px solid #838d7e;
	border-radius: 5px;
	margin:3px 1px;
	cursor:pointer
	animation-delay: 0.2s;
	transition: 0.2s;
}

.icn_hit:hover {
	color:#ffffff;
	background-color:#838d7e;
	border:1px solid #838d7e;
	cursor:pointer
}

.nrkicn_mand {
	display:inline-block;
	font-size:0.9em;
	font-weight:bold;
	padding:1px 5px;
	color:#ff0202;
	background-color:#ffffff;
	margin:2px 4px;
	border:1px solid #ff0202;
	box-shadow:1px 1px 2px rgba(0,0,0,0.5);
}




/*　ここから　TIP　HELP　*/
.float_head {
	display: inline-block;
	position: relative;
}
.float_overlay {
	position: absolute;
	background-color: #ffffff;
	border-radius: 5px;
	color: #000;
	padding: 0.5rem;
	width: 300px;
	border:1px solid #333333;
	box-shadow:1px 1px 2px rgba(0,0,0,0.5);
	z-index:100;
	pointer-events: none; /* hover を遮らないように */
	display: none;
}



.TTTP_label {
	display: flex;
	align-items: center;
	justify-content: center;
}

.TTTP-switch {
	cursor: pointer;
	position: relative;
}

.TTTP-switch::before {
	position: absolute;
	top: 0px;
	left: 40px;
	background-color: #ffffff;
	border-radius: 5px;
	color: #000;
	content: attr(aria-label);
	padding: 1rem;
	text-transform: none;
	width: 150px;
	border:1px solid #333333;
	box-shadow:1px 1px 2px rgba(0,0,0,0.5);
	z-index:100;
}

.TTTP-switch::before {
	white-space: normal;
	color: #000000;
	font-size: 1.0em;
	line-height: 1.3em;
	opacity: 0;
	/*display:none;*/
	pointer-events: none;
	text-align: left;
}
.TTTP-switch:focus::before, .TTTP-switch:hover::before {
	opacity: 1;
	/*display:block;*/
}





/* 情報囲み枠　レスポンシブ対応もの */
/*.newsmphB_set {*/
.info_set {
	margin-top:10px;
}

/*.smph_button_menu_L {*/
.info_maruwaku {
	font-size:1.2rem;
	line-height:1.8rem;		/*変更*/
	text-align:left;		/*変更*/
	font-weight:bold;
	border-radius:10px;
	border:2px solid #c0c0c0;
	padding:10px 7px;
	margin-bottom:10px;
	vertical-align: top;
	position: relative;	/* CSS調整 */
	padding-left: 30px; /* CSS調整　アイコンの幅に合わせて調整 */
}

/*.smph_button_menu_L:hover {*/
.info_respbtn:hover {
	background-color:#fbfcae;
}

/*.smph_button_menu_L::before {*/
.info_respbtn::before {
	content: "\f35a";
	font-weight: 800;
	font-family: "Font Awesome 5 Free";
	padding-right: 8px;
	color:#fab360;
	vertical-align: top;	/*追加*/
	position: absolute;		 /* CSS調整 */
	left: 8px;		 /* CSS調整 */
	top: 8px; 		/* CSS調整 */
}
.info_respbtn::first-line {
	display: inline-block; /* CSS調整 */
	padding-left: 30px; /* CSS調整　アイコンの幅に合わせて調整 */
}

/* 項目丸枠囲み */
.propname_title {
	padding:2px 10px;
	margin: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #9baab8;
	border-radius: 5px;
	text-align: center;
	color: #303030;
	font-size: 0.9rem;
	font-weight: normal;
	background: #ffffff;
}
/* 情報囲み枠　レスポンシブ対応もの */










/****************************************************************/
/*******************　2025/05/28　伊東整理　*********************/
/****************************************************************/