@charset "utf-8";
input, button, textarea {
    font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
input.example1 {
	font-size:	80pt;
	height:		100;
	width:		300;
}
input.example2 {
	font-size:	20pt;
	height:		60;
	width:		100;
}

input.tenKey {
	height:		100%;
	width:		100%;
}


table.w1{
    margin: 0 auto;
	width:		650;
}

table.w1 td.td1{

	align:		center;
	height:		220;
	width:		220;
}


input.txt1{
font-size: 400%;
width:200px;
height:75px;
}

input.txt1_2{
font-size: 250%;
width:250px;
height:60px;
text-align: right;
border-radius: 10px;
outline: none;
}

input.txt2{
font-size: 120%;
width:160px;
height:75px;
}

input.txtdate{
font-size: 150%;
width:300px;
height:35px;
border-style:none;
background:transparent;
color:#FF0000;
}

input.txttime{
font-size: 250%;
width:300px;
height:65px;
border-style:none;
background:transparent;
color:#032475;
}

input.gif{
width:200px;
height:100px;
}
input.gif2{
width:100px;
height:50px;
}

/*------フッター設定----------------------------------------------*/
/*-------------------------------------*/
/* footer:div */
/*-------------------------------------*/
footer#footer {
	width: 100%;
	height: auto;
	text-align: center;
	/* margin-top:30px; */
	/* position: absolute; */
	/* bottom: 0; */
}
div.copyright{
 color:#fff;
 text-align: center;
}


/*-------------------------------------*/
/* 青い文字大 */
/*-------------------------------------*/

.txtBig{

	font-size:25px;
	color:#000000;
	font-weight:bold;
    

}
/*-------------------------------------*/
/* 日付文字大 */
/*-------------------------------------*/

.txtdate{

font-size: 40px;
border-style:none;
background:transparent;
color:#FF0000;

}
/*-------------------------------------*/
/* 時間文字大 */
/*-------------------------------------*/

.txttime{

font-size: 40px;
border-style:none;
background:transparent;
color:yellow;

}
/*-------------------------------------*/
/* セミ赤文字大年月日表示*/
/*-------------------------------------*/

.txtSBR{

	font-size:25px;
	color: red;
	font-weight:bold;
    

}
/*-------------------------------------*/
/* 赤文字大 */
/*-------------------------------------*/

.txtBR{

	font-size:40px;
	color: red;
	font-weight:bold;
}
/*-------------------------------------*/
/* 赤文字 strred */
/*-------------------------------------*/

.ktrred{

	color: red;
	font-weight:bold;
}

/*-------------------------------------*/
/* 白文字小 */
/*-------------------------------------*/
.txtSSW{
	font-size:20px;
	color: white;
	font-weight:bold;
}
/*-------------------------------------*/
/* 白文字大 */
/*-------------------------------------*/

.txtSWR{
	font-size:30px;
	color: white;
	font-weight:bold;
}
.txtWR{
	font-size:40px;
	color: white;
	font-weight:bold;
}
.txtWBR{
	font-size:60px;
	color: white;
	font-weight:bold;
}

/*-------------------------------------*/
/* フロート */
/*-------------------------------------*/
.float_left{
float:left;
}
.clearleft { 
clear: left; 
}
/*------テーブル設定----------------------------------------------*/
/*-------------------------------------*/
/* header:テーブル */
/*-------------------------------------*/
table.theader {
    width: 700px;
    height:160px;
    color: #ffffff;
	text-align: center;
	margin:0 auto;
}
table.theader td {
    font-size: 20px;
}
table.theader td.rogo {
    width: 15%;
}
table.theader td.R {
    text-align: right;
	font-size: 15px;
}
table.theader td.date {
    width: 40%;
    height: 55px;
    font-size: 35px;
    font-weight:bold;
}
table.theader td.time {
    width: 40%;
    color: red;
    font-weight: normal;
    height: 75px;
    font-size: 45px;
}
table.theader td.left {
    text-align: left;
    font-size: 20px;
    color: yellow;
    font-weight:bold;
}
table.theader td.tempo {
    width: 20%;
    text-align: center;
    font-size: 20px;
    color: yellow;
    font-weight:bold;
}

