div.content_left  { float:left;  width: 840px; }
div.content_right { float:right; width: 400px; }

div.attendance_report     { padding: 0 10px; }
div.attending_calendar    { width: 340px; padding: 0 10px; }
div.report_detail         { padding: 0 0 0 10px; }
div.attendances_at_month  { padding: 10px; width:340px;}
div.working_report_details{ padding: 0 0 0 10px; }

/* サブタイトル */
div.attendance_report       h2,
div.attending_calendar      h2,
div.attendances_at_month    h2,
div.report_detail           h2,
div.working_report_details  h2 { margin:0 0 6px 0; border-bottom:1px solid #BBBBBB; font-size:13px; color:#444444; }

div.attending_calendar      div.caption { margin-bottom: 2px; }
div.attending_calendar      div.caption,
div.working_report_details  div.caption,
div.report_detail           div.caption     { padding: 2px 0; color: #505050; overflow: hidden; }
div.report_detail           div.caption img { margin-bottom: -3px; }


/* 業者作業日報 テーブル */
table.companies_report_status { margin-bottom:15px; border-collapse: separate; }
table.companies_report_status th {
	color: #6D929B;
	border-right:  1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top:    1px solid #C1DAD7;
  border-spacing: 0;
	letter-spacing: 1px;
	text-align: center;
	padding: 3px 6px;
	background: #CAE8EA url(../images/bg-color/light_green_th.jpg) no-repeat;
}

table.companies_report_status td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 4px 8px 4px 6px;
	color: #333;
}

table.companies_report_status th.company {
	font-weight: normal;
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #eff8f8;
	color: #333;
	text-align:left;
}

table.companies_report_status td.number{
	color: #555;
	border-top: 0;
	background: #eff8f8;
	font-weight:bold;
	text-align:right;
}

table.companies_report_status tr.sum td       { background-color:#e6f3fb; }
table.companies_report_status tr.sum td.title { border-left: 1px solid #C1DAD7; text-align:center; }

table.companies_report_status tr.green td { background-color: #f4fff8; }
table.companies_report_status tr.total td { background-color: #e8f3ff !important; }
table.companies_report_status tr:hover td,
table.companies_report_status tr:hover th.company { background-color: #dddfff; }

table.companies_report_status a.submitted     { color:#0080ff; }
table.companies_report_status a.not_submitted { color:#ff8080; }
table.companies_report_status td.working_status { text-align:right; padding-right:8px; color: #555; }
table.companies_report_status td.count          { width:35px; }
table.companies_report_status td.percentage     { width:35px;	padding-top:5px; font-size: 95%; }
table.companies_report_status td.number         { font-weight:bold; color:#555; }

table.companies_report_status th.space,
table.companies_report_status td.space { border:0 none; background: none #fff; }
table.companies_report_status tr:hover td.space { background-color: #fff !important; }

/* カレンダー */
table.monthly_calendar { width:100%; border: 1px solid #DDD; margin-bottom:0; }
table.monthly_calendar thead img { vertical-align:middle; padding:0 3px 2px 3px; }
table.monthly_calendar th { width: 14%; padding: 5px 0.2em; background-color: #F7F7F7; color: #505050; }
table.monthly_calendar td { width: 14%;	padding: 0;	border:1px solid #DDDDDD; }
table.monthly_calendar td:hover { background-color: #DDDFFF !important; }
table.monthly_calendar td:hover div.date_label { background-color:#ddd3fe; }
table.monthly_calendar div.date_label    { width: 100%; height: 10px; background-color: #F7F7F7;	color: #505050; text-align:right; font-size:95%; }
table.monthly_calendar div.date_contents { width: 100%; height: 10px;	padding: 6px 0; text-align:center; color: #555; }
table.monthly_calendar td.sunday   div.date_label { color: red; }
table.monthly_calendar td.saturday div.date_label { color: blue; }
table.monthly_calendar td.selected_date div.date_label { background-color:#ffd0e8; } 
table.monthly_calendar td.selected_date div.date_contents { background-color:#ffe6e6; }


/* 予定総数ウィンドウ */
table.expected_members { padding:0; margin:0; }
table.expected_members tr { border-top:1px solid #C0C0C0; border-left:1px solid #C0C0C0; }
table.expected_members th { background-color:#FFDFBF; font-weight:normal;}
table.expected_members th,
table.expected_members td { border-right:1px solid #c0c0c0; border-bottom:1px solid #C0C0C0;}
table.expected_members tr.footer { background-color:#FDEEEE; border-top:0 none; }
div.expected_members_body_wrapper { width:577px; height:320px; overflow-y:scroll; border-bottom:1px solid #c0c0c0; border-left:1px solid #c0c0c0; }

div.excel_print_area    { width: 688px; padding:10px; margin-bottom:15px; background-color: #e6ffe6; border:1px solid #9bffaa; overflow:hidden; }
div.excel_print_area  p { color: #4eda5b; }
div.excel_print_area ul { margin:0; }
div.excel_print_area li {	margin-right: 10px;	list-style:none; float:left; }
div.excel_print_area div.title { color:#119174; font-weight:bold; }

div.excel_print_area_orange    { background-color: #ffeedd; border:1px solid #ffaa88; }

div.bulk_approval_area    { width: 800px; padding:10px; margin-bottom:15px; background-color: #eeeeee; border:1px solid #dddddd; overflow:hidden; }
div.bulk_approval_area  p { color: #eeeeee; }
div.bulk_approval_area ul { margin:0; }
div.bulk_approval_area li {	margin-right: 10px;	list-style:none; float:left; }
div.bulk_approval_area div.title { color:#119174; font-weight:bold; }


/* 出勤人数 月別集計*/
table.attendance_month td { border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; border-left: 1px solid #DDD;  width:50px; height:25px; text-align:right; font-weight:bold; color:#555555; }
table.attendance_month th { border-top: 1px solid #DDD; border-right: 1px solid #DDD; border-left: 1px solid #DDD;  width:50px; height:15px; font-size:11px; padding:0px; color:#535353; font-weight:normal; }
table.attendance_month tr.main_office_th { background-color:#F7F7F7; }
table.attendance_month td.not_express    { background-color:#f2f2f2 !important; }
table.attendance_month th.not_express    { background-color:#e3e3e3 !important; }

span.person { font-size:11px; font-weight:normal; }
span.construction_term { margin-left:30px; font-size:12px; }
td.blank { border:0px none !important; height:5px !important; }
th.nomal { background-color:#F7F7F7; }
td.past  { background-color:#ecf5ff;  }
th.past  { background-color:#dfebff; }

/*本社*/
span.section_area         { float:right; font-weight:bold; padding-right:20px; }
/* スクロールあり */
div.central_report_scroll { overflow-y:scroll; height:220px; width:1230px; border-left:1px solid #C1DAD7; border-bottom:1px solid #C1DAD7; }
/* スクロールなし 20120427 作業報告状況の一覧でスクロールをなくしてほしいという要望に対応 */
div.central_report_scroll_none { overflow-y:none; height:auto; width:1230px; border-left:1px solid #C1DAD7; }

div.central_content { clear:both; }

/*部署ごとの出欠表*/
table.central_sections td:hover                { background-color: #DDDFFF !important; }
table.central_sections td:hover div.date_label { background-color:#ddd3fe; }
table.central_sections td                      { width:88px; padding:0; border:1px solid #CCC; }
table.central_sections div.date_label          { width: 100%; height: 17px; background-color: #F7F7F7; text-align:center; color: #505050; padding-top:4px; }
table.central_sections div.date_contents       { width: 100%; height: 17px;	padding: 4px 0; text-align:center; color: #555; font-weight:bold; }
table.central_sections div.date_contents span  { font-weight:normal; }
table.central_sections td.selected_section div.date_label    { background-color:#ffd0e8; } 
table.central_sections td.selected_section div.date_contents { background-color:#ffe6e6; }

/*作業員分析詳細画面*/
div.reports   { overflow-y:scroll; width:1240px; height:317px; }

table.reports { margin:0; }
table.reports th { padding:2px 3px; border:1px solid #7cb5de; background-color:#dfedf7; color:#2f81bd; }
table.reports td { padding:2px 4px; border:1px solid #CCC; }
table.reports tr:hover td { background-color:#e2f7fe; }

fieldset.header        { height:38px; padding:8px; border:1px solid #CCC; }
fieldset.header legend { font-weight:bold; color:#56c2eb; }

dl.float_left    { margin:0; }
dl.float_left dt { margin-right:10px; list-style:none; float:left; font-weight:bold; color:#808080; }
dl.float_left dd { margin-right:10px; list-style:none; float:left; }
dl.condition dt  { margin-top:2px; }

table.working_report_details tr:hover{
	background-color:#dddfff;
}
table.working_report_details th{
	color:#6D929B;
	border: 1px solid #C1DAD7;
	text-align: center;
	padding:2px 0 0 0;
	background: #CAE8EA url(../images/bg-color/light_green_th.jpg) no-repeat;
}

table.working_report_details td {
	border: 1px solid #C1DAD7;
	color: #333;
}

div.running_percent {
	height: 18px;
	padding-top: 5px;
}

div.running_percent .value {
	float: left;
	width: 57%;
	text-align: right;
}

div.running_percent .unit {
	float: left;
	margin-left: 3px;
	text-align: left;
}

div.running_percent_border {
	border-top: #ccc 1px solid;
}

div.running_total_plus {
	background-color: #aaccff;
}

div.running_total_minus {
	background-color: #ffd0e8;
}