@charset "utf-8";

/* ロゴ画像 */
#logo {
	position: absolute;
	top     : 18px;
	width   : 120px;
	height  : 70px;
}

#contents {
   clear:both;
}

#main {
	font-family:monospace;
	padding-right: 10px;
	padding-left: 10px;
}

#footer {
   position:relative;
   clear:both;
   width:100%;
}


.copyright {
   padding:20px 0;
   text-align:center;
   font-style:normal;
   font-size:11px;
   border-top:1px solid #ccc;
}

/** ----- ヘッダー ----- **/

#header {
   position:relative;
   height:90px;
   padding-left: 30px;
   text-align: left;
   border-bottom:1px solid #ffffff;
   background:url("../img/header/index_bk.jpg");
   background-size:cover;
}

#header .date {
   position: absolute;
   font-weight: bold;
   left: 180px;
   top: 25px;
   margin:0;
   font-size:100%;
}

#header .menuback {
   position: absolute;
   font-weight: bold;
   left: 310px;
   top: 60px;
   margin:0;
}

#header .shain {
   position:absolute;
   bottom:5px;
   left:450px;
   top: 25px;
   text-align: right;
}

/** ----- ヘッダー ----- **/
.disp-headerlogin-left-top{
	position: absolute;
	 top: 18px;
}

.disp-header-left-top{
	position: absolute;
	 top: 14px;
}
.disp-header-left-bottom{
	position: absolute;
	 font-weight: bold;
	 left: 160px;
	 top: 25px;
}

.disp-header-right{
	position: absolute;
	top: 25px;
	left: 350px;
	right: 10px;
	font-size: 12px;
	font-weight: bold;
}

.disp-header-left-menuback{
	position: absolute;
	left: 290px;
	top: 66px;
}

.disp-header-left-shain{
	position: absolute;
	left: 420px;
	top: 25px;
	text-align:left;
}