/*-------------------------------------*/
/* admin_headerテーブル*/
/*-------------------------------------*/
table.admin_header {
    width: 700px;
    height: 120px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
}


/*-------------------------------------*/
/* テーブル1*/
/*-------------------------------------*/
table.tb1 {
    width: 300px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 0px;
    text-align: center;
}


table.tb1 td.date {

    background: #ffffff;
    color: red;
    font-weight: normal;
    font-size: 15px;

}

/*-------------------------------------*/
/* テーブル2*/
/*-------------------------------------*/
table.tb2 {
    width: 300px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 2px 2px;
    text-align: center;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
}


table.tb2 td {
    color: white;
    font-weight: normal;
    font-size: 30px;
    text-align: left;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;

}
 
outline{
color:#FFFFFF;
filter:dropshadow(color=#000000,offX= 0,offY=-1)
dropshadow(color=#000000,offX= 1,offY= 0)
dropshadow(color=#000000,offX= 0,offY= 1)
dropshadow(color=#000000,offX=-1,offY= 0);
-webkit-text-stroke-color: #000;
-webkit-text-stroke-width: 1px;
text-shadow: black 1px 1px 0px, black -1px 1px 0px, black 1px -1px 0px, black -1px -1px 0px;
}

/*-------------------------------------*/
/* テーブル3 */
/*-------------------------------------*/
table.tb3 {
    width: 700px;
    color: #ffffff;
    text-align: center;
}

table.tb3 td {
    font-size: 20px;
	width:350px;
}

/*-------------------------------------*/
/* テーブル4 3ボタン制御 */
/*-------------------------------------*/
table.tb4 {
    width: 750px;
    color: #ffffff;
    text-align: center;
}

table.tb4 td1 {
    text-align: center;
	width: 250px;
}
/*-------------------------------------*/
/* テーブル5 2ボタン制御 */
/*-------------------------------------*/
table.tb5 {
    width: 500px;
    color: #ffffff;
    text-align: center;
}

table.tb5 td {
    text-align: center;
	width:250px;
}
/*-------------------------------------*/
/* テーブル6 1ボタン制御 */
/*-------------------------------------*/
table.tb6 {
    width: 250px;
    color: #ffffff;
    text-align: center;
}

table.tb6 td {
    text-align: center;
	width:250px;
}
/*-------------------------------------*/
/* テーブル7 */
/*-------------------------------------*/
table.tb7 {
    width: 900px;
    height:120px;
    color: #ffffff;
    text-align: center;
}
table.tb7 td.date {
    font-size: 35px;
    font-weight:bold;
}
table.tb7 td {
    font-size: 20px;
}
table.tb7 td.R {
    text-align: right;
    font-size: 20px;
}
table.tb7 td.left {
    text-align: left;
    font-size: 20px;
    color: yellow;
    font-weight:bold;
}
table.tb7 td.center {
    text-align: center;
    font-size: 20px;
    color: yellow;
    font-weight:bold;
}
table.tb7 td.time {

    color: red;
    font-weight: normal;
    height: 40px;
    font-size: 45px;

}
/*-------------------------------------*/
/* テーブル11*/社員一覧表示
/*-------------------------------------*/
table.tb11 {
    width: 720px;
    margin: 1 auto;
    border-collapse: separate;
    border-spacing: 2px 2px;
    text-align: center;
}


table.tb11 td {
    width: 230px;
    height: 50px;
    font-weight: normal;
    font-size: 20px;
    text-align: center;

}
table.tb11 td.name {
    width: 230px;
    height: 55px;
    font-weight: normal;
    font-size: 20px;
    text-align: center;

}
/*-------------------------------------*/
/* テーブル12*/社員一覧表示ドンキー用
/*-------------------------------------*/
table.tb12 {
    width: 720px;
    margin: 0 auto;

}

table.tb12 td {
    width: 230px;
    height: 30px;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
}
table.tb12 td.name {
    width: 230px;
    height: 70px;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
}
table.tb12 td.s {
    width: 230px;
    height: 30px;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
}
table.tb12 td.title {
	background:darkblue;
	height: 30px;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	color:white;
}

/*-------------------------------------*/
/* テーブル13*/ボタン一覧（新）
/*-------------------------------------*/
table.tb13 {
    width: 720px;
    margin: 1 auto;
    border-collapse: separate;
    border-spacing: 2px 2px;
    text-align: center;
}


table.tb13 td {
    width: 260px;
    height:120px;
    font-weight: normal;
    font-size: 20px;
    text-align: center;

}
table.tb13 td.name {
    width: 230px;
    height: 55px;
    font-weight: normal;
    font-size: 20px;
    text-align: center;

} 

/*-------------------------------------*/
/* テーブル24*/一覧表示～４用
/*-------------------------------------*/
table.tb24 {
    width: 720px;
    margin: 0 auto;

}

table.tb24 td {
    width: 230px;
    height: 30px;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
}
table.tb24 td.name {
    width: 230px;
    height: 70px;
    font-weight: normal;
    font-size: 18px;
    text-align: center;
}
table.tb24 td.s {
    width: 230px;
    height: 30px;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
}
table.tb24 td.title {
	background:darkblue;
	height: 30px;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	color:white;
}
/*-------------------------------------*/
/* テーブル25*/一覧表示～５用
/*-------------------------------------*/
table.tb25 {
    width: 720px;
    margin: 0 auto;

}

table.tb25 td.name {
    width: 200px;
    height: 60px;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
}

/*-------------------------------------*/
/* テーブル26*/一覧表示～６用
/*-------------------------------------*/
table.tb26 {
    width: 720px;
    margin: 0 auto;

}

table.tb26 th {
	color:white;
    width: 180px;
    height: 30px;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
}
table.tb26 td {
	color:white;
    width: 180px;
    height: 30px;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
}
table.tb26 td.name {
    width: 180px;
    height: 50px;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
}

/*-------------------------------------*/
/* テーブル 打刻　名前表示*/
/*-------------------------------------*/
.table_input1{
	width: 800px;
	border:1px;
	text-align: center;
	font-size: 20px;
	color: #ffffff;
	border-spacing: 0px;
}
 .table_input1 tbody.left{
	width: 350px;
 }
 .table_input1 tbody.right{
	width: 430px;
 }
 .table_input1 td.title{
	width:50%;
	height:40px;
	font-size:150%;
	text-align: left;
	vertical-align: bottom;
	border-bottom: 1px solid #ccc;
 }
 .table_input1 td.data{
	padding-left:20px;
	font-size:150%;
	width: 50%;
	text-align: left;
	vertical-align: bottom;
	border-bottom: 1px solid #ccc;
 }
 .table_input1 td.name{
	width: 50%;
	font-size:300%;
	font-weight:bold;
 }
/*-------------------------------------*/
/* テーブルリスト1 */
/*-------------------------------------*/
.table_list1{
    width: 800px;
 border:1px;
 border-spacing: 0px;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 background-color:#ffffff;
}
 .table_list1 th{
    width: 100px;
border-right: 1px solid #ccc;
background-color: #11dd99;
 }
 .table_list1 th.name{
    width: 100px;
border-right: 1px solid #ccc;
background-color: #11dd99;
 }
 .table_list1 th.thend{
    width: 100px;
background-color: #11dd99;
 }
 .table_list1 td{
    width: 100px;
background-color: #ffffff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
 }
 .table_list1 td.td{
    width: 100px;
background-color: #ffffff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
 }
 .table_list1 td.td5{
    width: 100px;
background-color: #ffffff;
border-right: 1px solid #ccc;
border-bottom: 3px solid red;
 }
 .table_list1 td.td1{
    width: 100px;
background-color:#83fa89;
 }
 .table_list1 td.td15{
    width: 100px;
 background-color: #83fa89;
 border-bottom: 3px solid red;
 }
 .table_list1 td.td2{
    width: 100px;
background-color: yellow;
 }
 .table_list1 td.td25{
    width: 100px;
background-color: yellow;
 border-bottom: 3px solid red;
 }
 .table_list1 td.td3{
    width:100px;
background-color: paleturquoise;
 }
 .table_list1 td.td35{
    width: 100px;
background-color: paleturquoise;
 border-bottom: 3px solid red;
 }
 .table_list1 td.td4{
    width:100px;
background-color: #ff9166;
 }
 .table_list1 td.td45{
    width: 100px;
background-color: #ff9166;
 border-bottom: 3px solid red;
 }

 .table_list1 td.mon1{
    font-size: 20px;
font-weight: bold;
color: #ffffff;
background-color: #3ea019;
} 
.table_list1 td.mon2{
    font-size: 20px;
font-weight: bold;
color: #ffffff;
background-color: #fea019;

 }
 .table_list1 td.title1{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	background-color: #3ea019;
 }

 .table_list1 td.title2{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	background-color: #fea019;
 }
 .table_list1 td.title3{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	background-color: darkviolet;
 }
 .table_list1 td.titleholi1{
	width: 420px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	background-color: dodgerblue;
 }

 .table_list1 td.titleholi2{
	width: 240px;
	text-align: center;
	font-size: 30px;
	background-color: dodgerblue;
 }

 .table_list1 td.center{
	text-align: center;
 }

 .table_list1 td.tdday{
	width: 100px;
	text-align: center;

 }
 .table_list1 td.tdred{
	width: 100px;
	text-align: center;
	background-color: red;

 }
 .table_list1 td.tdgreen{
	width: 100px;
	text-align: center;
	background-color: green;
 }

 .table_list1 td.tdgoukei{
	background-color: red;
 }
 .table_list1 td.keitime{
	font-size: 120%;
	font-weight: bold;
	text-align: center;
 }
/*-------------------------------------*/
/* テーブルリストholi */
/*-------------------------------------*/
.table_holi{
	width: 660px;
	border:1px;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color:#ffffff;
}
 .table_holi th{
	text-align: center;
	width: 50px;
	color: #ffffff;
	border-right: 1px solid #ccc;
	background-color: steelblue ;

 }
 .table_holi th.title{
	text-align: center;
	width: 60px;
	color: #ffffff;
	border-right: 1px solid #ccc;
	background-color: steelblue ;

 }
 .table_holi th.time{
	text-align: center;
	width: 60px;
	color: #ffffff;
	border-right: 1px solid #ccc;
	background-color: steelblue ;

 }
 .table_holi td{
	width: 50px;
	text-align: center;
	background-color: #ffffff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
 }
 .table_holi td.td2{
	width: 50px;
	text-align: center;
	background-color: #ffffff;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid blue;
 }
 .table_holi td.emp{
	width: 50px;
	text-align: center;
	background-color: lightgreen;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid blue;
 }
 .table_holi td.pt{
	width: 50px;
	text-align: center;
	background-color: orange;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid blue;
 } 
.table_holi td.cond{
	background-color: khaki;
	color:brack;
} 
 .table_holi td.time1{
	width: 100px;
	text-align: center;
	background-color: #ffffff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
 }
 .table_holi td.time1red{
	width: 100px;
	text-align: center;
	background-color: red;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
 }
 .table_holi td.time2{
	width: 100px;
	text-align: center;
	background-color: #ffffff;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid blue;
 }
 .table_holi td.time2red{
	width: 100px;
	text-align: center;
	background-color: red;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid blue;
 }
 .table_holi td.title{
	text-align: center;
	width: 60px;
	border-right: 1px solid #ccc;
	background-color: aquamarine;
 }
 .table_holi td.kei{
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: mediumblue ;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
 }


/*-------------------------------------*/
/* テーブルリスト(権限マスタ用) */
/*-------------------------------------*/
.table_kengen{
    width: 1000px;
 border:1px;
 border-spacing: 0px;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 background-color:#ffffff;
}
 .table_kengen th{
    width: 60px;
border-right: 1px solid #ccc;
background-color: #11dd99;
 }
 .table_kengen th.name{
    width: 120px;
border-right: 1px solid #ccc;
background-color: #11dd99;
 }
 .table_kengen th.thend{
    width: 120px;
background-color: #11dd99;
 }
.table_kengen td{
    width:7%;
    height:50px;
background-color: #ffffff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
 }
 .table_kengen td.td{
    width:20%;
    height:50px;
text-align: center;
background-color: #ffffff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
 }
 .table_kengen td.tdtd{
    width:8%;
    height:50px;
text-align: center;
background-color: #ffffff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
 }
 .table_kengen td.td5{
    width: 60px;
background-color: #ffffff;
border-right: 1px solid #ccc;
border-bottom: 3px solid red;
 }
 .table_kengen td.td1{
    width: 60px;
background-color: #83fa89;
 }
 .table_kengen td.td15{
    width: 60px;
 background-color: #83fa89;
 border-bottom: 3px solid red;
 }
 .table_kengen td.td2{
    width: 60px;
background-color: #548bfa;
 }
 .table_kengen td.td25{
    width: 60px;
background-color: #548bfa;
 border-bottom: 3px solid red;
 }
 .table_kengen td.td3{
    width: 60px;
background-color: #ff9166;
 }
 .table_kengen td.td35{
    width: 60px;
background-color: #ff9166;
 border-bottom: 3px solid red;
 }

 .table_kengen td.mon1{
    font-size: 20px;
font-weight: bold;
color: #ffffff;
background-color: #3ea019;
} 
.table_kengen td.mon2{
    font-size: 20px;
font-weight: bold;
color: #ffffff;
background-color: #fea019;

 }
 .table_kengen td.title1{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	background-color: #3ea019;
 }

 .table_kengen td.title2{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	background-color: #fea019;
 }
 .table_kengen td.title3{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	background-color: darkviolet;
 }
 .table_kengen td.titleholi1{
	width: 420px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	background-color: dodgerblue;
 }

 .table_kengen td.titleholi2{
	width: 240px;
	text-align: center;
	font-size: 30px;
	background-color: dodgerblue;
 }

 .table_kengen td.center{
	text-align: center;
 }

 .table_kengen td.tdday{
	width: 60px;
	text-align: center;

 }
 .table_kengen td.tdred{
	width: 60px;
	text-align: center;
	background-color: red;

 }
 .table_kengen td.tdgreen{
	width: 60px;
	text-align: center;
	background-color: green;
 }

 .table_kengen td.tdgoukei{
	background-color: red;
 }
 .table_kengen td.keitime{
	font-size: 120%;
	font-weight: bold;
	text-align: center;
 }
 .table_kengen td.syain{
    height:30px;
 }
/* テキストボックス */
.table_kengen input[type=input_txt1]{
	padding:0 0px;
	width:98%;
	height:98%;
	font-size:100%;
	border:none;
	background-color:#fff;
	border-left: 1px solid #999;
}

/* 管理ボタン */
button.btn_admin01{
    width: 400px;
    height:60px;
    font-size:30px;
    color: #000;
    background:white;
}

/* 管理ボタン 店舗一覧 */
button.btn_admin02{
    width: 220px;
    height: 60px;
    font-size:150%;
    color: #000;
    background:white;
    margin:10px auto;
}

/* section main*/
section#main {
	margin:10px auto;
   /* text-align: center; */
}

div.admin_tenpo {
	max-width: 920px;
	margin: 0 auto;
}



/*2019/10/02-S Ins*/
/* ボタンの個数で幅を可変表示 */
div.syalist_btn {
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}

div.syalist_area{
    text-align: left;
    margin: 0 auto;
}

/*ボタン数３*/
div.syalist_area3 {
    max-width:655px;
}
@media screen and (max-width:675px){
    div.syalist_area {max-width:435px;}
}

/*ボタン数４*/
div.syalist_area4 {
    max-width:875px;
}
@media screen and (max-width:890px) {
    div.syalist_area4 {max-width:655px;}
}
@media screen and (max-width:675px){
    div.syalist_area4 {max-width:435px;}
}

/*ボタン数５*/
div.syalist_area5 {
    max-width: 1100px;
}
@media screen and (max-width: 1120px) {
    div.syalist_area5 {max-width:875px;}
}
@media screen and (max-width:890px) {
    div.syalist_area5 {max-width:655px;}
}
@media screen and (max-width:675px){
    div.syalist_area5 {max-width:435px;}
}

/*ボタン数６*/
div.syalist_area6 {
    max-width:1315px;
}
@media screen and (max-width: 1330px){
    div.syalist_area6 {max-width:1100px;}
}
@media screen and (max-width: 1120px) {
    div.syalist_area6 {max-width:875px;}
}
@media screen and (max-width:890px) {
    div.syalist_area6 {max-width:655px;}
}
@media screen and (max-width:675px){
    div.syalist_area6 {max-width:435px;}
}

/*ボタン数７*/
div.syalist_area7 {
    max-width:1535px;
}
@media screen and (max-width: 1550px){
    div.syalist_area7 {max-width:1315px;}
}
@media screen and (max-width: 1330px){
    div.syalist_area7 {max-width:1100px;}
}
@media screen and (max-width: 1120px) {
    div.syalist_area7 {max-width:875px;}
}
@media screen and (max-width:890px) {
    div.syalist_area7 {max-width:655px;}
}
@media screen and (max-width:675px){
    div.syalist_area7 {max-width:435px;}
}

/*縦スマホ対策*/
@media screen and (max-width:400px){
    div.syalist_area {max-width: 270px;}
}

/*2019/10/02-E*/

button p.btntxt {
	margin: 0;
}

p.btntxt {
	margin: 0;
}

div.knyt {
    font-size: 15px;
    height: 18px;
}
div.height_35 {
    height: 35px;
}

/* 出退勤ページ（個別） */
div.syainfo {
	max-width: 920px;
	margin: 0 auto;
    text-align: center;
}

div.bunkatu_disp {
	text-align: center;
}

div.infoarea {
    width: 450px;
    height: 100px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
}

div.knyotei {
    height: 40px;
    border-bottom: 1px solid #fff;
    text-align: left;
    font-size: 160%;
}
div.syacd {
    font-size: 100%;
    text-align: center;
}
div.syanm {
    font-size: 250%;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

/* 弁当ボタンCSS */
input[type=checkbox].chk_bento {
    display: none;
}

label.lbl_bento {
    display: inline-block;
    font-size: 18px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 30px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    color: #ffffff;
    background: rgb(161, 189, 2);
    border: 2px solid rgb(182, 181, 181);
    border-radius: 5px;
}

input[type=checkbox].chk_bento:checked + label.lbl_bento {
    background-color: rgb(255, 0, 0);
}

input[type=checkbox].chk_bento:disabled + label.lbl_bento {
    background-color: gray;
    color: #fff;
}

input.loginid {
-webkit-text-security: disc;
}

button.btn_order {
    display: inline-block;
    width: 60px;
    height: 60px;
    vertical-align: top;
    color: #fff;
    background-color: rgb(161, 189, 2);
    padding-left: 5px;
    padding-right: 5px;
    /* border: 2px solid rgb(182, 181, 181); */
    outline: none;
    cursor: pointer;
    border-radius: 5px;
}

#back_false {
    width: 100%;
    max-height: 700px !important;
    min-height: 700px !important;
    position: absolute;
    display: none;
    z-index: 9990;
}

#ipop_order {
    padding: 0;
    background-color: green;
    border: 1px solid #999;
    border-radius: 20px;
    left:25%;
    box-shadow: 0px 0px 10px 3px lightgreen;
  
    /* この５行は必須 */
    width: 700px;
    min-height: 600px;
    position: absolute;
    display: block;
    z-index: 9999;
}

#ipop_close {
    cursor: pointer;
    float: right;
    padding-right: 7px;
    font-size:18px;
    font-weight: bold;
}

#ipop_order_inner {
    width: 700px;
    height:30px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    background-color: lightgreen;
    padding-top:5px;
    margin-bottom: 10px;
    cursor: default;
}

