body {
	font-family: arial,sans-serif;
}
#logout_message {
	color: red;
	font-weight: bold;
}
#error_message {
	color: red;
	font-weight: bold;
}
#kintai_title {
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#login_field {
	display: inline;
	text-align: center;
	border: 4px double #000000;
}
#kintai_menu {
	margin: 0;
	margin-bottom: 10px;
}
#kintai_menu a {
	font-size: 140%;
}
#login_main {
	display: table;
	margin: 20px auto 0;
	text-align: center;
}
#login_form {
	margin-top: 10px;
}
footer {
	margin: 0 auto 0;
	width: 360px;
	letter-spacing: 0.1em;
	font-size: 12px;
}

#select_customer-menu li,#select_division1-menu li,
#select_division2-menu li,#select_division3-menu li,
#select_member-menu li,
#select_year-menu li,#select_month-menu li,#select_day-menu li,
#select_employee-menu li,
#select_overtime_calculation_rule-menu li,
#select_status-menu li,
#select_display_disabled_employee-menu li {
	font-size: 14px;
	font-weight: bold;
}

.cell-title {
	font-weight: bold;
}
#contextMenu {
	background: #cceeff;
	border: 1px solid gray;
	padding: 5px;
	display: inline-block;
	min-width: 100px;
	-moz-box-shadow: 2px 2px 2px silver;
	-webkit-box-shadow: 2px 2px 2px silver;
	z-index: 99999;
}
#contextMenu span {
	font-size: 15px;
	font-weight: bold;
}
#contextMenu li {
	padding: 4px 4px 4px 14px;
	list-style: none;
	cursor: pointer;
	background: url("../SlickGrid-master/images/arrow_right_peppermint.png") no-repeat center left;
	font-size: 15px;
}
#contextMenu li:hover {
	background-color: white;
}
#shift_table {
	margin: 10px;
	position: absolute;
	top: 730px;
	left: 350px;
}
#shift_table table {
	background: white;
	border-collapse: collapse;
}
#shift_table td, #shift_table th {
	text-align: center;
	padding: 4px;
	border: 1px solid black;
	font-size: 130%;
}
#shift_table #th {
	background: #ddd;
}
#shift_table .td_name {
	background: #dfd;
}

.cell-title {
	font-weight: bold;
}
.cell-effort-driven {
	text-align: center;
}
.item-details-form {
	z-index: 10000;
	display: inline-block;
	border: 1px solid black;
	margin: 8px;
	padding: 10px;
	background: #efefef;
	-moz-box-shadow: 0px 0px 15px black;
	-webkit-box-shadow: 0px 0px 15px black;
	box-shadow: 0px 0px 15px black;
	position: absolute;
	top: 10px;
	left: 150px;
}
.item-details-form-buttons {
	float: right;
}
.item-details-label {
	font-size: 13px;
	letter-spacing: 0.1em;
	display: block;
	font-weight: bold;
	margin-bottom: 3px;
}
.item-details-label_check {
	font-size: 13px;
	letter-spacing: 0.1em;
	font-weight: bold;
	vertical-align: top;
}
.item-details-editor-container {
	width: 200px;
	height: 24px;
	border: 1px solid silver;
	background: white;
	display: block;
	margin: 5px 10px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 18px;
}
.slick-cell button.row_update, 
.slick-cell button.row_delete, 
.slick-cell button.perday, 
.slick-cell button.permember, 
.slick-cell button.permonth, 
.slick-cell button.detail, 
.slick-cell button.memberlist,
.slick-cell button.row_show {
	width: 100%;
}
.enable_check {
	text-align: center;
}
#kintai_menu ul li {
	float: left;
}
#kintai_menu ul:after {
content: "";
display: block;
clear: both;
}

.ui-selectmenu-text {
	font-size: 100%;
}
.ui-button-text {
	font-size: 100%;
}
.ui-menu .ui-menu-item {
	background: none;
}
.slick-column-name {
	font-size: 110%;
	letter-spacing: 0.1em;
}
input.editor-text {
	letter-spacing: 0.1em;
}
.slick-cell {
	letter-spacing: 0.1em;
}
.message_notice {
	color: red;
	font-size: 100%;
}
.textalign_right {
	text-align: right;
}
.textalign_center {
	text-align: center;
}
.kintaiselect {
	font-size: 14px;
}
.AttendanceSelector_lock {
	font-size: 100%;
}
.ui-dialog-title {
	font-size: 14px;
	letter-spacing: 0.1em;
}
.ui-dialog-buttonset {
	font-size: 13px;
}
#editDialog p, #messageDialog p, #requireDialog p, #updateDialog p, #deleteDialog p, #correctDialog p {
	font-size: 14px;
	line-height: 1.2em;
	margin: 10px 0 0 0;
	font-weight: bold;
}
#edit_form #correct_time {
	font-weight: bold;
	width: 160px;
}
#edit_form select, #edit_form option {
	font-size: 18px;
}
.title_description {
	font-size: 80%;
	letter-spacing: 0.1em;
	margin-left: 10px;
}
.column_explain {
	font-size: 110%;
	letter-spacing: 0.1em;
	margin-left: 10px;
}
.active.slick-cell {
	background: #ffffbb;
}

