@charset "utf-8";
@import url("/css/reset.css");
/*--京base.css--*/
html {}

body {
	width: 100%;
	min-width:1000px;
	height: 100%;
	color: #000;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
	background-color: #fff;
	font-size: 14px;
	line-height: 1.0;
}


a{
	/*
	text-decoration: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	*/
}
a:hover {

}


#container{
	width: 100%;
	min-width:1000px;
	position:relative;
}

#container img{
	vertical-align:bottom;
}

/*----------header----------*/
header{
	width:100%;
	min-width:1000px;
	margin:0 0 20px 0;
	position:relative;
	z-index:1;
	box-sizing:border-box;
}
	header > .box_header{
		display:flex;
		align-items:center;
		justify-content:space-between;
		padding:10px;
		border-bottom:1px solid #aaa;
	}
	
		header > .box_header .sys_title{}
		
			header > .box_header .sys_title a{
				display:flex;
				align-items:center;
				text-decoration:none;
			}
			
			header > .box_header .sys_title a .sys_title1{
				display:block;
				width:240px;
				margin-right:20px;
			}
			
				header > .box_header .sys_title a .sys_title1 img{
					max-width:100%;
					height:auto;
				}
			
			header > .box_header .sys_title a .sys_title2{
				display:block;
				color:#555;
				font-size:1.3em;
				font-weight:bold;
				padding-top:0.2em;
			}
			
		header > .box_header .user_info_logout{
			display:flex;
			align-items:center;
		}
		
			header > .box_header .user_info_logout .user_info{
				margin-right:2em;
			}
			
				header > .box_header .user_info_logout .user_info .user_name{
					margin-right:0.5em;
				}
			
			
			header > .box_header .user_info_logout .logout{}
			
				header > .box_header .user_info_logout .logout a{
					color:#fff;
					display:inline-block;
					background:#aaa;
					border-radius:4px;
					text-decoration:none;
					padding:0.3em 0.7em 0.2em 0.7em;
					transition:.3s all ease;
				}
				
				header > .box_header .user_info_logout .logout a:hover{
					background:#ccc;
				}
				
				header > .box_header .user_info_logout .logout a:before{
					font-family: FontAwesome;
					content:"\f08b";
					margin-right:0.2em;
				}
			
		header > .box_inner .global_nav{
			background:#32a0a0;
		}
		
			header > .box_inner .global_nav ul{
				display:flex;
				padding:4px;
			}
			
				header > .box_inner .global_nav ul li{
					border-right:1px solid rgba(255,255,255,0.5);
					padding:0 4px;
				}
				
				header > .box_inner .global_nav ul li:first-child{
					border-left:1px solid rgba(255,255,255,0.5);
				}
				
				header > .box_inner .global_nav ul li:last-child{
					margin-right:0;
				}
				
				header > .box_inner .global_nav ul li a{
					display:block;
					padding:1em;
					position:relative;
					text-decoration:none;
					color:#fff;
					font-weight:bold;
					border-radius:4px;
					text-shadow:1px 1px 0 rgba(0,0,0,2);
					transition:.3s all ease;
				}
				
				header > .box_inner .global_nav ul li a:hover{
					background:rgba(0,0,0,0.1);
				}
				
				header > .box_inner .global_nav ul li.active a{
					background:#fff;
					color:#164f4f;
					text-shadow:none;
				}
				
