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

body,
html,
td,
th,
input[type="text"],
textarea {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
}

a:link,
a:visited {
	color: #3eaca8;
}

a:hover {
	opacity: 0.7;
}

/**********************************************************
/* override bootstrap **/
.btn-primary,
.btn-primary:hover,
a.btn-primary,
a.btn-primary:hover {
	background: #3eaca8;
	border: 1px solid #3eaca8;
	color: #fff;
	box-shadow: 0 1px 0 #287f7c;
    line-height: 100%;
}


/**********************************************************
/* header **/

header{
    position: relative;
}
footer{
	margin-top: 50px;
}
header{
	border-bottom: 2px solid #33b0e5;
}
header .user-info {
	/*margin-bottom: 20px;*/
    position: absolute;
    right: 0;
    top: 30%;
    background: #e3ecf3;
    display: inline-block;
    width: auto;
    color: #355c7d;
    padding: 5px 20px 8px;
}

header .user-info .btn-primary {
    line-height: 100%;
    padding: 5px 10px;
}

header .user-info .btn-primary::before {
    font-family: "Font Awesome 5 Free";
    content: "\f2f5";
    font-weight: 900;
    font-size: 16px;
    margin-right: 5px;
    vertical-align: middle;
    color: #fff;
    display: inline-block;
}

header .user-info::before {
    font-family: "Font Awesome 5 Free";
    content: "\f007";
    font-weight: 900;
    font-size: 20px;
    color: #355c7d;
    display: inline-block;
}

.headerInner {
    width: 1350px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

footer {
	border-top: 2px solid #33b0e5;
	color: #33b0e5;
	text-align: center;
	font-size: 12px;
	padding-top: 10px;
    margin-top: 0;
}

.logo {
    width: 300px;
    background: url(../images/logo001.png) no-repeat 20px center #1d3b54;
    color: #fff;
    padding: 20px 20px 20px 50px;
    /*box-shadow: 2px 0 2px rgba(0, 0, 0, .3);*/
    filter: drop-shadow(2px 0 2px rgba(0, 0, 0, .3));
    text-align: center;
    margin-left: 10px;
}

.logo a{
    color: #fff;
}
.logo a:hover{
	text-decoration: none;
}
.logoTitle001,
.logoTitle002 {
    display: block;
    width: 185px;
    margin-left: auto;
    margin-right: auto;
    text-align-last: justify;
    text-justify:inter-ideograph;
    font-weight: bold;
}

.logoTitle001 {
    border-bottom: 1px solid #fff;
    font-size: 14px;
}

.logoTitle002 {
}

/*********************

**********************/
.mt_10 { margin-top: 10px !important; }
.mt_20 { margin-top: 20px !important; }
.mt_30 { margin-top: 30px !important; }
.mt_40 { margin-top: 40px !important; }
.mt_50 { margin-top: 50px !important; }
.mt_100 { margin-top: 100px !important; }
.mt_150 { margin-top: 150px !important; }

.mb_10 { margin-bottom: 10px !important; }
.mb_20 { margin-bottom: 20px !important; }
.mb_30 { margin-bottom: 30px !important; }
.mb_40 { margin-bottom: 40px !important; }
.mb_50 { margin-bottom: 50px !important; }
.mb_100 { margin-bottom: 100px !important; }
.mb_150 { margin-bottom: 150px !important; }

.ml_10 { margin-left: 10px !important; }
.ml_20 { margin-left: 20px !important; }
.ml_30 { margin-left: 30px !important; }
.ml_40 { margin-left: 40px !important; }
.ml_50 { margin-left: 50px !important; }
.ml_100 { margin-left: 100px !important; }
.ml_150 { margin-left: 150px !important; }

.mr_10 { margin-right: 10px !important; }
.mr_20 { margin-right: 20px !important; }
.mr_30 { margin-right: 30px !important; }
.mr_40 { margin-right: 40px !important; }
.mr_50 { margin-right: 50px !important; }
.mr_100 { margin-right: 100px !important; }
.mr_150 { margin-right: 150px !important; }


.w_30 { width: 30px !important; }
.w_50 { width: 50px !important; }
.w_100 { width: 100px !important; }
.w_150 { width: 150px !important; }
.w_200 { width: 200px !important; }
.w_250 { width: 250px !important; }
.w_300 { width: 300px !important; }
.w_400 { width: 400px !important; }
.w_450 { width: 450px !important; }
.w_500 { width: 500px !important; }
.w_550 { width: 550px !important; }
.w_600 { width: 600px !important; }
.w_650 { width: 650px !important; }
.w_700 { width: 700px !important; }
.w_750 { width: 750px !important; }
.w_800 { width: 800px !important; }
.w_850 { width: 850px !important; }
.w_900 { width: 900px !important; }
.w_950 { width: 950px !important; }

.container-fluid {
	/*margin-left: 0;*/
    width: 1350px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}
.row {
	display: flex;
	flex-wrap: nowrap;
    margin-left: 0;
    margin-right: 0;
}
.row .col001 {
	width: 300px;
	margin-left: 10px;
	margin-right: 30px;
}
.row .col002 {
	/*position: relative;*/
    width: 1010px;
    padding-top: 40px;
    margin-bottom: 100px;
}
.row .col002 .add{
	margin-bottom: 5px;
}
.row .col002 .add .btn-success {
    background: #3eaca8;
    border: 1px solid #3eaca8;
    color: #fff;
    box-shadow: 0 1px 0 #287f7c;
    padding-left: 30px;
	margin-bottom: 30px;
}
.row .col002 .add .btn-success::after {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    font-size: 14px;
    content: "\f0fe";
}
.row .col002 .add .btn-success.btn-save-sort {
    padding-left: 20px;
}
.row .col002 .add .btn-success.btn-save-sort::after {
    content: "";
}
.row .col002 .add .btn-success.btn-save-sort::before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    font-size: 14px;
    content: "\f00c";
}
.container-fluid h2{
	font-size: 1.8rem;
	margin-bottom: 30px;
}

