*{
	/*color:#202020;*/
	font-size:14px;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

a{
	/*text-decoration:none;*/
	color:#0000ff!important;
}

body{
	background-color:#fafafa;
}

input{
	font-size:12px;
}

input.required{
	background:#ccffcc;
}

input.error{
	background:#ffcccc;
}

#title{
	background-color:#8888ee;
	background-color:#117711;
}

#title div{
	color: #ffffff;
}


#main{
}

div.box{
	background-color:#ffffff;
	box-shadow: 8px 8px 8px rgba(0,0,0,0.4);
	-moz-box-shadow: 8px 8px 8px rgba(0,0,0,0.4);
	-webkit-box-shadow: 8px 8px 8px rgba(0,0,0,0.4);
	-o-box-shadow: 8px 8px 8px rgba(0,0,0,0.4);
	-ms-box-shadow: 8px 8px 8px rgba(0,0,0,0.4);
}

div.box span.title,
div#main_sub span.title{
	background-color:#ebfbe0;
	border-left:ridge 5px #00ff00;
}

div.box span.title-auto,
div#main_sub span.title-auto{
	background-color:#ebfbe0;
	border-left:ridge 5px #00ff00;
}

div.box span.titleSub{
	font-size:18px;
}

div.pagerWrapper{
	text-align:center;
	color:#0000ff!important;
}

div.group_item{
	background-color:#fcfcfc;
}

#titleMenu ul li{
	border-left:solid 1px #d0d0d0;
}
#titleMenu ul li:last-child{
	border-right:solid 1px #d0d0d0;
}


#titleMenu ul li.last{
	border-right:solid 1px #d0d0d0;
}

#titleMenu ul li a{
	color:#fcfcfc!important;
}

#titleMenu ul li.on{
	background-color:#4444cc;
}

#titleMenu ul.subMenu li{
	background-color:#a0a0dd;
	border-right:solid 1px #d0d0d0;
	border-bottom:solid 1px #d0d0d0;
}
#titleMenu ul.subMenu li a{
	color:#fafafa!important;
	font-weight:normal;
}

#loginMenu li.on{
	background-color:#4444cc;
}



#titleUser a{
	color:#fcfcfc!important;
}

#projStatus ul li{
	background-color:#f0f0f0;
	color:#a3a3a3;
}

#projStatus ul li.show{
	background-color:#a0a0ff;
	color:#ffffff;
}

#projStatus ul li.show:hover{
	background-color:#8080ff;
}


#projStatus ul li.on{
	background-color:#ddddff;
	color:#ffffff;
}

#projStatus ul li.on:hover{
	background-color:#bbbbff;
}


#projStatus ul li a{
	color:#ffffff!important;
}



div#msgDiv{
	background-color:#fafafa;
}

table.contents{
	border-spacing: 5px;
}

table.contents th{
	background-color:#fdfdfd;
	font-weight:normal;
	border-right: solid 2px #33ff33;
	border-bottom: solid 1px #33ff33;
}

table.contents th.required{
	background-color:#dffddf;
}

table.contents td{
	/*background-color:#f8f8f8;*/
}

table.details{
	background-color:#808080;
	border: solid 1px #dcdcdc;
}

table.details tr.draggableHover td{
	background-color:#ffcc00;
}

table.details tr th{
	background-color:#ccccff;
}

table.details tr td{
	background-color:#fcfcfc;
}
table.details tr:not(:last-child) td{
	border-bottom: solid 1px #dcdcdc;
}

table.details tr td:not(:last-child){
	border-right: solid 1px #dcdcdc;
}


table.details th{
	background-color:#fdfdfd;
	font-weight:normal;
}

table.taTable,
table.wfTable,
table.entrydates
{
	border-spacing: 2px;
	background-color:#88cc88;
}

table.taTable tr th,
table.wfTable tr th,
table.entrydates tr th
{
	font-weight:normal;
	background-color:#aaeeaa;
	border:none;
}

