/*********************************************************
* 共通(class)
**********************************************************/
.sizeMiniMinimum{ width:20px; }

.sizeMinimum{ width:30px; }

.sizeMinimMini{ width:40px; }

.sizeSSSS{ width:200px; }

.sizeSSS{ width:60px; }

.sizeSS{ width:80px; }

.sizeS{ width:140px; }

.sizeS2{ width:140px; }

.sizeS-width{ width:100px; }

.sizeM{ width:220px; }

.sizeMM{ width:260px; }

.sizeMMM{ width:300px; }

.sizeL{ width:380px; }

.sizeLL{ width:500px; }

.sizeLLL{ width:660px; }

.sizeLLLL{ width:900px; }

.sizeLLLLL{ width:1200px; }

.heightSS{ height:40px; }

.heightS{ height:80px; }

.heightSSS{ height:140px; }

.heightM{ height:140px; }

.heightL{ height:260px; }

.heightLL{ height:340px; }

.fontSizeM{ font-size: 11px; }

.fontSizeL{ font-size: 13px; }

.fLeft{ float:left; }

.fRight{ float:right; }

.clear { clear:both; }

.mReset{ margin:0!important; }

.mLeftSmall{ margin-left:5px;}

.mLeft{ margin-left:10px;}

.mLefttLarge{ margin-left:30px;}

.mLeftLL{ margin-left:60px;}

.mRight{ margin-right:10px;}

.mRightLarge{ margin-right:30px;}

.imeActive{ime-mode: active;}

.imeInactive{ime-mode: inactive;}

.imeDisabled{ime-mode: disabled;}

.imeAuto{ime-mode: auto;}

.fontBold{font-weight: bold;}

.textLeft{
	text-align:left;
}

.textRight{
	text-align:right;
}

.textCenter{
	text-align:center;
}

.buttonSSSS{
	height:26px;
	width:30px;
}

.buttonSSS{
	height:26px;
	width:50px;
}

.buttonSS{
	height:26px;
	width:68px;
}


.buttonS{
	height:26px;
	width:100px;
}

.buttonS-width{
	height:26px;
	width:130px;
}

.buttonS-auto{
	height:26px;
	width:auto;
}

.buttonM{
	height:33px;
	width:125px;
}

.buttonM-width{
	height:33px;
	width:150px;
}

.buttonL{
	height:40px;
	width:150px;
}
#target_disabled{
	
}

#target_abled{
	display: none;
}

.buttonMenu{
	height:32px;
	width:180px;
	margin-bottom:10px;
	margin-right:5px;
}
.hiddenArea{
	display: none;
}
.readonly{
	background-color: #dcdcdc !important;
	opacity: 0.5 !important;
}
.disable-select {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}

.disable-input{
	color: #8c8c8c;
	background-color: #f1f1f1;
	border: 1px #abadb3 solid;
	pointer-events: none;
}

select.disable-input{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 2px;
	background-color: #fff;
	color: #6d6d6d;
}

.disable-selectIcon:after{
	content: " ";
	position: absolute;
	z-index: 1;
	top: 36px;
	left: 125px;
	color: #6d6d6d;
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 4px solid #afafaf;
	border-right: 4px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 4px solid transparent;
}

.displayNone{
	display: none;
}

.display-table {
	display: table;
}
.display-table .row {
	display: table-row;
}
.display-table .cell {
	display: table-cell;
}

.disabledtextbox{
	border:0;
	background-color:#ffffff;
	color:#000000;
	
}

/*********************************************************
* JQuery-UI上書き用
**********************************************************/
.no-title .ui-dialog-titlebar {
	display: none;
}


.no-close .ui-dialog-titlebar-close {
	display: none;
}

.ui-dialog .ui-dialog-buttonpane{
	padding: 0;
	margin: 0;
}

.no-padding .ui-accordion,
.no-padding .ui-accordion-content {
    padding: 0;
}

.tabs .ui-tabs-panel{
	padding: 10px 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

input.ui-button{
	padding: 0 10px;
}
input.ui-widget{
	font-size:12px;
}


/*********************************************************
* 共通(id)
**********************************************************/
#title{
	height:30px;
	min-width:1200px;
	padding:0 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#titleName{
	font-size:16px;
	min-width:400px;
	padding: 5px 0;
	margin: 0;
}

#titleMenu{
	float:left;
}

#titleMenu ul{
	font-size: 0;
	height:100%;
	list-style-type:none;
}