.container-fluid table{
}

.container-fluid .userGuide{
    font-size:90%;
    width:60%;
    margin-bottom:30px;
    padding: 10px;
    background-color: #ffffc3;
    border: solid 3px #E5A500;
    color: #8a5001;
}
.container-fluid tr{
	background-color: #FFF;
}

.container-fluid dt{
}

.container-fluid td{
    vertical-align: middle;
}

/**********************************************************
/* pager **/
.paging {
    text-align: center;
}
.paging nav {
    display: inline-block;
}
.page-item {
    margin-left: 5px;
    margin-right: 5px;
}
.page-item .page-link {
    border-radius: 0!important;
    background: #3eaca8;
    border: 1px solid #3eaca8;
    color: #fff;
}

.page-item a.page-link:not([href]):not([tabindex]) {
    background: #fff;
    color: #333;
    border: 1px solid #ccc;
}

.page-item a.page-link:not([href]):not([tabindex]):hover {
    opacity: 1;
}



/**********************************************************
/* menu setting **/
.col001 {
    color: #FFF;
    background: #355c7d;
    /*box-shadow: 2px 0 2px rgba(0, 0, 0, .3);*/
    filter: drop-shadow(2px 0 2px rgba(0, 0, 0, .3));
}
.navbar {
	width: 300px;
	padding: 30px 0;
    background: none!important;
}
.navbar .navbar-nav {
	flex-direction: column;
    width: 100%;
}
.navbar .navbar-nav .nav-item span{
	padding: 10px;
  display: block;
	font-weight: bold;
	font-size: 18px;
    cursor: pointer;
}
.navbar .navbar-nav .nav-item span:hover {
    opacity: .7;
}
.navbar .navbar-nav .nav-item span::after {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
    content: "\f078";
    float: right;
}
.navbar .navbar-nav .nav-item span.isOpen::after {
    content: "\f077";
    opacity: .5;
}
.navbar .navbar-nav .nav-item:nth-of-type(1) span::before,
.navbar .navbar-nav .nav-item:nth-of-type(2) span::before,
.navbar .navbar-nav .nav-item:nth-of-type(3) span::before,
.navbar .navbar-nav .nav-item:nth-of-type(4) span::before,
.navbar .navbar-nav .nav-item:nth-of-type(5) span::before,
.navbar .navbar-nav .nav-item:nth-of-type(6) span::before{
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
}
.navbar .navbar-nav .nav-item:nth-of-type(1) span::before {
    content: "\f0f3";
}
.navbar .navbar-nav .nav-item:nth-of-type(2) span::before {
    content: "\f46d";
}
.navbar .navbar-nav .nav-item:nth-of-type(3) span::before {
    content: "\f0c0";
}
.navbar .navbar-nav .nav-item:nth-of-type(4) span::before {
    content: "\f07c";
}
.navbar .navbar-nav .nav-item:nth-of-type(5) span::before {
    content: "\f15b";
}
.navbar .navbar-nav .nav-item:nth-of-type(6) span::before {
    content: "\f085";
}
/* 編集者パターン */
.navbar .navbar-nav.nav-editor .nav-item:nth-of-type(3) span::before {
	content: "\f0e8";
}
.navbar .navbar-nav.nav-editor .nav-item:nth-of-type(4) span::before {
	content: "\f15b";
}
.navbar .navbar-nav.nav-editor .nav-item:nth-of-type(5) span::before {
	content: "\f085";
}
.navbar .navbar-nav .nav-link {
    color: rgba(255,255,255,10);
}
.dropdown:hover > .dropdown-menu{
  display: block;
}



