/*変数定義*/
:root {
/*
	--bar-base-color1: #004286;
	--bar-base-color2: #004a95;
	--bar-base-color3: #e79213;
*/

	--bar-base-color1: #3ca050;
	--bar-base-color2: #369048;
	--bar-base-color3: #FBB03B;

	--headmenu-text-color: white;
	--headmenu-back-color: #004a95;

	--default-button-color: #3ca050;
	--default-button-border: #369048;
	--background-color: #EAEFEA;
	--default-text-color: #331700;

	--boxbackground-color: #ffffff;
}

body{
	margin:0;
	background:#EAEFEA;
	background:var(--background-color);
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0;
	padding:40px 0px 35px 0px;
}

body{
	margin:0px;
	color:#331700;
	color:var(--default-text-color);

}

body.mobile input{
	font-size:18px!important;
}

body.user .manager_only
,body.user .admin_only
,body.user .kintai_only{
	display:none!important;
}
body.user .manager_only_visible
,body.user .admin_only_visible{
	visibility:hidden;
}
body.manager .admin_only
,body.kintai .admin_only{
	display:none!important;
}
body.manager .kintai_only{
	display:none!important;
}

body.mobile .pc_only
,body.atpc .mobile_only{
	display:none!important;
}
body .win7ie_only{
	display:none;
}
body.win7ie .win7ie_only{
	display:block;
}

ul{
	margin:0px;
	padding:0px;
}
ul li{
	margin:0px;
	padding:0px;
}
ul li{
--	list-style:disc;
}
ul.floater{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.floater li{
	float:left;
	list-style:none;
	position:relative;
}
ul.floater li:first-child span{
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
ul.floater li:last-child span{
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}

input[type='button']{
	background: #3ca050;
	background: var(--default-button-color);
	font-weight: 700;
	color: white;
	-webkit-appearance: none;
	border: 1px outset #369048;
	border: 1px outset var(--default-button-border);
	padding: 2px 10px 2px 10px;
	cursor:pointer!important;
}

input[type='button'].cancel{
	background: #F9F0DF;
	font-weight: 300;
	color: black;
	-webkit-appearance: none;
	border: 1px outset lightgray;
	padding: 2px 10px 2px 10px;
}

input[type='button'].blue{
	background: #369048;
	background: var(--bar-base-color2);
	font-weight: 300;
	color: white;
	-webkit-appearance: none;
	border: 1px outset #0B69B8;
	padding: 2px 10px 2px 10px;
}

input[type='button'].green{
	background: #009e23;
	font-weight: 300;
	color: white;
	-webkit-appearance: none;
	border: 1px outset #078022;
	padding: 2px 10px 2px 10px;
}

input[type='button'].yellow{
	background: #d2a806;
	font-weight: 300;
--	color: black;
	-webkit-appearance: none;
	border: 1px outset #b2aa00;
	padding: 2px 10px 2px 10px;
}

input[type='button'].red{
	background: #FF0000;
	font-weight: 300;
	color: white;
	-webkit-appearance: none;
	border: 1px outset #b20000;
	padding: 2px 10px 2px 10px;
}

input[type='button'].lightblue{
	background: #B5D2E9;
	font-weight: 300;
	color: #0B69B8;
	-webkit-appearance: none;
	border: 1px outset #0B69B8;
	padding: 2px 10px 2px 10px;
}

input[type='button'].purple{
	background: #e0bff5;
	font-weight: 300;
	color: #73488e;
	-webkit-appearance: none;
	border: 1px outset #73488e;
	padding: 2px 10px 2px 10px;
}

input:disabled{
	opacity:.5!important;
	cursor:default!important;
}

input[type='button'].red{
	background: #D21E33;
	font-weight: 300;
	color: white;
	-webkit-appearance: none;
	border: 1px outset #B80B18;
	padding: 2px 10px 2px 10px;
}

input[type='button'].main{
	border-right:3px outset;
	border-bottom:3px outset;
	border-top:2px outset;
	border-left:2px outset;
}

input[type='text']
,input[type='mail']
,input[type='url']
,input[type='password']
,input[type='date']
,textarea{
	border:1px solid darkgray;
	border-radius: 5px;
	height: 20px;
	padding-left: 3px;
}
input[type='text'].right
,input[type='mail'].right
,input[type='url'].right
,input[type='password'].right{
	padding-right: 3px;
}
input[type='text'].onFocus
,input[type='mail'].onFocus
,input[type='url'].onFocus
,input[type='password'].onFocus
,input[type='date'].onFocus
,textarea.onFocus{
	border:1px solid darkgray;
	background:#FFE4B2;
	color:black;
}
input.input_error{
	background: #FF5700;
	color: white;
	font-weight: bold;
}
.mobile input[type='text']
,.mobile input[type='mail']
,.mobile input[type='url']
,.mobile input[type='password']
,.mobile input[type='date']
,.mobile textarea{
	border-radius: 5px;
	height: 20px;
	padding-left: 3px;
	font-size:16px;
}

p{
	text-indent:1em;
}
p.no-indent{
	text-indent:0px;
}
input, textarea {
 -webkit-user-select : auto;
}
input:checked + label {
	padding:0px 4px;
	background:lightblue;
	border-radius:15px;
}
a
,a:visited
,a:hover{
	color:#331700;
	color:var(--default-text-color);
	text-decoration:none;
}
a.underline{
	text-decoration:underline;
	color:blue;
}

.bwidth{
	width:980px;
}

.btn{
	cursor:pointer;
}
.red_text{
	color:red!important;
}
.crimson_text{
	color:crimson!important;
}
.blue_text{
	color:blue!important;
}
.white_text{
	color:white!important;
}
.gray_text{
	color:lightgray!important;
}
.red_back{
	background:red!important;
	color:white!important;
}
.green_back{
	background:green!important;
	color:white!important;
}
.lightgreen_back{
	background:#DDF9DD!important;
	color:navy!important;
}
.pink_back{
	background:#f4c2c2!important;
	color:black!important;
}
.gray_back{
	background:lightgray!important;
	color:black!important;
}
.white_back{
	background:white!important;
	color:black!important;
}
.time_input_error {
	background:#ff57f2;
}
table{
	border-collapse: collapse;
}
table.list th{
	background:#369048;
	background:var(--bar-base-color2);
	color:white;
}
table.list .inner th{
	background:white;
	color:black;
}
table.list .inner tr{
	height:30px!important;
}
table.list .inner th,
table.list .inner td{
	border:none;
	padding-top:0px;
	padding-bottom:0px;
}
table.list tr{
	background:white;
}
table.list tr.odd{
	background:#F4F4FF;
}
table.list td
,table.list th{
	border:1px solid lightgray;
}
table.list th:first-child{
	border-top-left-radius:5px;
}
table.list th:last-child{
	border-top-right-radius:5px;
}
table.list td{
	padding-left:3px;
}
table.list td[align='right']{
	padding-right:3px;
}
table.list td[align='center']{
	padding-left:3px;
	padding-right:3px;
}
table.list .mainrow.isOn
,table.list .mainrow.selected{
	background:linear-gradient(#DFF5DC,#fff,#fff);
	background:#DFF5DC;
}
table.list .mainrow.odd.isOn
,table.list .mainrow.odd.selected{
	background:linear-gradient(#B5D3D8,#B5D3D8,#fff);
	background:#B5D3D8;
}
table.list .subrow{
	background:lightgray!important;
}
table.list .subrow td.child-root{
	padding:0px 10px;
	box-shadow:1px 2px 5px #6e6e6e inset;
}
table.list td input[type='text']
,table.list td input[type='date']{
	width:95%;
}
table.list td.clearcell{
	background:#EAEFEA;
	background:var(--background-color);
	border:1px solid #eaecea;
}
table.list .clear_row{
	background:transparent;
}
table.list .clear_row td{
	border:none;
}
div.tableHeader{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
div.tableHeader tr{
	height:35px;
}
div.titleBar{
	background: #369048;
    background: var(--bar-base-color2);
    color: white;
}
/*
loader
*/
#modal_block{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: .5;
	background: white;
	display:none;
}
#preloader{
	width:100%;
	position:fixed;
	z-index:10000;
	text-align:center;
	top:300px;
	display:none;
}
#preloader_inner{
	width: 60px;
	border-radius: 0.5em;
	padding: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#preloader img{
	width:85%;
}


/*
main
*/

#header{
	position:fixed;
	width:100%;
	height:40px;
	background:linear-gradient(#3ca050,#369048,#369048,#3ca050,#3ca050);
	background:linear-gradient(var(--bar-base-color1),var(--bar-base-color2),var(--bar-base-color2),var(--bar-base-color1),var(--bar-base-color1));
	top:0px;
	left:0px;
	border-bottom:2px solid #FBB03B;
	border-bottom:2px solid var(--bar-base-color3);
	z-index:9999;
}
#header_right{
	position: absolute;
	right: 30px;
}
.mobile #header_right{
	position: absolute;
	right: 10px;
}
#header #header_logo img{
	margin-top:3px;
	margin-left:3px;
}
#header #header_title{
	font-size:26px;
	font-weight:800;
    letter-spacing: 5.7px;
	color:white;
	color:var(--headmenu-text-color);
--	padding-top:8px;
	font-family: 'Lato', 'Noto Sans JP', 'Montserrat','游ゴシック',YuGothic,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif;
}
#header .floater li{
	height:40px;
	margin-left:10px;
}
#header .floater li:first-child{
	margin-left:0px;
}
#header .floater li input[type='text']
,#header .floater li input[type='url']
,#header .floater li input[type='mail']
,#header .floater li input[type='password']{
	height:22px;
	margin-top:5px;
}
#header .floater li input[type='button']{
	margin-top:5px;
	height:28px;
}
#header .floater li.blank{
	width:60%;
}

#header.home li{
	margin-left:9px;
}
#header #header_left span{
	display:block;
	height:40px;
	padding-top:5px;
	font-weight:900;
}
#header #header_right span{
	color:white;
	color:var(--headmenu-text-color);
	font-size:13px;
}

#header #header_mid{
    display: none;
    position: fixed;
    top: 41px;
}
#header.home span a
,#header.home span a:visited{
	text-decoration:none;
	color:white;
	color:var(--headmenu-text-color);
	padding-left:5px;
	padding-right:5px;
	display:block;
}
#header.home span a:hover
,#header.home span a.selected{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}

#header #header_mid span{
}
#header #header_mid span a{
	display:block;
	padding:10px 55px 10px 5px;
	font-weight:900;
	border:1px solid darkgray;
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#header #header_mid span a.selected{
	background:#369048;
	background:var(--bar-base-color2);
	color:white;
	color:var(--headmenu-text-color);
}
#header #header_logo_m img{
	margin-top:3px;
	margin-left:3px;
	padding: 3px;
    border:2px solid white;
    border-radius: 5px;
}
#header #header_accept_count{
    position: absolute;
    top: 18px;
    left: 26px;
    background: crimson;
    height: 20px!important;
    padding: 0px 2px!important;
    color: white;
    border-radius: 7px;
}
#section{
	width:100%;
}

#footer{
	position:fixed;
	width:100%;
	height:35px;
	background:linear-gradient(#3ca050,#369048,#369048,#3ca050,#3ca050);
	background:linear-gradient(var(--bar-base-color1),var(--bar-base-color2),var(--bar-base-color2),var(--bar-base-color1),var(--bar-base-color1));
	bottom:0px;
	left:0px;
	border-top:2px solid #FBB03B;
	border-top:2px solid var(--bar-base-color3);
	z-index:9999;
	text-shadow:1px 1px 1px #222;
}

#footer #copy_right{
	color:white;
	color:var(--headmenu-text-color);
--	width:100%;
	text-align:center;
	font-size:10px;
}
#foot_user{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
	z-index:999;
}
#foot_user_inner{
    width: 410px;
    height: 410px;
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#foot_user_list_outer{
	width:100%;
}
#foot_user_list_outer table{
	width:100%;
}
#foot_user_list_outer table tr{
	height:30px;
}
#foot_user_list_outer table td input[type='password'],
#foot_user_list_outer table td input[type='text']{
	width:98%;
}
#foot_user .passfld{
	display:none;
}
.mobile #footer{
	display:none;
}
/*
login area
*/
#login_area{

}
#login_area #login_intro{
	width:30%;
	margin-left:auto;
	margin-right:auto;
	margin-top:80px;
}
.mobile #login_area #login_intro{
	width:90%!important;
	margin-top:20px;
}
#login_area #login_inner{
	width:30%;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:10px;

	background-color:#ffffff;
	background-color:var(--boxbackground-color);
}
.mobile #login_area #login_inner{
	width:90%!important;
}
#login_area #login_inner table{
--	min-width:500px;
	width:98%;
	margin-left:auto;
	margin-right:auto;
}
#login_area #login_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
}
#login_reset{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#login_reset_inner{
    width: 410px;
    height: 200px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
.mobile #login_area #login_reset_inner{
	width:80%!important;
}
#login_reset_list_outer{
	width:100%;
}
#login_reset_list_outer table{
	width:100%;
}
#login_reset_list_outer table tr{
	height:40px;
}
#login_reset_list_outer table td input[type='password'],
#login_reset_list_outer table td input[type='text']{
	width:98%;
}

