@charset "utf-8";
/*
	勤務表スタイル
*/

.notice {
	color:#00F;
}

.button_list{
	padding: 5px 0px 3px 10px;
}

/****IE用****/
* html .button_list {
	padding: 7px 10px 3px 10px;
}

.rowHeight1 {
	height:25px;
}

.rowHeight2 {
	height:50px;
}

/****IE*****/
* html .rowHeight2 {
	height: 53px;
}

/****IE7用*****/
*:first-child+html .rowHeight2 {
	height: 53px;
}

.rowHeight3 {
	height:75px;
}

/****IE*****/
* html .rowHeight3 {
	height: 81px;
}

/****IE7用*****/
*:first-child+html .rowHeight3 {
	height: 81px;
}

.rowHeight4 {
	height:100px;
}

/****IE*****/
* html .rowHeight4 {
	height: 109px;
}

/****IE7用*****/
*:first-child+html .rowHeight4 {
	height: 109px;
}

/*テーブル(基本)*/
.main_worktable {
	margin-top: 10px;
}


/*テーブル（個人勤務表集計）*/
.summary {
	width:100%;
	margin: 0px;
	padding: 0px;
	table-layout: auto;

	border-left: 1px solid #989898;
	border-bottom: 1px solid #989898;
}

.summary th {
	font-weight: bold;
	background: #E0E0E0;

	padding: 1px;
	border-top: 1px solid #989898;
	height: 22px;
}

.summary td {
	border-top: 1px solid #989898;
	border-left: 1px solid #989898;
	border-right: 1px solid #989898;
	height:22px;
}

/*テーブル（履歴）*/
.history {
	table-layout: auto;
	width:100%;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	border-bottom: 1px solid #989898;
}

.history th {
	font-weight: bold;
	background: #E0E0E0;
	text-align: left;

	height: 22px;
	border-top: 1px solid #989898;
	border-left: 1px solid #989898;
}

.history th.rb{
	border-right: 1px solid #989898;
}

.history td {
	border-top: 1px solid #989898;
	border-left: 1px solid #989898;
	height:22px;
}

.history td.rb{
	border-right: 1px solid #989898;
}

.worktable {
	width:100%;
	margin: 0px;
	padding: 0px;
	table-layout: auto;

	border-right: 1px solid #989898;
	border-bottom: 1px solid #989898;
}

.worktable .check_column {
	width: 20px;
}

.worktable .day_column {
	width: 30px;
}

.worktable .time_column {
	width: 50px;
}

.worktable .status_column {
	width: 40px;
	white-space: nowrap;
}

.worktable .dayoff_column {
	width: 7%;
	min-width: 60px;
}

.worktable .dayoff_unit_column {
	width: 30px;
}

.worktable .place_column {
}

.worktable .comment_column {

}

.worktable .button_column {
	width: 40px;
}

.worktable .customer_column {
	margin: 0px 0px 0px 4px;
}

.worktable th {
	padding: 0px;
	margin: 0px;

	text-align:center;
	vertical-align:middle;
	font-weight:bold;

	background: #E0E0E0;
	height:22px;

	white-space: nowrap;

	border-top: 1px solid #989898;
	border-left: 1px solid #989898;
}


.worktable td {
	padding: 1px;

	border-top: 1px solid #989898;
	border-left: 1px solid #989898;
}

.worktable td.no_bordertop {
	padding: 1px;
	border-top: none;
	border-left: 1px solid #989898;
	background-color: #ffffff;
}
.worktable td.no_color {
	padding: 1px;
	border-top: 1px solid #989898;
	border-left: 1px solid #989898;
	background-color: #ffffff;
}

.worktable td.center {
	text-align: center;
}

.comment_table {
	border-bottom: 1px solid #989898;
}

.comment_table th{
	border-top: 1px solid #989898;
	border-right: 1px solid #989898;

	height:50px;
}

/****IE*****/
* html .comment_table th {
	height: 51px;
}

/****IE7用*****/
*:first-child+html .comment_table th {
	height: 51px;
}

.comment_table td{
	padding: 1px;

	border-top: 1px solid #989898;
	border-right: 1px solid #989898;
}

div.output_cutomer_name {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.output_cutomer_name ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.output_cutomer_name ul li.selected {
	background-color: #1e90ff;
	color: white;
}
div.output_cutomer_name ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:16px;
  cursor:pointer;
}