/*操作マニュアル 矢印削除*/
.navbar .navbar-nav.nav-admin .nav-item:nth-of-type(5) span::after {
content: "";
}
.navbar .navbar-nav.nav-editor .nav-item:nth-of-type(4) span::after {
content: "";
}

/* ナビ下層要素 */
.navbar .sub-menu{
	margin: 1px;
	padding: 0 10px;
	border-left: 2px solid rgba(255, 255, 255, 0.5);
	padding-left: 5px;
	margin-left: 30px;
	margin-bottom: 40px;
    display: none;
}
.navbar .sub-menu li{
	padding: 5px;
	font-size: .95em;
	list-style: none;
}
/*.navbar .sub-menu li a{
	color: #fff;
}*/
.navbar  li a{
	color: #fff;
}
.navbar .sub-menu li a.isSelected {
    color: #ffcc00;
}

.navbar .sub-menu li a.isSelected::before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
    content: "\f0da";
    font-size: 10px;
}

/* 2階層目メニュー */
.navbar .sub-menu ul {
	padding-left: 10px;
	font-size: .95em;
}

.navbar .sub-menu ul li::before {
	content: "∟";
	/* or [level-up-alt] \f3bf */
	display: inline-block;
	opacity: .3;
	position: relative;
	top: -4px;
}

/*地方労福協法人運営サポートリンク*/
.corporation_support_link {
	margin: 38px 15px 0 10px;
    font-weight: bold;
    border: solid 1px #FFF;
    padding: 10px;
}
.corporation_support_link a{
	display: block;
}
.corporation_support_link a::after{
font-family: "Font Awesome 5 Free";
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
    content: "\f054";
    float: right;
}


/*労福協政策・制度データベースリンク*/
.db_rofuku_link {
	margin: 50px 15px 0 10px;
    font-weight: bold;
}
.navbar li.db_rofuku_link a {
 display: block;
 padding: 15px 3px 15px 10px;
 background: #fbfbfb;
 color: #27445c;
 border-radius: 5px;
}
.db_rofuku_link a::after{
font-family: "Font Awesome 5 Free";
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
    content: "\f35d";
    float: right;
}

/**********************************************************
/* toppage setting **/
.container-fluid .info{
	margin-bottom: 50px;
    width: 1010px;
}
.container-fluid .info.h-200{
	height: 200px;
}
.container-fluid .info.h-500{
	height: 500px;
}
.container-fluid .update{
	border: solid 2px #CCC;
	width: 700px;
	height: 500px;
	background-color: #F0F0F0;
}
.infoDataWrap {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.infoDataWrapItem {
	width: 49%;
	background: #f0f4f6;
	padding: 10px;
}

.infoDataWrap .info {
	width: 100%;
	margin-bottom: 0;
}
/**********************************************************
/* editlist setting **/
.container-fluid .list dt {
	vertical-align: middle;
}
.container-fluid table.list {
	border-bottom: 1px solid #dee2e6;
	width: 1010px;
}

.container-fluid table.list
.container-fluid .list td {
	vertical-align: middle;
	white-space: nowrap;
}

.container-fluid .info table.list {
    width: 100%;
	}
.ui-sortable tr td:first-child::before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
    content: "\f0c9";
    color: #eaeaea;
    font-size: 13px;
}
.container-fluid .list #sortdata tr {
	margin-bottom: 10px;
}
.container-fluid .list #sortdata tr:hover {
	cursor: move;
}
.container-fluid table.list #sortdata tr td:last-child {
    width: 100px;
}
/* ソートテーブル 編集ボタン */
.container-fluid .list #sortdata .btn {
    display: block;
    font-size: 14px;
    padding-top: 3px;
    padding-bottom: 2px;
    width: 80px;
}

