@CHARSET "UTF-8";
/*メインメニューCSS*/

/* ↓ ログインページ各項目のCSS */
.login_box {
    position:relative;
    background-color:white;
    box-sizing: border-box;
    box-shadow: 4px 3px 8px 1px rgba(0,0,0,0.5);
    width:460px;
    height:auto;
    margin:60px auto 10px auto;
    padding:50px;
    text-align: center;
}

.login_title {
    box-sizing: border-box;
    width:100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px;
    font-size: 12pt;/*16px;*/
}

.login_input {
    box-sizing: border-box;
    width:100%;
    padding: 10px;
    margin-bottom: 6px;
    font-size: 12pt;/*16px;*/
}

.login_submit {
    box-sizing: border-box;
    width:100%;
    margin-top: 10px;
    margin-bottom: 6px;
    padding: 10px;
    font-size: 12pt;/*16px;*/
}

.login_linkto {
    display:block;
    float:right;
}

.login_box .version {
    font-size:8pt;
    float:right;
    margin: 0;
    padding: 0;
}

.login_box .coryright {
    font-size:8pt;
}

.board_notice {                                /* お知らせ機能のCSS */
	height: 178px;
    border-radius: 0rem 0rem 0rem 0rem;
    display: block;
    width: 460px;
    margin:30px auto 10px auto;
    padding :0;
}
.DarkDodgerBlue {
	font-size: 1em;
	padding-left: 5px;
    color: black;
}
.title_name {
    display: flex;
    width: 460px;
    height: 23px;
    /* box-shadow: 4px 3px 4px rgba(0, 0, 0, 0.5); */
    background-color: #FFFFFF;
    border-radius: 0rem 0rem 0rem 0rem;
    align-items: center;
    border-bottom: 1px solid grey;
}
.topic_pointer{
	cursor: pointer;
}
.BoardHeader {
    color: black;
    font-size: 11pt;
    margin: 0rem;
}

.address {
	font-size: 10pt;
	line-height: 50%;
}
.address_bold{
    font-weight: bold;
}
.notification{
	max-height: 72px;
	margin: 0px 0px 0px 10px;
	overflow-y: scroll;
	line-height: 50%;
}
.notification_title{
	font-size: 10pt;	
}
.new{
	background: red;
	color: white;
	font-size: 8pt;
}
.old{
	background: white;
	color: white;
	font-size: 8pt;
}
#iframe_news_div{
	width:100%;
	min-height: 220px;
}

/* ↑ ログインページ各項目のCSS */

/*メインメニューのCSS*/
div.menue_panel
{
    padding:20px 60px;
}

div.menu_announce
{
    position: relative;
    display: grid;
    margin:10px 0px 0px 0px;
    font-style:Meiryo;
    font-size:16pt;
}

div.menu-layoutpanel
{
    display:block;
    width:1200px;
    margin-bottom:20px;
}

div.menu-table
{
    display:table;
    width:100%;
    padding:0;
}