/*
manage
*/
#manage_area{

}
#manage_inner{
	width:980px;
	height:60%;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:50px;
}
#manage_left{
	width:400px;
	float:left;
}
#manage_right{
	width:530px;
	float:left;
	margin-left:50px;
}
#manage_inner .manage_box{
--	background:white;
	margin-bottom:20px;
}
#manage_movie_box,#manage_file_box{
	height:300px;
}
#manage_info_box,#manage_chapter_box{
	height:400px;
}
#manage_movie,#manage_info,#manage_file,#manage_chapter{
	height:80%;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#manage_file,#manage_chapter{
	overflow-y:scroll;
}
#manage_inner .manage_box .title{
	color:white;
	font-weith:900;
	font-size:13px;
	background:linear-gradient(#3ca050,#369048,#369048,#3ca050,#3ca050);
	background:linear-gradient(var(--bar-base-color1),var(--bar-base-color2),var(--bar-base-color2),var(--bar-base-color1),var(--bar-base-color1));
	border-bottom:2px solid #FBB03B;
	border-bottom:2px solid var(--bar-base-color3);
	display:block;
	width:99%;
	padding:5px 0px 5px 5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

#manage_movie .video-content {
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
}
#manage_movie .video-content video {
	width: 100%;
}
#manage_movie .nomovie{
	background:url(../img/nomovie.png);
	width: 360px;
    height: 195px;
    margin-left: auto;
    margin-right: auto;
    top: 20px;
    position: relative;
    z-index: 1;
}
#manage_info table{
	width: 95%;
	margin-left:auto;
	margin-right:auto;
}
#manage_file table,#manage_chapter table{
	width:100%;
}
#manage_cover{
	width:100%;
	height:100%;
	background:rgba(47,52,61,0.6);
	position:fixed;
	top:255px;
	z-index:9999;
}
#manage_new{
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#manage_new .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#manage_new .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
.isEdit #manage_cover
,.isEdit #manage_new
,.isEdit #manage_new_info{
	display:none;
}
.movie_tag{
	float:left;
	margin-left:3px;
	margin-bottom:2px;
}
.movie_tag span{
	padding:0px 5px;
	background:#BFDFF2;
	border:1px dashed darkgray;
	word-break:break-all;
}
#manage_info_tag_inner{
	width:100%;
	height:105px;
	overflow-y:scroll;
	padding-top:3px;
}
/*
userlist area
*/
#userlist_area{

}
#userlist_inner{
	width:980px;
	height:60%;
--	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
}
#userlist_search{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#userlist_search_inner{
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#userlist_search .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#userlist_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
#userlist_inner table{
	width:100%;
}
#userlist_inner td{
	height:35px;
}
#userlist_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#userlist_edit #userlist_edit_inner{
	width:70%;
	height:35%;
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#userlist_edit #userlist_edit_inner table{
	min-width:630px;
	margin-left:auto;
	margin-right:auto;
}
#userlist_edit #userlist_edit_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:120px;
}
/*
group area
*/
#group_area{

}
#group_inner{
	width:980px;
	height:60%;
--	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
}
#group_left{
	float:left;
	width:300px;
	height:100%;
}
#group_left ul{
	background:white;
}
#group_left .group_select.selected{
	background:#A1C6C3;
}
#group_right{
	float:left;
	width:600px;
	height:100%;
	margin-left:20px;
}
#group_edit_inner
,#grouplist_inner{
	height:100%;
}
#grouplist_inner{
	overflow-y:scroll;
}
/*
category area
*/
#category_area{

}
#category_inner{
	width:980px;
	height:80%;
--	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
}
#category_search{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#category_search_inner{
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#category_search .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#category_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
#category_inner .category_inner_table{
	width:470px;
}
#category_inner table{
	width:100%;
}
#category_inner table .selected td{
	background-color:#ffeedd;
}

/*
movie
*/
#movie_area{

}
#movie_inner{
	height:95%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
}
.atpc #movie_outer{
	top:40px;
	position:fixed;

	right:65%;
}
.mobile #movie_outer{
	width:100%;
	height:100%;
	top:40px;
	position:fixed;

	margin-left:auto;
	margin-right:auto;

	background:rgba(255,255,255,0.6);
	z-index:999;

	display:none;
}
#movie_data_outer{
	width:100%;
	z-index:1000;
}
.atpc #movie_left{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
.mobile #movie_left{
	width:100%;
}
.atpc #movie_data{
	width:68%;
	margin-left:auto;
	margin-right:0px;
}
.mobile #movie_data{
	width:90%;
	margin-right:auto;
	margin-left:auto;
}
#movie_search{
	width:300px;
	margin-left:auto;
	margin-right:10px;
}
.mobile #movie_search{
	width:300px;
	margin-left:auto;
	margin-right:auto;
}
#movie_search_inner{
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#movie_search .search_fld{
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
.mobile #movie_search .search_fld{
	float:left;
	margin-left:10px;
	margin-bottom:5px;
}
#movie_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:150px;
	display:inline-block;
}
#movie_search_datepicker{
	width:270px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}
#movie_inner table{
	width:100%;
}
#movie_inner table tr{
	height:35px;
}
#movie_data{
	margin-top:10px;
	padding-bottom:50px;
}
#movie_data .movie_box{
	width:100%;
	height:180px;
	background:#ffffff;
	background:var(--boxbackground-color);
	border:1px solid lightgray;
--	border-radius:10px;
	margin-bottom:20px;
}
.mobile #movie_data .movie_box{
	height:355px;
}
.mobile .movie_box .movie_info{
	margin-left:5px;
}
.movie_box.new{
	border-bottom:6px solid #4EEE94!important;
}
.movie_box .bar{
	height:6px;
	position:relative;
	top:174px;
	background:red;
}
.mobile .movie_box .bar{
	top:349px;
}
.movie_box .video-content{
	width:235px;
	margin-top:15px;
	margin-left:15px;
	margin-right:5px;
}
.atpc .movie_box .video-content{
	float:left;
}
.mobile .movie_box .video-content{
	width:90%;
}
#movie_data .movie_title{
    padding: 8px 3px 3px 10px;
    font-size: 18px;
    font-weight: 800;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#movie_data .movie_title.type0{
    background: lightcoral;
}
#movie_data .movie_title.type1{
    background: lightgreen;
}
#movie_data .movie_title.type2{
    background: khaki;
}
#movie_data .movie_title.type3{
    background: lightblue;
}
#movie_data .movie_title span{
	display:block;
	float:right;
--	padding:2px;
	margin-right:5px;
--	border:3px solid white;
}
#movie_data .movie_type{
--    color: white;
    width: 25%;
    float: left;
    padding: 5px 0px 3px 0px;
    font-size: 17px;
    text-align: center;
    font-weight: 600;
    border-bottom: 1px solid lightgray;
}
#movie_data .movie_type.type0{
    background: lightcoral;
}
#movie_data .movie_type.type1{
    background: lightgreen;
}
#movie_data .movie_type.type2{
    background: khaki;
}
#movie_data .movie_type.type3{
    background: lightblue;
}
#movie_data .movie_date{
	width: 75%;
    float: left;
    text-align: right;
    padding: 5px 0px 3px 0px;
    text-align: center;
    font-size: 17px;
    font-weight: 900;
    border-bottom: 1px solid lightgray;
}
#movie_data .movie_location{
	width: 100%;
	padding: 5px 0px 0px 5px;
	font-size:15px;
	border-bottom:1px solid lightgray;
}
#movie_data .movie_body{
	width:96%;
	min-height:100px;
	margin-top:15px;
	margin-bottom:20px;
	padding:3px 10px 0px 10px;
	clear:both;
	overflow:hidden;
}
#movie_data .movie_body.list_view{
	max-height:150px;
	margin-bottom:0px;
}
#movie_data .movie_body_cover{
	width:100%;
	height:25px;
	position:relative;
	top:-25px;
	left:0px;
	background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
}
#movie_data .movie_body_cover .detail_btn{
	float:right;
	margin-right:10px;
	background:lightgray;
	border:2px solid navy;
	padding:5px 10px;
	font-weight:800;
	color:navy;
}
#button_movie_search_mobile{
	width:90%;
}
/*
detail
*/
#detail_area{

}
#detail_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
.mobile #detail_inner{
	width:95%;
}
#detail_inner table tr{
	height:35px;
}
#detail_head input[type='button']{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#detail_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#detail_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#detail_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#detail_head_inner li.selected
,#detail_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#detail_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#detail_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#detail_edit_hist{
	max-height:200px;
	overflow-y:scroll;
}
#detail_icon_edit div{
	height:120px;
--	background:lightgray;
}
#detail_icon_edit div img{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px solid lightgray;
}
/*
change
*/
#change_search{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#change_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
--	background:rgba(255,255,255,0.6);
--	display:none;
}
#change_edit_inner{
	width:600px;
--	height:700px;
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#change_edit #change_edit_inner{
	width:980px;
	height:35%;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;

	background-color:white;
	overflow-y:auto;
}
#change_edit #change_edit_inner table{
	min-width:630px;
	margin-left:auto;
	margin-right:auto;
}
#change_edit #change_edit_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:120px;
}
body.mobile #change_search{
	width:100%;
}
body.mobile #change_edit{
	width:100%;
}
body.mobile #change_edit #change_edit_inner{
	width:90%;
	height:350px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;

	background-color:white;
	overflow-y:auto;
}
body.mobile #change_edit #change_edit_inner table{
	width:95%;
	min-width:100px;
	margin-left:auto;
	margin-right:auto;
}
body.mobile #change_edit #change_edit_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:120px;
}
/*
kyuyolist area
*/
#kyuyolist_area{

}
#kyuyolist_inner{
	width:980px;
	height:60%;
--	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
}
#kyuyolist_search{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#kyuyolist_search_inner{
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#kyuyolist_search .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#kyuyolist_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
#kyuyolist_inner table{
	width:100%;
}
#kyuyolist_inner td{
	height:35px;
}
/*
meisai
*/
#meisai_area{

}
#meisai_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:50px;
}
.mobile #meisai_inner{
	width:95%;
}
#meisai_inner table tr{
	height:35px;
}
#meisai_area #button_meisai_regist{
    margin-left: 566px;
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#meisai_search{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#meisai_search_inner{
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#meisai_search .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#meisai_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
/*
log area
*/
#log_area{

}
#log_area div.tableHeader,
#indlog_area div.tableHeader{
	width:1690px;
	margin-left:auto;
	margin-right:auto;
}
#log_inner{
	width:1690px;
	height:67%;
--	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
}
#log_search{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#log_search_inner{
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:8px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#log_search .search_fld{
	float:left;
	margin-left:20px;
	margin-top:5px;
}
#log_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
--	width:90px;
	display:inline-block;
}
#log_inner table{
	width:100%;
}
#log_inner td{
	height:35px;
}
#log_inner td.time_over{
	background:#ffcaca;
}
#log_inner td.manual{
	background:#FCF59A;
}
#log_inner td.edit{
	background:#C1EDDB;
}
#log_inner .time_input_error {
	background:#ff57f2;
}
#log_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#log_edit #log_edit_inner{
	width:70%;
	height:35%;
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#log_edit #log_edit_inner table{
	min-width:630px;
	margin-left:auto;
	margin-right:auto;
}
#log_edit #log_edit_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:120px;
}
#log_data .log_hourinput
,#log_data .log_timeinput{
    width: 28px!important;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}
#log_inputerr{
	margin-left: 145px;	
    font-size: 17px;
    font-weight: 800;
}
#log_output{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#log_output #log_output_inner{
	width:600px;
	height:160px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#log_output #log_output_inner table{
	min-width:500px;
	margin-left:auto;
	margin-right:auto;
}
#log_output #log_output_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:120px;
}

/*
lunch area
*/
#lunch_area{

}
#lunch_inner{
	width:980px;
	height:58%;
--	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
}
#lunch_search{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#lunch_search_inner{
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:8px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#lunch_search .search_fld{
	float:left;
	margin-left:20px;
	margin-top:5px;
}
#lunch_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
--	width:90px;
	display:inline-block;
}
#lunch_inner table{
	width:100%;
}
#lunch_inner td{
	height:27px;
}
#lunch_data td.removed{
	background:#FEE9BE;
}
#lunch_data td.selected.default.change{
	background:lightgreen;
}
#lunch_data td.selected.default{
	background:lightblue;
}
#lunch_data td.change.default{
	background:#C0EAC0;
}
#lunch_data td.default{
	background:#D6EBF2;
}
#lunch_data td.selected{
	background:#E6ADD8;
}
#lunch_data td input[type=radio]{
	visibility:hidden;
}
#lunch_summary{
	width:980px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
#lunch_summary table.list td{
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    background: #fafafa
}
#lunch_data.filter tr{
	display:none;
}
#lunch_data.filter tr.show{
	display:table-row;
}
#lunch_area table.lunch_oldview .w70{
	width:104px!important;
}
#lunch_area table.lunch_newview .w70{
	width:183px!important;
}
/*
record area
*/
#record_area{

}
#record_area #record_intro{
	width:30%;
	margin-left:auto;
	margin-right:auto;
	margin-top:80px;
}
.mobile #record_area #record_intro{
	width:90%!important;
	margin-top:20px;
}
.atpc #record_search{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#record_area #record_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:10px;

	background-color:#ffffff;
	background-color:var(--boxbackground-color);
}
.mobile #record_area #record_inner{
	width:90%!important;
}
#record_area #record_inner.isHoliday span{
	color:red;
}
#record_area #record_inner table{
--	min-width:500px;
	width:98%;
	margin-left:auto;
	margin-right:auto;
}
#record_area #record_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
}
#record_inner table{
	width:100%;
}
#record_inner table tr{
--	height:40px;
}
#record_inner table td{
	padding-top:5px;
	padding-bottom:5px;
}
#record_inner input[type='button']{
	width:90%;
	font-size:30px;
	font-weight:900;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.atpc #record_inner input[type='button']{
	font-size:18px;
}
#record_inner .timepicker{
	max-width:150px;
}
#record_select li{
	font-size:16px;
	font-weight:900;
	color:white;
	background: #3ca050;
	background: var(--default-button-color);
	display:block;
	padding:5px;
	border-left:1px lightgray solid;
	border-right:1px lightgray solid;
	text-align:center;
}
#record_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#record_edit #record_edit_inner{
	width:90%;
	height:300px;
	margin-top:165px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
	z-index:10;
}
#record_edit #record_edit_inner table{
	min-width:200px;
	margin-left:auto;
	margin-right:auto;
}
#record_edit #record_edit_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:120px;
}
.record_box{
	width:100%;
	background:#DDECEE;
	border-bottom:2px solid darkgray;
	font-size:14px;
}
.record_box:last-child{
	margin-bottom:30px;
}
.datepicker_schedule_date{
	background:#830C10;
}
.wickedpicker{
	width:200px!important;
}
#record_detail td div.box{
	text-align:left;
	border-bottom:1px dashed gray;
}
#record_detail td div span{
	font-weight:900;
}
#record_time_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
body.mobile #record_time_edit_inner{
    width: 90%;
    height: 380px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #record_time_edit_inner{
    width: 400px;
    height: 380px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#record_time_edit.new .edit_only{
	display:none;
}