.container-fluid .list #sortdata .btn.btn-primary {
    margin-bottom: 5px;
}
.container-fluid .list #sortdata .btn.btn-danger, .container-fluid .list .btn.btn-danger {
    margin-bottom: 5px;
    color: #f67280;
    background: #fff;
    border: none;
}
.container-fluid .list #sortdata tr:active {

}
.container-fluid .list td .rank {
}
.container-fluid .list td .u_id {
	display: none;
}
.container-fluid .list th {
    border-top: none;
    font-size: 14px;
    font-weight: bold;
    color: #355c7d;
}

.container-fluid table.list td.fs__002:last-child {
    width: 180px;
}
.container-fluid table.list tr td:last-child {
    color: #999;
}
.container-fluid .list th.operation{
	width: 13%;
}
.container-fluid .paging{
	margin-top: 50px;
}
/**********************************************************
/* form setting **/

.container-fluid .input_form table  {
	width: 100%;
}
.container-fluid .input_form th{
	background-color: #e5edf3;
	white-space: nowrap;
}
.container-fluid .input_form td{
}
.container-fluid .input_form td.parallel{
	/*display: flex;*/
}
.container-fluid .input_form td input[type=radio]{
	margin-right: 5px;
}
.container-fluid .input_form td input[type=radio]:first-child{
}
.container-fluid .input_form td input[type=radio]:nth-of-type(2){
	margin-left: 20px;
}
.container-fluid .input_form td{
}
.container-fluid .input_form th, .container-fluid .input_form td{
	padding: 10px;
	border: solid 1px #CCC;
	vertical-align: middle;
}
.container-fluid .input_form .border_none th{
	background-color: #FFF;
}
.container-fluid .input_form .border_none th, .container-fluid .input_form .border_none  td{
	border: none;
	padding-top: 5px;
	padding-bottom: 5px;
}
.container-fluid .input_form .submit-box {
	margin-top: 30px;
	/*width: 700px;*/
	width: 100%;
	/*display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;*/
}
.container-fluid .input_form .submit-box .btn-primary{
	padding-left: 50px;
	padding-right: 50px;
}
.container-fluid .input_form .form-control{
	width: auto;
	display: inline;
}
.container-fluid .input_form.cat_edit div{
	margin-bottom: 50px;
}
.container-fluid .input_form.cat_edit table{
	width: 100%;
}
.container-fluid .input_form.cat_edit th{
	width: 200px;
}
.container-fluid .input_form.information th{
	width: 200px;
}
.container-fluid .input_form.confirm table{
	width: 700px;
}
.container-fluid .input_form.confirm td{
	width: 500px;
}
/****ファイルアップ（D＆D）****/
.container-fluid .input_form td #dragandrophandler{
	text-align: center;
	border: dashed 5px #345c7d;
	background-color: #e5edf3;
	width: 600px;
	padding: 75px 0;
	margin-top: 20px;
	font-weight: bold;
}

/*.container-fluid .input_form td .progressBar {
    width: 200px;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    display:inline-block;
    margin:0px 10px 5px 5px;
    vertical-align:top;
}
.container-fluid .input_form td .progressBar div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px;
    width: 0;
    background-color: #0ba1b5; border-radius: 3px;
}*/
.container-fluid .input_form td .statusbar{
    border-top:1px solid #999;
	border-bottom:1px solid #999;
    min-height:25px;
    width:600px;
    padding:10px;
    vertical-align:top;
	font-size: 1rem;
	display: flex;
	margin-bottom: -1px;
}
.container-fluid .input_form td .statusbar:first-child{
}
.container-fluid .input_form td .statusbar:nth-child(odd){
    /*background:#EBEFF0;*/
}
.container-fluid .input_form td .abort{
    background-color:#A8352F;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    color:#fff;
	font-size:22px;
	font-weight:normal;
    cursor:pointer;
	margin-right: 10px;
	width: 35px;
	height: 35px;
	text-align: center;
}
.container-fluid .input_form td .filename{
    width:200px;
	padding: .375rem 0;
}
.container-fluid .input_form td .dispname {
	width: 300px;
    /*display: inline-block;*/
}
.container-fluid .input_form td .filesize
{
    /*display:inline-block;*/
    vertical-align:top;
    color:#30693D;
    width:100px;
    margin-left:10px;
    margin-right:5px;
}
.container-fluid .input_form td .loadimg{
    margin-top: 5px;
    margin-left: 5px;
}
/******************
財政情報 setting
******************/
.container-fluid .finance h3{
	margin-top: 30px;
}
.container-fluid .finance .fee{
	/*width: 120%;*/
}
.container-fluid .finance .fee td {
	padding: 5px 5px;
}