table.tbl_order {
    background-color: transparent;
    /* height: 500px; */
    color: #fff;
    margin: 0 auto;
}

table.tbl_order th {
    height: 50px;
    /* border: 1px solid; */
}

table.tbl_order th.lunch {
    max-width: 300px;
    min-width: 300px;
    font-size: 36px;
}

table.tbl_order th.hatymd {
    font-weight: normal;
}

table.tbl_order th.hatymd,
table.tbl_order th.dinner {
    max-width: 150px;
    min-width: 150px;
}

table.tbl_order th.dinner {
    font-size: 36px;
}

table.tbl_order td {
    width: 150px;
    height: 50px;
    text-align: center;
    border-bottom: 1px dotted #FFFFFF;
    font-size: 24px;

}

label.lbl_order {
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    font-weight: bold;
    background-color: #fff;
    color: #000;
    border-radius: 30px;
    border: 2px solid rgb(182, 181, 181);
    cursor: pointer;
}

input[type=checkbox].chk_order:checked + label.lbl_order {
    color: #fff;
    background-color: red;
}

input[type=checkbox].chk_order:disabled + label.lbl_order {
    color: #fff;
    background-color: gray;
}

/* 勤務打刻表示ページ */
table.embos_table{
    height:auto;
    margin:0 auto;
    background-color:#fff;
    font-size:16px;
}
table.embos_table thead,
table.embos_table tbody {
    display: block;
}
table.embos_table tbody {
    overflow-y: scroll;
    height: 600px;
}
table.embos_table th{
    text-align: left;
    height:50px;
    font-size:30px;
    background-color:#5970A4;
    color: #fff;
    border:1px solid #888;
}
table.embos_table td{
    border:1px solid #777;
    padding-left:3px;
}
table.embos_table td.today{
    background-color:rgb(18, 155, 0);
    color:#eee !important;
}
.miss{
    background-color:rgb(255, 61, 61) !important;
    color:#eee;
}
table.embos_table td.td_time{
    width:60px;
}
table.embos_table td.td_break{
    min-width: 125px;
}
table.embos_table td.td_1break{
    min-width:72px;
}
table.embos_table td.td_ymd{
    width:110px;
}
table.embos_table td.td_syukei{
    width:158px;
    box-sizing: border-box;
}
table.embos_table td.stime{
    background-color:#bcff9a;
}
table.embos_table td.ktime{
    background-color:#b9d8ff;
}
table.embos_table td.ttime{
    background-color:#ffd1aa;
}
table.embos_table td.day{
    background-color:#ffcfcf;
}
table.embos_table tr.sunday{
    border-bottom:3px solid red;
}