#record_area #member_data td{
	font-size:20px;
}
#record_area #member_data td div
,#record_area #member_data2 td div{
	float:right;
	margin-right:6px;
}
#record_area #member_data td div.status
,#record_area #member_data2 td div.status{
	color:lightgray;
}
#record_area #member_data td div.status.on
,#record_area #member_data2 td div.status.on{
	color:#3ca050;
}
#record_area #member_data td div.check
,#record_area #member_data2 td div.check{
	color:lightgray;
	visibility:hidden;
}
#record_area #member_data td.selected div.check
,#record_area #member_data2 td.selected div.check{
	color:black;
	visibility:visible;
}
#record_detail .box{
	border-bottom:1px dotted lightgray;
}
#record_time_edit_data{
	height:85%;
	overflow-y:auto;
}
/*
master area
*/
#master_area{

}
#master_inner{
	width:980px;
	height:60%;
--	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
}
#master_search{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#master_search_inner{
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#master_search .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#master_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
#master_inner table{
	width:100%;
}
#master_inner td{
	height:35px;
}
#master_data td.selected{
	background:lightblue;
}
#master_data td input[type=radio]{
	visibility:hidden;
}
/*
shohin area
*/
#shonin_area{

}
#shonin_inner{
	width:980px;
	height:60%;
--	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
}
#shonin_search{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#shonin_search_inner{
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#shonin_search .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#shonin_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
#shonin_inner table{
	width:100%;
}
#shonin_inner td{
	height:35px;
}
#shonin_data td.selected{
	background:lightblue;
}
#shonin_data td input[type=radio]{
	visibility:hidden;
}
#shonin_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#shonin_edit_inner{
    width: 400px;
    height: 360px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#shonin_edit.new .edit_only{
	display:none;
}
#shonin_user{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#shonin_user_inner{
	width:570px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#shonin_user_inner .shonin_user_inner_div{
	width:230px;
	height:300px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:15px;
	border:1px solid white;
	background-color:#aeaeae;
	margin-bottom:10px;
--	overflow-y:auto;
}
#shonin_user_inner_mid{
	width:320px!important;
}
#shonin_user .group_select.selected{
	background:#A1C6C3;
}
#shonin_user_inner_mid,#shonin_user_inner_right{
	overflow-y:auto;
}
#shonin_user_inner .shonin_user_inner_div:first-child{
	height:400px;
}
#shonin_user_inner_left{
	margin-left:0px!important;
	border:1px solid white!important;
	background-color:white!important;
}
#shonin_user_inner .shonin_user_inner_div table{
	width:100%;
}
#shonin_user_inner .shonin_user_inner_div table tr.selected{
	background-color:#FFE0A4;
}
#shonin_alledit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#shonin_alledit_inner{
    width: 400px;
    height: 360px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#shonin_alledit.new .edit_only{
	display:none;
}
#shonin_alldate{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#shonin_alldate_inner{
    width: 400px;
    height: 200px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#shonin_alldate.new .edit_only{
	display:none;
}


/*
detailm
*/
#detailm_area{

}
#detailm_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
.mobile #detailm_inner{
	width:95%;
}
#detailm_inner table tr{
	height:35px;
}
#detailm_area #button_detailm_regist
,#detailm_area #button_detailm_meisai{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#detailm_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#detailm_head_inner{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
#detailm_head_inner li{
	width:20%;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#detailm_head_inner li.selected
,#detailm_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#detailm_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#detailm_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#detailm_edit_hist{
	max-height:200px;
	overflow-y:scroll;
}
#detailm_icon_edit div{
	height:120px;
--	background:lightgray;
}
#detailm_icon_edit div img{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px solid lightgray;
}
#detail_license_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#family_data span.on
,#academic_data span.on{
	font-weight:900;
}
#family_data span.off
,#academic_data span.off{
	color:lightgray;
}
body.mobile #detail_license_edit_inner{
    width: 90%;
    height: 250px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #detail_license_edit_inner{
    width: 400px;
    height: 250px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#detail_license_edit.new .edit_only{
	display:none;
}
#detail_family_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
body.mobile #detail_family_edit_inner{
    width: 90%;
    height: 320px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #detail_family_edit_inner{
    width: 400px;
    height: 320px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#detail_family_edit.new .edit_only{
	display:none;
}
#detail_academic_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
body.mobile #detail_academic_edit_inner{
    width: 90%;
    height: 380px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #detail_academic_edit_inner{
    width: 400px;
    height: 380px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#detail_academic_edit.new .edit_only{
	display:none;
}
#detail_jobs_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
body.mobile #detail_jobs_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #detail_jobs_edit_inner{
    width: 400px;
    height: 300px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#detail_jobs_edit.new .edit_only{
	display:none;
}
#detail_hist_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
body.mobile #detail_hist_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #detail_hist_edit_inner{
    width: 400px;
    height: 300px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#detail_hist_edit.new .edit_only{
	display:none;
}
#detail_tsukin_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
body.mobile #detail_tsukin_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #detail_tsukin_edit_inner{
    width: 400px;
    height: 300px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#detail_tsukin_edit.new .edit_only{
	display:none;
}
/*
reserve area
*/
#reserve_area{

}
#reserveother_inner_header{
	width:70%;
	margin-left:300px;
}
#reserveother_header{
	width:100%;
	height:62px;
	overflow:hidden!important;
	margin-left:200px;
}
#reserveother_inner{
	height:75%;
--	width:76%;
	margin-left:300px;
	overflow:scroll;
}
#reserveother_inner_head{
	width:200px;
	margin-left:300px;
	height:75%;
	float:left;
	overflow:hidden;
}
#reserve_inner{
	width:70%;
	margin-left:300px;
	overflow-y:scroll;
}
#reserve_search{
	height:90%;
	width:269px;
	position:fixed;
	margin-left:20px;
}
#reserve_search_inner{
	height:85%;
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#reserve_select{
	height:69%;
}
#reserve_search .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#reserve_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
#reserve_inner table{
	margin-top:20px;
}
#reserve_inner td{
	height:35px;
}
#reserveother_inner div{
	overflow:auto;
}
#reserveother_inner table{
/*	margin-top:20px;*/
}
#reserveother_inner table.list td{
	padding-left:0px!important;
}
#reserveother_inner td{
	height:35px;
	width:200px;
}
#reserveother_target_inner {
	display:inline;
}
#reserveother_inner_header div{
	overflow:auto;
}
#reserveother_inner_header table{
	margin-top:20px;
}
#reserveother_inner_header td{
	height:35px;
	width:200px;
}
#reserveother_inner_head th{
	padding-left:7px;
}
#reserve_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#reserve_edit #reserve_edit_inner{
	width:600px;
	height:300px;
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#reserve_edit #reserve_edit_inner table{
	min-width:500px;
	margin-left:auto;
	margin-right:auto;
}
#reserve_edit #reserve_edit_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:120px;
}
#reserve_edit #reserve_edit_inner .time_input_error {
	background:#ff57f2;
}
#reserve_edit.new .edit_only{
	display:none;
}
#reserve_edit.edit .new_only{
	display:none;
}
#reserve_edit #reservem_edit_inner{
	width:90%;
	height:400px;
	margin-top:80px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#reserve_edit #reservem_edit_inner table{
	min-width:95%;
	margin-left:auto;
	margin-right:auto;
}
#reserve_edit #reservem_edit_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:50px;
}
#reservem_edit_target{
	max-height:120px;
	overflow-y:scroll;
}
#reservem_edit_target span{
	display:inline-block;
	border-bottom:1px solid lightgray;
}
#reserve_target_selector{
	position:fixed;
	width:100%;
	height:100%;
	top:50px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#reserve_target_selector #reservem_target_select_inner{
	width:90%;
	height:300px;
/*	margin-top:70px;*/
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#reserve_target_selector #reservem_target_select_inner table{
	min-width:90%;
	margin-left:auto;
	margin-right:auto;
}
#reserve_target_selector #reservem_target_select_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:90%
	/*width:120px;*/
}
#reservem_target_selector{
	position:fixed;
	width:100%;
	height:100%;
	top:30px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#reservem_target_selector #reserveotherm_select_header{
/*	height:200px;	*/
	width:100%;
/*    margin-left: 5%; */
    margin-right: auto;
/*    position: absolute;*/
    top: 75px;	 
/*	z-index:0; */
	overflow:hidden!important;
}
#reservem_target_selector #reservem_target_select_inner{
	width:90%;
	height:350px;
	margin-top:80px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#reservem_target_selector #reservem_target_select_inner table{
	min-width:90%;
	margin-left:auto;
	margin-right:auto;
}
#reservem_target_selector #reservem_target_select_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:30px;
	width:90%
	/*width:120px;*/
}
#reservem_target_select_inner label{
    display: inline-block;
}
#reservem_target_select_list{
	height:60%;
	width: 100%;
    margin-right: auto;
    margin-top: auto;
/*    position: absolute;*/
/*    top: 130px;	*/
	overflow-y:scroll;
}
#reservem_target_select_button{
	width: 90%;
	margin-top: 10px;
/*    position: absolute;*/
/*    top: 445px;	*/
}
.reserve_dummy_box{
	width:100%;
	font-size:14px;
}
.reserve_box{
	width:90px;
	background:#DDECEE;
	border-bottom:2px solid darkgray;
	font-size:11px;
}
.reserve_box:last-child{
	margin-bottom:30px;
}
#record_area .reserve_box:last-child{
	margin-bottom:0px;
}
.datepicker_schedule_date{
	background:#830C10;
}
#button_reserveother_closing{
	position: absolute;
    top: 280px;
    background-color: #dfdfdf;
    left: 270px;
    padding: 10px 0px;
    border: 1px solid darkgray;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
/*
reservem area
*/
#reservem_area{
	height:600px;

}
#reservem_inner{
	width: 90%;
    margin-left: 5%;
    margin-right: auto;
    position: absolute;
    top: 120px;
	z-index:0;
}
#reserveotherm_header{
	width:90%;
    margin-left: 5%;
    margin-right: auto;
    position: absolute;
    top: 130px;	
	z-index:0;
	overflow:hidden!important;
}
#reserveotherm_inner{
	width: 90%;
    margin-left: 5%;
    margin-right: auto;
    position: absolute;
    top: 155px;	
	overflow-y:scroll;
/*	z-index:0;*/
}
#reservem_search{
	width:90%;
	margin-left:5%;
	margin-right:auto;
	position:fixed;
/*	z-index:1;*/
}
#reservem_search_inner{
	width:82%;
	border:1px solid lightgray;
	border-radius:5px;
--	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#reservem_search .search_fld{
	float:left;
	margin-left:200px;
	margin-bottom:10px;
}
#reservem_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
#reservem_inner table{
	margin-top:20px;
	margin-bottom:100px;
}
#reservem_inner td{
	height:35px;
}
#reservem_area #reserve_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:30px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#reservem_area #reserve_edit #reserve_edit_inner{
	width:90%;
	height:300px;
--	margin-top:165px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
	z-index:10;
}
#reservem_area #reserve_edit #reserve_edit_inner table{
	min-width:200px;
	margin-left:auto;
	margin-right:auto;
}
#reservem_area #reserve_edit #reserve_edit_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:120px;
}
#apdetail_user .group_select.selected{
	background:#A1C6C3;
}
/*
application area
*/
#application_area{

}
#application_inner{
	width:980px;
/*	height:60%;*/
	height:43%;
--	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
}
#application_search{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#application_search_inner{
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#application_search .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#application_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
#application_inner table{
	width:100%;
}
#application_inner td{
	height:35px;
}
#application_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#application_edit #application_edit_inner{
	width:35%;
--	height:35%;
	margin-top:170px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#application_edit #application_edit_inner table{
--	min-width:630px;
	margin-left:auto;
	margin-right:auto;
}
#application_edit #application_edit_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:120px;
}
#application_output{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#application_output #application_output_inner{
	width:35%;
--	height:35%;
	margin-top:170px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#application_output #application_output_inner table{