table.taTable tr td,
table.wfTable tr td,
table.entrydates tr td
{
	background-color:#eeffee;
}



div.breakWord{
	word-wrap: break-word !important;
	white-space: pre-wrap;
}

div.breakWord.negation{
	width: 220px;
}
div.breakWord.negation_info{
	width: 310px;
}
table.wfTable tr td button{
	font-size:11px;
}

table.taTable tr.cansel td{
	color:#ff0000;
}

table.taTable tr.holiday td{
	background-color:#ffeeee;
}


table.taTable tr td.sat{
	color:#0000ff;
}

table.taTable tr td.sun{
	color:#ff0000;
}


div.tabWrapper ul a{
	font-size:12px;
	color: #e0e0e0!important;
}


div.tabWrapper ul li.ui-tabs-active a{
	color: #303030!important;
}

span.warn{
	color:#dddd00;
	font-weight:bold;
}

span.caution{
	color:#ee8800;
	font-weight:bold;
}

span.coaching{
	color:#ff2222;
	font-weight:bold;
}

tr.warn td{
	background-color:#fff788!important;
	font-weight: bold;
}

tr.caution td{
	background-color:#ffd9d9!important;
	font-weight: bold;
}

tr.coaching td{
	background-color:#4d4d4d!important;
	color:#f8f9fa;
	font-weight: bold;
}

tr.noDetail td{
	color:#ff0000;
	font-weight:bold;
}



.rowCtrl input,
.rowCtrl button{
	font-size:11px!important;
}

div.comment-box{
	background-color:#deffde;
	box-shadow: 8px 8px 8px rgba(0,0,0,0.4);
	-moz-box-shadow: 8px 8px 8px rgba(0,0,0,0.4);
	-webkit-box-shadow: 8px 8px 8px rgba(0,0,0,0.4);
	-o-box-shadow: 8px 8px 8px rgba(0,0,0,0.4);
	-ms-box-shadow: 8px 8px 8px rgba(0,0,0,0.4);
}

div.box.info{
	background-color:#ffffcc;
	border:#117711 solid 3px;
}

/*********************************************************
* JQuery-UI上書き
**********************************************************/
.tabs .ui-widget-header{
	background:none;
	border: none;
}

.tabs .ui-tabs-panel{
	background-color:#ffffff;
}

.tabs .ui-state-default a{
	font-size:12px;
}

.ui-state-default span.ui-button-text{
	font-size: 12px;
/*	color: #2e6e9e;*/
}

.ui-datepicker-calendar span,
.ui-datepicker-calendar a{
	font-size:12px!important;
}

.ui-dialog-title{
	color:#fcfcfc;
}


ul#mainMenu.ui-widget-content{
	background:none;
	border:none;
}

ul#mainMenu.ui-widget-content li.ui-state-focus{
	font-weight:normal;
	border-top:none;
	border-bottom:none;
}

ul#loginMenu.ui-widget-content li.ui-state-active,
ul#mainMenu.ui-widget-content li.ui-state-active{
	background-color:#d0e5f5;
	background-image:url('../js/ui/images/ui-bg_glass_75_d0e5f5_1x400.png');
	font-weight:normal;
	border-top:none;
	border-bottom:none;
}

ul.subMenu.ui-widget-content{
	border:none;
}

/** ボタン背景色上書き **/
.local-button{
	background:#11cc66!important;
}

.not-button{
	background:#ee3333!important;
	border-color:#ff3333!important;
}

.selected-button{
	background:#009933!important;
}

.ui-dialog-title{
	color:#303030;
}

/** オートコンプリート **/
.ui-autocomplete{
	max-height: 200px;
	width: 350px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.corpFont {
	color: #000000!important;
}

li.corpsList.ui-state-focus{
	background: #1E90FF!important;
	border-color:#1E90FF!important;
}
li.corpsList.ui-state-focus a{
	color: #ffffff!important;
}
/*********************************************************
* 以下、ログイン画面用
**********************************************************/
div.loginTitle{
	font-weight:bold;
	font-size:18px;

}

/*********************************************************
* 以下、案件一覧用
**********************************************************/
table#result{
	background-color:#808080;
	border: solid 1px #a0a0a0;
}