/*----------contents----------*/
.contents{
	padding:0 20px;
}

	/*メイン以外のページでの共通体裁*/
	.content_title{
		border-bottom: 1px dotted #aaa;
		padding: 0 0 0.3em 0.5em;
		margin-bottom: 1.5em;
		position: relative;
	}
	
		.content_title:before{
			content:"";
			display:block;
			width:100%;
			height:50%;
			background:#eee;
			position:absolute;
			bottom:0;
			left:0;
			z-index:1;
		}
	
		.content_title h2{
			font-size:1.2em;
			position:relative;
			z-index:2;
			padding-left:0.8em;
		}
		
		.content_title h2:before{
			content:"";
			display:inline-block;
			width:0.3em;
			height:90%;
			position:absolute;
			left:0;
			top:0;
			background:#32a0a0;
		}
	
	.content_body{}
	
	.fn_btns{
		margin-bottom:1em;
	}
	
		.fn_btns ul{
			display:flex;
		}
		
			.fn_btns ul li{
				margin-right:0.5em;
				align-self: center;
			}
			
			.fn_btns ul li:last-child{
				margin-right:0;
			}
			
			.fn_btns ul li a{
				display:inline-block;
				border:1px solid #fff;
				padding:0.6em 1em;
				border-radius:4px;
				color:#fff;
				font-weight:bold;
				text-decoration:none;
				position:relative;
				z-index:0;
				overflow:hidden;
				background:#32a0a0;
				text-shadow:1px 1px 0 rgba(0,0,0,1);
				box-shadow:2px 2px 0 0 rgba(0,0,0,0.1);
			}
			
			.fn_btns ul li a:hover{
				transform:translate(1px,1px);
				box-shadow:none;
			}
			
				.fn_btns ul li a:after{
					content:"";
					position:absolute;
					bottom:0;
					left:0;
					z-index:-1;
					width:100%;
					height:50%;
					background:rgba(0,0,0,0.1);
				}

			.fn_btns ul li .date_selectable_btn {
				display: inline-block;
				border: 1px solid #fff;
				padding: 0.35em 1em;
				border-radius: 4px;
				color: #fff;
				font-weight: bold;
				text-decoration: none;
				position: relative;
				z-index: 0;
				overflow: hidden;
				background: #32a0a0;
				text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
				box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1);
			}
			.fn_btns ul li .date_selectable_btn .btn_contents {
				display: flex;
				align-items: baseline;
				gap: 0.4em;
			}
				.fn_btns ul li .date_selectable_btn a {
					padding: 0.2em 0.4em;
				}
					.fn_btns ul li .date_selectable_btn:after{
						content:"";
						position:absolute;
						bottom:0;
						left:0;
						z-index:-1;
						width:100%;
						height:50%;
						background:rgba(0,0,0,0.1);
					}

    .labeled_select_button{
    }

        .labeled_select_button dl{
            background:#eee;
            padding:0.8em 1em;
            border-radius:4px;
            display:inline-flex;
            align-items:center;
        }

            .labeled_select_button dl dt{
                font-weight:bold;
                margin-right:1em;
            }

            .labeled_select_button dl dd{
                display:flex;
            }

                .labeled_select_button dl dd .labeled_select_button_select{
                    margin-right:0.3em;
                    background:#fff;
                    border:1px solid #aaa;
                }

                    .labeled_select_button dl dd .labeled_select_button_select select{
                        font-size:1.05em;
                        width:10em;
                        border:none;
                    }

                .labeled_select_button dl dd .labeled_select_button_submit{}

	.view_title{
		margin-bottom:1em;
	}
	
		.view_title h3{
			font-size:1.1em;
			position:relative;
			padding-left:1.3em;
		}
		
			.view_title h3:before{
				font-family: FontAwesome;
				content:"\f03a";
				position:absolute;
				top:0;
				left:0;
				color:#32a0a0;
			}
	
	/*一覧系テーブル汎用*/
	.list_table{
		line-height:1.6;
	}
	
	.list_table table{
		max-width:1000px;
	}
	
		.list_table table th,
		.list_table table td{
			border:1px solid #ccc;
			padding:0.3em;
		}
		
		.list_table table thead th{
			background:#e6f5ff;
			text-align:center;
			padding:0.1em 0.3em;
		}
		
		.list_table table tbody td .td_btns{
			display:flex;
			margin:0 0.5em;
		}
		
			.list_table table tbody td .td_btns li{
				margin-right:1em;
			}
			
			.list_table table tbody td .td_btns li:last-child{
				margin-right:0;
			}
		
		.list_table table tbody td a{
			color:#003d84;
			display:inline-block;
			border:1px solid #aaa;
			padding:0 0.5em;
			white-space:nowrap;
			color:#222;
			background:#32a0a0;
			color:#fff;
			text-decoration:none;
		}
		.list_table table tbody td a.sub_action{
			color:#222;
			background:#eee;
		}

		.list_table table tbody td a:hover{
			border:1px solid #555;
		}
		
		/*##########対象者絞り込みセット##########*/
		/*絞り込み部*/
		.target_user_selector_search{
			margin-bottom:1em;
			padding:10px 15px;
			background:#eee;
			position:relative;
			box-sizing:border-box;
			width:800px;
			border-radius:4px;
			line-height:1;
		}
		
			.target_user_selector_search > dl{
				display:flex;
				position:relative;
			}
			
				.target_user_selector_search > dl > dt{
					border-right:1px solid #ddd;
					padding-right:1em;
					width:16em;
					box-sizing:border-box;
					font-size:1.05em;
					padding-top:0.3em;
				}
				
					.target_user_selector_search > dl > dt:before{
						font-family: FontAwesome;
						content:"\f0b0";
						color:#32a0a0;
						margin-right:0.4em;
						font-weight:normal;
					}
				
				.target_user_selector_search > dl > dd{
					padding:0.5em 0 0.5em 1em;
					box-sizing:border-box;
					display:flex;
				}
				
					.target_user_selector_search > dl > dd dl{
						margin-right:0.5em;
					}
					
						.target_user_selector_search > dl > dd dl dt{
							font-size:0.9em;
							margin-bottom:0.2em;
						}
						
							.target_user_selector_search > dl > dd dl dt:before{
								font-family: FontAwesome;
								content:"\f0d7";
								color:#32a0a0;
								margin-right:0.3em;
							}
						
						.target_user_selector_search > dl > dd dl dd{}
						
							.target_user_selector_search > dl > dd dl dd .input_text_select_wrapper{
								border:1px solid #aaa;
								display:inline-flex;
								align-items:center;
								height:1.6em;
								background:#fff;
							}
						
						
						.target_user_selector_search > dl > dd dl dd select,
						.target_user_selector_search > dl > dd dl dd input[type="text"],
						.target_user_selector_search > dl > dd dl dd input[type="number"]{
							border:none;
							font-size:1.05em;
							padding:0.1em;
							outline:none;
						}
						
						.target_user_selector_search > dl > dd dl dd input[type="text"].free_words{
							width:16em;
						}
						
						.target_user_selector_search > dl > dd dl dd input[type="number"]{
							width:4em;
						}
						
					.target_user_selector_search .btn_search_clear{
						position:absolute;
						left:15px;
						bottom:15px;
						z-index:2
					}
					
						.target_user_selector_search .btn_search_clear input[type="button"]{
							border:1px solid #32a0a0;
							font-size:0.9em;
							padding:0.2em 0.5em 0.1em;
							background:#fff;
						}
						
						.target_user_selector_search .btn_search_clear input[type="button"]:hover{
							background:rgba(50,160,160,0.1);
						}
					
		/*対象者表示部*/
		.target_user_selector_users {
			overflow-y: scroll;
			/*height:200px;*/
		}
		
			.target_user_selector_users li{}
			
			.target_user_selector_users li label{
				display:block;
				padding:0.2em 0;
			}
			
			.target_user_selector_users li label:hover{
				background:#fff09e;
			}
		/*##########対象者絞り込みセット ここまで##########*/


	.list_pager {
		display: flex;
		justify-content: left;
		margin-bottom: 5px;
	}
	.list_pager .list_pager_button button {
		border: 1px solid #32a0a0;
		background: white;
		margin-right: 5px;
		width: 2em;
		height: 2em;
		cursor: pointer;
	}
	.list_pager .list_pager_button.active button {
		border: 1px solid #32a0a0;
		background: #32a0a0;
		color: white;
	}

        .list_pager.list_pager_top {
            margin-bottom: 0.5em;
        }
        .list_pager.list_pager_bottom {
            margin-top: 0.5em;
        }