--	min-width:630px;
	margin-left:auto;
	margin-right:auto;
}
#application_output #application_output_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:120px;
}
/*
applicationm area
*/
#applicationm_area{
	height:600px;

}
#applicationm_search{
	width:96%;
	margin-left:2%;
	margin-right:auto;
}
#applicationm_search_inner{
	border:1px solid lightgray;
	border-radius:5px;
	background:#ffffff;
	background:var(--boxbackground-color);
	font-size: x-large;
}
#applicationm_search_inner select{
	font-size: large;
}
#applicationm_header{
	width:90%;
	margin-left:auto;
    margin-right: auto;
    margin-top: 15px;	
	overflow:hidden!important;
}
#applicationm_inner{
	width: 96%;
    margin-right: auto;
    position: absolute;
    margin-top: 30px;	
	overflow-y:scroll;
}
#applicationm_inner table td {
	font-size:1.2em;
}
#applicationm_inner div.appbox {
	margin-bottom:18px;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	border-radius:4px;
	padding:5px;
}
.appbox_1{background:#99CC99;}
.appbox_2{background:#CC9999;}
.appbox_3{background:#9999CC;}
.appbox_4{background:#FF9999;}
.appbox_5{background:#FFCC99;}
.appbox_6{background:#FFFF99;}
.appbox_7{background:#C1C1FF;}
.appbox_8{background:#C1FFC1;}
.appbox_9{background:#FFC1FF;}
.appbox_10{background:#DFC2A0;}
.appbox_11{background:#FFCCCC;}
.appbox_12{background:#FDFDFD;}
.appbox_13{background:#48E5D4;}
.appbox_14{background:#CCCCFF;}
.appbox_15{background:#FFEAD6;}
.appbox_16{background:#D6D4E4;}
.appbox_17{background:#E2E4D4;}
.appbox .kbn {
	font-size:0.7em;
	color:navy;
	background:#efefef;
	border:1px solid darkgray;
	border-radius:5px;
	padding:1px 5px;
	float:right;
}
.appbox .status {
	width:100%;
	text-align:right;
	font-size:0.7em;
	font-weight:900;
}
.appbox .user {
	font-weight:900;
}
#applicationm_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#applicationm_edit #applicationm_edit_inner{
	width:90%;
	height:400px;
	margin-top:80px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#applicationm_edit #applicationm_edit_inner table{
	min-width:95%;
	margin-left:auto;
	margin-right:auto;
}
#applicationm_edit #applicationm_edit_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:50px;
	font-size: 150%;
}
#applicationm_edit #applicationm_edit_inner table td {
	font-size: 140%;
}
#applicationm_edit #applicationm_edit_inner #applicationm_edit_list {
	height:200pt;
	overflow-y:scroll;
}
#applicationm_edit #applicationm_edit_inner #applicationm_edit_list tr.odd{
	background:#F4F4FF;
}
#applicationm_edit #applicationm_edit_inner #applicationm_edit_button {
	margin-top:30pt
}
#application_inner td.complete{
	background:#ABF6DB;
}
#application_inner td.notcomplete{
	background:#F6ABC6;
}
#application_inner td.confirmed{
	background:#ABC6F6;
}
#applicationm_accept{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#applicationm_accept #applicationm_accept_inner{
	width:90%;
	height:75%;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:hidden;
}
#applicationm_accept_body_outer{
	padding-top:5px;
	height:78%;
	overflow-y:auto;
}
#applicationm_accept_body_outer table td{
	width:100%;
	word-break:break-all;
}
#applicationm_accept_body div span{
	font-weight:800;
}
/*
apdetail
*/
#apdetail_area{

}
#apdetail_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetail_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetail_inner{
	width:95%;
}
#apdetail_inner table tr{
	height:35px;
}
#apdetail_inner .number_input{
	text-align:right;
}
#apdetail_inner table td.edit{
	background:#E7ECAB;
}
body.atpc #apdetail_head_inner input[type='button']
,body.atpc #apdetaila_head_inner input[type='button']{
    min-width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
body.mobile #apdetail_head_inner input[type='button']
,body.mobile #apdetaila_head_inner input[type='button']{
    min-width: 70px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetail_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
body.atpc #apdetail_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
body.mobile #apdetail_head_inner{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
#apdetail_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetail_head_inner li.selected
,#apdetail_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetail_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetail_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#apdetail_edit_hist{
	max-height:200px;
	overflow-y:scroll;
}
#apdetail_icon_edit div{
	height:120px;
--	background:lightgray;
}
#apdetail_icon_edit div img{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px solid lightgray;
}
#apdetail_user{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetail_user_inner{
	width:870px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#apdetail_user_inner .apdetail_user_inner_div{
	width:230px;
	height:300px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:15px;
	border:1px solid white;
	background-color:#aeaeae;
	margin-bottom:10px;
--	overflow-y:auto;
}
#apdetail_user_inner_mid,#apdetail_user_inner_right{
	overflow-y:auto;
}
#apdetail_user_inner .apdetail_user_inner_div:first-child{
	height:400px;
}
#apdetail_user_inner_left{
	margin-left:0px!important;
	border:1px solid white!important;
	background-color:white!important;
}
#apdetail_user_inner .apdetail_user_inner_div table{
	width:100%;
}
#apdetail_user_inner .apdetail_user_inner_div table tr.selected{
	background-color:#FFE0A4;
}
#apdetail_purpose_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
body.mobile #apdetail_purpose_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetail_purpose_edit_inner{
    width: 400px;
    height: 500px;
	margin-top:45px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetail_purpose_edit.new .edit_only{
	display:none;
}
#apdetail_member_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetail_member_edit_inner .time_input_error {
	background:#ff57f2;
}
body.mobile #apdetail_member_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetail_member_edit_inner{
    width: 400px;
    max-height: 400px;
	margin-top:45px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
	overflow-y:auto;
}
#apdetail_member_edit.new .edit_only{
	display:none;
}
#apdetail_member_edit_date div.btn{
	padding:2px 5px;
	margin-right:1px;
	margin-bottom:1px;
	float:left;
	background:navy;
	color:lightblue;
	border:1px solid navy;
}
#apdetail_member_edit_date{
	height:128px;
	overflow-y:auto;
}
#apdetail_member_edit_date div.selected{
	background:#CD4746;
	color:white;
	border:1px solid #CD4746;
}

#apdetail_purpose_edit_date div.btn{
	padding:2px 5px;
	margin-right:1px;
	margin-bottom:1px;
	float:left;
	background:#F7FBFC;
	color:navy;
	border:1px solid #99CFE0;
}
#apdetail_purpose_edit_date{
	height:128px;
	overflow-y:auto;
}
#apdetail_purpose_edit_date div.selected{
	background:navy;
	color:lightblue;
	border:1px solid navy;
}


#apdetail_area #place_data td.koteihead{
	height:30px;
	color:white;
	background:#5EA66C;
}
#apdetail_area .group_select.selected{
	background:#A1C6C3;
}
#apdetail_flow_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
body.atpc #apdetail_flow_edit #apdetail_flow_edit_inner{
	width:700px;
	height:40%;
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:hidden;
	min-height:350px;
}
body.mobile #apdetail_flow_edit #apdetail_flow_edit_inner{
	width:90%;
	height:40%;
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:hidden;
	min-height:350px;
}
body.atpc #apdetail_flow_edit .apdetail_flow_list{
	width:160px;
	height:100%;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	background:darkgray;
}
body.mobile #apdetail_flow_edit .apdetail_flow_list{
	width:100%;
	height:250px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	background:darkgray;
}
#apdetail_flow_edit .title{
	background:white;
}
.apdetail_flow_list .shonin_select.selected{
	background:#A1C6C3;
}
.apdetail_flow_list .needaccept{
	font-weight:900;
}
.apdetail_flow_list .needaccept.none{
	display:none;
}
.apdetail_flow_list .needaccept.ok{
	color:#16C860;
}
#apdetail_flow_edit ul.floater{
	height:70%;
	display:table;
	margin:0 auto;
}
#apdetail_flow_edit ul li{
	display:table-cell;
	height:100%;
}
#apdetail_flow_edit ul li + li{
	padding-left:10px;
}
#apdetail_card_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
body.mobile #apdetail_card_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetail_card_edit_inner{
    width: 400px;
    height: 500px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetail_card_edit.new .edit_only{
	display:none;
}
#apdetail_card_edit tr .check{
	float:right;
	margin-right:5px;
	color:lightgray;
}
#apdetail_card_edit tr.selected .check{
	color:black;
}
#apdetail_kintai table{
	margin-top:0px!important;
	margin-bottom:0px!important;
}
#kintai_date_head_outer{
	width:686px;
	overflow:hidden;
	float:left;
}
#kintai_member_head_outer{
	width:260px;
	float:left;
}
#kintai_body_outer{
	width:703px;
	float:left;
	overflow:scroll;
}
#kintai_date_head_outer th,
#kintai_body_outer th{
	width:110px;
}
#apdetail_inner table th.fld.sunday{
	background:#CC0000;
	color:white;
}
#apdetail_inner table th.fld.saturday{
	background:#00007A;
	color:white;
}
#kintai_body_member td{
	height:89px;
}
#kintai_body_member td.indata div.root{
	padding-left:3px;
}
#kintai_body_member tr td.indata div.root{
	background:#B9F384;
	height:97%;
	width:97%;
}
#kintai_body_member tr.odd td.indata div.root{
	background:#A6DA76;
	height:97%;
	width:97%;
}
#kintai_body_member div.root .time{
	font-weight:900;
}
#kintai_body_member div.root .break{
	color:blue;
}
#kintai_body_member div.root .move{
	color:#B24200;
}
/*
calc area
*/
#calc_area{

}
#calc_inner{
	width:100%;
--	overflow-y:scroll;
}
#calc_search{
	height:90px;
	width:90%;
	margin-left:20px;
}
#calc_search_inner{
	height:85%;
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#calc_select{
	height:69%;
}
#calc_search .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#calc_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
#calc_tabarea li{
	display:block;
	background:white;
	color: #3ca050;
	color: var(--default-button-color);
	padding:3px 20px;
	font-size:18px;
	font-weight:900;
	margin-left:2px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-left:2px darkgray solid;
	border-top:2px darkgray solid;
	border-right:2px darkgray solid;
}
#calc_tabarea li.selected{
	background: #3ca050;
	background: var(--default-button-color);
	color:white;
}
#calc_tabarea li.isOn{
	border-left:2px #3ca050 solid;
	border-top:2px #3ca050 solid;
	border-right:2px #3ca050 solid;
	border-left:2px var(--default-button-color) solid;
	border-top:2px var(--default-button-color) solid;
	border-right:2px var(--default-button-color) solid;
}
#calc_tabarea li:first-child{
	margin-left:0px!important;
}
#calc_table_bodyarea{
	overflow:scroll;
}
#calc_table_header table,
#calc_table_bodyarea table{
	display:none!important;
}
#calc_table_header table.selected,
#calc_table_bodyarea table.selected{
	display:table!important;
}
#calc_inner td{
	height:45px;
}
#calc_area .scroll_outer{
	overflow:hidden;
}
#calc_table_head_1,
#calc_table_body_1{
	width:1090px;
}
#calc_table_head_2,
#calc_table_body_2{
	width:1090px;
}
#calc_area #calc_table_head_3,
#calc_area #calc_table_body_3{
	width:1453px;
}
#calc_area.later2020 #calc_table_head_3,
#calc_area.later2020 #calc_table_body_3{
	width:1680px!important;
}
#calc_user_headarea tr.editing td{
	background:#FFDA00;
}
#calc_table_bodyarea td input[type='text']{
	width:80%!important;
	font-size:20px;
	font-weight:600;
}
#calc_table_bodyarea td.edited{
	background:#FFF3B2;
}
#calc_table_bodyarea tr.odd td.edited{
	background:#F4E8B2;
}
#calc_table_bodyarea td.error,
#calc_table_bodyarea tr.odd td.error{
	background:#BF1932;
}
#calc_error.noerror{
	display:none;
}
#calc_alert{
	display:none;
}
/*
calendar area
*/
#calendar_area{

}
#calendar_inner{
	width:100%;
--	overflow-y:scroll;
}
#calendar_search{
	height:90px;
	width:90%;
	margin-left:20px;
}
#calendar_search_inner{
	height:85%;
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#calendar_select{
	height:69%;
}
#calendar_search .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#calendar_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
#calendar_alert{
	display:none;
}
#calendar_inner .calendar_box{
	width:280px;
	height:275px;
	float:left;
	margin-left:20px;
	margin-bottom:20px;
}
#calendar_inner .calendar_box th{
	height:20px;
	width:40px;
}
#calendar_inner .calendar_box td{
	height:37px;
	cursor:pointer;
}
#calendar_inner .calendar_box th.date_red{
	background:#ff6161;
}
#calendar_inner .calendar_box th.date_blue{
	background:#6161ff;
}
#calendar_inner .calendar_box td.date_red{
	background:#FFDFDF;
}
#calendar_inner .calendar_box td.date_blue{
	background:#DFDFFF;
}
#calendar_inner .calendar_box td.holiday{
	color:red;
	font-weight:1000;
	font-size:16px;
}
#calendar_inner .calendar_box td.holiday.planed{
	background:#E7B63C;
}
/*
apdetaily
*/
#apdetaily_area{

}
#apdetaily_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetaily_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetaily_inner{
	width:95%;
}
#apdetaily_inner table tr{
	height:35px;
}
#apdetaily_inner .number_input{
	text-align:right;
}
#apdetaily_area #button_apdetaily_regist
,#apdetaily_area #button_apdetaily_accept
,#apdetaily_area #button_apdetaily_change
,#apdetaily_area #button_apdetaily_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetaily_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetaily_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetaily_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetaily_head_inner li.selected
,#apdetaily_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetaily_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetaily_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#apdetaily_edit_hist{
	max-height:200px;
	overflow-y:scroll;
}
#apdetaily_icon_edit div{
	height:120px;
--	background:lightgray;
}
#apdetaily_icon_edit div img{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px solid lightgray;
}
#apdetaily_user{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetaily_user_inner{
	width:870px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#apdetaily_user_inner .apdetaily_user_inner_div{
	width:230px;
	height:300px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:15px;
	border:1px solid white;
	background-color:#aeaeae;
	margin-bottom:10px;