/*print_permonth*/
#print_table {
	border: 1px solid black;
	border-collapse: collapse;
	table-layout: fixed;
	width: 1000px;
}
#print_table caption {
	font-size: 20px;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
}
#print_table th, #print_table td {
	border: 1px solid black;
}
#print_table th {
	font-size: 15px;
	padding: 3px ;
}
#print_table td {
	padding: 2px 3px ;
}

#print_table .th_number {
	width: 60px;
}
#print_table .td_number {
	text-align: right;
}
/*#print_table .th_name {
	width: 120px;
}*/
#print_table .td_name {
	text-align: left;
}
#print_table .th_time {
	width: 60px;
}
#print_table .td_time {
	text-align: right;
}

.page_break {
	page-break-after: always;
}

/*print_permember*/
#print_table .th_date {
	width: 50px;
}
#print_table .th_clock {
	width: 60px;
}
#print_table .th_absence {
	width: 40px;
}
#print_table .td_date,
#print_table .td_clock,
#print_table .td_holiday,
#print_table .td_absence {
	text-align: center;
}

/*jQuery validationエラーメッセージ用*/
form .error {
	color: red;
}
label.error {
	display: block;
	font-size: 12px;
	margin-top: 2px;
}
label #correct_time-error {
	margin-left: 80px;
}
#edit_form input[type=checkbox] {
	width: 20px;
	height: 20px;
	margin: 0 0 0 10px;
}

#edit_form input[type=text] {
	width: 220px;
	font-size: 18px;
	padding: 0px 2px;
}

.form_item {
	margin: 8px 0 0 10px;
}

.require_item {
	color: red;
	font-size: 18px
}

#gridTab {
	padding: 5px;
}

#dataGrid {
	background: white;
	outline: 0;
	border: 1px solid gray;
	margin-top: 5px;
}
#tabs ul li span {
	font-size: 12px;
	letter-spacing: 0.1em;
}

#rakukin_main {
	width: 99%;
	border: solid 1px #ccc;
	border-radius: 6px;
	background: #AADDFF;
	padding: 0.5%;
}
.update_cell {
	background: #BBFFBB;
}
.fixed_cell
{
	background: rgba(51, 204, 255, 0.5);
}

.selectmenu_area
{
	height: 100px;
}

/*
	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
	Datepicker
*/
.rakukin_datepicker
{
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
	padding-left: 4px;
	padding-right: 4px;
	width: 100px;
	height: 26px;
	/*line-height: 1.4;*/
	
	background: #f6f6f6 url("../SlickGrid-master/css/smoothness/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
	
	border: 1px solid #cccccc;	
	border-top-left-radius: 4px;	
	border-top-right-radius: 4px;	
	border-bottom-left-radius: 4px;	
	border-bottom-right-radius: 4px;	
	
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	color: #1C94C4;
}
.rakukin_datepicker:hover
{
	background: #fdf5ce url("../SlickGrid-master/css/smoothness/images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;

	border: 1px solid #fbcb09;

	font-weight: bold;
	color: #c77405;
}

/*
	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
	入力項目の検証結果
*/
#input_point
{
	width 	: auto;
	height 	: 1em;
	color 	: red;
	
	border 	: 1px solid black;
}

/*
	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
		勤務予定表
*/
#edit_title
{
	width: 260px;
	height: 26px;

    border: 1px solid #cccccc;
	border-radius: 4px;
    background: #f6f6f6 url("../SlickGrid-master/css/smoothness/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;

	font-size: 12px;

	ime-mode: active;
}
/*
	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
		入力候補（勤務予定表で使う）
*/
#input_candidate_box
{
	display 	: none;
	position 	: absolute;
	top 		: 0;
	left 		: 0;
	z-index 	: 99999;
	
	background-color 	: #cceeff;
	border 				: 1px solid black;
	
	margin 	: 0;
	padding : 0;
	width 	: auto;
	height 	: auto;
}