#titleMenu ul li{
	padding:0 10px;
	font-size: 14px;
	display: inline-block;
	min-width:90px;
	height:100%;
}

#titleMenu ul li a{
	padding: 5px 0;
	display: inline-block;
}


#titleMenu ul.subMenu{
	width: 200px;
	display:none;
}

#titleMenu ul.subMenu li{
	width: 100%;
}


#titleUser{
	float:right;
	padding: 5px 20px 0 0;
	font-size:14px;
	cursor:pointer;
	background-image:url(../img/Log_out_16.png);
	background-repeat:no-repeat;
	background-position:right 8px;
}

#amanoCard{
	background-image:url(../img/amano_card_min.png);
	width:130px;
	height:82px;
	background-repeat:no-repeat;
}

#amanoLabel{
	background-image:url(../img/amano_label_min.png);
	width:130px;
	height:82px;
	background-repeat:no-repeat;
}

#projStatus{
	float:left;
	height:30px;
	min-width:940px;
}

#projStatus ul{
	margin: 0;
	padding: 0;
	font-size: 0;
	list-style-type:none;
}

#projStatus ul li{
	font-size: 14px;
	display: inline-block;
	width:120px;
	height:20px;
	padding:5px 5px;
	text-align:center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#projStatus ul li:not(:last-child){
	margin-right:30px;
}


#projStatus ul li a{
	display: inline-block;
	width:100%;
	height:100%;
}

#main{
	padding:10px 0 5px 0;
	min-width:1200px;
}

#main_sub{
	padding:10px 0 5px 0;
}


.dataLoader{
	background-image: url(../img/ajax-loader.gif);
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
}

/*********************************************************
* 共通(入力)
**********************************************************/
input[type="text"],
input[type="password"],
input[type='date'],
select{
	height:26px;
	border: 1px solid #bbb;
	border-radius: 3px;
	background: #fff;
}

input[type='date'] {
	width: 120px;
}

select.multiView{
	height:230px;
	overflow-x: hidden;
}
select.multiViewL{
	height:440px;
}

/*********************************************************
* 共通(table)
**********************************************************/
table{
	margin:auto;
	/*width:100%;*/
	border-collapse: separate;
	border-spacing: 0;
}

table.contents th:not(.originalHeader){
	width:150px;
	height:30px;
	text-align:left;
	padding:2px 0 2px 5px;
}
table.contents th.sizeSS{
	width: 75px;
	overflow:auto;
}

table.contents th.sizeS{
	width: 140px;
	overflow:auto;
}

table.contents th.sizeS2{
	width: 140px;
}

table.contents th.sizeM{
	width: 220px;
}

table.contents th.sizeL{
	width: 250px;
}

table.contents td label{
	display:inline-block;
	width:100px;
}

table.contents td label.auto{
	width:auto;
}