table#result tr th{
	background-color:#aaeeaa;
	border-bottom: solid 2px #a0a0a0;
	font-weight:normal;
}

table#result tr td{
	background-color:#fcfcfc;
}

table#result tr:not(:last-child) td{
	border-bottom: solid 1px #a0a0a0;
}


table#result tr.lineaction td{
	border-bottom: solid 1px #a0a0a0;
}

table#result tr.last td{
	border-bottom: none;
}

table#result tr.mustcheck td{
	background-color:#ffb6c1;
}
table#result tr.needcheck td{
	background-color:#ffff99;
}
table#result tr.complete td{
	background-color:#98fb98;
}
table#result tr.close td{
	background-color:#dcdcdc;
}

table#result tr td.docType{
	background-repeat:no-repeat;
	background-position:5px center;
}

table#result tr td.docPdf{
	background-image: url(../img/pdf-24.png);
}

table#result tr td.docExcel{
	background-image: url(../img/excel-24.png);
}

table#result tr td.docWord{
	background-image: url(../img/word-24.png);
}

table#result tr td.docImage{
	background-image: url(../img/image-24.png);
}

table#result tr td.docOther{
	background-image: url(../img/other-24.png);
}


table.subTable{
	background-color:#808080;
	border: solid 1px #a0a0a0;
}

table.subTable tr th{
	background-color:#ccccff;
	border-bottom: solid 2px #a0a0a0;
	font-weight:normal;
}

table.subTable tr td{
	background-color:#fcfcfc;
}

table.subTable tr:not(:last-child) td{
	border-bottom: solid 1px #a0a0a0;
}


table.subTable tr.lineaction td{
	border-bottom: solid 1px #a0a0a0;
}

/*********************************************************
* DatePicker
**********************************************************/
.ui-datepicker { 
	font-size: 11px;
}
.ui-datepicker table.ui-datepicker-calendar tr td a{
	background:#f0f0f0;
	border:none;
}
/*********************************************************
* 各画面用
**********************************************************/
div#workspaceMain div.areaWrapper{
	border: 1px #808080 solid;
}

div#workspaceMain div.areaWrapper div.targetTitle{
	background:#33aa33;
	color:#ffffff!important;
}

div#workspaceMain div.areaWrapper div.targetList{
	background:#f8f8f8;
}

div#workspaceMain div.areaWrapper div.targetList div.listItem{
	background:#dfdfdf;
}



div#commentbox{
	height:160px;
	overflow:auto;
}


table.shiftTable{
	border-spacing: 2px;
	background-color:#88cc88;
}

table.shiftTable tr th{
	font-weight:normal;
	font-size:12px;
	background-color:#aaeeaa;
}

table.shiftTable tr th.holiday{
	background-color:#ff6666;
	color:#ffffff;
}

table.shiftTable tr th.saturday{
	background-color:#6666ff;
	color:#ffffff;
}

table.shiftTable tr td{
	font-size:14px;
	background-color:#ffffff;
	text-align:left;
	vertical-align:top;
}

table.calendarTable{
	border-spacing: 1px;
	background-color:#88cc88;
}

table.calendarTable tr th{
	background-color:#66ff66;
	font-weight:normal;
}

table.calendarTable tr td{
	background-color:#ffffff;
	color:#000000;
	text-align:right;
	cursor:pointer;
}

table.calendarTable.calL tr td{
	vertical-align:top;
	cursor:default;
}

able.calendarTable.calL tr td{
	vertical-align:top;
	cursor:default;
}

table.calendarTable.calL div{
	text-align:left;
	font-size:12px;
}
table.calendarTable.calL div.rest{
	font-size:11px;
}
table.calendarTable.calL div{
	text-align:left;
	font-size:12px;
}
table.calendarTable.calL div.legal_holiday{
	color:#ff6666;
}
table.calendarTable.calL div.out_holiday{
	color:#6666ff;
}
table.calendarTable.calL div.rest{
	font-size:11px;
}