#input_candidate_box:hover
{
	cursor: no-drop;
}
#input_candidate_box
	.input_candidate_item
{
	font-size 	: 16pt;
	color 		: black;
}
#input_candidate_box th,
#input_candidate_box td {
	font-size: 15px;
	text-align: center;
	padding: 2px 5px;
}
/*
#input_candidate_box
	.input_candidate_item:hover
{
	cursor 	: pointer;
	color 	: red;
}
*/

#guide_input_contents
{
	background-color 	: #fafafa;
	border 				: 1px solid black;
	
	margin 	: 0;
	padding : 1%;
	
	width 	: inherit;
	height 	: 1em;
	
	white-space: nowrap;
	overflow-x : scroll;
	overflow-y : hidden;
	
	font-size : 12pt;
}
#guide_input_contents::-webkit-scrollbar
{
	/*background-color : black;*/
	height : 8px;
}
/*#input_contents::-webkit-scrollbar:horizontal
{
}*/
#guide_input_contents::-webkit-scrollbar-thumb
{
	/*width :4px;*/
	background-color : #bfd4f0;
}

.work_shift_table
{
	margin : auto;
	border-collapse : collapse;
	width : 100%;
}

.work_shift_table_cell
{
	white-space : nowrap;
	
	font-size 	: 12pt;
	border 		: 1px solid rgba(0, 0, 0, 0.5);
	margin 		: 0;
	padding 	: 2px;
	text-align: center;
}

.accesskey_style
{
	text-decoration : underline;
}

#registration_button,
#print_button,
#export_csv
{
	vertical-align: top;
}

.rakukin_button
{
	width : 195px;
	height : 28px;

	font-size : 10pt;
}

.copy_cell
{
	background : lightskyblue;
}

.dialog_message
{
	font-size : 10pt;
}

/*
	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
		勤務予定表
*/
#ws_table
{
	border 			: 1px solid black;
	border-collapse : collapse;
	/*table-layout: fixed;*/
	width: 1000px;
	font-size : 8px;
}
#ws_table caption 
{
	font-size 		: 16px;
	letter-spacing 	: 0.1em;
	margin-bottom 	: 2px;
}
#ws_table th, #ws_table td
{
	height : 14px;
	border : 1px solid black;
}
#ws_table th.employee_id
{
	width : 150px;
}
#ws_table th.employee_name
{
	width : 600px;
}
#ws_table th.date
{
	width : 80px;
}
#ws_table th.public_holiday
{
	width : 60px;
}

#wsc_table
{
	border 			: 1px solid black;
	border-collapse : collapse;
	/*table-layout: fixed;*/
	width: 1000px;
	font-size : 10pt;
}
#wsc_table td
{
	border : 1px solid black;
}
#wsc_table td.work_schedule_contents
{
	width : 20%;
}

#kintai_menu a:link,
#kintai_menu a:visited
{
	color : #0000ee;
}
#kintai_menu a.null_link
{
	color : gray;
}

.work_schedule_print {
	border 			: 2px solid black;
	border-collapse : collapse;
	width: 1100px;
	font-size : 10pt;
}
.work_schedule_print caption 
{
	font-size 		: 20px;
	letter-spacing 	: 0.1em;
	margin-bottom 	: 5px;
}
.work_schedule_print th, .work_schedule_print td
{
	border : 1px solid black;
	text-align: center;
}
.work_schedule_print th
{
	padding: 2px 1px;
	border-bottom : 2px solid black;
}
.work_schedule_print td
{
	padding: 1px;
	word-wrap: break-word;
	overflow-wrap:break-word;
	word-break: break-all;
}
.work_schedule_print th.employee_id
{
	padding: 1px;
	width : 30px;
}
.work_schedule_print th.employee_name,
{
	width : 100px;
}
.work_schedule_print td.member_name
{
	padding-left: 2px;
	width : 100px;
	text-align: left;
}
.work_schedule_print td.member_name2123
{
	padding-left: 2px;
	width : 100px;
	text-align: left;
	font-size: 9pt;	
}
.work_schedule_print td.member_name24
{
	padding-left: 2px;
	width : 100px;
	text-align: left;
	font-size: 8pt;	
}

.work_schedule_print td.small_schedule
{
	font-size: 10px;
}
.work_schedule_print td.nightwork
{
	background-color: rgb(222, 222, 222);
}
.work_schedule_print th.week_break,
.work_schedule_print td.week_break
{
	border-left: 2px solid black;
}