table.details {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

table.details th{
	text-align:left;
	height:26px;
}

table.details tr td{
	height:36px;
}

table.details tr td.price{
	width:90px;
}

table.entrydates th{
	width:110px;
	height:30px;
	text-align:left;
	padding:2px 0 2px 5px;
}
table.entrydates th.date{
	width:60px;
	padding: 0;
}

table.entrydates td.date input{
	width:60px;
}

.rowCtrl{
	padding-left:5px;
}


table.wfTable tr th.shinsei{
	width:200px;
}

div.stateBall{
	float: left;
	color: #f8f8f8;
	font-size:12px;
	width: 36px;
	height: 20px;
	margin: 1px 0 1px 0;
	background:#888888;
	cursor: pointer;
    border-radius: 8px;        		/* CSS3草案 */  
    -webkit-border-radius: 8px;    	/* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   		/* Firefox用 */  
}

div.stateBall.submission{
	background:#ee0000;
}
div.stateBall.commit{
	background:#0000ee;
}
div.stateBall.cancel{
	background:#dd890a;
}
div.stateBall.invalid{
	background:#ef16ec;
}
div.taHeader{
	font-size:18px;
	height:40px;
}

div.taHeader button{
	height:26px;
}


table.taTable{
}

table.taTable tr th{
	vertical-align:top;
}
table.taTable tr th.name{
	width:60px;
}


table.taTable tr th.date{
	width:20px;
}
table.taTable tr th.dateWeek{
	width:30px;
}
table.taTable tr th.place{
	width:240px;
}

table.taTable tr th.division{
	width:43px;
}
table.taTable tr th.state{
	width:42px;
}
table.taTable tr th.remarks{
	width:220px;
}
table.taTable tr th.time{
	width:46px;
}
table.taTable tr th.timesub{
	font-size:12px;
}
table.taTable tr th.request{
	width:40px;
}
table.taTable tr td.name{
	width:120px;
}

table.taTable tr th.total{
	width:90px;
}
table.taTable tr th.total2{
	width:60px;
}
table.taTable tr th.shinsei{
	width:200px;
}

table.taTable tr td.date,
table.taTable tr td.dateWeek,
table.taTable tr td.division,
table.taTable tr td.state{
	text-align:center;
}

table.taTable tr td.time,
table.taTable tr td.total{
	text-align:right;
}

table.paidPatterns{
	margin:0;
}


.vertical_top{
	vertical-align:top;
}

.timeAttendance{
	width:1300px;
}

.attendanceRequest{
	width:720px;
}

.attendanceRequestMonthly{
	width:940px;
}

.attendanceRequestOverTable{
	width:850px;
}

.requestList{
	width:1200px;
}


.employeeInfo{
	width:500px;
}

.workformInfo{
	width:640px;
}


table.wfTable tr th.checkbox{
	width:20px;
}

table.wfTable tr th.id{
	width:60px;
}

table.wfTable tr th.name{
	width:200px;
}

table.wfTable tr th.nameshin{
	width:120px;
}

table.wfTable tr th.info{
	width:20px;
}

table.wfTable tr th.date{
	width:100px;
}

table.wfTable tr th.targetdate{
	width:120px;
}

table.wfTable tr th.timeTotal{
	width:72px;
}

table.wfTable tr th.timeTotal-min{
	width:49px;
}

table.wfTable tr th.salaried{
	width:50px;
}
table.wfTable tr th.salaried-width{
	width:100px;
}

table.wfTable tr th.elButtonMin{
	width:30px;
}

table.wfTable tr th.elButtonMin2{
	width:56px;
}

table.wfTable tr th.requestNumber{
	width:80px;
}

table.wfTable tr th.requestNumbershin{
	width:100px;
}

table.wfTable tr th.elButtonS{
	width:100px;
}

table.wfTable tr th.elButtonSshin{
	width:120px;
}

table.wfTable tr th.elButtonS2{
	width:55px;
}

table.wfTable tr th.elButtonM{
	width:210px;
}

table.wfTable tr th.elButton{
	width:270px;
}

table.wfTable tr th.grantInfo{
	width:110px;
}

table.wfTable tr th.generic180{
	width:180px;
}

table.wfTable tr th.place{
	width:300px;
}
table.wfTable tr th.placeCalendar{
	width:320px;
}
table.wfTable tr th.showTime{
	width:110px;
}
table.wfTable tr th.entryTime{
	width:170px;
}
table.wfTable tr th.remarks{
	width:697px;
}

table.wfTable tr th.time{
	width:80px;
}
table.wfTable tr th.superior{
	width:180px;
}
table.wfTable tr th.spacer{
	width:40px;
}
table.wfTable tr td.spacer{
	text-align:center;
	width:40px;
}
table.wfTable tr td.time,
table.wfTable tr td.salaried,
table.wfTable tr td.workd,
table.wfTable tr td.ykday,
table.wfTable tr td.hznday{
	text-align:right;
}
table.wfTable tr td.time input{
	width:80px;
}

table.wfTable tr th.pattern{
	width:180px;
}
table.wfTable tr td.pattern select{
	width:180px;
}

table.wfTable tr th.workState{
	width:80px;
}
table.wfTable tr td.workState select{
	width:80px;
}

table.wfTable tr th.dayCount{
	width:40px;
}
table.wfTable tr td.dayCount input{
	width:40px;
}

table.wfTable tr th.requestPattern{
	width:145px;
}

table.wfTable tr th.requestPatternshin{
	width:145px;
}

table.wfTable tr th.requestState{
	width:100px;
}

table.wfTable tr th.requestStateHinin{
	width:140px;
}

table.wfTable tr th.requestStateshin{
	width:100px;
}

table.wfTable tr th.approveState{
	width:160px;
}

table.wfTable tr th.negationReason{
	width:200px;
}

table.wfTable tr th.overTime{
	width:360px;
}

table.wfTable tr td button{
	height:24px;
}

table.wfTable tr td button.check{
	height:45px;
	width:55px;
}

table.wfTable tr th.inputNo,
table.wfTable tr td.inputNo{
	width:150px;
}

table.wfTable .title{
	width:60px;
}

/*********************************************************
* 共通(div)
**********************************************************/
div{
	margin:auto;
}

div.vertical_middle {
	display: table-cell;
	vertical-align: middle;
} 

div.box{
	padding: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

div.breadcrumb{
	font-size:12px;
	padding: 10px 0;
}
div.breadcrumb a{
	font-size:12px;
	color: #000000;
}


div.halfWrapper{
	text-align:left;
	vertical-align: top;
	width:1100px;
}

div.box.contact{
	display: inline-block;
	text-align:left;
	vertical-align: middle;
	width:1080px;
	height:20px;
	overflow:hidden;
	position: relative;
	margin-top: 0px;
	margin-bottom: 5px;
	background-color: #ffecec;
	background-image: url("../img/exclamation-mark.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}

div.box.info{
	display: inline-block;
	text-align:left;
	vertical-align: middle;
	width:1080px;
	height:30px;
	overflow:hidden;
}


div.half{
	display: inline-block;
	vertical-align: top;
	width:380px;
}


div.box.half{
	display: inline-block;
	text-align:left;
	vertical-align: top;
	width:220px;
}

div.box.menu-middle{
	display: inline-block;
	text-align:left;
	vertical-align: top;
	width:420px;
}

div.box.menu-middle2{
	display: inline-block;
	text-align:left;
	vertical-align: top;
	width:630px;
}

div.box.menu-large{
	display: inline-block;
	text-align:left;
	vertical-align: top;
	width:830px;
}


div.box.menu-heightS{
	height:128px;
}

div.box.menu-heightM{
	height:170px;
}


div.box.menu-middle div.buttonArea,
div.box.menu-middle2 div.buttonArea,
div.box.menu-large div.buttonArea{
	text-align:left;
	padding-left:20px;
}

div.box-large{
	width:500px;
	height:300px;
	padding:20px 10px;
}

div.box-middle{
	width:400px;
	height:200px;
	padding:15px 8px;
}

div.box-small{
	width:300px;
	height:100px;
	padding:10px 5px;
}

div.box span.title,
div#main_sub span.title{
	display:inline-block;
	vertical-align:middle;
	min-width:150px;
	height:20px;
	padding: 5px;
	margin-bottom:5px;
}

div.box span.titleSub{
	display:inline-block;
	height:20px;
	padding-left:5px;
}

div.box span.titleDetail{
	display:inline-block;
	vertical-align:middle;
	height:20px;
}


div.buttonArea{
	text-align:center;
}

div.pagerWrapper{
	height:25px;
	padding:10px 0;
}

div.pagerWrapper select.pageCount{
	margin-right: 10px;
	float: right;
}

div#msgDiv{
	width:600px;
	height:100px;
}

div.relative{
	position:relative;
}

#divItemList{
	position:absolute;
	top:0px;
	right:5px;
}
.dissavdt{
	font-size:13px;
}
div.space-topSmall{
	margin-top:5px;
}
div.space-top{
	margin-top:10px;
}
div.space-topMiddle{
	margin-top:20px;
}
div.space-topLarge{
	margin-top:50px;
}


div.draggableList div{
	padding:3px 5px;
}

div.comment-box{
	padding: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.flex {
	display: flex;
	align-items: center;
}
/*********************************************************
* 共通(その他)
**********************************************************/
ul#mainMenu{
	float: left;
}
ul#mainMenu li a{
	display: inline-block;
	width:100%;
}
ul#loginMenu {
	border: 0;
}
ul#loginMenu li{
	background-color: #117711;
	border: 0;
	height: 24px;
	margin:0;
}
ul#loginMenu li li{
	background-color: #117711;
    border-bottom: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
}
ul#loginMenu li a{
	color: #fcfcfc !important;
	font-weight: normal;
	display: block;
	padding: 3px 0.4em 3px 0.4em;
	width: 100%;
}
/*********************************************************
* ログイン画面用
**********************************************************/
#dummytitle{
	height:25px;
	padding:5px 0 0 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