table.calendarTable tr td.bef{
	background-color:#dcdcdc;
	color:#ffffff;
}
table.calendarTable tr td.legal_holiday{
	background-color:#ff6666;
	color:#ffffff;
}
table.calendarTable tr td.legal_holiday.bef{
	background-color:#ff9999;
	color:#ffffff;
}
table.calendarTable tr td.out_holiday{
	background-color:#6666ff;
	color:#ffffff;
}
table.calendarTable tr td.out_holiday.bef{
	background-color:#9999ff;
	color:#ffffff;
}

table.calendarTable tr td.empty{
	cursor:auto;
}

span.legal_holiday{
	color:#ff6666;
}

span.out_holiday{
	color:#6666ff;
}

span.other_date{
	color: #777;
}

table.shiftTable tr th
{
	font-weight:normal;
	background-color:#aaeeaa;
	border:none;
}

table.shiftTable tr td{
	background-color:#eeffee;
	color:#000000;
	text-align:left;
	cursor:pointer;
}

table.shiftTable tr td.legal_holiday{
	background-color:#ff6666;
	color:#ffffff;
}

table.shiftTable tr td.out_holiday{
	background-color:#6666ff;
	color:#ffffff;
}

table.shiftTable tr td.empty{
	cursor:none;
}

table.shiftDetailTable{
	border-spacing: 2px;
	background-color:#88cc88;
}

table.shiftDetailTable tr th
{
	font-weight:normal;
	background-color:#aaeeaa;
	border:none;
	text-align:center;
}

table.shiftDetailTable tr th.title
{
	text-align:left;
}

table.shiftDetailTable tr td{
	background-color:#eeffee;
	color:#000000;
	text-align:left;
}

table.wfTable tr.noTarget td{
	background-color:#ff8888;
}

table.wfTable tr td.rest{
	background-image:url(../img/rest.png);
	background-repeat:no-repeat;
	padding-left:26px;
}

.ms-choice {
	background: url('down.png') right center no-repeat !important;
}

.shiftCalendar{
	background-color: #ececec !important;
}

.preShift{
	display: inline-block;
	width: 139px !important;
	text-align: left;
	color: #989898;
}

.preShiftTime{
	color: #989898;
}

.preShift.admin{
	color: #000000;
}

/* カレンダ登録 */
.calendar_viewMode{
	width: auto!important;
}

/* 読み込みメッセージ */
.loadingMsg{
	text-align: left;
	display: inline-block;
	width: 100%;
}

.loadingMsg:before{
	content: '';
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	margin: 2% 10px 2% 25%;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("../img/ajax-loader.gif");
}

.loadingMsg:after{
	content: '';
	clear: both;
}


/********** 【共通】アイコン **********/ 
.icon-caution{
	padding: 8px 0 10px 32px;
	font-size:14px;
	background-image:url(../img/caution.png);
	background-repeat:no-repeat;
	background-position: left;
}

/********** 【共通】 文字色 **********/ 
.font-red   { color: #ff0018; }
.font-white { color: #f8f9fa; }
.font-black { color: #343a40; }

/********** 【共通】 項目色 **********/ 
.label-green {
	background-color: #ddffd9!important;
	border-right: solid 2px #a9d5a4;
	border-bottom: solid 1px #a9d5a4;
}
.label-yellow {
	background-color: #fff788 !important;
	border-right: solid 2px #ece589;
	border-bottom: solid 1px #e3da61;
}
.label-red {
	background-color: #ffd9d9 !important;
	border-right: solid 2px #ffb1b1;
	border-bottom: solid 1px #ffa6a6;
}
.label-gray {
	color: white;
	background-color: #4d4d4d !important;
	border-right: solid 2px #161616;
	border-bottom: solid 1px #161616;
}