/******************

******************/
.container-fluid .finance .fee .form-control{

}
.container-fluid .input_form .form-control.size_fee {
	padding: 0;
	width: 80px;
}
.container-fluid .input_form .form-control.size500 {
	width: 500px;
}
.container-fluid .input_form .form-control.size450 {
	width: 450px;
}
.container-fluid .input_form .form-control.size400 {
	width: 400px;
}
.container-fluid .input_form .form-control.size350 {
	width: 350px;
}
.container-fluid .input_form .form-control.size300 {
	width: 300px;
}
.container-fluid .input_form .form-control.size250 {
	width: 250px;
}
.container-fluid .input_form .form-control.size200 {
	width: 200px;
}
.container-fluid .input_form .form-control.size150 {
	width: 150px;
}
.container-fluid .input_form .form-control.size100 {
	width: 100px;
}
.container-fluid .input_form .form-control.size50 {
	width: 70px;
}
.container-fluid .input_form .form-control.size50 {
	width: 70px;
}



/**********************************************************
/** font-size setting **/
.container-fluid .btn.fs__001{
	font-size: .9rem;
}
.container-fluid .fs__002{
	font-size: .9rem;
	font-size: 1.0rem;
}
/** margin padding setting **/
.container-fluid .btn.pt__001{
	padding: 2px 7px;
}

/**********************************************************
/** login setting **/
.container-fluid .login{
	width: 460px;
	margin: 50px auto;
	background: #f8f8f8;
	padding: 150px 30px 30px;
	position: relative;
}
.container-fluid .login::before {
	font-family: "Font Awesome 5 Free";
    content: "\f007";
    font-weight: 900;
    font-size: 50px;
    margin-right: 5px;
    vertical-align: middle;
    color: #fff;
    display: inline-block;
	position: absolute;
	top: 30px;
	left: calc(50% - 40px);
	width: 80px;
	height: 80px;
	border: 1px solid #355c7d;
	color: #355c7d;
	border-radius: 500px;
	text-align: center;
}
.container-fluid .login .form-group {
    width: 280px;
    margin-left: auto;
    margin-right: auto;
}

.container-fluid .login .submit-box{
	padding: 0;
}

.container-fluid .login .form-group:nth-of-type(3) {
    text-align: center;
}
.container-fluid .login .submit-box .btn-primary{
	width: 210px;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/**********************************************************
/** info setting **/

/**********************************************************
/** article setting **/
.row .col002 h2 {
    font-size: 40px;
    margin-bottom: 60px;
}
.row .col002 div + h2 {
    margin-top: 80px;
}
.row .col002 .container-fluid .userGuide + h2{
   margin-top: 40px;
}
.row .col002.article {
	width: 800px;
}
.row .col002.article .articleDetails{
}
.row .col002.article .articleDetails p.articleCat{
}
.row .col002.article .articleDetails p.articleDate{
}
.row .col002.article .articleDetails p.back{
}
.row .col002.article .articleDetails .back{
	margin-top: 20px;
}
.row .col002.article .articleDetails .articleContents{
}
.row .col002.article .articleDetails .articleDocuments{
	background-color: #f5f5f9;
    padding: 20px;
	width: 800px;
}
.row .col002.article .articleDetails .articleDocuments ul{
	margin-left: 0;
	padding-left: 15px;
}
.row .col002.article .articleDetails .articleDocuments li{
	list-style: none;
	margin-bottom: 10px;
}
.row .col002.article .articleDetails .articleDocuments li a::before{
	font-family: "Font Awesome 5 Free";
    content: "\f15c";
	font-weight: 900;
    font-size: 22px;
    margin-right: 5px;
	color: #355c7d;
}
.row .col002.article .articleDetails .articleDocuments li a[href$=".pdf"]::before{
	font-family: "Font Awesome 5 Free";
    content: "\f1c4";
}
.row .col002.article .articleDetails .articleDocuments li a[href$=".xls"]::before, .row .col002.article .articleDetails .articleDocuments li a[href$=".xlsx"]::before{
	font-family: "Font Awesome 5 Free";
    content: "\f1c3";
}
.row .col002.article .articleDetails .articleDocuments li a[href$=".doc"]::before, .row .col002.article .articleDetails .articleDocuments li a[href$=".docx"]::before{
	font-family: "Font Awesome 5 Free";
    content: "\f1c2";
}
.row .col002.article .articleDetails .articleDocuments li a[href$=".jpg"]::before, .row .col002.article .articleDetails .articleDocuments li a[href$=".jpeg"]::before, .row .col002.article .articleDetails .articleDocuments li a[href$=".png"]::before{
	font-family: "Font Awesome 5 Free";
    content: "\f1c5";
}