div.box-login{
	width:400px;
	height:230px;
	padding:10px 5px;
}

div.loginTitle{
	height:30px;
}

div.loginBoxWrapper{
	width:400px;
	height:150px;
}
div.loginBox{
	height:150px;
}

div.loginBox table{
	width:400px;
}
div.loginBox table th{
	width:100px;
	font-weight:normal;
}

div.bottomSet{
	position:absolute;
	bottom:5px;
}

.exclamation_box {
	position: relative;
	background-color: #ffecec;
	border: 1px solid #9e9e9e;
	border-radius: 4px;
	padding: 20px 10px;
	margin-bottom: 10px;
}

.exclamation_box .exclamation_close {
	position: absolute;
	top: 8px;
	right: 8px;
	display: inline-block;
	background-image: url("../img/close.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 10px;
	height: 10px;
	cursor: pointer;
}

.exclamation_box .exclamation_describe:before {
	content: '';
	display: inline-block;
	background-image: url("../img/exclamation-mark.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 10px
}

/*********************************************************
* 一覧用
**********************************************************/
table#result{
	border-collapse: separate;
	border-spacing: 0;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width:96%;
}

div#main div.wideFull{
	width: 100%;
}
div#main table.areaHalf{
	width: 70%;
	float: left;
}

table#result tr th{
	height:30px;
	text-align:left;
}


