@charset "utf-8";

/*==========================================*/
/*	？？？									*/
/*==========================================*/
*, *:before, *:after
{
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.ui-state-disabled
{
    opacity: 0.9;
}

/*==========================================*/
/*	タグ									*/
/*==========================================*/
/*------------------------------------------*/
/*	html									*/
/*------------------------------------------*/
html
{
	width	:	100%	;
	height	:	100%	;
}

/*------------------------------------------*/
/*	body									*/
/*------------------------------------------*/
body
{
	width		:	100%	;
	height		:	100%	;
	padding		:	0		;
	margin		:	0 auto	;
	font-size	:	12px	;
}

/*------------------------------------------*/
/*	input									*/
/*------------------------------------------*/
input[type="text"]		,
input[type="password"]
{
	padding	:	1px 2px	;
}

.txt80
{
	ime-mode	:	active	;
	width		:	80px	;
	text-align	:	left	;
}

.txtCode80
{
	ime-mode	:	disabled	;
	width		:	84px		;
	text-align	:	left		;
}

.txtNum80
{
	ime-mode	:	disabled	;
	width		:	84px		;
	text-align	:	right		;
}

.txtCode
{
	ime-mode	:	disabled	;
	text-align	:	left		;
}

.txtNum
{
	ime-mode	:	disabled	;
	text-align	:	right		;
}

/*==========================================*/
/*	画面共通								*/
/*==========================================*/
/*------------------------------------------*/
/*	画面タイトル							*/
/*------------------------------------------*/
.title
{
	margin-top	:	20px	;
	margin-left	:	20px	;
	font-size	:	150%	;
}

/*------------------------------------------*/
/*	上部メニュー							*/
/*------------------------------------------*/
.top_menu
{
	font-size	:	11px			;
	padding		:	0px 10px 0 10px	;
	width		:	100%			;
	/* min-width	:	1550px			; */
	background	:	#f8f8f8			;
	overflow	:	hidden			;
}

.top_menu .top_menu_right {
	float: right;
}

.top_menu .top_menu_left {
	float: left;
}

.top_menu	ul
{
	padding			:	0		;
	margin			:	0		;
	list-style-type	:	none	;
	height			:	34px	;
}

.top_menu	ul
{
    display	:	table	;
    /zoom	:	1		;
}

.top_menu	ul	li
{
	display		:	table-cell	;
	/display	:	inline		;
    /zoom		:	1			;
}

.top_menu	span		,
.top_menu	a			,
.top_menu	a:visited
{
	/* width			:	135px	;*/
	padding: 0 20px 0 20px;
	height			:	34px	;
	line-height		:	34px	;
	display			:	block	;
	font-size		:	12px	;
	font-weight		:	bold	;
	text-decoration	:	none	;
	color			:	#000	;
	text-align		:	center	;
}

.top_menu	li:hover
{
	position		:	relative	;
}
* html .top_menu a:hover
{
	position		:	relative	;
}

.top_menu	a:hover
{
	border-bottom	:	medium solid blue	;
}

.top_menu	a.none:hover
{
	border-bottom	:	medium solid #333	;
}

/*==========================================*/
/*	メニュー画面							*/
/*==========================================*/
/*------------------------------------------*/
/*	メニューボタン							*/
/*------------------------------------------*/
.menu	td
{
	padding-top		:	10px	;
	padding-bottom	:	30px	;
	padding-left	:	20px	;
	padding-right	:	20px	;
}

.menu	input
{
	width		:	200px	;
	height		:	50px	;
	text-align	:	center	;
	font-size	:	150%	;
}


/*==========================================*/
/*	メンテナンス画面						*/
/*==========================================*/
/*------------------------------------------*/
/*	制御ボタン								*/
/*------------------------------------------*/
div.cntl
{
	margin-top		:	20px	;
	margin-right	:	20px	;
}

.cntl	input
{
	width			:	100px	;
	height			:	30px	;
	text-align		:	center	;
	font-size		:	100%	;
}

div.back
{
	margin-right	:	20px	;
}

.back	input
{
	width			:	100px	;
	height			:	30px	;
	text-align		:	center	;
	font-size		:	100%	;
}

div.cond
{
	margin-left	:	20px	;
}
.cond	select
{
	width			:	100px	;
	height			:	30px	;
	text-align		:	left	;
	font-size		:	100%	;
}

.cond	input
{
	width			:	100px	;
	height			:	30px	;
	text-align		:	center	;
	font-size		:	100%	;
}

div.shozoku
{
	margin-left	:	20px	;
	font-size	:	150%	;
}

/*------------------------------------------*/
/*	テーブル								*/
/*------------------------------------------*/
.list
{
	font-size		:	125%	;
}

.list	table
{
	margin-top		:	10px		;
	margin-left		:	auto		;
	margin-right	:	auto		;
	border-style	:	solid		;
	border-width	:	1px			;
	border-collapse	:	collapse	;
	empty-cells		:	show		;
}

.list	th
{
	padding-left		:	15px		;
	padding-right		:	15px		;
	border-style		:	solid		;
	border-width		:	1px			;
	border-collapse		:	collapse	;
	white-space			:	nowrap		;
	background-color	:	lightcyan	;
	text-align			:	center		;
}

.list	td
{
	border-style		:	solid		;
	border-width		:	1px			;
	border-collapse		:	collapse	;
	white-space			:	nowrap		;
}

/*------------------------------------------*/
/*	明細									*/
/*------------------------------------------*/
.detail
{
	font-size		:	125%	;
}

.detail	table
{
	margin-top		:	10px		;
	margin-left		:	auto		;
	margin-right	:	auto		;
	border-collapse	:	collapse	;
}

.detail	th
{
	padding-left		:	15px		;
	padding-right		:	15px		;
	border-collapse		:	collapse	;
	white-space			:	nowrap		;
	text-align			:	left		;
}

.detail	td
{
	border-collapse		:	collapse	;
	white-space			:	nowrap		;
}


/*------------------------------------------*/
/*	工数管理								*/
/*------------------------------------------*/
input.kousuu {
	width: 60px;
	text-align: right;
}

input.kyori {
	width: 60px;
	text-align: right;
}

input.sougei {
	width: 50px;
	text-align: right;
}

input.tuukinhi {
	width: 50px;
	text-align: right;
}

.kousuu-original {
	display: none;
}

.kousuu-yuukyu {
	display: none;
}

.alert {
	background-color : #f00 !important;
}

.label-tasseiritu {
	background-color : lightcyan;
}

tr.label-subtotal td {
	background-color : aquamarine;
}

.label-total {
	background-color : orange;
}

table#kintai th, table#kintai td {
	white-space: nowrap;
}