--	overflow-y:auto;
}
#apdetaily_user_inner_mid,#apdetaily_user_inner_right{
	overflow-y:auto;
}
#apdetaily_user_inner .apdetaily_user_inner_div:first-child{
	height:400px;
}
#apdetaily_user_inner_left{
	margin-left:0px!important;
	border:1px solid white!important;
	background-color:white!important;
}
#apdetaily_user_inner .apdetaily_user_inner_div table{
	width:100%;
}
#apdetaily_user_inner .apdetaily_user_inner_div table tr.selected{
	background-color:#FFE0A4;
}
#apdetaily_purpose_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
body.mobile #apdetaily_purpose_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetaily_purpose_edit_inner{
    width: 400px;
    height: 500px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetaily_purpose_edit.new .edit_only{
	display:none;
}
#apdetaily_member_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetaily_member_edit_inner .time_input_error {
	background:#ff57f2;
}
body.mobile #apdetaily_member_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetaily_member_edit_inner{
    width: 400px;
    height: 300px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetaily_member_edit.new .edit_only{
	display:none;
}
/*
apdetailj
*/
#apdetailj_area{

}
#apdetailj_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetailj_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetailj_inner{
	width:95%;
}
#apdetailj_inner table tr{
	height:35px;
}
#apdetailj_inner .number_input{
	text-align:right;
}
#apdetailj_area #button_apdetailj_regist
,#apdetailj_area #button_apdetailj_accept
,#apdetailj_area #button_apdetailj_change
,#apdetailj_area #button_apdetailj_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetailj_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetailj_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetailj_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetailj_head_inner li.selected
,#apdetailj_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetailj_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetailj_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#apdetailj_edit_hist{
	max-height:200px;
	overflow-y:scroll;
}
#apdetailj_icon_edit div{
	height:120px;
--	background:lightgray;
}
#apdetailj_icon_edit div img{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px solid lightgray;
}
#apdetailj_user{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailj_user_inner{
	width:870px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#apdetailj_user_inner .apdetailj_user_inner_div{
	width:230px;
	height:300px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:15px;
	border:1px solid white;
	background-color:#aeaeae;
	margin-bottom:10px;
--	overflow-y:auto;
}
#apdetailj_user_inner_mid,#apdetailj_user_inner_right{
	overflow-y:auto;
}
#apdetailj_user_inner .apdetailj_user_inner_div:first-child{
	height:400px;
}
#apdetailj_user_inner_left{
	margin-left:0px!important;
	border:1px solid white!important;
	background-color:white!important;
}
#apdetailj_user_inner .apdetailj_user_inner_div table{
	width:100%;
}
#apdetailj_user_inner .apdetailj_user_inner_div table tr.selected{
	background-color:#FFE0A4;
}
#apdetailj_purpose_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
body.mobile #apdetailj_purpose_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetailj_purpose_edit_inner{
    width: 400px;
    height: 500px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetailj_purpose_edit.new .edit_only{
	display:none;
}
#apdetailj_member_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailj_member_edit_inner .time_input_error {
	background:#ff57f2;
}
body.mobile #apdetailj_member_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetailj_member_edit_inner{
    width: 400px;
    height: 300px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetailj_member_edit.new .edit_only{
	display:none;
}
/*
apdetailr
*/
#apdetailr_area{

}
#apdetailr_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetailr_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetailr_inner{
	width:95%;
}
#apdetailr_inner table tr{
	height:35px;
}
#apdetailr_inner .number_input{
	text-align:right;
}
#apdetailr_area #button_apdetailr_regist
,#apdetailr_area #button_apdetailr_accept
,#apdetailr_area #button_apdetailr_change
,#apdetailr_area #button_apdetailr_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetailr_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetailr_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetailr_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetailr_head_inner li.selected
,#apdetailr_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetailr_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetailr_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#apdetailr_edit_hist{
	max-height:200px;
	overflow-y:scroll;
}
#apdetailr_icon_edit div{
	height:120px;
--	background:lightgray;
}
#apdetailr_icon_edit div img{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px solid lightgray;
}
#apdetailr_user{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailr_user_inner{
	width:870px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#apdetailr_user_inner .apdetailr_user_inner_div{
	width:230px;
	height:300px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:15px;
	border:1px solid white;
	background-color:#aeaeae;
	margin-bottom:10px;
--	overflow-y:auto;
}
#apdetailr_user_inner_mid,#apdetailr_user_inner_right{
	overflow-y:auto;
}
#apdetailr_user_inner .apdetailr_user_inner_div:first-child{
	height:400px;
}
#apdetailr_user_inner_left{
	margin-left:0px!important;
	border:1px solid white!important;
	background-color:white!important;
}
#apdetailr_user_inner .apdetailr_user_inner_div table{
	width:100%;
}
#apdetailr_user_inner .apdetailr_user_inner_div table tr.selected{
	background-color:#FFE0A4;
}
#apdetailr_purpose_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
body.mobile #apdetailr_purpose_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetailr_purpose_edit_inner{
    width: 400px;
    height: 500px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetailr_purpose_edit.new .edit_only{
	display:none;
}
#apdetailr_body_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailr_body_edit_inner .time_input_error {
	background:#ff57f2;
}
body.mobile #apdetailr_body_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetailr_body_edit_inner{
    width: 400px;
    height: 200px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetailr_body_edit.new .edit_only{
	display:none;
}
#apdetailr_body_edit tr{
	height:35px;
}
/*
apdetaila
*/
#apdetaila_area{

}
#apdetaila_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetaila_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetaila_inner{
	width:95%;
}
#apdetaila_inner table tr{
	height:35px;
}
#apdetaila_inner .number_input{
	text-align:right;
}
#apdetaila_area #button_apdetaila_regist
,#apdetaila_area #button_apdetaila_accept
,#apdetaila_area #button_apdetaila_change
,#apdetaila_area #button_apdetaila_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetaila_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetaila_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetaila_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetaila_head_inner li.selected
,#apdetaila_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetaila_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetaila_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#apdetaila_edit_hist{
	max-height:200px;
	overflow-y:scroll;
}
#apdetaila_icon_edit div{
	height:120px;
--	background:lightgray;
}
#apdetaila_icon_edit div img{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px solid lightgray;
}
#apdetaila_area.inner .outer_only{
	display:none;
}
#apdetaila_body_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetaila_body_edit_inner .time_input_error {
	background:#ff57f2;
}
body.mobile #apdetaila_body_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetaila_body_edit_inner{
    width: 400px;
    height: 200px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetaila_body_edit.new .edit_only{
	display:none;
}
#apdetaila_body_edit tr{
	height:35px;
}
#apdetaila_area .group_select.selected{
	background:#A1C6C3;
}
/*
schedule area
*/
#schedule_area{

}
#schedule_inner{
	width:100%;
--	overflow-y:scroll;
}
#schedule_search{
	height:90px;
	width:90%;
	margin-left:20px;
}
#schedule_search_inner{
	height:85%;
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#schedule_select{
	height:69%;
}
#schedule_search .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#schedule_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
#schedule_tabarea li{
	display:block;
	background:white;
	color: #3ca050;
	color: var(--default-button-color);
	padding:3px 20px;
	font-size:18px;
	font-weight:900;
	margin-left:2px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-left:2px darkgray solid;
	border-top:2px darkgray solid;
	border-right:2px darkgray solid;
}
#schedule_tabarea li.selected{
	background: #3ca050;
	background: var(--default-button-color);
	color:white;
}
#schedule_tabarea li.isOn{
	border-left:2px #3ca050 solid;
	border-top:2px #3ca050 solid;
	border-right:2px #3ca050 solid;
	border-left:2px var(--default-button-color) solid;
	border-top:2px var(--default-button-color) solid;
	border-right:2px var(--default-button-color) solid;
}
#schedule_tabarea li:first-child{
	margin-left:0px!important;
}
#schedule_table_bodyarea{
	overflow:scroll;
}
#schedule_table_header table,
#schedule_table_bodyarea table{
	display:none!important;
}
#schedule_table_header table.selected,
#schedule_table_bodyarea table.selected{
	display:table!important;
}
#schedule_table_header th.saturday
,#schedulem_data th.saturday{
	background:#6161FF;
}
#schedule_table_header th.sunday
,#schedulem_data th.sunday{
	background:#FF6161;
}
#schedule_table_header th.today
,#schedulem_data th.today{
	background:#FFE552;
	color:black;
}
#schedule_inner td{
	height:45px;
}
#schedule_area .scroll_outer{
	overflow:hidden;
}
#schedule_table_head_1,
#schedule_table_body_1{
	width:1090px;
}
#schedule_table_head_2,
#schedule_table_body_2{
	width:1090px;
}
#schedule_table_head_3,
#schedule_table_body_3{
	width:1453px;
}
#schedule_user_headarea tr.editing td{
	background:#FFDA00;
}
#schedule_table_bodyarea td input[type='text']{
	width:80%!important;
	font-size:20px;
	font-weight:600;
}
#schedule_table_bodyarea td.edited{
	background:#FFF3B2;
}
#schedule_table_bodyarea tr.odd td.edited{
	background:#F4E8B2;
}
#schedule_table_bodyarea td.error,
#schedule_table_bodyarea tr.odd td.error{
	background:#BF1932;
}
#schedule_error.noerror{
	display:none;
}
#schedule_alert{
	display:none;
}
#schedule_table_body .schedule_row td.shucho
,#schedule_example .shucho{
	background:#E777EE;
}
#schedule_table_body .schedule_row td.holiday
,#schedule_example .holiday{
	color:red;
}
#schedule_example .paidholiday{
	color:red;
}
#schedule_example .late{
	color:red;
}
#schedule_table_body .schedule_row td.late.shucho
,#schedule_table_body .schedule_row td.holiday.shucho
,#schedule_table_body .schedule_row td.paidholiday.shucho{
	color:black;
}
#schedule_table_body .schedule_row td.manual
,#schedule_example .manual{
	background:#FFFF00;
}
#schedule_table_body .schedule_row td.guest
,#schedule_example .guest{
	background:#E1BB6E;
}
#schedule_table_body .schedule_row td.inmanual
,#schedule_example .inmanual{
	background:#A4CAFD;
}
#schedule_example span{
	padding:3px 7px;
	border:1px solid lightgray;
}
#schedule_example span.selected{
	border:3px solid blue;
}
#schedule_table_body .schedule_row td span.holiday_text
,#schedule_table_body span.paidholiday_text{
	color:red;
	display:none;
}
#schedule_table_body .schedule_row td.paidholiday span.paidholiday_text{
	display:inline;
}
#schedule_table_body .schedule_row td.holiday span.holiday_text{
	display:inline;
}
#schedulem_inner #schedule_table_body .schedule_row td.holiday
,#schedulem_inner #schedule_table_body .schedule_row td.paidholiday{
	color:red;
}
.schedule_userrow.dengon_row,.schedule_row.dengon_row
,.schedule_userrow.soto_row,.schedule_row.soto_row{
	height:80px!important;
}
.schedule_row.dengon_row,.schedule_row.soto_row{
	font-size:0.8em;
}
.schedule_userrow.dengon_row,.schedule_row.dengon_row{
	background:#F2DFC5!important;
}
.schedule_userrow.soto_row,.schedule_row.soto_row{
	background:#C5F2DF!important;
}
.schedule_row td.hikadobi{
	background:#D1D1D1;
}
.schedule_row.odd td.hikadobi{
	background:#AEAEAE;
}
#schedule_message{
	position:fixed;
	display:none;
	width:250px;
	min-height:100px;
	padding:10px 15px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
	overflow-y:auto;
}
#schedule_message.dengon{
	width:650px;
}
#schedule_message_body div span
,#schedule_edit_detail div span{
	font-weight:900;
}
#schedule_message_body div.odd{
	background:#E0F3F0;
}
#schedule_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#schedule_edit_inner{
    width: 400px;
    min-height: 250px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#schedule_edit_inner.editwork{
    width: 600px!important;
}
#schedule_edit_scroll{
	max-height:300px;
	overflow-y:auto;
}
/*
apdetailkekin
*/
#apdetailkekin_area{

}
#apdetailkekin_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetailkekin_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetailkekin_inner{
	width:95%;
}
#apdetailkekin_inner table tr{
	height:35px;
}
#apdetailkekin_inner .number_input{
	text-align:right;
}
#apdetailkekin_area #button_apdetailkekin_regist
,#apdetailkekin_area #button_apdetailkekin_accept
,#apdetailkekin_area #button_apdetailkekin_change
,#apdetailkekin_area #button_apdetailkekin_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetailkekin_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetailkekin_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetailkekin_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetailkekin_head_inner li.selected
,#apdetailkekin_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetailkekin_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetailkekin_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#apdetailkekin_edit_hist{
	max-height:200px;
	overflow-y:scroll;
}
#apdetailkekin_icon_edit div{
	height:120px;
--	background:lightgray;
}
#apdetailkekin_icon_edit div img{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px solid lightgray;
}
#apdetailkekin_user{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailkekin_user_inner{
	width:870px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#apdetailkekin_user_inner .apdetailkekin_user_inner_div{
	width:230px;
	height:300px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:15px;
	border:1px solid white;
	background-color:#aeaeae;
	margin-bottom:10px;
--	overflow-y:auto;
}
#apdetailkekin_user_inner_mid,#apdetailkekin_user_inner_right{
	overflow-y:auto;
}
#apdetailkekin_user_inner .apdetailkekin_user_inner_div:first-child{
	height:400px;
}
#apdetailkekin_user_inner_left{
	margin-left:0px!important;
	border:1px solid white!important;
	background-color:white!important;
}
#apdetailkekin_user_inner .apdetailkekin_user_inner_div table{
	width:100%;
}
#apdetailkekin_user_inner .apdetailkekin_user_inner_div table tr.selected{
	background-color:#FFE0A4;
}
#apdetailkekin_purpose_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
body.mobile #apdetailkekin_purpose_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetailkekin_purpose_edit_inner{
    width: 400px;
    height: 500px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetailkekin_purpose_edit.new .edit_only{
	display:none;
}
#apdetailkekin_member_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailkekin_member_edit_inner .time_input_error {
	background:#ff57f2;
}
body.mobile #apdetailkekin_member_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetailkekin_member_edit_inner{
    width: 400px;
    height: 300px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetailkekin_member_edit.new .edit_only{
	display:none;
}
/*
apdetaillate
*/
#apdetaillate_area{

}
#apdetaillate_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetaillate_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetaillate_inner{
	width:95%;
}
#apdetaillate_inner table tr{
	height:35px;
}
#apdetaillate_inner .number_input{
	text-align:right;
}
#apdetaillate_area #button_apdetaillate_regist
,#apdetaillate_area #button_apdetaillate_accept
,#apdetaillate_area #button_apdetaillate_change
,#apdetaillate_area #button_apdetaillate_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetaillate_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetaillate_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetaillate_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetaillate_head_inner li.selected
,#apdetaillate_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetaillate_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetaillate_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#apdetaillate_edit_hist{
	max-height:200px;
	overflow-y:scroll;
}
#apdetaillate_icon_edit div{
	height:120px;