table#result tr td{
	height:50px;
	padding: 1px 5px 5px;
	cursor: pointer;
}

table#result.noPointer tr td{
	cursor: default;
}

table#result tr.min th{
	padding: 2px 5px;
}

table#result tr.min td{
	height:35px;
	padding: 2px 5px;
}

table#result tr td.width40,
table#result tr th.width40{
	width:40px;
}

table#result tr td.width80,
table#result tr th.width80{
	width:80px;
}

table#result tr td.width100,
table#result tr th.width100{
	width:100px;
}

table#result tr td.width120,
table#result tr th.width120{
	width:120px;
}

table#result tr td.width140,
table#result tr th.width140{
	width:140px;
}

table#result tr td.width160,
table#result tr th.width160{
	width:160px;
}

table#result tr td.width260,
table#result tr th.width260{
	width:260px;
}

table#result tr td.numeric{
	text-align:right;
	padding-right:10px;
}

table#result tr td.docType{
	padding-left:40px;
}


table.subTable{
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width:100%;
}

table.subTable tr th{
	height:30px;
	text-align:left;
}

table.subTable tr td{
	height:30px;
	padding: 1px 5px 5px;
	cursor: pointer;
}

table.subTable tr td.space,
table.subTable tr th.space{
	width:30px;
}

table.subTable tr td.name,
table.subTable tr th.name{
	width:384px;
}

table.subTable tr td.price,
table.subTable tr th.price{
	width:84px;
}

table.subTable tr td.itemDivision,
table.subTable tr th.itemDivision{
	width:144px;
}



div.searchHeader,
div.searchFooter{
	margin:0;
	height:30px;
	padding-right:18px;
}

div.searchResult{
	margin:0;
	overflow-y:scroll;
	height:250px;
}

div.searchResult.min{
	height:110px;
}



div.searchHeader table#result,
div.searchResult table#result,
div.searchFooter table#result{
	width: 100%;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

div.searchHeader table.subTable,
div.searchResult table.subTable,
div.searchFooter table.subTable{
	width: 676px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

table.contents div.searchHeader table.wide,
table.contents div.searchResult table.wide,
table.contents div.searchFooter table.wide{
	width: 820px;
}

table.contents td.employtype{
	vertical-align: top; 
}
table.contents td.employtype div{
	height:350px;
	width: 200px;
	overflow-y:auto;
}

table.corpInfo{
	height:110px;
}
div.searchHeader table#result,
div.searchHeader table.subTable{
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
}

div.searchResult table#result,
div.searchFooter table.subTable{
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
}


table.multiSelect tr td {
	width:300px;
}
/*********************************************************
* ファイルアップロード
**********************************************************/
div.fileDropArea{
	float: right;
	width: 220px;
	margin: 5px 25px 20px 5px;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.13);
	padding: 4px;
	border: 2px solid #ffffff;
}

div.fileDropArea #file_drop{
	border: 1px solid rgba(0, 0, 0, 0.03);
	min-height: 220px;
	padding: 10px;
	background: none repeat scroll 0 0 #ebebeb;
}
div.fileDropArea #file_drop p{
	margin: 0;
}
div.fileDropArea #file_drop div.dz-preview{
	margin: 8px;
}
div.fileDropArea #file_drop a{
	color: #2e6e9e!important;
	font-size: 12px;
	font-weight: bold;
}
div.fileDropArea #file_drop div.dz-filename span{
	font-size: 12px;
}

