@charset "utf-8";

/* common */
* {font-family:"ＭＳ Ｐゴシック","ＭＳ Ｐ明朝","ＭＳ 明朝","ＭＳ ゴシック";}
html { background-color:#fff; color:#000; }
body {
	height: 100%;
	font-size: 10pt;
	border-top: 2px solid #7ebfe3;
	margin: 0;
	padding: 0 10px 10px 10px;
}
img {border:none;}
a img {border:none}
th,td { font-size: 10pt; }
textarea { font-size: 10pt; }
div.body { margin:auto; }
tr.odd {background-color:#eee;}
tr.even {background-color:#fff;}

#table_detail
, .table_detail {
	height: auto;
	width: 100%;
	*height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 2px solid #333;
	background-color: #fff;
	border-collapse:collapse;
}
#table_detail thead th
, #table_detail th
, .table_detail thead th
, .table_detail th {
	color: #333;
	background:#ccc;
	font-weight:bold;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	height:20px;
	text-align:left;
}
#table_detail thead th
, .table_detail thead th {
	text-align:center;
}
#table_detail thead th.red
, #table_detail th.red
, .table_detail thead th.red
, .table_detail th.red {
	color: #fff;
	background:#CC0000;
}
#table_detail thead th.blue
, #table_detail th.blue
, .table_detail thead th.blue
, .table_detail th.blue {
	color: #fff;
	background: blue;
}
#table_detail tr.bg_blue
, #table_detail td.bg_blue
, .table_detail tr.bg_blue
, .table_detail td.bg_blue {
	background-color: #DDDDFF;
}
#table_detail td
, .table_detail td  {
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	height:20px;
	padding: 2px 5px;
}
#table_detail td.no-border
, .table_detail td.no-border {
	border-bottom: none;
}
#table_detail td.center
, .table_detail td.center {
	text-align:center;
}
.bold, #table_detail td.bold
, .table_detail td.bold {
	font-weight:bold;
}
#table_detail td.money
,#table_detail th.money
, .table_detail td.money
, .table_detail th.money{
	text-align:right; font-family:"ＭＳ ゴシック";
}
.table_map {
	height: 100%;
	*height: auto;
	width: 100%;
	margin-bottom: 10px;
	border: 2px solid #333;
	background-color: #fff;
	border-collapse:collapse;
	text-align:center;
}
.table_map thead th, .table_map thead th {
	color: #333;
	background:#ccc;
	font-weight:bold;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
.table_map thead tr.tea th{
	background-color:#E2C7C7
}
.table_map td {
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	font-size: 12px;
	font-weight: normal;
	padding: 2px 5px;
}
.table_map tr.top_bold_line td{
	border-top: 2px solid #000;
}
.table_map tr.buttom_bold_line td, .buttom_bold_line{
	border-bottom: 2px solid #000;
}
.table_map td.job-code {
	width:50px;
}
.table_map td.job-name {
	width:auto;
}
.table_map td.h, .table_map th.h {
	width:40px;
	height:100%;
	*height:17px;
	height/*\**/:17px \9;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
.table_map td.h{
	background-image: url(../img/work_bar_bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.table_map td.ws, .table_map td.ws1, .table_map td.ws2, .table_map td.ws4 {
	/*width:220px;*/
	/*height:100%;*/
	vertical-align: middle;
	margin: 0;
	padding: 0;
	text-align:center;
}
/*.table_map td.ws1{width:200px;}
.table_map td.ws2{width:160px;}
.table_map td.ws4{width:280px;}*/

.table_map td.task_info {
	text-align:left;
	/*border-bottom: 2px solid #000;*/
	width:auto;
}
/*.table_map thead th.lock_slot{width:200px;}*/
.table_map th.cm {
	width:80px;
	text-align:center;
}
.table_map th.edit {
	width:80px;
}
.table_map td.h div {
	height:100%;
	/**+height:17px;*/
	margin: 0;
	padding: 0;
	border-width:0;
	filter:alpha(opacity=80);
    -moz-opacity:.80;
    opacity:0.8;
}
.table_map select.select_staffs {
	font-size:10px;
	margin: 0;
	padding:0;
	width:120px;
	min-height: 20px;
}
.table_map .job-code-width{ width:60px;}
.table_map .job-name-width{ width:auto;}
.table_map .job-time-width{ width:40px;}
.table_map .job-edit-width{ width:80px;}
.table_map .staff_ws1{ width:160px;}
.table_map .staff_ws2{ width:240px;}
.table_map .staff_ws4{
width:235px !important;
width:240px;
}

#table_list
, .table_list {
	height: 100%;
	*height: auto;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 2px solid #333;
	background-color: #fff;
	border-collapse:collapse;
}
#table_list thead tr
, .table_list thead tr {
    height:25px;
}
#table_list thead th
, #table_list th
, .table_list thead th
, .table_list th {
	color: #333;
	background:#ccc;
	font-weight:bold;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
#table_list td
, .table_list td {
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	font-weight: normal;
	padding: 2px 5px;
	height:18px;
}
#table_list td.money
, #table_list th.money
, .table_list td.money
, .table_list th.money{
    font-family:"ＭＳ 明朝";
}
#table_list thead tr .header
, .table_list thead tr .header {
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
#table_list tr:hover, .mouse_hover, .table_list tr:hover{
	background-color:#DFDFFF;
}

/*#table_list tr.odd td {
	background-color:#eee;
}*/
#table_list thead tr .headerSortUp
, .table_list thead tr .headerSortUp {
	background-image: url(../img/asc.gif);
}
#table_list thead tr .headerSortDown
, .table_list thead tr .headerSortDown {
	background-image: url(../img/desc.gif);
}
#table_list thead tr .headerSortDown
, #table_list thead tr .headerSortUp
, .table_list thead tr .headerSortDown
, .table_list thead tr .headerSortUp {
background-color: #8dbdd8;
}


p.comment{
padding:5px;
border: 2px solid #333;
}

#pagination{ font-size:13px; margin-top:10px;}


/*  s   */
.hidden{
	display:none;
}
.display{
	display:inline;
}

#div_calendar th {
	color: #000000;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 6px 6px 6px 12px;
	font-size: 14px;
	font-weight: bold;
	background-color: #999999;
}
#div_calendar th.num {
border-left: 1px solid #666666;
}
#div_calendar td {
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 1px;
	padding-left: 12px;
}
#div_calendar td.num {
border-left: 1px solid #666666;
}
td.locked, td.locked_2{
	/*background-color: #FF8E8E;*/
	background: url(../img/lock.gif) no-repeat right;
}
.message{color:#0000FF; font-weight:bold; padding:5px;}
.message ul{list-style-type: none; font-size: 12pt; padding: 3px;}
.red{color:#FF0000;}
#dl_map dt{ font-weight:bold;}
td.money, th.money{text-align:right; font-family:"ＭＳ ゴシック"}
td.money2, th.money2{text-align:right;}
span.money, td.money input, td.money span, td.money div, div.money{ text-align:right; font-family:"ＭＳ ゴシック"}
div.approved{margin:10px 0 5px 0; padding:3px; border:2px solid #333;}
div.approved_bg{
	background-color:#FFC6AA;
}
.message_box {
	display: none;
	z-index: 10;
	border: 1px solid #000;
	padding: 2px;
	background-color: #FF9;
	color: #333;
	margin: 2px;
	width: auto;
	font-weight:bold;
}
div.label{
float:right; margin-top:5px; margin-bottom:5px; background-color:#999999; padding:3px; font-weight:bold;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.gray{color:#999;}
.error, div.error li{color:red; font-weight:bold;}
.error ul{list-style-type: none; padding: 3px; font-size: 12pt;}
.black{color:black;}
.unmatch{ margin:5px; padding:5px; border:2px solid #333; color:red; font-weight:bold; width:auto; float:left; background-color:#FEDEE7}

div#print{	width:800px; font-size: 10pt; font-family: "ＭＳ 明朝";}
div#print .job_info, div#print .job_info td{
	border:1px solid #000;
	border-collapse:collapse;
	width:auto;
}
#print .job_info{width:auto;}
#print #td_title{ padding-top: 70px; padding-bottom: 10px;text-align: center;}
#print .title{display:inline; font-size:20px; font-weight:bold; letter-spacing:1em;}
#print .number{ float:right; font-size:11px; text-align:right;}
#print .address{
	font-size:14px;
	line-height: 18px;
	margin-left: 20px;
}
#print .job_info td{padding:5px;}
#print .lockmark{ border: 1px solid red; padding:3px; width:6em; text-align:center; font-size:14px;}
#print .total_money{
	font-size:16px;
	font-weight:bold;
	text-decoration: underline;
}
#print .cc{font-size:10px;}
#print #table_detail th
, #print .table_detail th
{
	font-size: 11px;
}

#print #table_detail td
, #print .table_detail td
{
	font-size: 10px;
}
#print .bank_info{font-size: 15px;}


/* -------------------------
  JOB画面・キャンセル欄
------------------------- */
td.t_cancel span {
	display: grid;
	grid-template-columns: 72px 50px 10px;
	grid-auto-rows: 25px;
}
td.t_cancel div.t_cancel_rate_label {
	padding-top: 3px;
}
td.t_cancel div.t_cancel_date {
	grid-column: 1 / 3;
	text-align: right;
	padding-right: 2px;
}
td.t_cancel div.t_cancel_rate_for_staff_label, td.t_cancel div.t_cancel_rate_label {
	text-align: right;
	padding-right: 5px;
}

div.t_cancel_rate_for_staff input, div.t_cancel_rate input {
	width: 40px;
}

td.t_cancel div.t_cancel_link {
	grid-column: 1 / 4;
	text-align: center;
}
td.t_cancel input.is_canceled {
	color: red;
}
td.t_cancel div.percentage {
	padding-top: 3px;
}

/* -------------------------
  結果確認画面・キャンセル率
------------------------- */
div.cancel_rate {
	display: inline-block;
	color: red;
	font-weight: bold;
	float: right;
	padding-right: 5px;
	padding-top: 5px;
}

span.cancel_label {
	color: black;
	font-weight: normal;
}

span.canceled {
	color: red;
	font-weight: bold;
}

/* -------------------------
  見出し
------------------------- */
#midashiArea {
	height: 40px;
	width: 100%;
	background: url(../img/midashi_bg.gif);
}

#midashiArea_purple {
    height: 40px;
    width: 100%;
    background: url(../img/midashi_bg_purple.gif);
}

#midashiArea h1, #midashiArea_purple h1 {
	color:#FFFFFF;
	font-size:130%;
	font-weight:bold;
	margin:3px 0 0;
	padding:0;
	text-decoration:none;
}


#midashih1 {
	width: 300px;
	float: left;
	margin: 10px 1px 1px 30px;
	display: inline;
}

.midashih {
	width: 700px;
	float: left;
	background: #c4c6e2;
	margin-bottom: 15px;
}

.midashihinner {
	width: 500px;
	float: left;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
}

.midashi2 {
	width: 500px;
	float: left;
	padding-bottom: 5px;
}

.rightBtn {
	width: 68px;
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
}

#oshiraseText {
color:#333333;
font-size:16px;
font-weight:bold;
line-height:22px;
padding-left:30px;
padding-top:15px;
text-align:center;
width:600px;
}

#pageTop, #pageTop_purple  {
	background:url("../img/midashi_bg.gif") repeat scroll 0 0 transparent;
	color:#FFFFFF;
	float:left;
	height:40px;
	text-align:center;
	width:100%;
}
#pageTop_purple  {
    background:url("../img/midashi_bg_purple.gif") repeat scroll 0 0 transparent;
}

