table.mytooltable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	// background-image: url(desktop/bg01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.mytoolicon{
	margin-right:4px;
	vertical-align:middle;
}

td.mytoolmain {
	border: none;
	padding: 10px;
}

td.mytoolmain table.mytool_detail {
	width: 100%;
	border-collapse: collapse;
}

td.mytoolmain table.mytool_detail td{
	font-size: 90%;
	line-height: 120%;

	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

td.mytoolmain table.mytool_detail td.no_border{
	border: none;
}

span.mytool_title
{
	color: #666666;
}

table.mytool-frame-gray {
	border-bottom: #E1E1E1 solid 1px;
	border-right: #E1E1E1 solid 1px;
	border-top: #E1E1E1 solid 1px;
	border-left: #E1E1E1 solid 1px;
	border-collapse:collapse;
}

table.mytool-frame-gray th,
table.mytool-frame-gray td {
	border-bottom: #E1E1E1 solid 1px;
	border-right: #E1E1E1 solid 1px;
	border-top: #E1E1E1 solid 1px;
	border-left: #E1E1E1 solid 1px;
}

table.mytool-frame-gray td.no_border{
	border: none;
}

table.mytool-frame-gray .top-line { border-top: #E1E1E1 solid 1px; }
table.mytool-frame-gray .bottom-line { border-bottom: #E1E1E1 solid 1px; }
table.mytool-frame-gray .left-line { border-left: #E1E1E1 solid 1px; }
table.mytool-frame-gray .right-line { border-right: #E1E1E1 solid 1px; }


table.mytool-frame-only-gray {
	border-bottom: #E1E1E1 solid 1px;
	border-right: #E1E1E1 solid 1px;
	//border-top: #E1E1E1 solid 1px;
	border-left: #E1E1E1 solid 1px;
	border-collapse:collapse;
}


.mytool_middle_left
{
	background-image: url(mytool_middle_left.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.mytool_middle_right
{
	background-image: url(mytool_middle_right.gif);
	background-repeat: no-repeat;
	background-position: right;
}

/* 振休チップ表示のテーブル */
table.tip-table-furikyu{
	color: #000000;
	font-size: 12px;
	text-align: center;
	empty-cells: show;
}

div.tip-div-furikyu{
    background-Color: #ffffff;
    border-width: 1;
    border-style: solid;
    border-color:#000000;
    position: absolute;
    visibility: hidden;
    width: 85;
}


/* WEB打刻 */

table.timer_table {
	width: 850px; 
	//border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;

}


td.timer_height{
	height: 148px;
	border-style: none;
}


td.timer_background{
	height: 148px;
	background:#d6ceb4;
	border-style: none;
}


td.timer_middle{
	height: 148px;
	background:#d6ceb4;
	vertical-align:middle;
	border-style: none;
}


td.timerDesing{
	background:#eeece4;
		height: 75px;
}

/* ↓文字Baseフォント↓ */

.DakokuDayFam{
	font-family: "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif; 
	font-size:26px;
}

.DakokuDayOfWeekFam{
	font-family: "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif; 
	font-size:16px;
}


.DakokuFam{
	font-family: "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif; 
	font-size:48px;
}

.BaseFontFam{
	font-family: "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif; 
	font-size:12px;
	color:#000000;
}

/* ↑文字Baseフォント↑ */

/* 打刻 */
.normal{
	color:#000000;

}

div.icon_highligh_dakokut
{
	width:64px;
	height:64px;
	position: absolute; top: 0px;
}


div.icon_dakoku
{
	float:left;
	width:110px;
	height:46px;
	cursor:hand;
	position: relative;

}

div.Webicon_highligh_dakokut
{
	width:95px;
	height:64px;
	position: absolute; top: 0px;
}


div.Webicon_dakoku
{
	float:left;
	width:95px;
	height:46px;
	cursor:hand;
	position: relative;

}

table.dakoku {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	border: solid 1px #0066CC;
}

table.dakoku tr,
table.dakoku th,
table.dakoku td{
	border: solid 1px #0066CC;
}

.time_big{
	font-size:30px;
	font-weight:bold;
}


/* 電子給与明細 */
div#salaryMytool ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#salaryMytool ul li {
	float: left;
}

div#salaryMytool ul li a{
	display: block;
	width: 83px;
	height: 80px;
	text-decoration:none;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
	background-color: #555555;
	background-position: 25px 5px;
	margin-right: 1px;
	border-top: solid 4px #00B200;
	color:#ffffff;
	font-family: "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif; 
	font-size:12px;

}

div#salaryMytool ul li a:hover {
	background:#808080;
	background-repeat: no-repeat;
	background-position: 25px 5px;
}

div#salaryMytool ul li a span{
	width: 68px;
	font-size: 10px;
	color: #ffffff;
	line-height: 1;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 45px;
	padding-left: 8px;
	font-size: 14px;
}

div#salaryMytool ul li a span {
	cursor: pointer;
}

.mytool-bg{
	background-color: #FFFFFF;
}

/* WEB打刻 */
.BtnDakoku{
	background:#5B9BD5; /* ボタン背景色 */
	font-family: "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif; 
	font-size:20px;

	padding-left:30px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:30px;

	text-decoration: none;
}

.BtnDakoku span{
	color:#ffffff; /* ボタン文字色 */
}

.BtnDakoku:hover{
	background:#7BB5EB;
}

.BtnKyukei{
	background:#9DC3E6; /* ボタン背景色 */
	font-family: "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif; 
	font-size:20px;

	padding-left:30px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:30px;

	text-decoration: none;
}

.BtnKyukei span{
	color:#ffffff; /* ボタン文字色 */
}

.BtnKyukei:hover{
	background:#A7D0F5;
}


.BtnGaisyutsu{
	background:#BFBFBF; /* ボタン背景色 */
	font-family: "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif; 
	font-size:20px;

	padding-left:30px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:30px;

	text-decoration: none;
}

.BtnGaisyutsu span{
	color:#ffffff; /* ボタン文字色 */
}

.BtnGaisyutsu:hover{
	background:#DBDBDB;
}


.contents_detail{
	padding-left:15px;
	padding-right:10px;	
	background-color:#555555;
}

.time_detail{
	font-size:70px;
	font-weight:bold;
	color: white;
	font-family: "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif; 
}

.date_big{
	color: white;
	font-size:30px;
	background-color: #c0c0c0;
	text-align: center;
	font-family: "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif; 
}

.date_holi{
	color: white;
	font-size:30px;
	background-color: red;
	text-align: center;
	font-family: "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif; 
}

.day_big{
	color: white;
	font-size:30px;
	text-align: center;
	height: 50px;
	font-family: "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif; 
}
/* WEB打刻 */


/* ▼▼▼コラボフロー▼▼▼ */
/* 
------------------------------------------------
   申請状態
------------------------------------------------ 
*/
.flowstatus{
	display:inline-block;
	width:50px;
	font-family:"Meiryo UI";
	padding:3px 2px;
	text-align:center;
/*	font-size:1.3rem; */ /* original */
	font-size:0.8rem;
	color:#FFF;
	white-space:nowrap;
	border-radius:4px;
	-webkit-border-radius:4px;
}
.flowstatus-flow{
	background:#38a1db;
}
.flowstatus-reject{
	background:tomato;
}
.flowstatus-takeback{
	background:orange;
}

.flowstatus-decision{
	background:#00a381;
}
.flowstatus-remand{
	background:tomato;
}
.flowstatus-draft, .flowstatus-pause{
	background:silver;
}
.flowstatus-decisionedtakeback{
	background:orange;
/*	font-size:1.06rem; */ /* original */
	padding:5px 2px;
}
/* ▲▲▲コラボフロー▲▲▲ */