#timecard-container .timecard:nth-child(odd) thead th {
	background-color: mistyrose;
}

#timecard-container .timecard:nth-child(even) thead th {
	background-color: lightcyan;
}

#timecard-container .timecard:nth-child(odd) tbody tr:nth-child(odd) td,
#timecard-container .timecard:nth-child(odd) tbody tr:nth-child(odd) th {
	background-color: mistyrose;
}

#timecard-container .timecard:nth-child(even) tbody tr:nth-child(odd) td,
#timecard-container .timecard:nth-child(even) tbody tr:nth-child(odd) th {
	background-color: lightcyan;
}

#timecard-container h2 {
	display: inline;
	padding-right: 10px;
}

#timecard-container span.jump {
	padding-left: 10px;
	font-size: 16px;
}

div.timecard {
	padding-bottom: 25px;
}

tr.total-row {
	background-color: tomato;
}

tr.hiruyoru-row {
	background-color: orange;
}

tr.group-row {
	background-color: lemonchiffon;
}

tr.kousuu-row {
	background-color: lemonchiffon;
}

tr.kousuu-row.nogroup {
	background-color: white;
}

.unclosed-list {
	color: red;
}

.num-input {
	ime-mode: disabled;
	text-align: right;
}

.date-input {
	ime-mode: disabled;
}

input:read-only {
	background-color: gainsboro;
}

input:-moz-read-only {
	background-color: gainsboro;
}

select:disabled {
	background-color: whitesmoke;
}