/*勤務実績データテーブル色だけ*/
table.embos_table th.jis_table_th{
    background-color:darkorange;
    text-align: center;
}
input.tukiradi:checked + label{
    background: rgb(30, 168, 18);/* マウス選択時の背景色を指定する */
    color: #fff; /* マウス選択時のフォント色を指定する */
    border-color:rgb(25, 110, 17);
    -webkit-box-shadow:0px 0px 0px 2px rgb(25, 110, 17) inset;
    -moz-box-shadow:0px 0px 0px 2px rgb(25, 110, 17) inset;
    box-shadow:0px 0px 0px 2px rgb(25, 110, 17) inset;
}
label.tborder{
display: block;	/* ブロックレベル要素化する */ 
float: left;	/* 要素の左寄せ・回り込を指定する */ 
margin: 5px;	/* ボックス外側の余白を指定する */
height: 30px;	/* ボックスの高さを指定する */
width:35px;
background-color:rgb(106, 128, 179);
padding-left: 5px;	/* ボックス内左側の余白を指定する */
padding-right: 5px;	/* ボックス内御右側の余白を指定する */
color: #fff;	/* フォントの色を指定 */
text-align: center;	/* テキストのセンタリングを指定する */
line-height: 30px;	/* 行の高さを指定する */
cursor: pointer;	/* マウスカーソルの形（リンクカーソル）を指定する */
border: 1px solid #5970A4;/* ボックスの境界線を実線で指定する */
border-radius: 5px;	/* 角丸を指定する */
}
button.hsize60{
    height:60px;
    width:70px;
    border-radius: 0px;
}
button.header_btn_ins{
    float:right;
    background-color:#333;
    color:#fff;
    box-shadow: none;
    border-radius: 5px;
}
button.header_btn_ins:hover{
    opacity: 0.9;
    background-color:red;
}