div.fileDropArea #file_drop #fileExtensionArea{
	margin-top: 10px;
}
div.fileDropArea #fileExtension {
	float: left;
	padding-left: 14px;
	margin: 0;
}
div.fileDropArea #fileExtension li{
	list-style-type: none;
	float: left;
	width: 60px;
}
div.fileDropArea #fileUploadError {
	word-break: break-all;
}

/*********************************************************
* 送信メール一覧画面用
**********************************************************/
div.sendMailSearchCondition {
	padding-left: 25px;
}

/*
 * [Clearfix]
 */
div.wideFull:after {
	content: "";
	display: block;
	clear: both;  
}
div.wideFull {
	display: inline-block;
}
html:lang(ja) div.wideFull {
	display: block;
}
/*
 * [/Clearfix]
 */
/*********************************************************
* 担当者マスタ画面用
**********************************************************/
img.privateApprovalStamp {
	width: 60px;
	margin-bottom: 10px;
}


/*********************************************************
* 各画面用
**********************************************************/
div#workspaceMain div.areaWrapper{
}

div#workspaceMain div.areaWrapper div.targetTitle{
	width:240px;
	padding:5px 0;
	text-align:center;
}

div#workspaceMain div.areaWrapper div.targetList{
	width:240px;
	height:400px;
	overflow-x:hidden;
	overflow-y:auto;
}
div#workspaceMain div.areaWrapper div.targetList div.listItem{
	padding:5px 5px;
	margin:2px;
	cursor:move;
}


table.entrydates{
	margin:0px;
}


table.calendarTable tr th{
	width:24px;
	height:10px;
}

table.calendarTable tr td{
	width:24px;
	height:24px;
}

table.calendarTable.calL tr td{
	width:140px;
	height:80px;
}
table.calendarTable.calL tr td.cover{
	height:80px;
}

table.calendarTable.confirm tr td.cover{
	height:110px;
	position:relative;
}

table.calendarTable.confirm tr td.cover div.coverdiv{
        width:140px;
        height:110px;
        position:relative;
}

table.calendarTable.confirm tr td.cover input{
	position:absolute;
	bottom:0;
	right:0px;
}


table.shiftTable tr th{
	width:80px;
	height:30px;
}

table.shiftTable tr td{
	width:80px;
	height:24px;
}

table.shiftTable tr th.name{
	width:384px;
}

table.shiftDetailTable tr th{
	width:80px;
	height:30px;
}

.dp_legal_holiday .ui-state-default {
	background:#ff9999 !important;
	color:#ffffff !important;
}
	
.dp_out_holiday .ui-state-default {
	background:#4444ff !important;
	color:#ffffff !important;
}

table.workcontents td{
	width:50px;
}

.dlkbn{
	text-align:center;
}

/*********************************************************
* デモモード用CSS
**********************************************************/
.timeAttendancedemo{
	width:640px;
}

table.taTable tr th.timedemo{
	width:60px;
}

table.taTable tr th.timedemoW{
	width:92px;
}

/*********************************************************
* フォーカス時のカーソル
**********************************************************/
.focus{
	outline:1px dashed white;
	outline-offset:-5px;
}

/*********************************************************
* ツールチップ
**********************************************************/
.tooltipItem{
	border-bottom: 2px solid #f00;
	cursor: help;
	display: inline-block;
	line-height: 18px;
}
.tooltip{
	max-width: 530px;
	background:none;
	box-shadow: none;
	color: white;
	padding: 5px 10px;
	background-color: rgba(0, 0, 0, 0.8) !important;
}
.tooltip_msgBox{
	font-size: 12px;
}

/***********************************
 * 給与連携データDL
 ***********************************/
.constentBox{
  position: relative;
  height: 400px;
}

/*.tableSize {
  width: 1760px;
}

#header-work talbe{
  table-layout: fixed;
}

.admin_csv-download_content .sizeSSS {
    width: 58px;
}

 ヘッダー 
.header-userBox{
  position: absolute;
  width: 252px;
  z-index: 1;
}
.header-userList .jid{
  width: 100px!important;
  height: 69px!important;
}
.header-userList .name{
  width: 145px!important;
  height: 69px!important;
}

 ボディ 
.body-user{
  position: absolute;
  top: 71px;
  overflow: hidden;
  width: 252px;
  height: 288px;
  z-index: 1;
}

.body-userList .jid{
    width: 100px!important;
}
.body-userList .name{
    width: 59% !important
	
}

 ヘッダー 
.header-workBox{
  position: absolute;
  overflow: hidden;
  left: 250px;
}
.header-workWapper{
}

 ボディ 
.body-work{
  position: absolute;
  top: 71px;
  left: 250px;
  overflow: hidden;
}
.body-workWapper{
  overflow: scroll;
  width: 1070px;
  height: 305px;
}*/

