@charset "MS932";
/*-------------------------------------------------------------------------------------
  品質確保施策�AによるCSSの追加
  
<link href="<%=context%>/jsp/css/XXXcommon.css" rel="stylesheet" type="text/css">
<link href="<%=context%>/jsp/css/KXXlayout.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="<%=context%>/jsp/js/KXXtogglesection.js"></script>

-------------------------------------------------------------------------------------*/

/*----------共通----------*/

/*改行不可*/
.kzzNowrapWhite{
	white-space:nowrap !important;
}

/*斜体解除*/
em{
	font-style: normal !important;
}


/*テキストボックスの非活性*/
input[type="text"]:disabled{
    background-color: #F2F2F2;
    border-color: #BCBCBC;
    pointer-events: none;
}

/*gap0にする*/
.gapO{
	gap:0 !important;
}

/*折り返し有にする*/ 
.wordBreak{ 
	word-break:break-all; 
}

/*ヘッダを可変にする*/
.layoutAuto{
	table-layout: auto !important;
}


/*ヘッダー部の色を灰色にする*/ 
.headerColor{ 
    background-color: #E7EAED; 
} 

/*横向きの表の高さを統一する*/
.height32{
	height:32px;
}

@media screen and (min-width: 1280px){ 
	.resHeight32{
		height:32px;
	}
}
/*----------マージン関連----------*/

/*縦向きの表の横幅100%に調整*/
.tableLayout{
	margin-right: 0 !important;
	margin-left: 0 !important; 
}

/*マージンを消す*/
.noMargin{ 
	margin:0 0 0 0 !important;  
}

/*右のマージンを消す*/
.noMarginRight{
	margin-right:0 !important;
}

/*上のマージンを消す*/
.noMarginTop{
	margin-top:0 !important;
}

/*ボトムに8pxのmarginを挿入する*/
.marginBottom{ 
	margin-bottom:8px !important; 
}

/*ボトムに16pxのmarginを挿入する*/
.marginBottom16{ 
	margin-bottom:16px !important;  
}

/*上に8px（マージン）*/ 
.marginTop8{
	margin-top:8px !important;
}

/*上余白16px(マージン)*/
.marginTop16{ 
	margin-top:16px !important; 
}

/*左右のみマージンを消す*/ 
.noMarginSide{ 
	margin-right:0px !important; 
	margin-left:0px !important; 
}

/*左右に8px(マージン)*/
.yokoMargin8{
	margin-right: 8px;
	margin-left: 8px;
}

/*右に8px(マージン)*/
.marginRight8{
	margin-right: 8px;
}

/*右に16px（マージン）*/ 
.marginRight16{
	margin-right:16px;
}

/*左に8px(マージン)*/
.marginLeft8{
	margin-left: 8px;
}

/*左に16px（マージン）*/ 
.marginLeft16{
	margin-left:16px;
}

/*左に24px（マージン）*/ 
.marginLeft24{
	margin-left: 24px !important;
}
@media screen and (min-width: 375px) and (max-width: 767px){
	/*上に8pxマージン(スマホ表示のみ)*/ 
	.marginTop8phone{
		margin-top:8px !important;
	}
.noMarginleftphone{
		margin-left:0;
	}
}
@media screen and (max-width: 767px){ 
	.resMarginLeft16{ 
		margin-left:16px !important 
	} 
} 
@media screen and (min-width: 768px) and (max-width:1279px){ 
	.tabletMarginLeft16{ 
		margin-left:16px !important 
	}	 
}
/*----------パディング関連----------*/

/*入力欄の左右に8pxのパディングをいれる*/
.paddingInput{ 
	padding-left:8px !important;
	padding-right:8px !important;  
}

/*入力欄の左に8pxのパディングをいれる*/
.paddingLeftInput{ 
	padding-left:8px !important;
}

/*縦向きの表のデータ部の左余白*/
.scroll tbody td{
	padding-left:8px !important;
}

/*右16px余白*/
.paddingRight{
	padding-right:16px !important;
}