--	background:lightgray;
}
#apdetaillate_icon_edit div img{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px solid lightgray;
}
#apdetaillate_user{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetaillate_user_inner{
	width:870px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#apdetaillate_user_inner .apdetaillate_user_inner_div{
	width:230px;
	height:300px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:15px;
	border:1px solid white;
	background-color:#aeaeae;
	margin-bottom:10px;
--	overflow-y:auto;
}
#apdetaillate_user_inner_mid,#apdetaillate_user_inner_right{
	overflow-y:auto;
}
#apdetaillate_user_inner .apdetaillate_user_inner_div:first-child{
	height:400px;
}
#apdetaillate_user_inner_left{
	margin-left:0px!important;
	border:1px solid white!important;
	background-color:white!important;
}
#apdetaillate_user_inner .apdetaillate_user_inner_div table{
	width:100%;
}
#apdetaillate_user_inner .apdetaillate_user_inner_div table tr.selected{
	background-color:#FFE0A4;
}
#apdetaillate_purpose_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
body.mobile #apdetaillate_purpose_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetaillate_purpose_edit_inner{
    width: 400px;
    height: 500px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetaillate_purpose_edit.new .edit_only{
	display:none;
}
#apdetaillate_member_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetaillate_member_edit_inner .time_input_error {
	background:#ff57f2;
}
body.mobile #apdetaillate_member_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetaillate_member_edit_inner{
    width: 400px;
    height: 300px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetaillate_member_edit.new .edit_only{
	display:none;
}
/*
apdetailbuy
*/
#apdetailbuy_area{

}
#apdetailbuy_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetailbuy_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetailbuy_inner{
	width:95%;
}
#apdetailbuy_inner table tr{
	height:35px;
}
#apdetailbuy_inner .number_input{
	text-align:right;
}
#apdetailbuy_area #button_apdetailbuy_regist
,#apdetailbuy_area #button_apdetailbuy_accept
,#apdetailbuy_area #button_apdetailbuy_change
,#apdetailbuy_area #button_apdetailbuy_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetailbuy_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetailbuy_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetailbuy_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetailbuy_head_inner li.selected
,#apdetailbuy_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetailbuy_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetailbuy_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#apdetailbuy_edit_hist{
	max-height:200px;
	overflow-y:scroll;
}
#apdetailbuy_icon_edit div{
	height:120px;
--	background:lightgray;
}
#apdetailbuy_icon_edit div img{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px solid lightgray;
}
#apdetailbuy_user{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailbuy_user_inner{
	width:870px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#apdetailbuy_user_inner .apdetailbuy_user_inner_div{
	width:230px;
	height:300px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:15px;
	border:1px solid white;
	background-color:#aeaeae;
	margin-bottom:10px;
--	overflow-y:auto;
}
#apdetailbuy_user_inner_mid,#apdetailbuy_user_inner_right{
	overflow-y:auto;
}
#apdetailbuy_user_inner .apdetailbuy_user_inner_div:first-child{
	height:400px;
}
#apdetailbuy_user_inner_left{
	margin-left:0px!important;
	border:1px solid white!important;
	background-color:white!important;
}
#apdetailbuy_user_inner .apdetailbuy_user_inner_div table{
	width:100%;
}
#apdetailbuy_user_inner .apdetailbuy_user_inner_div table tr.selected{
	background-color:#FFE0A4;
}
#apdetailbuy_purpose_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
body.mobile #apdetailbuy_purpose_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetailbuy_purpose_edit_inner{
    width: 400px;
    height: 500px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetailbuy_purpose_edit.new .edit_only{
	display:none;
}
#apdetailbuy_member_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailbuy_member_edit_inner .time_input_error {
	background:#ff57f2;
}
body.mobile #apdetailbuy_member_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetailbuy_member_edit_inner{
    width: 400px;
    height: 300px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetailbuy_member_edit.new .edit_only{
	display:none;
}
#apdetailbuy_meisai_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailbuy_meisai_edit_inner{
    width: 400px;
    height: 500px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetailbuy_meisai_edit.new .edit_only{
	display:none;
}
#apdetailbuy_area.buyer_only .apdetailbuy_accept_only{
	display:none;
}
/*
apdetailprof
*/
#apdetailprof_area{

}
#apdetailprof_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetailprof_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetailprof_inner{
	width:95%;
}
#apdetailprof_inner table tr{
	height:35px;
}
#apdetailprof_inner .number_input{
	text-align:right;
}
#apdetailprof_area #button_apdetailprof_regist
,#apdetailprof_area #button_apdetailprof_accept
,#apdetailprof_area #button_apdetailprof_change
,#apdetailprof_area #button_apdetailprof_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetailprof_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetailprof_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetailprof_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetailprof_head_inner li.selected
,#apdetailprof_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetailprof_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetailprof_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#apdetailprof_edit_hist{
	max-height:200px;
	overflow-y:scroll;
}
#apdetailprof_icon_edit div{
	height:120px;
--	background:lightgray;
}
#apdetailprof_icon_edit div img{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px solid lightgray;
}
#apdetailprof_user{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailprof_user_inner{
	width:870px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#apdetailprof_user_inner .apdetailprof_user_inner_div{
	width:230px;
	height:300px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:15px;
	border:1px solid white;
	background-color:#aeaeae;
	margin-bottom:10px;
--	overflow-y:auto;
}
#apdetailprof_user_inner_mid,#apdetailprof_user_inner_right{
	overflow-y:auto;
}
#apdetailprof_user_inner .apdetailprof_user_inner_div:first-child{
	height:400px;
}
#apdetailprof_user_inner_left{
	margin-left:0px!important;
	border:1px solid white!important;
	background-color:white!important;
}
#apdetailprof_user_inner .apdetailprof_user_inner_div table{
	width:100%;
}
#apdetailprof_user_inner .apdetailprof_user_inner_div table tr.selected{
	background-color:#FFE0A4;
}
#apdetailprof_purpose_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
body.mobile #apdetailprof_purpose_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetailprof_purpose_edit_inner{
    width: 400px;
    height: 500px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetailprof_purpose_edit.new .edit_only{
	display:none;
}
#apdetailprof_member_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailprof_member_edit_inner .time_input_error {
	background:#ff57f2;
}
body.mobile #apdetailprof_member_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetailprof_member_edit_inner{
    width: 400px;
    height: 300px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetailprof_member_edit.new .edit_only{
	display:none;
}
#apdetailprof_area.kbn_0 .kbn_1
,#apdetailprof_area.kbn_0 .kbn_2
,#apdetailprof_area.kbn_0 .kbn_3
,#apdetailprof_area.kbn_1 .kbn_0
,#apdetailprof_area.kbn_1 .kbn_2
,#apdetailprof_area.kbn_1 .kbn_3
,#apdetailprof_area.kbn_2 .kbn_0
,#apdetailprof_area.kbn_2 .kbn_1
,#apdetailprof_area.kbn_2 .kbn_3
,#apdetailprof_area.kbn_3 .kbn_0
,#apdetailprof_area.kbn_3 .kbn_1
,#apdetailprof_area.kbn_3 .kbn_2
{
	display:none;
}
/*
apdetailcard
*/
#apdetailcard_area{

}
#apdetailcard_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetailcard_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetailcard_inner{
	width:95%;
}
#apdetailcard_inner table tr{
	height:35px;
}
#apdetailcard_inner .number_input{
	text-align:right;
}
#apdetailcard_area #button_apdetailcard_regist
,#apdetailcard_area #button_apdetailcard_accept
,#apdetailcard_area #button_apdetailcard_change
,#apdetailcard_area #button_apdetailcard_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetailcard_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetailcard_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetailcard_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetailcard_head_inner li.selected
,#apdetailcard_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetailcard_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetailcard_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
/*
apdetailrent
*/
#apdetailrent_area{

}
#apdetailrent_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetailrent_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetailrent_inner{
	width:95%;
}
#apdetailrent_inner table tr{
	height:35px;
}
#apdetailrent_inner .number_input{
	text-align:right;
}
#apdetailrent_area #button_apdetailrent_regist
,#apdetailrent_area #button_apdetailrent_accept
,#apdetailrent_area #button_apdetailrent_change
,#apdetailrent_area #button_apdetailrent_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetailrent_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetailrent_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetailrent_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetailrent_head_inner li.selected
,#apdetailrent_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetailrent_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetailrent_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
/*
apdetailguest
*/
#apdetailguest_area{

}
#apdetailguest_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetailguest_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetailguest_inner{
	width:95%;
}
#apdetailguest_inner table tr{
	height:35px;
}
#apdetailguest_inner .number_input{
	text-align:right;
}
#apdetailguest_area #button_apdetailguest_regist
,#apdetailguest_area #button_apdetailguest_accept
,#apdetailguest_area #button_apdetailguest_change
,#apdetailguest_area #button_apdetailguest_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetailguest_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetailguest_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetailguest_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetailguest_head_inner li.selected
,#apdetailguest_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetailguest_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetailguest_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#apdetailguest_member div{
	float:left;
	margin-left:10px;
	padding:3px 5px;
	border:1px solid lightgray;
	border-radius:8px;
}
#apdetailguest_member div:first-child{
	margin-left:0px;
}
#apdetailguest_member .btn{
	background:#3366CC;
	color:white;
	font-weight:900;
}
#apdetailguest_member span.btn{
	padding:0px 5px;
	margin-left:2px;
	border-radius:10px;
}
#apdetailguest_inner table td.edit{
	background:#E7ECAB;
}
/*
apdetailkyuyo
*/
#apdetailkyuyo_area{

}
#apdetailkyuyo_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetailkyuyo_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetailkyuyo_inner{
	width:95%;
}
#apdetailkyuyo_inner table tr{
	height:35px;
}
#apdetailkyuyo_inner .number_input{
	text-align:right;
}
#apdetailkyuyo_area #button_apdetailkyuyo_regist
,#apdetailkyuyo_area #button_apdetailkyuyo_accept
,#apdetailkyuyo_area #button_apdetailkyuyo_change
,#apdetailkyuyo_area #button_apdetailkyuyo_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetailkyuyo_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetailkyuyo_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetailkyuyo_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetailkyuyo_head_inner li.selected
,#apdetailkyuyo_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetailkyuyo_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetailkyuyo_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
/*
apdetailic
*/
#apdetailic_area{

}
#apdetailic_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetailic_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetailic_inner{
	width:95%;
}
#apdetailic_inner table tr{
	height:35px;
}
#apdetailic_inner .number_input{
	text-align:right;
}
#apdetailic_area #button_apdetailic_regist
,#apdetailic_area #button_apdetailic_accept
,#apdetailic_area #button_apdetailic_change
,#apdetailic_area #button_apdetailic_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetailic_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetailic_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetailic_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetailic_head_inner li.selected
,#apdetailic_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetailic_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetailic_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
/*
apdetailringi
*/
#apdetailringi_area{

}
#apdetailringi_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetailringi_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetailringi_inner{
	width:95%;
}
#apdetailringi_inner table tr{
	height:35px;
}
#apdetailringi_inner .number_input{
	text-align:right;
}
#apdetailringi_area #button_apdetailringi_regist
,#apdetailringi_area #button_apdetailringi_accept
,#apdetailringi_area #button_apdetailringi_change
,#apdetailringi_area #button_apdetailringi_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetailringi_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetailringi_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetailringi_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetailringi_head_inner li.selected
,#apdetailringi_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetailringi_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetailringi_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
/*
apdetailcustomer
*/
#apdetailcustomer_area{

}
#apdetailcustomer_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetailcustomer_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetailcustomer_inner{
	width:95%;
}
#apdetailcustomer_inner table tr{
	height:35px;
}
#apdetailcustomer_inner .number_input{
	text-align:right;
}
#apdetailcustomer_area #button_apdetailcustomer_regist
,#apdetailcustomer_area #button_apdetailcustomer_accept
,#apdetailcustomer_area #button_apdetailcustomer_change
,#apdetailcustomer_area #button_apdetailcustomer_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetailcustomer_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetailcustomer_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetailcustomer_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetailcustomer_head_inner li.selected
,#apdetailcustomer_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetailcustomer_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetailcustomer_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#apdetailcustomer_area.kbn_0 .english_only
,#apdetailcustomer_area.kbn_2 .english_only
,#apdetailcustomer_area.kbn_4 .english_only
,#apdetailcustomer_area.kbn_1 .japanese_only
,#apdetailcustomer_area.kbn_3 .japanese_only