table.embos_table td.alt_txt{
    width:50px;
    font-size:18px;
    height:28px;
}

table.embos_table td.alt_val{
    width:100px;
    font-weight: bold;
    font-size:18px;
    border-left:none;
    text-align: right;
    padding-right:5px;
    height:28px;
}

table.embos_table td.empcell{
    background-color:rgb(202, 202, 202);
}
/* ヘッダー */
header{
    max-height:70px;
    min-height:70px;
    box-sizing: border-box;
}
ul{
	margin:0;
	padding: 0;
}

header.admin_header{
    display: -moz-box;
    height:70px;
}
span.underline_border{
    border-bottom: 1px solid #fff;
}
span.underline_border:hover{
    border-bottom: 1px solid rgb(255, 187, 187);
}
li a{
    color: #fff !important;
    text-decoration: none !important;
}
li.wid75{
    width:75px;
}
li.menu_wid{
    width:120px;
}
li.menu_next{
    width:20px;
}
li.menu_wid80{
    width:80px;
}
li a:hover{
    color:rgb(255, 187, 187) !important;
}

div.admin_header_div{
    position: fixed;
    height:70px;
    min-width:650px;
    margin:0 auto;
    z-index: 999;
    background-color:#000;
}

ul.admin_header_list {
    display:table;
    table-layout:fixed;
    height:70px;
    width:94%;
    margin:0 auto;
    padding:0;
    float: left;
}
ul.admin_header_list li {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    /* border-left:1px solid white; */
    color:#fff;
}
li.admin_header_logo{
    width:91.3px;
}
li.admin_header_syaname{
    width:190px;
}
li.admin_header_clock{
    width:160px;
}
button.btn_menu{
    position: fixed;
    float:right;
    margin-top:15px;
	z-index: 9999;
	background: none;
	line-height: 0;
	box-shadow: 0 0 0 0 !important;
	cursor: pointer;
	padding: 0;
	border: 0;
	outline: none;
}