#pageTopInner {
float:left;
font-size:19px;
height:19px;
line-height:normal;
margin-top:9px;
text-align:right;
width:97%;
}
#mainContents {
height:auto;
margin:30px 0;
width:100%;
}

.func_btn{
	margin: 0;
	padding:5px 0 0 0;
	width:auto;
}

.fbtn_left{padding:0 15px 0 0;float:left;}
.fbtn_right{padding:0 0 0 15px;float:right;}
.clear {
	clear:both;
}
.yellow {
	background-color: #FFEB9B;
}
input.hidden{display:none; width:98%;}
td.edit_td{line-height:22px; height:22px}
td.edit_td_err{
	background-color:#FF8686;
}
div.wc_name{ margin-top:10px;}
span.wc_name{
	border: 2px solid gray;
	font-size:14px;
	font-weight:bold;
	padding:5px; margin:5px;
	width: auto;
	letter-spacing: 2px;
}

.kekknn{
	background-color:#E0C1FF;
}
.kekknn span{font-weight:bold;}

input[type=text] {
	border-radius: 2px;
	border: 1px solid #666;
	padding: 3px 2px;
}

input[type=button], input[type=submit], input[type=reset] {
	height: 25px;
}

select {
	min-height: 25px;
}
/*input[type=file]{height:25px;}*/
input.login {
	width: 120px;
	height: 30px;
	border: none;
	padding: 0;
	margin: 3px;
	background: url(/img/login.gif) no-repeat center center;
}
input.button_blue
, input.button_green
, input.button_apricot
, input.button_orange
, input.button_purple
, input.button_cream
, a.button_cream
, input.button_brown
, input.button_gray
, input.button_darkblue
, input.button_red{
	border: 1px solid #333;
	padding:0 10px;
	color: white;
	height:25px;
	font-weight:bold;
	font-size:14px;
	cursor: pointer;
	background-repeat: repeat-x;
	display: inline-block;
	text-decoration:none;
}