/*-----footer-----*/
footer.page_footer{
	height: 100px;
}



.nav_oc.sp{
	display:none;
}

.side_nav{
	display:none;
}

/*ページトップ*/
.pagetop{
	width:60px;
	height:60px;
	position:fixed;
	bottom:30px;
	right:60px;
	z-index:10;
	transform:translateY(100px);
	transition:.3s all ease;
	opacity:0;
}

.pagetop.show{
	transform:translateY(0);
	opacity:1;
}

	.pagetop a{
		display:flex;
		justify-content:center;
		align-items:center;
		transition:.5s all ease;
		width:100%;
		height:100%;
		background:#020003;
		text-decoration:none;
		color:#fff;
		box-sizing:border-box;
		padding-top:13px;
	}
	
	.pagetop a:hover{
		transform:translateY(-5px);
		opacity:0.9;
	}
	
	.pagetop a:before{
		content:"";
		display:inline-block;
		width:20px;
		height:20px;
		box-sizing:border-box;
		border:3px solid #fff;
		border-right:none;
		border-bottom:none;
		transform:rotate(47deg) skewX(5deg);
		transition:.3s all ease;
	}
	
	.pagetop a:hover:before{
		border:3px solid #19c84b;
		border-right:none;
		border-bottom:none;
	}
	

	
	


/*改行のPC,SPでの表示切替*/
br.pc,
img.pc,
span.pc{
	display:inline;
}

br.sp,
img.sp,
span.sp{
	display:none;
}

.ta_center{
	text-align:center;
}


/*ipad*/
@media screen and (max-width:1024px){
}