.work_schedule_print th.public_holiday,
.work_schedule_print th.paid_holiday
{
	width : 30px;
}
.work_schedule_print th.public_holiday,
.work_schedule_print td.public_holiday
{
	border-left: 2px solid black;
}

.work_schedule_print tr.bold_row
{
	border-top: 2px solid black;
}
.work_schedule_print tr.division1_bold_row
{
	border-top: 2px solid black;
}
.work_schedule_print tr.division3_bold_row
{
	border-top: 2px solid black;
}
.work_schedule_print tr.manager_bold_row
{
	border-bottom: 2px dotted black;
}

.shift_list {
	padding: 0 10px;
	width: 1000px;
	box-sizing: border-box;
	letter-spacing: -0.3em;
	font-size: 14px;
}
.shift_list .shift {
	margin: 3px 0;
	width: 145px;
	display: inline-block;
	letter-spacing: normal;
}
.shift_list .no {
	width: 40px;
	display: inline-block;
}
.shift_list .time {
	width: 105px;
	display: inline-block;
}
.flashing {
	border: solid 1px red;
}

/*
	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
		従業員別勤務表 印刷物
*/
#tl_table
{
	margin-top 		: 10px;
	border 			: 1px solid black;
	border-collapse : collapse;
	width 			: 1000px;
	font-size 		: 8px;
}
#tl_table caption
{
	font-size: 14px;
    letter-spacing: 0.1em;
    margin-bottom: 2px;	
}
#tl_table th,
#tl_table td
{
	height: 14px;
	border: 1px solid black;	
}

/*
	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
		ページリンク タブ化
*/
.tabrow {
	display: block;
	text-align: left;
	list-style: none;
	/*margin: 20px 0 20px;*/
	margin:0;
	margin-bottom: 10px;
	padding: 0;
	padding-left: 10px;
	line-height: 24px;
	height: auto;
	overflow: hidden;
	font-size: 12px;
	font-family: verdana;
	position: relative;
}
.tabrow li {
	border: 1px solid #AAA;
	background: #D1D1D1;
	background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	display: inline-block;
	position: relative;
	z-index: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	/*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;*/
	/*text-shadow: 0 1px #FFF;*/
	margin: 0 -5px;
	padding: 0 20px;
}
.tabrow a {
		color: #555;
		text-decoration: none;
		
		font-size: 16px;
		font-weight: bold;
}
.tabrow li.selected {
	background: #FFF;
	color: #333;
	z-index: 2;
	border-bottom-color: #FFF;
}
.tabrow:before {
	position: absolute;
	content: " ";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #AAA;
	z-index: 1;
}

.tabrow li:before {
	left: -6px;
	border-bottom-right-radius: 6px;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 0 #D1D1D1;
}
.tabrow li:after {
	right: -6px;
	border-bottom-left-radius: 6px;
	border-width: 0 0 1px 1px;
	box-shadow: -2px 2px 0 #D1D1D1;
}
.tabrow li.selected:before {
	box-shadow: 2px 2px 0 #FFF;
}
.tabrow li.selected:after {
	box-shadow: -2px 2px 0 #FFF;
}

.grid-header
{
	width: 100%;
}

.slick-header-columns
{
	text-align: center;
}

#myGrid
{
	margin: 0;
	margin-bottom: 10px;
	width: 100%;
	height: 790px;
}

#add_row
{
	margin: 0;
	padding: 0;
	height :30px;	
}

/*
	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
		ログイン画面
*/
#information_title
{
	margin: 10px 10% 0;
	padding: auto;
	width: 80%;
	text-align: center;
}

#information_frame
{
	margin: 0 10%; 
	padding: auto; 
	width: 80%; 
	height: 200px; 
	border: 1px solid lightgray;	
	overflow-y:scroll;	
}

#infromation_content
{
	padding-left:10px; 
	width:100%; 
	height:inherit; 
	/*overflow-y:scroll;	*/
}

/*
	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
		説明バルーン
*/
.hatena {
	border: solid 1px #FF9800;
	border-radius: 10px;
	padding: 0px 4px 0px;
	margin-left: 4px;
	font-size: 13px;
	/*font-weight: bold;*/
	display: inline-block;
	width: 7px;
	height: 14px;
	text-align: center;
	cursor: pointer;
	transition: background .2s linear, color .2s linear;
	vertical-align: top;
}
.hatena:hover {
	background: rgba(255, 152, 0, 0.25);
	color: #fff;
}