/*******************************************************************************
//　システム名称　：長崎県教職員互助組合 組合員マイページ
//　モジュール名称：スタイルシート
//　機能概要　　　：
//
//　改訂履歴　　　：新規作成(2023/05/01 J.Sato)
//
//	Copyright(C) TechnoNetWork.All Rights Reserved.
/*******************************************************************************/
body
{
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', sans-serif;
	margin:0;
	padding:0;
	/*background:#ffff;*/
	color:#444;
	height:100%;
	font-size:13px;
	overflow-y:none;
}
html{
	overflow-y:auto;
}

div.header_content{
	position:relative;
	width:100%;
	margin:0 auto;
	height:62px;
}
div.header_content div.header{
	position:relative;
	width:100%;
	margin:0 auto;
	height:62px;
    align-items: center;
    background-image: url("../images/header_without_logo.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
div.header_content div.loginout_bg{
	width:100%;
	height:60px;
}
div.header_content div.loginout{
	position:absolute;
	top:24px;
	right:10px;
	width:auto;
	font-size:14px;
	z-index:11;
}
div.header_content div.loginout div{
	float:left;
}
div.header_content div.loginout img{
	width:28px;
	height:28px;
}
div.header_content div.loginout_link{
	margin-left:0;
	width:120px;
	height:20px;
	line-height:20px;
	text-align:right;
	font-weight:bold;
	margin-top:9px;
}
div.header_content div.login:hover{
	font-size:15px;
}
div.header_content div.logout:hover{
	font-size:15px;
}
div.header_content div.header_user{
	position:absolute;
	top:14px;
	right:140px;
	width:auto;
	line-height:24px;
	font-weight:bold;
}
div.header_content div.header_user div.user_center{
	float:right;
	height:32px;
	font-size:16px;
	padding-top:6px;
}
div.header_content div.header_user div.user_name{
	float:right;
	height:32px;
	font-size:14px;
	vertical-align:middle;
}
div.header_content div.header_user input{
	position:absolute;
	margin-top:-4px;
}
div.header_content div.header div.title{
	position:absolute;
	top:0px;
	left:60px;
	font-size:26px;
	z-index:10;
}
div.header_content div.header div.title img{
	margin-top:4px;
	width:75px;
}
div.header_content div.header div.title div.title_str{
	position:relative;
	top:-12px;
	left:10px;
    color: #0692D2;
    font-weight: bold;
}
div.header_content div.header div.title input[type=button]{
	position:relative;
	top:-14px;
	left:40px;
	color:#444;
	background:lightgray;
	font-size:13px;
	padding:4px 16px;
}

div.footer{
	position:fixed;
	bottom:0;
	width:100%;
	height:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    background-size:100% 100%;
	background-image:url("../images/footer.jpg");
	background-repeat:no-repeat-x;
	z-index:10;
}
div.footer p{
	margin-top:14px;
    color: #000A16;
	font-size:14px;
}

div.body_content{
	clear:both;
	margin:0 auto;
	width:100%;
	height:auto;
	padding:0;
}
div.header_subtitle{
	position:absolute;
	top:12px;
	left:0px;
	width:1040px;
	height:24px;
    color:#3b76be;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	z-index:-1;
}
div.header_close{
	position:absolute;
	top:6px;
	right:20px;
}
div.main_content{
	position:relative;
	clear:both;
	width:1050px;
	height:100%;
	margin:0 auto 50px;
	padding:6px 0 0px;
	overflow-y:auto;
}

div.back_menu{
	margin-top:2px;
	margin-left:2px;
	z-index:10;
}
div.back_menu input[type=button]{
	font-size:12px;
}

a,
a:link,
a:visited,
a:hover,
a:active{
	color:#007199;
}
a:hover{
	font-weight:bold;
	cursor:pointer;
}

span.new{
	color:deeppink;
	/* font-size:11.5px;
	line-height:16px; */
}
span.ok{
	color:green;
}
span.error{
	color:red;
	/* font-size:11.5px;
	line-height:16px; */
}
span.complete{
	color:#843E0F;
}

input{
	font-size:13px;
	color:#444;
}
input[type=text],
input[type=password]{
	height:28px;
	border-radius:6px;
}
input[type=number],
input[type=tel],
input[type=email],
input[type=url]{
	height:28px;
	border-radius:6px;
}
/* type=numberスピンボタン非表示 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"]{
	-moz-appearance: textfield;
}
input[type=date]{
	height:22px;
	border-radius:6px;
}
input[type=file]{
	padding:3px;
	background:#fff;
}
input[type=checkbox]{
	cursor:pointer;
}
label{
	cursor:pointer;
}
input[type=button]{
	-webkit-appearance: none;
	cursor:pointer;
	color:#fff;
	background:#003D80;
	padding:4px 10px;
	border-radius:15px;
	font-size:14px;
	text-align:center;
}
input[type=button]:disabled{
	cursor:help;
	color:#999;
}
input[type=button]:enabled:hover{
    opacity: 0.5;
}
input[readonly]{
	border-color:#f7f7f7;
}
input:focus{
	outline:solid 5px #98c7fd;
}
input[readonly]:focus{
	outline:none;
}
textarea{
	color:#444;
	border:solid 1px #999;
}
textarea:hover{
	border:solid 1px #999;
}
textarea[readonly]{
}
textarea:focus{
	outline:solid 5px #98c7fd;
}
textarea[readonly]:focus{
	outline:none;
}
select{
	height:26px;
	font-size:13px;
	line-height:20px;
	color:#444;
	border-radius:6px;
}
select option.delete{
	background:#ccc;
}
.clearboth{
	clear:both;
}
.clearright{
	clear:right;
}
.clearleft{
	clear:left;
}
.divleft{
	float:left;
}
.divright{
	float:right;
}
.nodisp{
	display:none;
	height:0%;
}
.disp{
	display:block;
	height:auto;
}
.inline{
	display:inline-block;
	_display:inline;
	/display:inline;
	/zoom:1;
	_zoom:1;
}

table{
	border-collapse:collapse;
	word-wrap:break-word;
	word-break:break-all;
}
table th,td{
	padding:2px;
}
table th{
	text-align:right;
}
table th.tableTitle{
	height:20px;
	line-height:20px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}
table .left{
	text-align:left;
}
table .center{
	text-align:center;
}
table .right{
	text-align:right;
}
table .top{
	vertical-align:top;
}
table .middle{
	vertical-align:middle;
}
table .bottom{
	vertical-align:bottom;
}

div.errMsgDiv{
	margin:5px auto 2px 5px;
	padding:5px;
	border-top:solid 1px #900;
	border-bottom:solid 1px #900;
	background:#eee;
	width:98%;
}
div.errMsgDiv img{
	width:15px;
	height:15px;
}
div.errMsgDiv span{
	color:#F00;
}
div.msgDiv{
	margin:5px auto 2px 5px;
	padding:5px;
	border-top:solid 1px #09c;
	border-bottom:solid 1px #09c;
	background:#cff;
	width:98%;
}
div.msgDiv img{
	width:15px;
	height:15px;
}
div.msgDiv span{
	color:#00afcc;
}

div.keyDiv{
	margin:0;
	padding:0;
}
div.keyDiv table{
	font-size:13px;
}
div.keyDiv table th,
div.keyDiv table td{
	border-bottom:solid 1px #999;
}
div.keyDiv table th.tableTitle{
	border-bottom:none;
	height:28px;
	font-weight:bold;
	font-size:15px;
}
div.keyDiv table th{
	padding:2px 5px 1px 10px;
}
div.keyDiv table td{
	padding:2px 10px 1px 5px;
	height:18px;
}
div.keyDiv input[type=button]{
	margin-top:4px;
	padding:6px 15px;
}
div.keyDiv table input[type=button]{
	margin-top:0px;
	padding:4px 10px;
}
div.keyDiv table input[type=button].spin{
	margin-top:0px;
	padding:0;
	width:28px;
	height:22px;
	border-radius:3px;
	border:solid 1px #666;
}
div.keyDiv table input[type=button].spin:hover{
	background:#aaa;
}

div.listDiv{
	position:relative;
	margin:0px auto 0;
	width:auto;
}
div.listDiv table{
	position:relative;
}
div.listDiv table th,
div.listDiv table td{
	line-height:17px;
	font-size:12px;
}
div.listDiv table th{
	color:#fff;
	text-align:center;
	font-weight:normal;
}
div.listDiv table td{
	background:#fff;
}
div.listDiv table th{
	background:#003D80;
}
div.listDiv table thead tr:first-child th,
div.listDiv table tbody tr:first-child td{
	border-top:solid 1px #cccccc;
}
div.listDiv table thead tr:last-child th,
div.listDiv table tbody td{
	border-bottom:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
}
div.listDiv table thead tr:first-child th:first-child,
div.listDiv table tbody tr:first-child td:first-child{
	border-top-left-radius:6px;
}
div.listDiv table thead tr:first-child th:last-child,
div.listDiv table tbody tr:first-child td:last-child{
	border-top-right-radius:6px;
}
div.listDiv table thead tr:last-child th:first-child,
div.listDiv table tbody tr:last-child td:first-child{
	border-bottom-left-radius:6px;
}
div.listDiv table thead tr:last-child th:last-child,
div.listDiv table tbody tr:last-child td:last-child{
	border-bottom-right-radius:6px;
}
div.listDiv table td input[readonly]{
	background:#fff;
}
div.listDiv input[type=button]{
	padding:1.5px 4px;
	font-size:12px;
}
div.listDiv table tbody tr:hover td{
	color:#00afcc;
}
div.listDiv table tr td.delete{
	background:#bbb;
	color:red;
}
div.listDiv table tr.delete td{
	background:#bbb;
}

div.data_count{
	position:absolute;
	top:5px;
	right:40px;
	font-size:12px;
	font-weight:normal;
}
div.data_count span{
	font-size:16px;
	font-weight:bold;
}
div.pager_disp{
	margin:6px auto;
	width:420px;
	height:22px;
	padding:0;
	text-align:center;
}
div.pager_disp ul.pager{
	margin:0 auto;
	padding:0;
}
div.pager_disp ul.pager li{
	display:inline-block;
	_display:inline;
	/display:inline;
	float:left;
	text-align:center;
	width:26px;
	height:22px;
	line-height:22px;
	margin:0 4px 0 0;
	padding:0;
}
div.pager_disp ul.pager li a{
	display:block;
	width:26px;
	height:22px;
}
div.pager_disp ul.pager li span{
	display:block;
	border:solid 1px #aaa;
	width:26px;
	height:22px;
	line-height:22px;
	font-size:11px;
}
div.pager_disp ul.pager li span.nolink{
	background:#bbb;
}
div.pager_disp ul.pager li a:link,
div.pager_disp ul.pager li a:visited,
div.pager_disp ul.pager li a:active,
div.pager_disp ul.pager li a:hover{
	text-decoration:none;
}
div.pager_disp ul.pager li a:hover{
	background:#005CB0;
	color:#ddd;
}
div.pager_disp ul.pager .cur_page{
	background:#005CB0;
}
div.pager_disp ul.pager .cur_page a{
	color:#ddd;
}
div.pager_disp ul.pager .other_page{
	background:#eee;
	border-top:0px;
	border-right:0px;
}

div.bef_tab{
	clear:both;
	padding:0 auto;
	height:1px;
}
div.aft_tab{
	clear:both;
	margin:0 auto;
	padding:0 auto;
	height:1px;
}

.maxlength2{
	width:20px;
}
.maxlength4{
	width:35px;
}
.maxlength8{
	width:50px;
}
.maxlength_date{
	width:75px;
}
.maxlength10{
	width:75px;
}
.maxlength15{
	width:110px;
}
.maxlength20{
	width:170px;
}
.maxlength25{
	width:200px;
}
.maxlength30{
	width:230px;
}
.maxlength35{
	width:290px;
}
.maxlength40{
	width:350px;
}
.maxlength50{
	width:450px;
}
.maxlength60{
	width:550px;
}

div.login_form{
	clear:both;
	margin:40px auto 10px;
	padding:30px 10px 40px 0;
	width:800px;
	height:auto;
	border:2px #cccccc solid;
	background:#fff;
	border-radius:30px;
}
div.login_form div{
	clear:both;
}
div.login_form div.login_title{
    padding: 10px 25px;
    color: #003D80;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
div.login_form div.login_title span{
	font-size:18px;
}
div.login_form div.login_input{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 400px;
    padding: 10px 25px;
    margin: 30px auto 0;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.5);
}
div.login_form table{
	font-size:14px;
}
div.login_form table th{
	text-align:left;
    color: #003D80;
}
div.login_form table td{
	width:340px;
	height:44px;
}
div.login_form label{
	font-size:13px;
	line-height:20px;
}
div.login_form span{
	font-size:14px;
	font-weight:bold;
}
div.login_form label,
div.login_form input[type=checkbox]{
	cursor:pointer;
	vertical-align:middle;
	height:30px;
	width:30px;
	border-color:#666;
	border-radius:50px;
}
div.login_form input[type=text]{
	height:28px;
	font-size:14px;
}
div.login_form input[type=password]{
	height:28px;
	font-size:14px;
}
div.login_form input[type=button]{
	padding:8px 30px;
	font-size:16px;
}
div.login_form div.login_action{
	margin:20px auto 10px;
	text-align:center;
}
div.login_form div.login_action_left{
	margin:20px auto 10px;
	text-align:left;
	width:460px;
}
div.login_form div.mypageDiv{
	width:400px;
}
div.login_form div.mypageDiv div.keyDiv{
	width:100%;
}
div.login_form div.mypageDiv div.keyDiv table td{
	width:90%;
}

div.mypageDiv{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:500px;
    padding:20px 25px;
    margin:30px auto 20px;
    box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.5);
}
div.mypageDiv div.keyDiv{
	margin-top:10px;
}
div.mypageDiv div.keyDiv table th,
div.mypageDiv div.keyDiv table td{
	border-bottom:none;
	font-size:17px;
	height:20px;
	padding:2px 2px;
}
div.mypageDiv div.keyDiv table th{
	color:#003D80;
    text-align:left;
}
div.mypageDiv div.keyDiv table td{
	color:#843E0F;
}
div.mypageDiv div.keyDiv table th.tableTitle{
	font-size:20px;
	height:auto;
}
div.mypageDiv div.keyDiv table th.tableSubTitle{
	font-size:17px;
	height:auto;
}
div.mypageDiv div.buttonDiv{
	margin:20px auto 10px;
	text-align:center;
}
div.mypageDiv input[type=button]{
	padding:3px 20px;
	font-size:16px;
}
div.mypageDiv div.keyDiv table td.t_date{
    width:80px;
	height:auto;
	color:#444;
	font-size:15px;
}
div.mypageDiv div.keyDiv table td.t_admin{
    width:80px;
	height:auto;
	color:#444;
	font-size:15px;
}
div.mypageDiv div.keyDiv table td.t_title{
    width:275px;
	height:auto;
	color:#444;
	font-size:15px;
}
div.mypageDiv div.keyDiv table th.t_max{
    width:460px;
}

div.modalDiv{
	display:none;
	position:fixed;
	z-index:2;
	left:0;
	top:0;
	height:100%;
	width:100%;
	overflow:auto;
	background-color:rgba(0,0,0,0.5);
}
div.modalDiv div.modalContentDiv{
	background:#f4f4f4;
	margin:5% auto;
	width:600px;
	box-shadow:0 5px 8px 0 rgba(0,0,0,0.2),0 7px 20px 0 rgba(0,0,0,0.17);
	animation-name:modalopen;
	animation-duration:1s;
}
div.modalDiv @keyframes modalopen{
	from {opacity: 0}
	to {opacity: 1}
}
div.modalDiv div.modalHeaderdiv{
	background:lightblue;
	padding:3px 15px;
	display:flex;
	justify-content:space-between;
}
div.modalDiv div.modalHeaderdiv h1{
	margin:10px 0;
	font-size:16px;
}
div.modalDiv div.modalHeaderdiv h1 select{
	margin-left:20px;
}
div.modalDiv span.modalCloseSpan{
	font-size:30px;
}
div.modalDiv span.modalCloseSpan:hover{
	cursor:pointer;
}
div.modalDiv div.modalBodyDiv{
	padding: 10px 20px;
	color:black;
	min-height:200px;
	max-height:600px;
	overflow:auto;
}
div.modalDiv div.modalBodyDiv p{
	font-size:15px;
}
div.modalDiv iframe{
	height:600px;
	width:99%;
	overflow-x:none;
}
div.modalDiv div.listDiv{
	height:500px;
	width:100%;
}
div.modalDiv div.listDiv table{
	position:relative;
	width:100%;
	font-size:15px;
}
div.modalDiv div.listDiv table thead{
	position:absolute;
	top:0px;
	left:0px;
}
div.modalDiv div.listDiv table tbody{
	position:absolute;
	top:22px;
	left:0px;
	overflow-x:hidden;
	overflow-y:auto;
	height:460px;
	width:auto;
}
div.modalDiv div.listDiv table th,
div.modalDiv div.listDiv table td{
	font-size:14px;
}
div.modalDiv div.listDiv table td.error{
	color:red;
	font-size:18px;
	font-weight:bold;
}