/*テキストボックス内の右余白*/
.text-paddingRight{
	padding-right:8px !important;
}

/*パディングを0にする*/
.noPadding{ 
	padding:0px !important; 
}

/*入力欄右パディング*/
.paddingInputRight{ 
	padding-right:8px !important;
}

/*左右のパディングを消す*/ 
.noPaddingSide{ 
	padding-right:0px !important; 
	padding-left:0px !important; 
} 

/*全方向に8pxのパディングをいれる*/
.padding8px{
	padding:8px;
}

/*左に16pxの余白*/
.paddingLeft16{
	padding-left:16px !important;
}

/*上のパディングを消す*/
.noPaddingTop{
	padding-top:0 !important;
}
/*----------列幅関連----------*/

/*幅を自動調整させる*/
.widthAuto{
	width:auto !important;
}

@media screen and (min-width: 1280px){

	/*横向きの表に対する列幅調整*/
	.noStretched60{
		width: 60%;
	}
	/*横向きの表に対する列幅調整*/
	.noStretched65{
		width: 65%;
	}
}

/*表に対する列幅調整*/ 
.noStretched50{ 
	width: 50%; 
} 

/*表に対する列幅調整*/ 
.noStretched33{
	width: 33%;
}

/*表に対する列幅調整*/ 
.noStretched25{ 
	width: 25%; 
} 


/*列幅を120pxは確保する*/ 
.minWidth120{
	min-width:120px;
}

/*最低60pxは確保する*/ 
.minWidth60{
	min-width:60px;
}

/*最低70pxは確保する*/ 
.minWidth70{
	min-width:70px;
}

/*最低30pxは確保する*/
.minWidth30{
	min-width:30px;
}

/*最低50pxは確保する*/
.minWidth50{
	min-width:50px;
}

/*最低350pxは確保する*/
.minWidth350{
	min-width:350px;
}

/*幅を100％にする*/
.width100{
	width:100% !important;
}

.noStretched70{ 
	width: 70%; 
} 

@media screen and (min-width: 768px) and (max-width: 1279px){
	.widthCP{
		width:62%;
	}
}

@media screen and (min-width: 375px) and (max-width: 767px){
	.widthCP{
		width:auto;
	}
}

/*返還申請番号の列幅を固定する*/
.width130{
	width:130px !important;
}

/*縦向きの表の列幅を自動調整にする*/
.autoTablelayout{ 
	table-layout: auto !important;  
}
/*カレンダー付き日付入力欄の余白*/
.width130px{
	width:130px !important;
}

/*職権打刻番号の入力欄幅調整*/
.width55px{
	width:55px;
}
.width40px{
	width:40px;
}
.width120px{
	width:120px;
}
.width35px{
	width:35px;
}