div#navi{
    width:200px;
    height:auto;
    background-color:#000;
    float:right;
}

div#navi ul{
    width:100%;
}
div#navi li{
    line-height:50px;
    font-weight: bold;
    color:#fff;
    padding-left:5px;
    letter-spacing: 1px;
}
div#navi li:hover{
    background-color:#ff8ec6;
    cursor: pointer;
}
div#navi a{
    text-decoration: none;
}

li.bunkatu {
	width: 75px;
	font-size: 100%;
}

li.bunkatu a {
	color: #fff;
	text-decoration: none;
}

/* 見出し */
h1.syoku {
	max-width: 250px;
	height: 20px;
	line-height: 20px;
	position: relative;
	padding: 0.2em 0.5em;
	background: -webkit-linear-gradient(to right,#F13F79, #FFC778);
	background: linear-gradient(to right, #F13F79, #FFC778);
	color: white;
	font-weight: lighter;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.56);
	border-radius: 7px;
	margin: 15px auto;
  }
  /*    loading    */
#loading {
    display: table;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 1.0;
    z-index: 99;
  }
   
  #loading .loadingMsg {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-top: 140px;
    background: url("../images/loading.gif") center center no-repeat;
    z-index: 100;
  }
  /*    sending    */
#sending {
    display: table;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 1.0;
    z-index: 99;
  }
   
  #sending .sendingMsg {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-top: 140px;
    background: url("../images/sending.gif") center center no-repeat;
    z-index: 100;
  }

  .disp_none{
	  display: none;
  }
  .disp_con{
	  display: contents;
  }

@media only screen and (max-device-width : 768px) {
	section#main {
		text-align: center;
	}

	li.admin_header_syaname {
		display: none !important;
	}

	input.txt1_2 {
		font-size: 180%;
        width:180px;
        height:50px;
		margin-bottom: 5px;
	}

	span.txtWR {
		display: block;
	}
/* 
    div.cond {
        width: 130px;
        height: 50px;
    } */

    div.infoarea {
        width: 90%;
        height: 80px;
        display: block;
        margin: 0 auto;
        margin-bottom: 8px;
    }
    
    div.syanm {
        font-size: 170%;
    }
    div.knyotei {
        font-size: 110%;
        height: 30px;
    }
}