/*セル同士の隙間はなくす*/
.sticky_table{
border-spacing: 0px!important;
}

/* 縦スクロール */
.sticky_table thead{
/*   縦スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  bottom: 500;
/*   tbody内のセルより手前に表示する */
  z-index: 3;
  background-color: #88cc88;
}

/* 横スクロール tr(JID固定) */
.sticky_table thead tr:first-child th:first-child{
  position: -webkit-sticky;
  position: sticky;
  left: 0;
   /*tbody内のセルより手前に表示する*/ 
  z-index: 2;
}
/* 横スクロール tr(名前固定) */
.sticky_table thead tr:first-child th:nth-child(2){
  position: -webkit-sticky;
  position: sticky;
  left: 3.6%;
   /*tbody内のセルより手前に表示する*/ 
  z-index: 2;
}
/*横スクロール時に固定する td (JID固定)*/ 
.sticky_table tbody tr td:first-child{
  position: -webkit-sticky;
  position: sticky;
  left: 0;
   /*tbody内のセルより手前に表示する*/ 
  z-index: 2;
  background-color: #ceffce;
}
/*横スクロール時に固定する(名前固定)*/ 
.sticky_table tbody tr td:nth-child(2){
  position: -webkit-sticky;
  position: sticky;
  left: 3.6%;
   /*tbody内のセルより手前に表示する*/ 
  z-index: 2;
  background-color: #ceffce;
}

/*ヘッダー行内の他のセルより手前に表示する*/ 
.sticky_table tbody td:nth-child(-n+3){
  z-index:1;
}

 /* 表のサイズ調整 */ 
.sticky_table_wrapper {
  overflow: scroll;
/*  width: calc(100vw - 1rem);
  height: 75vh;*/
	width: 100%;
    height: 305px;
}

div#header-work {
	width: 100%;
    height: 380px;
	 overflow:scroll;
}

 /* 列幅の切り分け */
.tableSize {
    width: 1900px;
}
#sticky_table{
	width: 100%;
}
.sizeJID{
	width: 3.6%;
}
.sizeName{
	width: 12%;
}
.sizeTime{
	width: 3.5%;
}
.sizeDay{
	width: 2.8%;
}
.sizeNum{
	width: 2.3%;
}
.sizeDL{
	width: 1.4%;
}


 /*表のborderを引く*/  
 #dataTable thead tr th{
	/*右と下に一本線のborder*/
	 border-right-style: solid;
	 border-bottom-style: solid;
	 border-collapse: separate;
	 border-color: #88cc88;
 }
 #dataTable thead tr:first-child th{
	/*上に一本線のborder*/
	 border-top-style: solid;
	 border-collapse: separate;
	 border-color: #88cc88;
 }
  #dataTable thead tr:first-child th:first-child{
	 /*左に一本線のborder*/
	 border-left-style: solid;
	 border-collapse: separate;
	 /*border :0.5px;*/
	 border-color: #88cc88;
 }
 
  #dataTable tbody.Group tr td{
	/*右と下に一本線のborder*/
	 border-right-style: solid;
	 border-bottom-style: solid;
	 border-collapse: separate;
	 border-color: #88cc88;
 }
 #dataTable tbody.Group tr td:first-child{
	/*左に一本線のborder*/
	 border-left-style: solid;
	 border-collapse: separate;
	 border-color: #88cc88;
 }










/*********************************************************
* 月次締申請
**********************************************************/

#list-contentBox {
	position: relative;
	height: 400px;
	margin-top: 10px;
}
#list-contentBox .list_item-jid {
	width: 100px;
}
#list-contentBox .list_item-name {
	width: 200px;
}
#list-contentBox .list_item{
	width: 50px;
}