@media screen and (min-width: 768px){
	.width390px{
		width:390px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1279px){
	.responsiveLayout1{
		grid-template-columns:1fr 1fr 1fr 1fr !important;
	}
	.responsiveLayout2{
		grid-template-columns:1fr 1fr !important;
	}
}

@media screen and (min-width: 768px) { 
	.reslayout4row{ 
		grid-template-columns: 180px 1fr 180px 1fr !important; 
	} 
	.reslayout2row{ 
		grid-template-columns: 180px auto !important; 
	} 
} 
/*----------ラジオボタン関連----------*/

/*ラジオボタンと文言の高さを合わせるため*/
.radioLabelCenter{
	vertical-align:bottom;
}

/*ラジオボタン文言のスタイル*/
input[type="radio"] + label{
    margin-left: 8px !important;
    vertical-align: middle !important;
}

/*ラジオボタンを上下中央にする*/
input[type="radio"] { 
	vertical-align: middle !important; 
}

/*----------罫線関連----------*/

/*縦向きの表の上罫線*/
.tableLine-top{
	border-top:1px solid #A7A9BC;
}

/*表の上の罫線を消す*/ 
.borderTopNone{ 
	border-top:0; 
} 

/*右罫線を追加する*/ 
.yokoBorderRight{
	border-right: 1px solid #A7A9BC; 
}

/*下罫線を追加する*/ 
.borderBottom{
	border-bottom: 1px solid #A7A9BC; 
}


/*下の罫線を太くしない*/
.noBottomLine{
	box-shadow:-1px -1px 0 0 #A7A9BC inset !important
}

/*2重ヘッダの罫線を正しくつける*/ 
.dubbleboxLine{
	box-shadow:-1px 0 0 0 #A7A9BC inset !important;
}


/*二重ヘッダ用右白罫線＋下灰色罫線*/ 
.doubleheaderBorderRight{
	box-shadow: -1px 0 0 0 #FFFFFF inset, 0 -1px 0 0 #A7A9BC inset !important;
}

.tableHeaderRight{
	box-shadow:0px -1px 0 0 #A7A9BC inset !important;
}

.borderBottomNone{
	border-bottom: 0 !important;
}

/*box-shadowを消す*/
.noShadow{ 
	box-shadow:none !important;
}

/*表の上部にラインをつける*/ 
.borderTopLine{ 
    border-top: 1px solid #A7A9BC; 
} 
/*二重ヘッダ用下白罫線＋右灰色罫線*/
	.doubleHeaderBottom{
		box-shadow:-1px 0 0 0 #A7A9BC inset,0-1px 0 0 #FFFFFF inset !important;
}

.doubleheaderBoxshadow{
	box-shadow: 0 0 0 0 #FFFFFF inset, 0 -1px 0 0 #A7A9BC inset !important;
}
/*下罫線を白くする*/
.borderBottomWhite{
	border-bottom: 1px #FFFFFF inset !important;
}
 
/*----------位置関連----------*/

/*右揃え*/
.textRight{
	text-align: right !important;
}

/*中央揃え*/
.textCenter{
	text-align: center !important;
}

/*左揃え*/
.textLeft{
	text-align: left !important;
}


/*上下を中央揃えにする*/
.varMiddle{ 
	vertical-align: middle; 
}

/*横向きの表ヘッダを左揃え＋上下中央揃え*/
.yokoHeader{ 
	vertical-align: middle; 
	text-align: left !important;
}

/*横一列の上下中央揃え*/ 
.alignCenter{ 
    align-items: center !important; 
} 

/*更新ボタンとフィルタボタンを上下中央揃いにする*/
.refreshFilterButton{
	display:flex;
	align-items:center;
}

/*右揃え（text-alignが効かない場合）*/
.setRight{
	justify-content:right;
}

/*中央揃えにする(text〜でできない場合)*/
.setMiddle{
	justify-items: center !important;
}

/*中央揃え（text-alignが効かない場合）*/
.setCenter{
	justify-content:center !important;
}
/*----------ファイルドロップエリア関連-----------*/

/*ファイル選択を左寄せにする*/  

.layout_fileselect{ 
	display: flex !important; 
	justify-content: left !important; 
	align-items: center !important; 
} 

/*ファイル選択の文言を中央にする*/  

.layout_filebutton{ 
	display: flex !important; 
	width: 143px !important; 
	height: 32px !important; 
	padding: 0 !important; 
	justify-content: center !important; 
	align-items: center !important; 
} 

/*ファイル選択時の文言の位置*/ 
.layout_phrase{ 
	display: flex; 
	margin-left: 8px; 
} 

/*----------KBES0430の固有css------start-----*/
.KBES0430_layout{

}

.content > div .KBES0430_layout th{
	text-align: left;
}


/*----------KCHS0010の固有css------start-----*/
.KCHS0010_layout{

}

.KCHS0010_layout th {
	text-align: left !important;
	vertical-align: middle;
}


/*----------KUBS0010の固有css------start-----*/
@media screen and (min-width: 1280px){
.KUBS0010_gridlayout000{
	grid-template-columns: 200px 215px auto;
	grid-template-rows: max-content max-content max-content;
	grid-template-areas:
	"title1 check item3"
	"title1 item1 item1"
	"title2 item2 item4";
& .item3 {
	grid-area: item3;
	}
& .item4 {
	grid-area: item4;
	}
}
 
.KUBS0010_gridlayout001{
	grid-template-columns: 200px auto;
	grid-template-rows: 1fr;
	grid-template-areas: "title item"
}
 
}
 
@media screen and (min-width: 768px) and (max-width: 1279px){
	.KUBS0010_gridlayout000{
		grid-template-columns: 200px auto;
		grid-template-rows: max-content max-content;
		grid-template-areas:
		"title1 check"
		"title1 item3"
		"title1 item1"
		"title2 item2"
		"title2 item4";
	.bottomLineColor{
		border-bottom-color:#ffffff;
	}
	}
}
 
@media screen and (max-width: 767px){
	.KUBS0010_gridlayout000{
		grid-template-columns: 150px auto;
		grid-template-rows: max-content max-content;
		grid-template-areas:
		"title1 check"
		"title1 item3"
		"title1 item1"
		"title2 item2"
		"title2 item4";
		
	.bottomLineColor{
		border-bottom-color:#ffffff;
	}
	}
}

/*----------KDCS0010の固有css------start-----*/

/*ファイル選択を左寄せにする*/ 
.KDCS0010_fileselect{
	display: flex !important;
	justify-content: left !important;
	align-items: center !important;
}

/*ファイル選択の文言を中央にする*/ 
.KDCS0010_filebutton{
	display: flex !important;
	width: 143px !important;
	height: 32px !important;
	padding: 0 !important;
	justify-content: center !important;
	align-items: center !important;
}

/*----------KCHS0020の固有css------start-----*/

.KCHS0020_gridlayout{
	display:grid !important;
	grid-template-columns: 150px 1fr !important;
	grid-template-rows: 1fr !important;
	gap: 0px 0px !important;
	border-top:1px solid #A7A9BC !important;
}

.KCHS0020_girdarea{
	grid-area: 4 / 1 / 6 / 2;
}


/*----------KCHS0010の固有css------start-----*/
/*ラジオボタンの右側に余白をつける*/ 
.KCHS0010_radiobutton{ 
	margin-right: 8px !important; 
} 

/*----------KUES0010の固有css------start-----*/

/*2列のグリッド指定*/ 
.KUES0010_grid000{
	display:grid !important;
	grid-template-columns: 200px 1fr !important;
	grid-template-rows: 1fr !important;
	gap: 0px 0px !important;
	border-top:1px solid #A7A9BC !important;
}

/*----------KSQS0030の固有css------start-----*/

.content > div .KSQS0030 th{ 
	border-top : 0 !important; 
} 

.content > div .KSQS0030 td:not(:first-child){ 
	border-top : 0 !important; 
} 

/*----------KBES0241の固有css----------*/
.content > div .KBES0241Layout th{
	background-color: #E7EAED !important;
	border-top: 0px !important;
	vertical-align: middle; 
	text-align: left !important;
}

/*----------KBES0310の固有css----------*/
.KBES0310_layout{
	display:flex;
	justify-content:center;
}

/*----------KDCS0020の固有css------start-----*/
.KDCS0020_layout{

}

.content > div .KDCS0020_layout th{
	vertical-align: middle; 
	text-align: left !important;
}

/*----------KNFS0022とKNFS0023の固有css----------*/

@media screen and (min-width: 768px){
	.KNFS0022gridlayout{
		grid-template-columns: 200px 1fr;
	}
	.KNFS0022marginTop8{
		margin-top: 8px;
	}
	.KNFS0022InputWidth{
		width:395px;
	}
	.KNFS0023gridlayout{
		grid-template-columns: 200px 1fr;
	}
}
@media screen and (min-width: 1280px){
	.KNFS0022width50per{
		width:50%;
	}
}
@media screen and (max-width: 767px){
	.KNFS0022gridlayout{
    	grid-template-columns: 120px auto !important;
    }
    .KNFS0022MarginBottom{
    	margin-bottom:8px;
    }
    .KNFS0023gridlayout{
    	grid-template-columns: 130px auto !important;
    }
}
@media screen and (max-width: 1279px){
    .KNFS0023MarginBottom{
    	margin-bottom:8px;
    }
}

/*----------KNFS0052の固有css----------*/
@media screen and (min-width: 1280px){
	.KNFS0052width50per{
		width:50% !important;
	}
}

@media screen and (min-width: 768px){
	.KNFS0052gridlayout{
		grid-template-columns: 171px repeat(2, 1fr) !important;
	}
}

/*----------KNFS0060の固有css----------*/
.knfs0060noborderBottom{
	border-bottom: 0 !important;
}
 
@media screen and (min-width: 768px) and (max-width: 1279px){
	.KNFS0060width50per{
		width:50%
	}
}
 
@media screen and (max-width: 767px){
	.KNFS0060gridLayout{
		grid-template-columns: 160px auto !important;
	}
	.KNFS0060paddingLeft{
		padding-left: 8px;
	}
}
 
@media screen and (max-width: 1279px){
	.KNFS0060gridLayout{
		grid-template-columns: 160px auto !important;
	}
	.KNFS0060paddingLeft{
		padding-left: 8px;
	}
	.KNFS0060noMargin{
		margin: 0 !important;
	}
}

/*----------KDIS0010の固有css----------*/
@media screen and (min-width: 1280px) {
	.KDIS_gridlayout1{
		grid-template-columns: 200px 140px auto !important;
		grid-template-rows:max-content max-content max-content !important;
	}
	.KDISgrid001{
		grid-area: 1/1/2/2;
	}
	.KDISgrid002{
		grid-area: 1/2/2/3;
	}
	.KDISgrid003{
		grid-area: 1/3/2/4;
	}
	.KDISgrid004{
		grid-area: 2/1/4/2;
	}
	.KDISgrid005{
		grid-area: 2/2/3/3;
	}
	.KDISgrid006{
		grid-area: 2/3/3/4;
	}
	.KDISgrid007{
		grid-area: 3/2/4/4;
	}

	.KDIS0010InputWidth{
		width:395px;
	}
	.KDIS_gridlayout2{
		grid-template-columns: 200px auto !important;
	}
	.KDIS_gridlayout3{
		grid-template-columns: 200px 1fr 1fr !important;
		width:66%;
	}
	.KDISsetCenter{
		justify-content:center !important;
		align-content: flex-start !important;
	}
	
}
@media screen and (min-width: 768px) and (max-width:1279px){
	.KDIS_gridlayout1{
		grid-template-columns: 180px 170px auto !important;
		grid-template-rows:max-content max-content max-content !important;
	}
	.KDISgrid001{
		grid-area: 1/1/2/2;
	}
	.KDISgrid002{
		grid-area: 1/2/2/3;
	}
	.KDISgrid003{
		grid-area: 1/3/2/4;
	}
	.KDISgrid004{
		grid-area: 2/1/4/2;
	}
	.KDISgrid005{
		grid-area: 2/2/3/3;
	}
	.KDISgrid006{
		grid-area: 2/3/3/4;
	}
	.KDISgrid007{
		grid-area: 3/2/4/4;
	}
	.KDIS_gridlayout2{
		grid-template-columns: 180px auto !important;
	}
}
@media screen and (max-width: 767px){
	.KDIS_gridlayout1{
		grid-template-columns: 150px auto !important;
		grid-template-rows:max-content max-content  !important;
	}
	.KDISgrid001{
		grid-area: 1/1/3/2;
	}
	.KDISgrid002{
		grid-area: 1/2/2/3;
	}
	.KDISgrid003{
		grid-area: 2/2/3/3;
	}
	.KDISgrid004{
		grid-area: 3/1/6/2;
	}
	.KDISgrid005{
		grid-area: 3/2/3/3;
	}
	.KDISgrid006{
		grid-area: 4/2/4/3;
	}
	.KDISgrid007{
		grid-area: 5/2/5/3;
	}
	.KDISnoBorder{
		border-bottom:0 !important;
	}
	.KDISborderTop{
		border-top:1px solid #A7A9BC !important;
	}
}