@charset "utf-8";
/*
	複数機能適用スタイル
	-適用先-
	1.お知らせ
	2.トーク
	3.日報月報
	4.スタッフ詳細用
	5.データインポート
	6.休日設定
*/

/*トーク用*/
.mess_box {
	width: 316px;
	height: 200px;
	overflow: auto;
}


.my_come,.user {
	border-left: 10px solid #FFDD66;
	margin: 2px 0px 2px 5px;
	padding: 0px 0px 0px 5px;
	float: left;
	height: 12px;
}

.user {
	border-left: 10px solid #cfcece;
}

.my_c {
	background: #fafdd0;
}

.user_c {
	background: #f0f0f0;
}

/*日報・月報用*/
.made {
	height: 20px;
	width: auto;
	padding: 5px 10px 5px 5px;
	margin: 0px;
	float: right;
}

/****IE用****/
* html .inbox td p {
	padding: 5px 5px 5px 5px;
}

.month {
	vertical-align: text-top;
	height: 50px;
}

.report td{
	vertical-align: text-top;
	height: 70px;
}

.report .ending {
	text-align: center;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
}

/*スタッフ詳細用*/
#st_left {
	float: left;
	width: 111px;
	margin: 0px 8px 0px 0px;
	padding: 0px;
}

#st_right {
	margin: 0px 0px 0px 121px;
	height: 188px;
}
/****IE用*****/
* html #st_right {
	margin: 0px 0px 0px 119px;
}

.st_man {
	background: url(../images/man.gif) no-repeat;
	padding: 2px 0px 7px 30px;
	margin: 0px;
}

.st_woman {
	background: url(../images/woman.gif) no-repeat;
	padding: 2px 0px 7px 30px;
	margin: 0px;
}

.top_box .no_top {
	border-top:  none;
	border-left: 1px solid #989898;
}

.top_box .st {
	height: 40px;
}
/****safari用*****/
html*.top_box .st {
	height: 36px;
}
/****IE用*****/
* html .top_box .st {
	height: 36px;
}

/*データインポート完了画面用*/
.import_box  {
	border: 1px solid #898989;
}
.import_box .no-left {
	border-left: none;
	width: 90px;
}
.import_box .fullWidth {
	width: 100%;
}
.import_box caption {
	background: #E0E0E0;
	font-weight: bold;
}
.subtitle_import h3 {
	margin-bottom: 0;
	margin-left: 15px;
	marigin-top: 2px;
}
.import_error {
	color: #FF0000;
}
.import_box .no-bottom {
	border-bottom: none;
}

/*休日設定*/
* html .holiday {
	width: 100%;
	table-layout: auto;
	display: table;
}

*:first-child+html .holiday{
	width: 100%;
	table-layout: auto;
	display: table;
}

.holiday table{
	width: 50%;
	float: left;
}
*:first-child+html .holiday table {
	display: table-cell;
	margin-right: -1px;
}

* html .holiday table {
	display: table-cell;
	margin-right: -1px;
}

.holiday table td {
	text-align: right;
}
	
.holiday input {
	vertical-align: middle;
	height: 13px;
}
.holiday .lefttable{
	border-right: none;
}