/* ------------------------- 【 ヘッダー 】 ------------------------- */
#list-contentBox .list-header-main {
	position: absolute;
	width: 310px;
	z-index: 1;
}
#list-contentBox .list-header-main_wapper {
	width: 1052px;
}
#list-contentBox .list-header-main_table {
	height: 75px;
}
#list-contentBox .list-header-sub {
	position: absolute;
	overflow: hidden;
	left: 308px;
	width: 1052px;
	height: 75px;
	table-layout: fixed;
}
#list-contentBox .list-header-sub_wapper {
}
#list-contentBox .list-header-sub_table{
	width: 1538px;
	height: 75px;
}

/* ------------------------- 【 ボディ 】 ------------------------- */
#list-contentBox .list-body-main {
	position: absolute;
	top: 73px;
	overflow: hidden;
	width: 310px;
	height: 288px;
	z-index: 1;
}
#list-contentBox .list-body-main_wapper {
}
#list-contentBox .list-body-sub {
	position: absolute;
	top: 73px;
	left: 308px;
	overflow: hidden;
}
#list-contentBox .list-body-sub_wapper {
	overflow-x: scroll;
	overflow-y: scroll;
	width: 1069px;
	height: 305px;
}
#list-contentBox .list-body-sub_table {
	width: 1538px;
}


/*********************************************************
* 並び替え
**********************************************************/
.sortItem{
	color: red;
}

/********** 公休数管理 **********/ 
.public-holiday-info{
	width: 420px;
}

/*********************************************************
* ヘルプウィンドウ
**********************************************************/
.help_box {
	position: relative;
	background-color: #dffddf;
	border: 1px solid #8c8;
	border-radius: 4px;
	padding: 20px 10px;
	margin-bottom: 10px;
}

.help_box .help_close {
	position: absolute;
	top: 8px;
	right: 8px;
	display: inline-block;
	background-image: url("../img/close.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 10px;
	height: 10px;
	cursor: pointer;
}

.help_box .help_describe:before {
	content: '';
	display: inline-block;
	background-image: url("../img/question.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 10px;
}

.help_box .help_describe{
	margin: 0;
	cursor: default;
}

.help_box .help_text{
	vertical-align: bottom;
	display: inline-block;
	height: 20px;
	width: 40px;
	border-bottom: 2px solid #f00;
	line-height: 18px;
}

.notselected {
	border: 1px solid #327E04;
	background: #459e00 url("images/ui-bg_highlight-hard_15_459e00_1x100.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #ffffff;
	opacity: 0.5;
}

.selected{
	border: 1px solid #327E04;
	background: #459e00 url("images/ui-bg_highlight-hard_15_459e00_1x100.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #ffffff;
}

/*********************************************************
* 出勤簿作成　管理者
**********************************************************/
.bottoming{
	vertical-align: bottom;
}

/* ログファイル一覧 */
.logsearch__box {
	position: sticky;
	top: 0;
	left: 0;
	width: 940px;
	padding: 10px 20px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 10px;
	box-sizing: border-box;
}

.logsearch__box > div {
	margin-left: 0;
	margin-right: 20px;
}

.logsearch__box label {
    display: block;
}

.logsearch__box .download {
	display: block;
	margin-left: auto;
	margin-right: 0;
	border-left: 1px solid #fff;
}

.logsearch__box .download-icon {
	position: relative;
	content: "";
	display: block;
	width: 16px;
	height: 12px;
	border-left: 1px solid #fff;
	border-right: 1px solid  #fff;
	border-bottom: 1px solid #fff;
	color: #fff;
}

.logsearch__box .download-icon span:nth-child(1),
.logsearch__box .download-icon span:nth-child(2) {
	position: absolute;
	top: 0;
	width: 3px;
	height: 1px;
	background-color: #fff;
}

.logsearch__box .download-icon span:nth-child(1) { left: 0; }
.logsearch__box .download-icon span:nth-child(2) { right: 0; }

.logsearch__box .download-icon::before {
	content: "\02193";
	display: block;
	position: absolute;
	top: 4px;
	left: 50%;
	transform: translate(-50%, -50%);
}

.logsearch-result {
    border: 1px solid #88cc88;
    border-spacing: 0!important;
    text-align: center;
}

.logsearch-result td {
    padding: 0 15px;
    border-top: 1px solid #88cc88;
}

.icon-sort {
	cursor: pointer;
}
.icon-sort.asc::after {
	content: '▲';
	display: inline-block;
	width: 15px;
	height: 15px;
	/* color: red; */
}
.icon-sort.desc::after {
	content: '▼';
	display: inline-block;
	width: 15px;
	height: 15px;
	/* color: red; */
}