/* -- ログアウトボタン -- */
.header-btn-section{
	display: flex;
	justify-content: flex-end;
}
.header-btn-section.login{
	position: absolute;
	right:0;
	margin-right: 5px;
}
.header-btn
{
	display:block;
	text-decoration: none;
	cursor: pointer;
	margin-top: 10px;
	margin-right: 5px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid white;
	background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898;
 	background-blend-mode: multiply,multiply;
	color: white;
	border-radius: 7px;
}
.logout-btn
{
	min-width: 84px;
	background:-webkit-gradient(
	linear, left top, left bottom,
	from(#0a1c7a),
	to(#004c9e)) !important;
}
.header-btn span
{
	display:inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
	color:white;
	vertical-align:middle;
}
.locale-dropdown span
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 0px;
}
.header-btn i{
	vertical-align: middle;
	margin-left: 10px;
}

/* -- ロケールプルダウン -- */
.locale-dropdown
{
	position: relative;
}
.dropdown-content
{
	display: none;
	position: absolute;
	min-width:100%;
	text-align: right;
	flex-direction: column;
}
.dropdown-content a
{
	display: block;
	margin-top: 10px;
	padding: 10px;
	border-radius: 5px;
	background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898;
 	background-blend-mode: multiply,multiply;
	white-space: nowrap;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	overflow: hidden;
	transition:0.2s linear;
	color:white;
	z-index:5;
}

.dropdown-content a:hover
{
	background-color: #ddd;
	color: grey;
}
.locale-dropdown:hover .dropdown-content
{
	display: flex;
}
.locale-dropdown:hover .dropbtn
{
	background-color: #3e8e41;
}

/* -- 小見出し(ページ題名) -- */
.table-pgtitle
{
	height: 28px;
	width: 100%;
	color: #FFFFFF;
	font-size: 16pt;
	text-align: left;
	padding: 0px;
	border-collapse: collapse;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

/** ----- リンク ----- **/
/* マニュアルリンク */
A.a_manualcate {
	font-family: 'MS UI Gothic';
	font-weight: bold;
	text-decoration: none;
	color: #191970;
}
A.a_manualcate:hover{
	text-decoration: none;
	color: #ff69b4;
}

/* メニュー(左) */
A.a_menucate {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

A.a_menusubcate {
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}
A.a_menupg {
	font-size: 5px;
	color: white;
	text-decoration: none;
	}

A.a_menusublink{
	font-weight: lighter;
	font-size: 14px;
	color: midnightblue;
	text-decoration: none;
}

A.a_menusublink:hover{
	color: #ff69b4;
	text-decoration: none;
}

/* 環境設定リンク */
A.a_kankyosettei{
	font-family: 'MS UI Gothic';
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #EFEFEF;
}
A.a_kankyosettei:hover{
	text-decoration: none;
	color: #ff69b4;
}
/* -- メニューの表 -- */
td.cate
{
	width: 250px;
}

td.pg
{
	width: 200px;
}



/*--表--*/
td{
	border-width:0;
	border-color:dimgray;}

/*--英数字フォントはArialで--*/
body{
	font-size:75%;
	margin: 0;
	padding: 0;
	font-family: 'ＭＳ Ｐゴシック',Verdana, Arial,sans-serif;
	background:#EFEFEF;
	}

pre{
	margin: 0;
	padding: 0;
	font-family: 'ＭＳ Ｐゴシック',Verdana, Arial,sans-serif;
	white-space: pre-wrap;
}

.pre-comment {
	font-size:75%;
	margin: 0;
	padding: 0;
	width: 100% ;
	word-break:break-all;
	font-family: 'ＭＳ Ｐゴシック',Verdana, Arial,sans-serif;
}



HR{
    width:100%;}

IMG{
    border:0;}

/*--Top大文字--*/
.td-top-big1-caption{
    FONT-SIZE:15pt;
    TEXT-ALIGN:left;
    FONT-WEIGHT:bold;
    border-color:red;
    VERTICAL-ALIGN:MIDDLE;
    }
/*--Top年月日--*/
.td-top-nengetsu-caption{
    FONT-SIZE:10pt;
    TEXT-ALIGN:left;
    VERTICAL-ALIGN:MIDDLE;
    }
/*--Top通常文字--*/
.td-top-normal-caption{
    FONT-SIZE:10pt;
    TEXT-ALIGN:left;
    FONT-WEIGHT:bold;
    border-color:red;
    VERTICAL-ALIGN:MIDDLE;
    }

/*--メニュー背景用--*/
.menu-background{
    background:white;
    background-repeat:no-repeat;}

/*--メニュー・タイプの表--*/
.tr-menu-kisuu{
	BACKGROUND-COLOR:#F8FDF6;}

.tr-menu-guusuu{
	BACKGROUND-COLOR:#e8efe2;}

/*--「メニュー」文字--*/
.mywaku{
	COLOR:red;
    FONT-WEIGHT:bold;
    FONT-SIZE:10pt;
	BORDER-RIGHT: #F5F5F5 5px outset;
	PADDING-RIGHT: 0.2em;
	BORDER-TOP: #F5F5F5 5px outset;
	PADDING-LEFT: 0.2em;
	PADDING-BOTTOM: 0.2em;
	BORDER-LEFT: #F5F5F5 5px outset;
	PADDING-TOP: 0.2em;
	BORDER-BOTTOM: #F5F5F5 5px outset;}

/*--メニューの文字--*/
.td-menu-caption{
	COLOR:black;
    FONT-SIZE:11pt;
    TEXT-ALIGN:left;
    FONT-WEIGHT:bold;
    VERTICAL-ALIGN:MIDDLE;
    }
.td-menu-logout-caption{
	COLOR:black;
    FONT-SIZE:8pt;
    TEXT-ALIGN:left;
    FONT-WEIGHT:bold;
    VERTICAL-ALIGN:MIDDLE;
    }


/*--通常画面背景用--*/
.nomal01_background{
    background:#EFEFEF;
    background-repeat:no-repeat;}



/*--通常テーブル--*/
TABLE{
    border-width:0;}

/*--立体無テーブルの場合--*/
.table-back{
    border-width:0;
    background-color:dimgray;
    }


/*--ボディ部のタイトル部--*/
.tr-body-title{
	BACKGROUND-COLOR:#e8efe2;
	margin-left:0;
	margin-top:0;
	width:100%;
	TEXT-ALIGN:left;
	color:black;}


/*--ボディ部 メインタイトル--*/
.block-main-title{
	COLOR:midnightblue;
    FONT-SIZE:12pt;
    FONT-WEIGHT:bold;
	font-family:monospace;
	padding-right: 10px;
	padding-left: 10px;
}

/*--ボディ部のタイトル部の文字--*/
.body-title{
	font-weight:bold;}

/*--ボディ部のメイン部のブロックのタイトル--*/
.block-title{
	COLOR:midnightblue;
	font-family:monospace;}


/*--ボディ部のメイン部のブロックのタイトル--*/
/*---リスト・ブロックで１件以上明細の入力が必須の場合（1,Nの場合）--*/
.block-hissu-title{
	COLOR:red;
	FONT-WEIGHT:bold;
	font-family:monospace;}


/*----------ヘッダ部機能メニュー書式----------*/

/*--ヘッダ部のトップ部--*/
.tr-header-top{
	BACKGROUND-COLOR:#cccccc;
	TEXT-ALIGN:center;
	margin-left:0;
   	margin-top:0;
	width:100%;}

/*--ヘッダ部のボトム部--*/
.tr-header-bottom{
	BACKGROUND-COLOR:#999999;
	margin-left:0;
    	margin-top:0;
	width:100%;}

/*--ヘッダ部のトップ部のユーザID--*/
.td-header-id{
	TEXT-ALIGN:right;}





/*----------リスト・ブロック書式----------*/

/*--無効ID背景色--*/
.bushoid-mukou{
BACKGROUND-COLOR:#FFFF00}

/*--無効色--*/
.tr-list-mukou{
BACKGROUND-COLOR:#cccccc}

/*--無効色（退職)--*/
.tr-list-taisyoku{
BACKGROUND-COLOR:#cccccc}

/*--無効色（入社前)--*/
.tr-list-nyuusyamae{
BACKGROUND-COLOR:#cccccc}

/*--列背景色(当日)--*/
.tr-list-retsu-toujitsu{
BACKGROUND-COLOR:#FFE4E1}
.tr-list-retsu-haikei1{
BACKGROUND-COLOR:#FFE4E1}

/*--列背景色(メニュー権限と総務承認が同じ）--*/
.tr-list-retsu-idequal{
BACKGROUND-COLOR:#FFE4E1}


/*--列背景色(デフォルト色)※色を変更する場合tr-list-kisuuも変更する--*/
.tr-list-retsu-default{
BACKGROUND-COLOR:#F8FDF6}

/*--勤休承認状況詳細の背景色(未入力)--*/
.tr-list-haikei-minyuryoku{
	BACKGROUND-COLOR:#FFE3E3}

/*--勤休承認状況詳細の背景色--*/
.tr-list-haikei-shoninid{
	BACKGROUND-COLOR:#F8FDF6}

/*--勤休承認状況詳細の背景色(審査)--*/
.tr-list-haikei-shoninid1{
	BACKGROUND-COLOR:#F9FFC8}

/*--勤休承認状況詳細の背景色(課内承認)--*/
.tr-list-haikei-shoninid2{
	BACKGROUND-COLOR:#BAFF75}

/*--勤休承認状況詳細の背景色(部門承認)--*/
.tr-list-haikei-shoninid3{
	BACKGROUND-COLOR:#E0FFFF}

/*--勤休承認状況詳細の背景色(業務審査)--*/
.tr-list-haikei-shoninid4{
	BACKGROUND-COLOR:#99FF66}

/*--勤休承認状況詳細の背景色(業務承認)--*/
.tr-list-haikei-shoninid5{
	BACKGROUND-COLOR:#B7FFD2}

/*--勤休承認状況詳細の背景色(総務審査)--*/
.tr-list-haikei-shoninid6{
	BACKGROUND-COLOR:#FFEB59}
/*--勤休承認状況詳細の背景色(総務承認)--*/
.tr-list-haikei-shoninid7{
	BACKGROUND-COLOR:#FFA500}

/*--勤休承認状況詳細の背景色(会社承認)--*/
.tr-list-haikei-shoninid8{
	BACKGROUND-COLOR:#B7B7FF}

/*--勤休承認状況詳細の背景色(差戻し)--*/
.tr-list-haikei-shoninid99{
	BACKGROUND-COLOR:#FFE4E1}

/*--勤休承認状況詳細の背景色(総務差戻し)--*/
.tr-list-haikei-shoninid98{
	BACKGROUND-COLOR:#FFE4E1}

/*--勤休日次一覧--*/
.tr-list-haikei-jyokyo-henkou{
BACKGROUND-COLOR:#E0FFFF}

/*--表の項目名の行--*/
.tr-list-captions{
    BACKGROUND-COLOR:lightgrey;}

/*--表の奇数行※色を変更する場合tr-list-retsu-defaultも変更する--*/
.tr-list-kisuu{
    BACKGROUND-COLOR:#F8FDF6;}

/*--表の偶数行--*/
.tr-list-guusuu{
    BACKGROUND-COLOR:#e8efe2;}

/*--表の項目名の文字--*/
.td-list-caption{
    FONT-SIZE:10pt;
    TEXT-ALIGN:center;
    FONT-WEIGHT:bold;
    VERTICAL-ALIGN:MIDDLE;}

/*--表の必須項目名の文字--*/
.td-list-hissu-caption{
    COLOR:red;
    FONT-SIZE:10pt;
    TEXT-ALIGN:center;
    FONT-WEIGHT:bold;
    VERTICAL-ALIGN:MIDDLE;}

/*--セル内中央揃え--*/
.td-list-center{
    TEXT-ALIGN:center;
    VERTICAL-ALIGN:MIDDLE;}

/*--表の合計行--*/
.tr-list-total{
	BACKGROUND-COLOR:#FFFFFF;}

/*--合計行の項目名の文字--*/
.td-total-caption{
    FONT-SIZE:8pt;
    TEXT-ALIGN:right;
    FONT-WEIGHT:bold;
    VERTICAL-ALIGN:MIDDLE;}

/*--合計行の数値--*/
.td-total-suuchi{
    TEXT-ALIGN:right;
    FONT-WEIGHT:bold;}

.tr-list-today{
    BACKGROUND-COLOR:yellow;}

.td-mitouroku-color{
	BACKGROUND-COLOR:#FF0000;
	FONT-WEIGHT:bold;}

.tr-list-mukou{
    BACKGROUND-COLOR:#cccccc;}

/*--調整・離席一覧の対象背景色--*/
.td-chosei-riseki-target-haikei{
	BACKGROUND-COLOR:#FFA07A}

/*--振替管理一覧の背景色（警告）--*/
.tr-furikae-warning{
	BACKGROUND-COLOR:#F9FFC8;}

/*--振替管理一覧の背景色（期限切れ）--*/
.tr-furikae-expired{
	BACKGROUND-COLOR:#AFEEEE;}

/*------プロジェクト情報表示------*/
/*--表の項目名の文字--*/
.td-list-caption-pj{
    FONT-SIZE:10pt;
    TEXT-ALIGN:center;
    FONT-WEIGHT:bold;
    VERTICAL-ALIGN:MIDDLE;
    BORDER-TOP:solid 1px dimgray;
    BORDER-LEFT:solid 1px dimgray;
    BORDER-BOTTOM:solid 1px dimgray;}

/*--表の項目名の文字（全て）--*/
.td-list-caption-pj-all{
    FONT-SIZE:10pt;
    TEXT-ALIGN:center;
    FONT-WEIGHT:bold;
    VERTICAL-ALIGN:MIDDLE;
    BORDER:solid 1px dimgray;}

.td-list-pj{
    BORDER-BOTTOM:solid 1px dimgray;
    BORDER-LEFT:solid 1px dimgray;}

.td-list-pj-all{
    BORDER-BOTTOM:solid 1px dimgray;
    BORDER-RIGHT:solid 1px dimgray;
    BORDER-LEFT:solid 1px dimgray;}

/*------メニュー権限表示------*/
/*--表の項目名の文字--*/
.td-list-caption-menu{
    FONT-SIZE:10pt;
    TEXT-ALIGN:left;
    FONT-WEIGHT:bold;
    VERTICAL-ALIGN:MIDDLE;
    BACKGROUND-COLOR:lightgrey;}

/*----------カレンダーの書式----------*/
/*--年月--*/
.yyyymm-color01{
	color:Black;
    FONT-SIZE:10pt;
    TEXT-ALIGN:center;
    FONT-WEIGHT:bold;
    VERTICAL-ALIGN:MIDDLE;}

/*--日曜日--*/
.sunday-color{
	color:red;
    FONT-SIZE:10pt;
    TEXT-ALIGN:center;
    FONT-WEIGHT:bold;
    VERTICAL-ALIGN:MIDDLE;}

/*--平日--*/
.heijitsu-color{
	color:black;
    FONT-SIZE:10pt;
    TEXT-ALIGN:center;
    FONT-WEIGHT:bold;
    VERTICAL-ALIGN:MIDDLE;}

/*--土曜日--*/
.sataday-color{
	color:blue;
    FONT-SIZE:10pt;
    TEXT-ALIGN:center;
    FONT-WEIGHT:bold;
    VERTICAL-ALIGN:MIDDLE;}

/*--矢印--*/
.yajirushi-color{
	color:blue;
    FONT-SIZE:10pt;
    TEXT-ALIGN:center;
    FONT-WEIGHT:bold;
    VERTICAL-ALIGN:MIDDLE;}

/*--勤務情報--*/
.kinmuinfo{
	FONT-SIZE:12pt;
    FONT-WEIGHT:bold;
	font-family:monospace;}

/*----------カード・ブロック書式----------*/
/*--折返し禁止の為WHITE-SPACE:NOWRAPを追加--*/
.caption{
	COLOR:#222222;
	FONT-WEIGHT:bold;
	TEXT-ALIGN:right;
	VERTICAL-ALIGN:MIDDLE;
	WHITE-SPACE:NOWRAP;}

/*--折返し禁止の為WHITE-SPACE:NOWRAPを追加--*/
.hissu-caption{
	COLOR:red;
	FONT-WEIGHT:bold;
	TEXT-ALIGN:right;
	VERTICAL-ALIGN:MIDDLE;
	WHITE-SPACE:NOWRAP;}

.right-caption{
	COLOR:#222222;
	TEXT-ALIGN:right;
	VERTICAL-ALIGN:MIDDLE;
	WHITE-SPACE:NOWRAP;}

.vertica-top-caption{
	COLOR:#222222;
	FONT-WEIGHT:bold;
	TEXT-ALIGN:right;
	VERTICAL-ALIGN:TOP;
	WHITE-SPACE:NOWRAP;}

.suuchi{
	TEXT-ALIGN:right;}

/*----------  テキストフィールド  ----------*/
/*--番号（FEPをOFF／切替不可）右詰--*/
.number-text{
		WIDTH:90px;
		IME-MODE:disabled;
		TEXT-ALIGN:right;}

/*--コード（FEPをOFF／切替不可）--*/
.code-text{
		WIDTH:110px;
		IME-MODE:disabled;}

/*--年月日（FEPをOFF／切替不可）右詰--*/
.date-text{
		WIDTH:80px;
		IME-MODE:disabled;
		TEXT-ALIGN:right;}

/*--年月日（テキストボックスのラベル風）左詰--*/
.date-text-label{
		WIDTH:80px;
		border-style:none;
		background-color:transparent;
		text-align:left;}

/*--年月日（背景非活性色）右詰--*/
.date-text-disabled{
		WIDTH:80px;
		IME-MODE:disabled;
		TEXT-ALIGN:right;
		BACKGROUND:#DCDCDC;
		}

/*--年月（FEPをOFF／切替不可）右詰--*/
.month-text{
		WIDTH:55px;
		IME-MODE:disabled;
		TEXT-ALIGN:right;}

/*--年（FEPをOFF／切替不可）右詰--*/
.year-text{
		WIDTH:40px;
		IME-MODE:disabled;
		TEXT-ALIGN:right;}

/*--時分秒（FEPをOFF／切替不可）右詰--*/
.second-text{
		WIDTH:55px;
		IME-MODE:disabled;
		TEXT-ALIGN:right;}

/*--時分（FEPをOFF／切替不可）右詰--*/
.time-text{
		WIDTH:40px;
		IME-MODE:disabled;
		TEXT-ALIGN:right;}

/*--時分（背景非活性色）（FEPをOFF／切替不可）右詰--*/
.time-text-disabled{
		WIDTH:40px;
		IME-MODE:disabled;
		TEXT-ALIGN:right;
		BACKGROUND:#DCDCDC;}

/*--時（FEPをOFF／切替不可）右詰--*/
.hour-text{
		WIDTH:20px;
		IME-MODE:disabled;
		TEXT-ALIGN:right;}

/*--名称(短)（FEPをON／切替可）--*/
.name-short-text{
		WIDTH:300px;
		IME-MODE:active;}

/*--名称(長)（FEPをON／切替可）--*/
.name-long-text{
		WIDTH:500px;
		IME-MODE:active;}

/*--名前（FEPをON／切替可）--*/
.nametext{
		WIDTH:320px;
		IME-MODE:active;}

/*--住所（FEPをON／切替可）--*/
.address-text{
		WIDTH:400px;
		HEIGHT:50px;
		IME-MODE:active;}

/*--カナ名称（FEPをON／切替可）--*/
.name-kana-text{
		WIDTH:400px;
		IME-MODE:active;}

/*--英字名称（FEPをOFF／切替不可）--*/
.name-eiji-text{
		WIDTH:400px;
		IME-MODE:disabled;}

/*-- 全角不可 --*/
.code-text{
		IME-MODE:disabled;
}

/*--イメージ（FEPをOFF／切替可）--*/
.image-text{
		WIDTH:400px;
		IME-MODE:inactive;}

/*--金額（FEPをOFF／切替不可）右詰--*/
.money-text{
		WIDTH:85px;
		IME-MODE:disabled;
		TEXT-ALIGN:right;}

/*--数量（FEPをOFF／切替不可）右詰--*/
.suuryo-text{
		WIDTH:85px;
		IME-MODE:disabled;
		TEXT-ALIGN:right;}

/*--作業開始終了時間（FEPをOFF／切替不可）右詰--*/
.sagyouzikan-text{
		WIDTH:20px;
		IME-MODE:disabled;
		TEXT-ALIGN:right;}

/*--作業タイム（FEPをOFF／切替不可）右詰--*/
.sagyou-text{
		WIDTH:50px;
		IME-MODE:disabled;
		TEXT-ALIGN:right;}

/*--作業タイム（背景非活性色）（FEPをOFF／切替不可）右詰--*/
.sagyou-text-disabled{
		WIDTH:50px;
		IME-MODE:disabled;
		TEXT-ALIGN:right;
		BACKGROUND:#DCDCDC;}

/*--率（FEPをOFF／切替不可）右詰--*/
.rate-text{
		WIDTH:80px;
		IME-MODE:disabled;
		TEXT-ALIGN:right;}

/*--電話番号（FEPをOFF／切替不可）--*/
.tel-text{
		WIDTH:150px;
		IME-MODE:disabled;}

/*--郵便番号（FEPをOFF／切替不可）--*/
.zip-text{
		WIDTH:90px;
		IME-MODE:disabled;}

/*--説明(短)（FEPをON／切替可）--*/
.setsumei-short-text{
		WIDTH:500px;
		IME-MODE:active;}

/*--説明(中)（FEPをON／切替可）--*/
.setsumei-middle-text{
		WIDTH:500px;
		HEIGHT:50px;
		IME-MODE:active;}

/*--説明(長)（FEPをON／切替可）--*/
.setsumei-long-text{
		WIDTH:500px;
		HEIGHT:75px;
		IME-MODE:active;}

/*--説明(超)（FEPをON／切替可）--*/
.setsumei-super-text{
		WIDTH:500px;
		HEIGHT:200px;
		IME-MODE:active;}

/*--年月日時分（FEPをOFF／切替不可）右詰--*/
.datetime-text{
		WIDTH:95px;
		IME-MODE:disabled;
		TEXT-ALIGN:right;}

/*--年月日時分秒（FEPをOFF／切替不可）右詰--*/
.datesecond-text{
		WIDTH:110px;
		IME-MODE:disabled;
		TEXT-ALIGN:right;}

/*--全角（FEPをON／切替可）--*/
.zenkaku-text{
	IME-MODE:active;}

/*--半角（FEPをOFF／切替不可）--*/
.hankaku-text{
	IME-MODE:disabled;}

/*--半角（FEPをOFF／切替不可）右詰--*/
.suuchi-text{
	IME-MODE:disabled;
	TEXT-ALIGN:right;}

/*--ログイン（FEPをOFF／切替不可）--*/
.login-text{
	WIDTH:150px;
	IME-MODE:disabled;}


/*--エラーメッセージ--*/
.error-msg{
	COLOR:red;}

/*ユーザに対し、注意を促す*/
.warning-msg{
	COLOR:red;}



/*カレンダー*/
.today {
  padding:0.2em;
	background-color:000000;
	color:ffffff
}
.calendar {
  padding:0.2em;
	color:000000
}
.sunday {
  padding:0.2em;
	color:ff0000
}
.saturday {
  padding:0.2em;
	color:0000ff
}
.kyujitu {
  padding:0.2em;
	color:ff0000
}

/* -- 左寄せ -- */
	*.float
      {
         float: left;
      }

/* -- 下寄せ -- */
     *.floatbuttom
      {
         float: buttom;
      }

/* -- 左寄せ・線あり(1px) -- */
     *.floatbordersolid{
         float: left;
         margin-right: 1em;
         border-right:solid 1px black;
         text-align:center;
    }
    *.floatborder{
         float: left;
         margin-right: 1em;
         border-right:dashed 1px black;

    }

    *.border{
    	 border-right:dashed 1px black;
    }
    *.topborder{
    	border-top:dashed 1px black;
    }
    *.floatpad{
    	float: left;
    	line-height: 1.5em;
    	padding-top:0.5em;
    	padding-left:0.5em;
    }
    *.floatpadleft2em{
    	float: left;
    	line-height: 1.5em;
    	padding-left:1em;
    }
    *.floatpadright1em{
	    float: left;
    	line-height: 1.5em;
    	padding-top:0.5em;
    	padding-right:1em;
    }

/* タイムテーブル */
.timetable-notes{
	color:blue;
    FONT-SIZE:8pt;
}

/* タイムテーブル背景色 */
.timetable-haikei{
BACKGROUND-COLOR:#ffcc99}

/* タイムテーブル背景色（未登録） */
.timetable-not_exist-haikei{
BACKGROUND-COLOR:#ffccff}


/* 作業時間（打刻用） */
.sagyo-time-dakoku{
		WIDTH:20px;
		IME-MODE:disabled;
		TEXT-ALIGN:right;
		border-style:none;
		background-color:transparent;
		 }

/* 勤休背景色（打刻修正） */
.kinkyu-haikei{
	BACKGROUND-COLOR:#ffff33;
}

/* 勤怠区分 特殊勤務（文字色） */
.kinkyu-kbn-tokushu{
	COLOR:#008080;
}

/* 特殊勤務開始時刻（文字色） */
.tokushu-kaishi-time{
	COLOR:#008080;
}

/* 特殊勤務終了時刻（文字色） */
.tokushu-syuryo-time{
	COLOR:#008080;
}

/* 作業時刻背景色（打刻修正）勤休登録画面用 */
.dakoku-sagyo-time-regist-kinkyu{
	BACKGROUND-COLOR:#ffff33;
}

/* 作業時刻背景色（打刻修正）一覧画面用 */
.dakoku-sagyo-time{
	BACKGROUND-COLOR:#ffff33;
}

/* 作業時刻背景色（仮登録）勤休登録画面用 */
.kari-sagyo-time-regist-kinkyu{
	BACKGROUND-COLOR:#ff8080;
}

/* 作業時刻背景色（仮登録）一覧画面用 */
.kari-sagyo-time{
	BACKGROUND-COLOR:#ff8080;
}

/* 打刻修正（デフォルト） */
.dakoku-correction{
	background-image:url("../img/alert/correction.png");
	background-repeat: no-repeat;
	background-position : right top;
}

/* 打刻修正（多言語対応） */
.dakoku-correction-ja{
	background-image:url("../img/alert/correction.png");
	background-repeat: no-repeat;
	background-position : right top;
}

.dakoku-correction-en{
	background-image:url("../img/alert/correction-en.png");
	background-repeat: no-repeat;
	background-position : right top;
}

/* 勤怠仮登録（デフォルト） */
.kinkyu-regist-kari-ja{
	background-image:url("../img/alert/kari.png");
	background-repeat: no-repeat;
	background-position : right top;
}
/* 勤怠仮登録（多言語対応） */
.kinkyu-regist-kari-en{
	background-image:url("../img/alert/kari-en.png");
	background-repeat: no-repeat;
	background-position : right top;
}

#main-menu td {
	font-size: x-small;
}

#main-menu td.comment {
	font-size: 160%;
}

#main-menu h2 a {
	display:block;
	position: relative;
	height:100%;
	text-decoration: none;
	color: #ffffff;
	clear: both;
}

#main-menu h2 font {
	position: absolute;
	line-height:15px;
	width: 80%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

#main-menu h2 a:hover {
	display:block;
	background:url("../img/bizmenu/pg_btn_on.gif") 0 no-repeat;
}

#main-menu h2 {
   clear:both;
   height: 40px;
   color:#ffffff;
   /* line-height: 40px; */
   background:url("../img/bizmenu/pg_btn_off.gif") 0 no-repeat;
}

#main-menu h3 {
   clear:both;
   height  : 40px;
   color:#ffffff;
   line-height: 40px;
}

#main-menu td.topNaviColumn {
   width:200px;
   float:left;
   margin-left:20px;
   text-align: center;
}

.section-mainbtn {
   width: 250px;
   height:40px;
   background:url("../img/bizmenu/main_menu_btn_off.jpg") 0 no-repeat;
   line-height: 40px;
   text-align: center;
}

.section-a {
	display:block;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	clear:both;
}

.section-a:hover {
   display:block;
   background:url("../img/bizmenu/main_menu_btn_on.jpg") 0 no-repeat;
}

.section-dakoku {
	width: 250px;
	height:150px;
}

.section-dakokubtn-start {
	width:100px;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:8px 0 10px;
	color:#fff;
	background-color:#DA70D6;
	border-radius:5px;
	box-shadow:2px 2px #800080;
	white-space: nowrap;
}

.section-dakokubtn-start:hover {
	background-color:#cc0066;
}

.section-dakokubtn-end {
	width:100px;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:8px 0 10px;
	color:#fff;
	background-color:#49a9d4;
	border-radius:5px;
	box-shadow:2px 2px #1a6ea0;
	white-space: nowrap;
}

.section-dakokubtn-end:hover {
	background-color:#0066ff;
}

#section-dakoku-time {
	margin-top:60px;
}

#section-dakoku-time div{
	font-family: Meiryo, メイリオ, Arial,sans-serif;
	color:#000099;
	display: inline-block; _display: inline;
}

.dakoku-time-day {
	font-size:18px;
}

.dakoku-time-hh {
	font-size:35px;
}

.dakoku-time-ss {
	font-size:24px;
}


.menu-back {
   padding: 0px;
   text-align: left;
   width:100%;
   height  : 65px;
   background:url("../img/menu/menu_bk.jpg");
   vertical-align:middle;
}

#menu_top a{
	font-weight: lighter;
	font-size: 14px;
	color: midnightblue;
	text-decoration: none;
}

#menu_top a:hover{
	color: #ff69b4;
	text-decoration: none;
}

#menu_top table{
   height  : 100%;
   min-height: 100%;
}

.menu-end {
   padding: 0px;
   width:80px;
   height  : 65px;
   background:url("../img/menu/menu_end.jpg");
}

#main-header {
   width:99%;
   padding-top:2em;
   padding-left:1em;
   padding-bottom:1em;
}

.error,
.bold-red {
	font-weight: bold;
	color      : #FF0000;
	font-size:12px;
}
.error {
	width     : 100%;
	text-align: left;
}

.infomsg-area {
	font-weight: bold;
	color      : #0000FF;
	font-size:12px;
}

#paging_header,
#paging_footer {
	width: 100%;
	font-size:x-small;
}
#paging_header .paging_link {
	font-size:x-small;
}
#paging_footer .paging_link {
	margin-top: 10px;
	font-size:x-small;
}

#sub-title {
	font-size       : 16px;
	font-weight     : bold;
	color           : midnightblue;
	width           : 80%;
	text-align      : left;
	vertical-align  : bottom;
	margin-top      : 10px;
	border-bottom   : solid 2px midnightblue;
}

.error-titlebar .ui-dialog-titlebar {
	background:#cc0000;
	border: #aed0ea;
}

.ui-dialog-titlebar-close {
	visibility: hidden;
}

#kinmu-area hr {
	margin-top:1px;
	margin-bottom:1px;
	border:none;
	border-top:dashed 1px dimgray;
	height:1px;
}

.renderPicker {
	cursor: pointer;
}
.material-icons.renderPicker {
	position: relative;
}
.material-icons.renderPicker::before {
	content:'';
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: transparent;
	border-radius: 50%;
	transform: scale(0.5);
	transition: all 300ms ease;
	z-index:-1;
}
.material-icons.renderPicker:hover::before {
	background: lightgrey;
	transform: scale(1.1);
}
.overlay {
	position: fixed;
	visibility: hidden;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000000;
	opacity: 0;
	z-index: 1;
	transition: all 500ms ease;
}
.overlayed {
	visibility: visible;
	opacity: .6;
}


.ui-datepicker-calendar {
		display: none;
}
.ui-datepicker {
		position: fixed !important;
		top: 50vh !important;
		left: 50vw !important;
    z-index: 999;
		font-size: 1em !important;
		transform: translateX(-100px);
		width: 200px !important;
		padding: 0 !important;
    /*-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);*/
}
.ui-datepicker-year, .ui-datepicker-month {
	background: transparent;
	color: white;
	border: none;
	outline: none !important;
	-webkit-appearance: none !important;
	padding: .2em .5em;
	border-radius: .2em;
	transition: all 300ms ease;
}
.ui-datepicker-year:hover, .ui-datepicker-month:hover {
	background: lightgrey;
	color: black;
}
.ui-datepicker-month {
	width: 3.5em !important;

}
.ui-datepicker-year {
	width: 4em !important;

}
.ui-datepicker-year:focus option, .ui-datepicker-month:focus option{
	color: black;
	background: white !important;
}
.ui-datepicker table {
    width: 100%;
}

.ui-datepicker-header {
		background: -webkit-gradient(
		linear, left top, left bottom,
		from(#0a1c7a),
		to(#004c9e)) !important;
    color: #ffffff;
    font-family:'Times New Roman';
    border-width: 0 !important;
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
}

.ui-datepicker-title {
    text-align: center;
    font-size: 15px;
		display: flex;
		justify-content: center;
}

.ui-datepicker-prev {
    float: left;
    cursor: pointer;
    background-position: center -30px;
}

.ui-datepicker-next {
    float: right;
    cursor: pointer;
    background-position: center 0px;
}

.ui-datepicker thead {
    background-color: #f7f7f7;

    /*border-bottom: 1px solid #bbb;*/
}
.ui-datepicker-close, .ui-datepicker-current {
		border: 0px solid transparent !important;
		background: none !important;
		background-image: none !important;
		transition: all 300ms ease;
}
.ui-datepicker-close:hover, .ui-datepicker-current:hover {
		background: #004c9e !important;
		color: white !important;
}

.ui-datepicker .ui-datepicker-buttonpane {
	margin: 0 !important;
	border: 0 !important;
}

.wrapper {
	display: flex;
	flex-wrap: wrap;
	padding: 5px;
}
.calendar {
    max-width: 500px;
    margin: 0 auto;
    background-color: #fff;
}
.calendar-area {
	position: relative;
	flex: 1 0 25%;
	width: 540px;
	background-color: #fff;
	border-radius: .5em;
	border: 1px solid grey;
	padding: 20px;
	margin: 5px;
}
.fc-unthemed .fc-today {
  background: none !important;
}

.guide {
	display: flex;
	align-items: center;
	width: 150px;
	margin-left: 5px;
	padding: 5px;
}
.guide > .color {
	width: 15px;
	height: 15px;
	background-color: rgb(255 253 198);
}

.link {
	cursor: pointer;
	text-decoration: underline;
	color: #191970;
}

table.dashboardcontents {
	margin-left: 25px;
}

td.dashboard-sinsei-contents{
	padding-right: 20px;
}

td.dashboard-main-table-td {
	padding-right: 60px;
	padding-bottom: 60px;
}

.sizeUp{
	font-size: 12px !important;
}

.sizeUpTitle{
	font-size: 16px !important;
}

.button-bar {
	width: 90%;
	display: -ms-grid;
    display: grid;
    grid-column-gap: 5px;
    justify-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}
.button-bar input {
	height: 26px;
}
.button-bar li:nth-child(1) {
	-ms-grid-column: 2;
	grid-column-start: 2;
}
.button-bar li:nth-child(2) {
	-ms-grid-column: 3;
	grid-column-start: 3;
}
.button-bar li:nth-child(3) {
	-ms-grid-column: 4;
	grid-column-start: 4;
}
.button-bar li:nth-child(4) {
	-ms-grid-column: 5;
	grid-column-start: 5;
}
.button-bar li:nth-child(5) {
	-ms-grid-column: 6;
	grid-column-start: 6;
}
.button-bar .align-end {
	margin-left: auto;
}
/** IE対応 */
@media screen and (min-width:0\0){
	.button-bar .align-end {
		text-align: right;
	}
}