,#apdetailcustomer_area.kbn_0 .supplier_only
,#apdetailcustomer_area.kbn_1 .supplier_only
,#apdetailcustomer_area.kbn_2 .customer_only
,#apdetailcustomer_area.kbn_3 .customer_only
,#apdetailcustomer_area.kbn_4 .customer_only
{
	display:none;
}
#apdetailcustomer_area.kbn_1 #apdetailcustomer_customeronly
,#apdetailcustomer_area.kbn_2 #apdetailcustomer_customeronly
,#apdetailcustomer_area.kbn_3 #apdetailcustomer_customeronly{
	display:none;
}
#apdetailcustomer_area.kbn_0 #apdetailcustomer_customeronly{
	display:table-row;
}
#apdetailcustomer_area #apdetailcustomer_gyoshu div{
	float:left;
	margin-right:10px;
}
/*
apdetailli
*/
#apdetailli_area{

}
#apdetailli_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetailli_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetailli_inner{
	width:95%;
}
#apdetailli_inner table tr{
	height:35px;
}
#apdetailli_inner .number_input{
	text-align:right;
}
#apdetailli_area #button_apdetailli_regist
,#apdetailli_area #button_apdetailli_accept
,#apdetailli_area #button_apdetailli_change
,#apdetailli_area #button_apdetailli_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetailli_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetailli_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetailli_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetailli_head_inner li.selected
,#apdetailli_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetailli_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetailli_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#apdetailli_edit_hist{
	max-height:200px;
	overflow-y:scroll;
}
#apdetailli_icon_edit div{
	height:120px;
--	background:lightgray;
}
#apdetailli_icon_edit div img{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px solid lightgray;
}
#apdetailli_user{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailli_user_inner{
	width:870px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#apdetailli_user_inner .apdetailli_user_inner_div{
	width:230px;
	height:300px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:15px;
	border:1px solid white;
	background-color:#aeaeae;
	margin-bottom:10px;
--	overflow-y:auto;
}
#apdetailli_user_inner_mid,#apdetailli_user_inner_right{
	overflow-y:auto;
}
#apdetailli_user_inner .apdetailli_user_inner_div:first-child{
	height:400px;
}
#apdetailli_user_inner_left{
	margin-left:0px!important;
	border:1px solid white!important;
	background-color:white!important;
}
#apdetailli_user_inner .apdetailli_user_inner_div table{
	width:100%;
}
#apdetailli_user_inner .apdetailli_user_inner_div table tr.selected{
	background-color:#FFE0A4;
}
#apdetailli_purpose_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
body.mobile #apdetailli_purpose_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetailli_purpose_edit_inner{
    width: 400px;
    height: 500px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetailli_purpose_edit.new .edit_only{
	display:none;
}
#apdetailli_member_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailli_member_edit_inner .time_input_error {
	background:#ff57f2;
}
body.mobile #apdetailli_member_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetailli_member_edit_inner{
    width: 400px;
    height: 300px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetailli_member_edit.new .edit_only{
	display:none;
}
#apdetailli_yotei_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailli_yotei_edit_inner{
    width: 400px;
    height: 240px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetailli_yotei_edit.new .edit_only{
	display:none;
}
#apdetailli_area.accepter_only .apdetailli_accept_only{
	display:none;
}
/*
nippo area
*/
#nippo_area{

}
#nippo_inner{
	width:100%;
--	overflow-y:scroll;
}
#nippo_search{
	height:110px;
	width:90%;
	margin-left:20px;
}
#nippo_search_inner{
	height:85%;
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#nippo_select{
	height:69%;
}
#nippo_search .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#nippo_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
#nippo_tabarea li{
	display:block;
	background:white;
	color: #3ca050;
	color: var(--default-button-color);
	padding:3px 20px;
	font-size:18px;
	font-weight:900;
	margin-left:2px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-left:2px darkgray solid;
	border-top:2px darkgray solid;
	border-right:2px darkgray solid;
}
#nippo_tabarea li.selected{
	background: #3ca050;
	background: var(--default-button-color);
	color:white;
}
#nippo_tabarea li.isOn{
	border-left:2px #3ca050 solid;
	border-top:2px #3ca050 solid;
	border-right:2px #3ca050 solid;
	border-left:2px var(--default-button-color) solid;
	border-top:2px var(--default-button-color) solid;
	border-right:2px var(--default-button-color) solid;
}
#nippo_tabarea li:first-child{
	margin-left:0px!important;
}
#nippo_table_bodyarea{
	overflow:scroll;
}
#nippo_table_bodyarea input[type='text']{
    border-style: none;
    background: rgba(0,0,0,0);
}
#nippo_table_header table,
#nippo_table_bodyarea table{
	display:none!important;
}
#nippo_table_header table.selected,
#nippo_table_bodyarea table.selected{
	display:table!important;
}
#nippo_table_header th.saturday{
	background:#6161FF;
}
#nippo_table_header th.sunday{
	background:#FF6161;
}
#nippo_table_header th.holiday{
	background:#7AFCFF;
	color:navy;
}
#nippo_inner td{
	height:45px;
}
#nippo_area .scroll_outer{
	overflow:hidden;
}
#nippo_table_head_1,
#nippo_table_body_1{
	width:1090px;
}
#nippo_table_head_2,
#nippo_table_body_2{
	width:1090px;
}
#nippo_table_head_3,
#nippo_table_body_3{
	width:1453px;
}
#nippo_user_headarea tr.editing td{
	background:#FFDA00;
}
#nippo_table_bodyarea td input[type='text']{
	width:80%!important;
	font-size:20px;
	font-weight:600;
}
#nippo_table_bodyarea td.edited{
	background:#FFF3B2;
}
#nippo_table_bodyarea tr.odd td.edited{
	background:#F4E8B2;
}
#nippo_table_bodyarea td.error,
#nippo_table_bodyarea tr.odd td.error{
	background:#BF1932;
}
#nippo_error.noerror{
	display:none;
}
#nippo_alert{
	display:none;
}
#nippo_area .ui-timepicker-container{
	font-size:14px!important;
}
#nippo_area input[readonly]{
	background:#D3CED1;
}
#nippo_area .invisible{
	display:none;
}
/*
overtime area
*/
#overtime_area{

}
body.mobile #overtime_inner{
	width:100%;
	height:45%;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
}
body.atpc #overtime_inner{
	width:980px;
	height:45%;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
}
body.mobile #overtime_search{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
body.atpc #overtime_search{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#overtime_search_inner{
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#overtime_search .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#overtime_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
#overtime_inner table{
	width:100%;
}
#overtime_inner td{
	height:35px;
}
#overtime_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#overtime_edit #overtime_edit_inner{
	width:35%;
--	height:35%;
	margin-top:170px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#overtime_edit #overtime_edit_inner table{
--	min-width:630px;
	margin-left:auto;
	margin-right:auto;
}
#overtime_edit #overtime_edit_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:120px;
}
#overtime_data tr.overtime span.time{
	background:#FF0000;
	color:#FFFFFF;
	font-weight:900;
}
#overtime_inner .overtime_cell.selected{
	border:2px solid blue;
}
#overtime_inner .overtime_cell .comp{
	display:none;
}
#overtime_inner .complete .comp{
	display:inline;
	color:red;
	font-weight:900;
}
/*
schedulem area
*/
#schedulem_area{
	height:600px;

}
#schedulem_inner{
	width: 90%;
    margin-left: 5%;
    margin-right: auto;
    position: absolute;
    top: 120px;
	z-index:0;
}
#scheduleotherm_header{
	width:90%;
    margin-left: 5%;
    margin-right: auto;
    position: absolute;
    top: 130px;	
	z-index:0;
	overflow:hidden!important;
}
#scheduleotherm_inner{
	width: 90%;
    margin-left: 5%;
    margin-right: auto;
    position: absolute;
    top: 155px;	
	overflow-y:scroll;
/*	z-index:0;*/
}
#schedulem_search{
	width:90%;
	margin-left:5%;
	margin-right:auto;
	position:fixed;
	z-index:1;
}
#schedulem_search_inner{
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
--	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#schedulem_search .search_fld{
	float:left;
	margin-left:200px;
	margin-bottom:10px;
}
#schedulem_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
#schedulem_inner table{
	margin-top:20px;
	margin-bottom:100px;
}
#schedulem_inner td{
	height:35px;
}
#schedulem_area #schedule_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:30px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#schedulem_area #schedule_edit #schedule_edit_inner{
	width:90%;
	height:300px;
--	margin-top:165px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
	z-index:10;
}
#schedulem_area #schedule_edit #schedule_edit_inner table{
	min-width:200px;
	margin-left:auto;
	margin-right:auto;
}
#schedulem_area #schedule_edit #schedule_edit_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:120px;
}
#schedulem_area #schedule_message{
	width:80%;
	height:300px;
	margin-top:30px;
	margin-left:10px;
	margin-right:10px;
	position:fixed;
	display:none;
	z-index:10;
	overflow-y:auto;
}
/*
nippolist area
*/
#nippolist_area{

}
body.mobile #nippolist_inner{
	width:100%;
	height:45%;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
}
body.atpc #nippolist_inner{
	width:980px;
	height:45%;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
}
body.mobile #nippolist_search{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
body.atpc #nippolist_search{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#nippolist_search_inner{
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#nippolist_search .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#nippolist_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
#nippolist_inner table{
	width:100%;
}
#nippolist_inner td{
	height:35px;
}
#nippolist_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#nippolist_edit #nippolist_edit_inner{
	width:35%;
--	height:35%;
	margin-top:170px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#nippolist_edit #nippolist_edit_inner table{
--	min-width:630px;
	margin-left:auto;
	margin-right:auto;
}
#nippolist_edit #nippolist_edit_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:120px;
}
#nippolist_data tr.nippolist span.time{
	background:#FF0000;
	color:#FFFFFF;
	font-weight:900;
}
#nippolist_inner .nippolist_cell.selected{
	border:2px solid blue;
}
#nippolist_inner .nippolist_cell .comp{
	display:none;
}
#nippolist_inner .complete .comp{
	display:inline;
	color:red;
	font-weight:900;
}
/*
nippodata area
*/
#nippodata_area{

}
body.mobile #nippodata_inner{
	width:100%;
	height:45%;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
}
body.atpc #nippodata_inner{
	width:980px;
	height:45%;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
}
body.mobile #nippodata_search{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
body.atpc #nippodata_search{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#nippodata_search_inner{
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#nippodata_search .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#nippodata_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
#nippodata_inner table{
	width:100%;
}
#nippodata_inner td{
	height:35px;
}
#nippodata_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#nippodata_edit #nippodata_edit_inner{
	width:35%;
--	height:35%;
	margin-top:170px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#nippodata_edit #nippodata_edit_inner table{
--	min-width:630px;
	margin-left:auto;
	margin-right:auto;
}
#nippodata_edit #nippodata_edit_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:120px;
}
#nippodata_data tr.nippodata span.time{
	background:#FF0000;
	color:#FFFFFF;
	font-weight:900;
}
#nippodata_inner .nippodata_cell.selected{
	border:2px solid blue;
}
#nippodata_inner .nippodata_cell .comp{
	display:none;
}
#nippodata_inner .complete .comp{
	display:inline;
	color:red;
	font-weight:900;
}
#nippodata_search_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#nippodata_search_edit #nippodata_search_edit_inner{
	width:700px;
	height:40%;
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:hidden;
	min-height:350px;
}
#nippodata_search_edit .nippodata_search_list{
	width:160px;
	height:260px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	background:darkgray;
	overflow-y:scroll;
}
#nippodata_search_edit .title{
	background:white;
}
.nippodata_search_list .user_select.selected{
	background:#A1C6C3;
}
#nippodata_search_edit ul.floater{
	height:40%;
	display:table;
	margin:0 auto;
}
#nippodata_search_edit ul li{
	display:table-cell;
	height:100%;
}
#nippodata_search_edit ul li + li{
	padding-left:10px;
}
/*
apdetailord
*/
#apdetailord_area{

}
#apdetailord_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetailord_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetailord_inner{
	width:95%;
}
#apdetailord_inner table tr{
	height:35px;
}
#apdetailord_inner .number_input{
	text-align:right;
}
#apdetailord_area #button_apdetailord_regist
,#apdetailord_area #button_apdetailord_accept
,#apdetailord_area #button_apdetailord_change
,#apdetailord_area #button_apdetailord_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetailord_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetailord_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetailord_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetailord_head_inner li.selected
,#apdetailord_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetailord_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetailord_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#apdetailord_edit_hist{
	max-height:200px;
	overflow-y:scroll;
}
#apdetailord_icon_edit div{
	height:120px;
--	background:lightgray;
}
#apdetailord_icon_edit div img{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px solid lightgray;
}
#apdetailord_user{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailord_user_inner{
	width:870px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#apdetailord_user_inner .apdetailord_user_inner_div{
	width:230px;
	height:300px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:15px;
	border:1px solid white;
	background-color:#aeaeae;
	margin-bottom:10px;
--	overflow-y:auto;
}
#apdetailord_user_inner_mid,#apdetailord_user_inner_right{
	overflow-y:auto;
}
#apdetailord_user_inner .apdetailord_user_inner_div:first-child{
	height:400px;
}
#apdetailord_user_inner_left{
	margin-left:0px!important;
	border:1px solid white!important;
	background-color:white!important;
}
#apdetailord_user_inner .apdetailord_user_inner_div table{
	width:100%;
}
#apdetailord_user_inner .apdetailord_user_inner_div table tr.selected{
	background-color:#FFE0A4;
}
#apdetailord_area.accepter_only .apdetailord_accept_only{
	display:none;
}
/*
apdetailjs
*/
#apdetailjs_area{

}
#apdetailjs_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetailjs_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetailjs_inner{
	width:95%;
}
#apdetailjs_inner table tr{
	height:35px;
}
#apdetailjs_inner .number_input{
	text-align:right;
}
#apdetailjs_area #button_apdetailjs_regist
,#apdetailjs_area #button_apdetailjs_accept
,#apdetailjs_area #button_apdetailjs_change
,#apdetailjs_area #button_apdetailjs_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetailjs_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetailjs_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetailjs_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetailjs_head_inner li.selected
,#apdetailjs_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetailjs_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetailjs_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#apdetailjs_edit_hist{
	max-height:200px;
	overflow-y:scroll;
}
#apdetailjs_icon_edit div{
	height:120px;