input.button_blue{
	/*border: 1px solid #6B8AF3;*/
	background-image: url(/img/func_blue_bg.gif);
}
input.button_green{
	background-image: url(/img/func_green_bg.gif);
}
input.button_apricot{
	background-image: url(/img/func_apricot_bg.gif);
}
input.button_orange{
	background-image: url(/img/func_orange_bg.gif);
}
input.button_purple{
	background-image: url(/img/func_purple_bg.gif);
}
input.button_cream,a.button_cream{
	color: #333;
	background-image: url(/img/func_cream_bg.gif);
}
input.button_brown{
	background-image: url(/img/func_brown_bg.gif);
}
input.button_gray{
	color: #F6F6F6;
	background-image: url(/img/func_gray_bg.gif);
}
input.button_darkblue{
	border: 1px solid #426373;
	background-image: url(/img/func_darkblue_bg.gif);
}
input.button_red{
	background-image: url(/img/func_red_bg.gif);
}


input.smallsize{
	font-size:14px;
}
input.width120{ width:120px;}

input.button_edit{font-size:10pt;height:22px;padding:1px 10px;cursor: pointer;}

input.button_orange2, input.button_darkpink2{
	border: 1px solid #B75B00;
	padding:0 6px;
	color: #fff;
	height:16px;
	font-weight:bold;
	font-size: 11px;
	cursor: pointer;
	background-repeat: repeat-x;
	background-image: url(/img/func_orange_bg2.gif);
}