div.menu-table-th
{
    display:table-cell;
    padding:10px 0;
    font-size:14pt;
    text-align:center;
    background-color:#eaeaea;
    color:#808080;
    font-weight:bold;
}
.disabled div.menu-table-th { color:#cccccc; }

div.menu-table-row
{
    display:table-row;
}

div.menu-table-cell
{
    display:table-cell;
    float:left;
    margin-right:60px;
    margin-bottom:20px;
    margin-top:20px;
}

div.user-menu-table-cell-main
{
    display:table-cell;
    float:left;
    margin-bottom: 10px;
    margin-top: 10px;
}

div.user-menu-table-cell
{
    display:table-cell;
    float:left;
    margin-right: 20px;
    margin-bottom:5px;
    margin-top:15px;
}

dev.menu-button-frame {
    display:block;
}

div.user-menu-button-frame {
    display:block;
    border-radius: 10px 10px 10px 10px;
}

.menu-button-link
{
    display:block;
    width:220px;
    height:100px;
    padding-top:40px;
    padding-left:20px;
    text-align:center;
    text-decoration:none;
}

.disabled .menu-button-link {
	cursor:default;
	pointer-events:none;
}

.user-menu-button-link
{
    display:block;
    width:180px;
    height:125px;
    padding-top:13%;
    padding-bottom:10%;
    text-align:center;
    text-decoration:none;
}

.topuser-menu-button-link
{
    display: block;
    width:300px;
    height:200px;
    text-align:center;
    text-decoration:none;
}
.menu-button-text
{
    display:block;
    font-size:16pt;
}
.disabled .menu-button-text {color:#dfdfdf}
.user-menu-button-text
{
    display:block;
    margin-top: 10px;
    font-size: 14pt;
    color:  #fff;
    font-weight: bold;
}

.menu-arrow{
    display:table-cell;
    float:left;
    padding:60px 0;
    font-size:20pt;
    color:#c0c0c0;
}

.menu-indent1
{
    margin-left:60px;
}

.menu-indent2
{
    margin-left:40px;
}

.menu-description
{
     heigth:150px;
     width:200px;
     font-size:9.75pt;/*13px;*/
     text-align:left;
     margin:10px auto;
}
.disabled .menu-description { color:#d0d0d0; }
.menu-button-blue {
    color: #ACC2E1;
    background: linear-gradient(90deg, #ACC2E1 0%, #ACC2E1 10px, white 1px, white 100%);
    box-shadow: 4px 3px 4px rgba(0, 0, 0, 0.5);
}
.menu-button-red {
    color: #E47474;
    background: linear-gradient(90deg, #E47474 0%, #E47474 10px, white 1px, white 100%);
    box-shadow: 4px 3px 4px rgba(0, 0, 0, 0.5);
}
.menu-button-orange {
    color: #F8D07F;
    background: linear-gradient(90deg, #F8D07F 0%, #F8D07F 10px, white 1px, white 100%);
    box-shadow: 4px 3px 4px rgba(0, 0, 0, 0.5);
}
.menu-button-green {
    color: #AFD8AF;
    background: linear-gradient(90deg, #AFD8AF 0%, #AFD8AF 10px, white 1px, white 100%);
    box-shadow: 4px 3px 4px rgba(0, 0, 0, 0.5);
}
.disabled .menu-button-green {
    background: linear-gradient(90deg, #dfdfdf 0%, #dfdfdf 10px, white 1px, white 100%);
}
.menu-button-purple {
    color: #B3AED5;
    background: linear-gradient(90deg, #B3AED5 0%, #B3AED5 10px, white 1px, white 100%);
    box-shadow: 4px 3px 4px rgba(0, 0, 0, 0.5);
}
/* ↓↓お客様一覧メインメニュー画面CSS追加 2022/06/08 r-sakamoto */
.menu-button-pink {
    color: #D5AED0;
    background: linear-gradient(90deg, #D5AED0 0%, #D5AED0 10px, white 1px, white 100%);
    box-shadow: 4px 3px 4px rgba(0, 0, 0, 0.5);
}
/* ↑↑お客様一覧メインメニュー画面CSS追加 2022/06/08 r-sakamoto */
.menu-button-lime {
    color: #B4B808;
    background: linear-gradient(90deg, #B4B808 0%, #B4B808 10px, white 1px, white 100%);
    box-shadow: 4px 3px 4px rgba(0, 0, 0, 0.5);
}
.user-menu-button-shadow {
    /*box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);*/
}

.color-menu-misyounin{
    color:#fff;
    margin-top: -10px;
    margin-left: 11px;

}
.color-menu-alert{
    color:#fff;
    margin-top: -10px;
    font-size:70px;
}
.color-menu-kintai{color:#fff}
.color-menu-yotei{color:#fff}
.color-menu-jisseki{color:#fff}
.color-menu-syukei{color:#fff}
.color-menu-s_kanrino{color:#fff}
.color-menu-k_kanrino{color:#fff}
.color-menu-dashbord{color:#fff}
.color-menu-export{color:#fff}

.color-menu-misyounin:hover{color:#fff}
.color-menu-alert:hover{color:#fff}
.color-menu-kintai:hover{color:#fff}
.color-menu-yotei:hover{color:#fff}
.color-menu-jisseki:hover{color:#fff}
.color-menu-syukei:hover{color:#fff}
.color-menu-s_kanrino:hover{color:#fff}
.color-menu-k_kanrino:hover{color:#fff}
.color-menu-dashbord:hover{color:#fff}
.color-menu-export:hover{color:#fff}

.color-menu-blue {color:#2b86ae}
.color-menu-red {color:#E47474}
.color-menu-orange {color:#f2a06a}
.color-menu-green {color:#54a28f}
.color-menu-purple {color:#B3AED5}
.color-menu-pink {color:#D5AED0}	/* お客様一覧メインメニュー画面CSS追加 2022/06/08 r-sakamoto */
.color-menu-lime {color:#B4B808}

.disabled .color-menu-green {color:#e0e0e0}

.color-menu-blue:hover {color:#104778}
.color-menu-red:hover {color:#DF2020}
.color-menu-orange:hover {color:#ff776a}
.color-menu-green:hover {color:#54c78f}
.color-menu-purple:hover {color:#7E71D0}
.color-menu-pink:hover {color:#D071C5}	/* お客様一覧メインメニュー画面CSS追加 2022/06/08 r-sakamoto */
.color-menu-lime:hover {color:#878D5A}

.disabled .color-menu-green:hover {color:#e0e0e0}

.color-menutitle-blue {color:#2F6FAA}
.color-menutitle-red {color:#ED7878}
.color-menutitle-orange {color:#EF9B6C}
.color-menutitle-green {color:#6E8B71}
.color-menutitle-purple {color:#B7A8C8}
.color-menutitle-pink {color:#C8A8B9}	/* お客様一覧メインメニュー画面CSS追加 2022/06/08 r-sakamoto */

.bg-menu-blue {background-color:#F1F4FA}
.bg-menu-red {background-color:#F9ECEA}
.bg-menu-orange {background-color:#FCF6ED}
.bg-menu-green {background-color:#F0F5EF}
.bg-menu-purple {background-color:#E9E9F5}
.bg-menu-pink {background-color:#F5E9F4}	/* お客様一覧メインメニュー画面CSS追加 2022/06/08 r-sakamoto */



/*↑ 2019-06-03 m-hamada */

.alert_position {
    display:inline-block;
    height:2.5rem;
    width:2.5rem;
    border-radius:50%;
    line-height:2.5rem;
    text-align:center;
    color: white;
    position:relative;
    bottom: 45px;
}

.icon_position{
    position:relative;
    padding-top:35px;
}

.text-position{
    position: relative;
    left: 5px;
    font-size:15pt;
}

.balloon1 {
  position: relative;
  display: inline-grid;
  margin: -0.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 750px;
  width: fit-content;
  color: #555;
  font-size: 16px;
  background: #ccd8e8;
  border-radius: 15px;
  left: 55px;
  bottom: 33px;
  word-break: break-all;
  width: -moz-fit-content;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 9px;
  left: -8px;
  margin-left: -15px;
  border: 12px solid transparent;
  border-right: 30px solid #CCFF99;
}

.balloon1 p {
  margin: 0;
  padding: 0;
}

.Goodevening {
    background:#dedcee;
}
.Goodevening:before {
  content: "";
  position: absolute;
  top: 9px;
  left: -8px;
  margin-left: -15px;
  border: 12px solid transparent;
  border-right: 30px solid #dedcee;
}
.Goodmorning{
  background: #ffda8c;
}
.Goodmorning:before {
  content: "";
  position: absolute;
  top: 9px;
  left: -8px;
  margin-left: -15px;
  border: 12px solid transparent;
  border-right: 30px solid #ffda8c;
}
.Hello {
    background: #d6ecfa;
}

.Hello:before {
  content: "";
  position: absolute;
  top: 9px;
  left: -8px;
  margin-left: -15px;
  border: 12px solid transparent;
  border-right: 30px solid #d6ecfa;
}

.box {
    position: relative;
    height: 170px;
    width: 750px;
    padding: 0.5em 1em;
    border: solid 1px lightgrey;
    margin-top: 10px;
}
.box .box-title {
    position: absolute;
    display: inline-block;
    top: -20px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    background: #FFF;
    color: grey;
    font-weight: bold;
    font-size:20pt;
}
.box p {
    margin: 0;
    padding: 0;
}

.top-icon{
    width: 290px;
    height: 150px;
    margin-left: 60px;
}

i.fas.fa-envelope.fa-4x.color-menu-alert {
    top: 4px;
    position: relative;
}

.user-menu-button-text-alert{
    display:block;
    margin-top: 10px;
    font-size: 14pt;
    color:  #fff;
    font-weight: bold;
}

.user-top-misyounin-color{background:#8BA7D5;}
.top-alert-color{background:#FCBA4C;}
.user-kintai-color{background:#EB6272;}
.user-yotei-color{background:#C97FB4;}
.user-jiseki-color{background:#87CBC9;}
.user-syounin-color{background:#FFB6D1;}   /* 勤怠届出承認 2022-06-17 T-Kimura */
.user-hibisyonin-color{background:#ffaf6e;}
.user-kinmuichiran-color{background:#94de8b;}
.user-kintaierror-color{background:#87cefa;}	/* 勤怠エラー一覧追加(#1898) 2024-11-06 r-sakamoto */
.user-syukei-color{background:#EDA184;}
.user-skanrino_color{background:#6BBDA0;}
.user-kkanrino-color{background:#AF9F4C;}
.user-dashbord-color{background:#0071B3;}
.user-export-color{background:#c67052;}
.user-loglist-color{background:#87748f;}		/* ログ参照追加(#1896) 2024-11-29 r-sakamoto */
.user-shinseilist-color{background:#ffc457;}		/* 承認申請一覧追加(チケット#2750) 2025-07-18 t-tamura */
.user-k36remove-color{background:#75E2B1;}		/* 36協定制限解除追加(#2734) 2024-11-29 r-sakamoto */

.user-top-misyounin-color:hover{background:#6d87b3;}
.top-alert-color:hover{background:#dabb2c;}
.user-kintai-color:hover{background:#bf3434;}
.user-yotei-color:hover{background:#a05f8e;}
.user-jiseki-color:hover{background:#52aba0;}
.user-syounin-color:hover{background:#DF96B1;}   /* 勤怠届出承認 2022-06-17 T-Kimura */
.user-hibisyonin-color:hover{background:#e88f4c;}   /* 日々承認画面 2024-07-16 t-tamura */
.user-kinmuichiran-color:hover{background:#6c9e69;}   /* 勤務状況一覧 2024-07-16 t-tamura */
.user-kintaierror-color:hover{background:#5e90b1;}	/* 勤怠エラー一覧追加(#1898) 2024-11-06 r-sakamoto */
.user-syukei-color:hover{background:#b57d68;}
.user-skanrino_color:hover{background:#2d8c3c;}
.user-kkanrino-color:hover{background:#8e813d;}
.user-dashbord-color:hover{background:#005688;}
.user-export-color:hover{background:#a63c24;}
.user-loglist-color:hover{background:#5d575f;}		/* ログ参照追加(#1896) 2024-11-06 r-sakamoto */
.user-shinseilist-color:hover{background:#e89b54;}		/* 承認申請一覧追加(チケット#2750) 2025-07-18 t-tamura */
.user-k36remove-color:hover{background:#71B596;}		/* 36協定制限解除追加(#2734) 2025-07-04 r-sakamoto */

.icon-color-menu-red{color:#ea2424;}

/*font-awesome加工用*/
.fa-calendar-day {
	font-size: 48px;
	border-radius: 50%; /* アイコンが円形の場合 */
}


/*お知らせ用CSS*/
.topicbox{
    margin: 0 auto;
    width: 870px;
    height:170px;
    background: #fff;
    border-top: solid 10px #5989cf;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .5);
}

.topic{
    margin-top: 15px;
    margin-left: 10px;
    font-size: 20pt;
    font-weight: bold;
}
.despbox{
    display: flex;
    width: 850px;
    margin-left: 10px;
    border-top: 0.5px solid #bdb7b7;
    border-bottom: 0.5px solid #bdb7b7;
}
.date{
    /*display: inline-block;*/ /* 20251029 m-okamura */
    text-align: left;
    box-sizing: border-box;
    /*padding-top: 32px;*/    /* 20251024 m-okamura */
    width: 125px;
    font-size: 12pt;
}

.descript{

}
.topic-color{
  color:#5989cf;
}

.simple_kintai_input {
    height: auto;
    border: none;
    padding: 0 1em;
    margin-bottom: 20px;
}
.simple_kintai_input .calender-date{
    font-size: 18pt;
    font-family: sans-serif;
    font-weight: lighter;
    color: #0074bf;
}

.simple_kintai_input .clock{
    font-size: 48pt;
    font-family: sans-serif;
    font-weight: bold;
    color: #0074bf;
}

.simple_kintai_input button{
    width:180px;
    margin: 10px 2px;
    padding: 10px;
    font-size: 28pt;
    font-family: sans-serif;
    font-weight: bold;
    background-color: whitesmoke;
    border-color: lightgray;
    border-radius: 0.5rem;
}
.simple_kintai_input button:focus{
    box-shadow: 0 0 0 0.2rem rgb(128 128 128 / 25%);
}
.simple_kintai_input button.kinmu_start{
	color:#0074bf;
}
.simple_kintai_input button.kinmu_end{
	color:#2d8c3c;
}
.simple_kintai_input button.gaisyutu_kaisi{
	color:#eb6272;
}
.simple_kintai_input button.gaisyutu_modori{
	color:#eda184;
}