--	background:lightgray;
}
#apdetailjs_icon_edit div img{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px solid lightgray;
}
#apdetailjs_user{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailjs_user_inner{
	width:870px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#apdetailjs_user_inner .apdetailjs_user_inner_div{
	width:230px;
	height:300px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:15px;
	border:1px solid white;
	background-color:#aeaeae;
	margin-bottom:10px;
--	overflow-y:auto;
}
#apdetailjs_user_inner_mid,#apdetailjs_user_inner_right{
	overflow-y:auto;
}
#apdetailjs_user_inner .apdetailjs_user_inner_div:first-child{
	height:400px;
}
#apdetailjs_user_inner_left{
	margin-left:0px!important;
	border:1px solid white!important;
	background-color:white!important;
}
#apdetailjs_user_inner .apdetailjs_user_inner_div table{
	width:100%;
}
#apdetailjs_user_inner .apdetailjs_user_inner_div table tr.selected{
	background-color:#FFE0A4;
}
#apdetailjs_purpose_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
body.mobile #apdetailjs_purpose_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetailjs_purpose_edit_inner{
    width: 400px;
    height: 500px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetailjs_purpose_edit.new .edit_only{
	display:none;
}
#apdetailjs_member_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailjs_member_edit_inner .time_input_error {
	background:#ff57f2;
}
body.mobile #apdetailjs_member_edit_inner{
    width: 90%;
    height: 300px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
body.atpc #apdetailjs_member_edit_inner{
    width: 400px;
    height: 300px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background:white;
	border:1px solid lightgray;
	border-radius:10px;
	box-shadow: 2px 2px 5px #888;
}
#apdetailjs_member_edit.new .edit_only{
	display:none;
}
/*
apdetailsh
*/
#apdetailsh_area{

}
#apdetailsh_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetailsh_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetailsh_inner{
	width:95%;
}
#apdetailsh_inner table tr{
	height:35px;
}
#apdetailsh_inner .number_input{
	text-align:right;
}
#apdetailsh_area #button_apdetailsh_regist
,#apdetailsh_area #button_apdetailsh_accept
,#apdetailsh_area #button_apdetailsh_change
,#apdetailsh_area #button_apdetailsh_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetailsh_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetailsh_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetailsh_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetailsh_head_inner li.selected
,#apdetailsh_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetailsh_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetailsh_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#apdetailsh_edit_hist{
	max-height:200px;
	overflow-y:scroll;
}
#apdetailsh_icon_edit div{
	height:120px;
--	background:lightgray;
}
#apdetailsh_icon_edit div img{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px solid lightgray;
}
#apdetailsh_user{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailsh_user_inner{
	width:870px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#apdetailsh_user_inner .apdetailsh_user_inner_div{
	width:230px;
	height:300px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:15px;
	border:1px solid white;
	background-color:#aeaeae;
	margin-bottom:10px;
--	overflow-y:auto;
}
#apdetailsh_user_inner_mid,#apdetailsh_user_inner_right{
	overflow-y:auto;
}
#apdetailsh_user_inner .apdetailsh_user_inner_div:first-child{
	height:400px;
}
#apdetailsh_user_inner_left{
	margin-left:0px!important;
	border:1px solid white!important;
	background-color:white!important;
}
#apdetailsh_user_inner .apdetailsh_user_inner_div table{
	width:100%;
}
#apdetailsh_user_inner .apdetailsh_user_inner_div table tr.selected{
	background-color:#FFE0A4;
}
#apdetailsh_area.accepter_only .apdetailsh_accept_only{
	display:none;
}
/*
apdetailji
*/
#apdetailji_area{

}
#apdetailji_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetailji_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetailji_inner{
	width:95%;
}
#apdetailji_inner table tr{
	height:35px;
}
#apdetailji_inner .number_input{
	text-align:right;
}
#apdetailji_area #button_apdetailji_regist
,#apdetailji_area #button_apdetailji_accept
,#apdetailji_area #button_apdetailji_change
,#apdetailji_area #button_apdetailji_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetailji_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetailji_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetailji_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetailji_head_inner li.selected
,#apdetailji_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetailji_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetailji_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#apdetailji_edit_hist{
	max-height:200px;
	overflow-y:scroll;
}
#apdetailji_icon_edit div{
	height:120px;
--	background:lightgray;
}
#apdetailji_icon_edit div img{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px solid lightgray;
}
#apdetailji_user{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailji_user_inner{
	width:870px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#apdetailji_user_inner .apdetailji_user_inner_div{
	width:230px;
	height:300px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:15px;
	border:1px solid white;
	background-color:#aeaeae;
	margin-bottom:10px;
--	overflow-y:auto;
}
#apdetailji_user_inner_mid,#apdetailji_user_inner_right{
	overflow-y:auto;
}
#apdetailji_user_inner .apdetailji_user_inner_div:first-child{
	height:400px;
}
#apdetailji_user_inner_left{
	margin-left:0px!important;
	border:1px solid white!important;
	background-color:white!important;
}
#apdetailji_user_inner .apdetailji_user_inner_div table{
	width:100%;
}
#apdetailji_user_inner .apdetailji_user_inner_div table tr.selected{
	background-color:#FFE0A4;
}
#apdetailji_area.accepter_only .apdetailji_accept_only{
	display:none;
}
/*
apdetailbu
*/
#apdetailbu_area{

}
#apdetailbu_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetailbu_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetailbu_inner{
	width:95%;
}
#apdetailbu_inner table tr{
	height:35px;
}
#apdetailbu_inner .number_input{
	text-align:right;
}
#apdetailbu_area #button_apdetailbu_regist
,#apdetailbu_area #button_apdetailbu_accept
,#apdetailbu_area #button_apdetailbu_change
,#apdetailbu_area #button_apdetailbu_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetailbu_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetailbu_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetailbu_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetailbu_head_inner li.selected
,#apdetailbu_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetailbu_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetailbu_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#apdetailbu_edit_hist{
	max-height:200px;
	overflow-y:scroll;
}
#apdetailbu_icon_edit div{
	height:120px;
--	background:lightgray;
}
#apdetailbu_icon_edit div img{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px solid lightgray;
}
#apdetailbu_user{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailbu_user_inner{
	width:870px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#apdetailbu_user_inner .apdetailbu_user_inner_div{
	width:230px;
	height:300px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:15px;
	border:1px solid white;
	background-color:#aeaeae;
	margin-bottom:10px;
--	overflow-y:auto;
}
#apdetailbu_user_inner_mid,#apdetailbu_user_inner_right{
	overflow-y:auto;
}
#apdetailbu_user_inner .apdetailbu_user_inner_div:first-child{
	height:400px;
}
#apdetailbu_user_inner_left{
	margin-left:0px!important;
	border:1px solid white!important;
	background-color:white!important;
}
#apdetailbu_user_inner .apdetailbu_user_inner_div table{
	width:100%;
}
#apdetailbu_user_inner .apdetailbu_user_inner_div table tr.selected{
	background-color:#FFE0A4;
}
#apdetailbu_area.accepter_only .apdetailbu_accept_only{
	display:none;
}
/*
apdetailmitsus
*/
#apdetailmitsus_area{

}
#apdetailmitsus_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetailmitsus_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetailmitsus_inner{
	width:95%;
}
#apdetailmitsus_inner table tr{
	height:35px;
}
#apdetailmitsus_inner .number_input{
	text-align:right;
}
#apdetailmitsus_area #button_apdetailmitsus_regist
,#apdetailmitsus_area #button_apdetailmitsus_accept
,#apdetailmitsus_area #button_apdetailmitsus_change
,#apdetailmitsus_area #button_apdetailmitsus_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetailmitsus_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetailmitsus_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetailmitsus_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetailmitsus_head_inner li.selected
,#apdetailmitsus_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetailmitsus_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetailmitsus_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#apdetailmitsus_edit_hist{
	max-height:200px;
	overflow-y:scroll;
}
#apdetailmitsus_icon_edit div{
	height:120px;
--	background:lightgray;
}
#apdetailmitsus_icon_edit div img{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px solid lightgray;
}
#apdetailmitsus_user{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailmitsus_user_inner{
	width:870px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#apdetailmitsus_user_inner .apdetailmitsus_user_inner_div{
	width:230px;
	height:300px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:15px;
	border:1px solid white;
	background-color:#aeaeae;
	margin-bottom:10px;
--	overflow-y:auto;
}
#apdetailmitsus_user_inner_mid,#apdetailmitsus_user_inner_right{
	overflow-y:auto;
}
#apdetailmitsus_user_inner .apdetailmitsus_user_inner_div:first-child{
	height:400px;
}
#apdetailmitsus_user_inner_left{
	margin-left:0px!important;
	border:1px solid white!important;
	background-color:white!important;
}
#apdetailmitsus_user_inner .apdetailmitsus_user_inner_div table{
	width:100%;
}
#apdetailmitsus_user_inner .apdetailmitsus_user_inner_div table tr.selected{
	background-color:#FFE0A4;
}
#apdetailmitsus_area.accepter_only .apdetailmitsus_accept_only{
	display:none;
}
/*
apdetailcad
*/
#apdetailcad_area{

}
#apdetailcad_inner{
	width:980px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
--	overflow-y:scroll;
	margin-bottom:850px;
}
#apdetailcad_inner .time_input_error {
	background:#ff57f2;
}
.mobile #apdetailcad_inner{
	width:95%;
}
#apdetailcad_inner table tr{
	height:35px;
}
#apdetailcad_inner .number_input{
	text-align:right;
}
#apdetailcad_area #button_apdetailcad_regist
,#apdetailcad_area #button_apdetailcad_accept
,#apdetailcad_area #button_apdetailcad_change
,#apdetailcad_area #button_apdetailcad_apply{
    width: 120px;
    height: 30px;
    margin-bottom: 5px;
}
#apdetailcad_head{
	top:40px;
	width:100%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	background:#EAEFEA;
	background:var(--background-color);
}
#apdetailcad_head_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#apdetailcad_head_inner li{
	width:196px;
--	margin-left:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	color:var(--headmenu-text-color);
	background:#369048;
	background:var(--bar-base-color2);
}
#apdetailcad_head_inner li.selected
,#apdetailcad_head_inner li.isOn{
	background:white;
	background:var(--headmenu-text-color);
	color:#369048;
	color:var(--bar-base-color2);
}
#apdetailcad_inner table td table{
	margin-top:10px;
	margin-bottom:5px;
	background:lightgray;
}
#apdetailcad_inner table th.fld{
	background: #b5c5b3;
    color: #3D3E43;
}
#apdetailcad_edit_hist{
	max-height:200px;
	overflow-y:scroll;
}
#apdetailcad_icon_edit div{
	height:120px;
--	background:lightgray;
}
#apdetailcad_icon_edit div img{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px solid lightgray;
}
#apdetailcad_user{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#apdetailcad_user_inner{
	width:870px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	overflow-y:auto;
}
#apdetailcad_user_inner .apdetailcad_user_inner_div{
	width:230px;
	height:300px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:15px;
	border:1px solid white;
	background-color:#aeaeae;
	margin-bottom:10px;
--	overflow-y:auto;
}
#apdetailcad_user_inner_mid,#apdetailcad_user_inner_right{
	overflow-y:auto;
}
#apdetailcad_user_inner .apdetailcad_user_inner_div:first-child{
	height:400px;
}
#apdetailcad_user_inner_left{
	margin-left:0px!important;
	border:1px solid white!important;
	background-color:white!important;
}
#apdetailcad_user_inner .apdetailcad_user_inner_div table{
	width:100%;
}
#apdetailcad_user_inner .apdetailcad_user_inner_div table tr.selected{
	background-color:#FFE0A4;
}
#apdetailcad_area.accepter_only .apdetailcad_accept_only{
	display:none;
}
/*
changetime area
*/
#changetime_area{

}
body.mobile #changetime_inner{
	width:100%;
	height:45%;
	margin-left:auto;
	margin-right:auto;
	changeflow-y:scroll;
}
body.atpc #changetime_inner{
	width:980px;
	height:45%;
	margin-left:auto;
	margin-right:auto;
	changeflow-y:scroll;
}
body.mobile #changetime_search{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
body.atpc #changetime_search{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#changetime_search_inner{
	width:100%;
	border:1px solid lightgray;
	border-radius:5px;
	padding-top:20px;
	background:#ffffff;
	background:var(--boxbackground-color);
}
#changetime_search .search_fld{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}
#changetime_search .search_fld .title{
	padding:3px 5px;
	font-weight:600;
	width:90px;
	display:inline-block;
}
#changetime_inner table{
	width:100%;
}
#changetime_inner td{
	height:35px;
}
#changetime_edit{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.6);
	display:none;
}
#changetime_edit #changetime_edit_inner{
	width:35%;
--	height:35%;
	margin-top:170px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid lightgray;
	border-radius:5px;
	padding:20px 10px;
	background:#ffffff;
	background:var(--boxbackground-color);
	changeflow-y:auto;
}
#changetime_edit #changetime_edit_inner table{
--	min-width:630px;
	margin-left:auto;
	margin-right:auto;
}
#changetime_edit #changetime_edit_inner table th{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:40px;
	width:120px;
}
#changetime_data tr.changetime span.time{
	background:#FF0000;
	color:#FFFFFF;
	font-weight:900;
}
#changetime_inner .changetime_cell.selected{
	border:2px solid blue;
}
#changetime_inner .changetime_cell .comp{
	display:none;
}
#changetime_inner .complete .comp{
	display:inline;
	color:red;
	font-weight:900;
}
/*
dayuser area
*/
#dayuser_area{

}
body.mobile #dayuser_inner{
	width:100%;
	height:45%;
	margin-left:auto;
	margin-right:auto;
	changeflow-y:scroll;
}