input.button_darkblue2{
	border: 1px solid #426373;
	padding:0 6px;
	color: #eee;
	height:18px;
	font-weight:bold;
	font-size: 12px;
	cursor: pointer;
	background-repeat: repeat-x;
	background-color: #648698;
	background-image: url(/img/func_darkblue_bg2.gif);
}
input.button_darkpink2{
    border: 1px solid #A800A8;
    background-image: url(/img/func_darkpink_bg2.gif);
}

input.button_lightred{
	background-color:#F88;}

.bg_orange{
	background-color:#FFFAE1;
}

div.login_id{
	float:right;
	font-size:14px;
	font-weight:bold;
}

div.header{ height:60px; padding-top:10px; }
div.header_logo{
	float:left;
	padding-right:20px;
	padding-top: 10px;
}
div.header_title{
	float:left;
	font-size:24px;
	font-weight:bold;
	padding-top:20px;
	font-family: "ＭＳ Ｐゴシック";
}
div.header_button{
	float:right;
	padding-top:10px;
	text-align:right;
}
div.footer {
	text-align: center;
	color: #999;
	font-size: 11px;
	margin-top: 5px;
	font-family: Arial;
}
div.footer hr{
	height: 5px;
	color: #008EBD;
	background-color: #008EBD;
	border:none;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.staff_bg_blue{
	background-color:#BFFFFF;
}
.tip{
	color:blue;
	font-weight:bold;
}
.bg_gray{background-color:#ccc;}
.bg_gray2{background-color:#eee;}
.size98{width:95%;}
.color_gray{
	color: #666;
}
.right_bold_border{ border-right:2px solid #000;}
.navibar .navi_title, .navibar .sub_title{
	color:#FFB5FF;
}


/* page Navi */
/*div#pagination a,
div#pagination strong{
	padding: 2px 8px;
	background: #fff;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: middle;
	margin: 0 3px;
}
div#pagination a:hover{
	background: #eeeff7;
	border-color: #333;
}*/

div#updated{
	background-color:#FFFF60;
	font-weight:bold;
	font-size:120%;
	border-radius: 0 0 8px 8px;
	padding:5px;
	display:none;
    position:fixed;
    top:0;
    width:150px;
    text-align:center;
	color:black;
}

div.staff_calendar {
	border: 2px solid #222;
}

div.upload_tips{
	padding:10px;
	border:1px solid #112FFF;
	font-weight:bold;
	font-size:16px;
	color:#073AEB;
	background-color:#FFFFCE;
	margin-left:30px;
	margin-top: 10px;
	width:480px;
}

div.font_cancel{
	float:left;
	font-weight:bold;
	color:red;
}

#table_list td.files_count, .table_list td.files_count{
    text-align: center;
    font-weight: bold;
    width:30px;
    font-size: 11pt;
}

.t_memo {
    width: 6em;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

td.nouhin_info{
    background-color: #c9f5ff;
}

.file_not_exists {
	color: red;
}

ul.waring_kimitu {
	list-style-type: none;
	padding-left: 10px;
}
ul.waring_kimitu li {
	font-size: 150%;
	font-weight: bold;
	color: red;
}

th.bg_light_yellow,td.bg_light_yellow {
	background-color: #fafee4;
}
th.bg_light_green,td.bg_light_green {
	background-color: #e0fee3;
}

.ui-widget-content .date-holiday .ui-state-default {
    background-image:none;
    background-color:#FF9999;
}
.ui-widget-content .date-saturday .ui-state-default {
    background-image:none;
    background-color:#66CCFF;
}

.work_state_str {
	float: left;
	margin-left: 5px;
	font-weight:bold;
}
#table_map td.blue_bold, .table_map td.blue_bold, .blue_bold {
	color: blue;
	font-weight: bold;
	font-size: 120%;
}
td.line_status_2 {

}

td.line_status_1 {
	background-color: #faffbb;
}

td.line_status_0 {
	background-color: #ffb1a8;
}

td.task_total {
	color: blue;
	font-weight: bold;
	text-align: center;
	font-size: 120%;
}

td.staff_total {
	text-align: center;
}

#form_comment_edit input,
#form_comment_edit select,
#form_comment_edit textarea,
#form_comment_edit button {
	font-family: "ＭＳ Ｐゴシック","ＭＳ Ｐ明朝","ＭＳ 明朝","ＭＳ ゴシック";
	font-size: 1em;
}
.blue {
	color: blue;
}
.red {
	color: red;
}
textarea.client_memo {
	width: 98%;
}
td.pay_gensen_tax_memo {
	vertical-align: top;
	padding-top: 10px;
	color: #005ee3;
	padding-left: 10px;
}

table.table_list caption {
	text-align: left;
	font-weight: bold;
	font-size: 120%;
	padding-top: 5px;
}

th.devices {
	padding: 10px 3px;
	width: 215px;
}

div.invoice_buttons {
	display: flex;
	gap: 16px;
}

div.grand_total {
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
}

div.consumption_tax {
	width: 100%;
	text-align: right;
}

div.consumption_tax table.table_detail {
	width: 200px;
	display: inline-table;
	font-weight: bold;
}


#print div.consumption_tax table.table_detail td {
	font-size: 11px;
}

div.consumption_tax table.table_detail:first-child {
	margin-right: 10px;
}

div.consumption_tax table.table_detail td:first-child {
	width: 80px;
	text-align: center;
}

div.consumption_tax table.table_detail td:last-child {
	text-align: right;
}

#table_detail td.recalculate_tax_not_included {
	width: 90px;
	text-align: left;
}

td.canceled {
	background-color: #ffceda;
}