/* 車輌使用予定詳細画面 */
div.plan          { width:845px; }
div.plan h2.title { margin:0 0 10px 0; color:#58616d; border-bottom:2px solid #ccc; }
div.plan table    { border:1px solid #ddd; }
div.plan table tr { border:1px solid #ddd; }
div.plan table th { width:100px; background-color:#f3f3f3; text-align:left; color:#666; }
div.plan table td { background-color:#fafafa; white-space:nowrap; }
div.plan table td.important { color:blue; font-weight:bold; }
table.plan th.remarks      { padding:2px 0px 0px 3px !important; color:#4e4549; font-weight:bold; border:0px none; border-left:1px solid #cee1f9; background-color:#f6f6f6; }
table.plan td.time_setting { padding:2px 0px 2px 3px !important; border-right:1px solid #cee1f9; }

div.actual          { width:1003px; }
div.actual h2.title { margin:0 0 10px 0; color:#0071e1; border-bottom:2px solid #86c2ff;}
div.actual_wrapper { width:1015px; height:200px; overflow-y:scroll; margin-bottom:10px; background-color:#EFEFEF; border-left:1px solid #CCC; border-bottom:1px solid #CCC; }
div.actual table    { border-top:1px solid #cee1f9; margin-bottom:0; clear:both; }
div.actual table tr { background-color: #fff; }
div.actual table th { padding:6px; border:1px solid #cee1f9; background-color:#e1f4f7; color:#37b8ca; text-align:left; }
div.actual table td { padding:1px 3px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
div.actual table tr:hover td { background-color:#dff4ff; }

div.button { width:1000px; margin-bottom:-15px; text-align:right; }

/* 車輌予定スケジュール */
div.gantt_wrapper { clear:both; position:relative; }
table.gantt       { width:1204px; color:#444; margin-bottom:0; background-color:#fff; }
table.gantt tr { height:28px; }
table.gantt tr:hover { background-color:#ffefe8; }
table.gantt th          { border:1px solid #ffd9db; background-color:#fff4f5; color:#A86666; }
table.gantt th.time     { padding:2px 0px; width:31px; }
table.gantt th.time,    
table.gantt th.timeline,
table.gantt th.working_date { border:1px solid #cccccc; background-color:#efefef; color:#666666; }

table.gantt td          { border:1px solid #DDD; color:#444; }
table.gantt td.time     { border-left: 1px dotted #ddd; border-right:1px dotted #ddd; width:15px; padding:3px 0px; }
table.gantt td.usual    { background-color:#ffefe8; }
table.gantt th.working_date img { margin-bottom: -3px; }

/* 一覧画面-車輌実績予定のBODY部のラッパー(スクロール対応) */
div.actual_body_wrapper { width:1221px; overflow-y:scroll; height:560px; position:relative; }

/* 一覧画面-車輌使用予定 */
div.car_plans_area { clear:both; overflow:hidden; margin-bottom:15px; padding:5px; background-color: #f5f5f5; border:1px solid #DDD; }
div.car_plans_body_wrapper { width:1221px; height:200px; overflow-y:scroll; }
table.car_plans    { width:1204px; margin:0; border-top:1px solid #aac9fb; border-right:1px solid #aac9fb; }
table.car_plans th { padding: 2px 4px; border-bottom:1px solid #aac9fb; border-left: 1px solid #aac9fb; color:#407af4; background-color:#eff4fe; }
table.car_plans td { padding: 2px 4px; border-bottom:1px solid #cccccc; border-left: 1px solid #cccccc; color:#444444; }
table.car_plans tr            { background-color: #ffffff; }
table.car_plans tr.checked    { background-color: #eeffe8; }
table.car_plans tr.checked td { color:#008000 !important; }
table.car_plans tr:hover      { background-color: #dde8ff !important; }

/* 車輌予定編集画面での時間セレクトインプット */
div.time_wrapper { width:25px; float:left; }
div.delimiter    { width:19px; height:19px; float:left; line-height:19px; text-align:center; }
.time_select     { width:60px; height:19px; clip:rect(0px, 60px, 21px, 41px); position:absolute; }
.ie_time_select  { width:60px; height:20px; clip:rect(0px 60px 21px 41px); position:absolute; }
input.time_input { width:40px; height:15px; ime-mode:disabled; }

h2.title { margin:0 0 5px 0; color:#58616d; }
h2.title div.gantt_info { float:right; font-size:12px; font-weight:normal; height:20px; }
h2.title div.gantt_info div { float:left; }
h2.title div.box  { width:11px; height:11px; }
h2.title div.red  { border:1px solid #ff8080; background-color:#ffd0d0; }
h2.title div.blue { border:1px solid #a4d1ff; background-color:#d7eaff; }
h2.form_title_red { margin:0 0 5px 0; color:#bb3e41; border-bottom:2px solid #ff8080; }

/* 予定バー */
div.shift          { border:1px solid #a4d1ff; background-color:#d7eaff; height:15px; position:absolute; text-align:center; line-height:15px; }
div.not_request    { border:1px solid #ff8080; background-color:#ffd0d0; }
div.shift_contents { border:2px solid #f9f280; background-color:#feffe8; color:#666; position:relative; display:none; padding:4px 6px; z-index:1200; overflow:hidden; }
div.shift_contents ul { clear:both; margin:0; }
div.shift_contents li { float:left; list-style:none; padding:2px 0; }
div.current_time_line { width:2px; background-color:#ffa87d; position:absolute; z-index:1100; }

/* 新規登録フォーム */
h2.edit_title { color:#0063DC; border-bottom:2px solid #63a9e2; margin: 0 20px 10px 0; }
table.form_details    { width:100%; color:#444; background-color: #fafafa; }
table.form_details tr { border:1px solid #DDD; }
table.form_details th { text-align:left; color:#666; font-weight:normal; background-color: #f3f3f3; padding:2px 5px; }
table.form_details td { height:28px; padding:3px 5px; }
table.form_details th.must_input_symbol_cell { background: url("../images/bullet_red.png") no-repeat center #f3f3f3; padding:10px 0px 10px 10px !important;}

table.time_setting th { background-color:#efefef; }

/*配車入力編集画面*/
div.selected_shipments    { width:680px; overflow:hidden; margin:10px 10px 10px 0; }
div.selected_shipments th { padding:3px !important; text-align:center !important; }
div.selected_shipments_scroll { overflow-y:scroll; width:679px; height:180px; background-color:#f7fcfd; border-left:1px solid #d3eff3; border-bottom: 1px solid #d3eff3; }

div.all_shipments    { margin-top:10px; }
div.shipments_scroll { overflow-y:scroll; height:180px; width:642px; background-color:#f3f8fc; border-left:1px solid #C2DBEF; border-bottom:1px solid #C2DBEF; }
table.shipment_info     { margin:0; clear:both; }
table.shipment_info td  { border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:3px; background-color:#FFF; }
table.shipment_info tr:hover td { background-color:#DFF4FF; }
table.edit_form tr:hover td     { background-color:#FFF !important; }

table.header th { padding:3px; border-right:1px solid #c2dbef; border-bottom:1px solid #c2dbef; border-top:1px solid #c2dbef; background-color:#e1edf7; color:#3381bf; text-align:center; font-weight:bold; }

div.button_area   { float:left; width:50px; }
.not_edit_remarks { background-color:#FFF; border:1px solid #7F9DB9; }


div.gantt_of_month_wrapper { clear:both; position:relative; }
table.gantt_of_month{ width:1204px; color:#444; margin-bottom:0; background-color:#fff; }
table.gantt_of_month tr { height:28px; }
table.gantt_of_month tr:hover { background-color:#ffefe8; }
table.gantt_of_month th     { border:1px solid #ffd9db; background-color:#fff4f5; color:#A86666; }
table.gantt_of_month th.day { padding:2px; width:25px; }
table.gantt_of_month th.day,    
table.gantt_of_month th.dayline,
table.gantt_of_month th.working_date { border:1px solid #cccccc; background-color:#efefef; color:#666666; }
table.gantt_of_month th.working_date img { margin-bottom: -3px; }
table.gantt_of_month td { padding:2px; width:25px; text-align:right; border:1px solid #DDD; color:#444; word-wrap:break-word; }
table.gantt_of_month td.no_field { background-color:#efefef; }
table.gantt_of_month td.today    { background-color:#ffefe8; }