/*---------------------------------------------------
	編集画面共通
---------------------------------------------------*/

/* 必須項目 */
.require{
	color: #F00;
}

/* 条件付き必須項目 */
.joken_require{
	color: #FF6D00;
}

.hide_area{
	display: none;
}

.notice{
	font-weight: normal;
	font-size: 10px;
}

.indent_title{
	margin-left: 30px;
}

/*---------------------------------------------------
	ワークフロー状態エリア
---------------------------------------------------*/

#workflow_area{
	width: 150px;
}

.workflow_step_title{
	width: 134px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #EDD4C2;
	background-color: #FFE3C8;
	background: -moz-linear-gradient(top, #FFF0E8, #FFD9BF);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF0E8), to(#FFD9BF));
	border-radius: 5px 0px 0px 5px;
	font-size: 15px;
	text-align: center;
	cursor: pointer;
}
.workflow_step.active .workflow_step_title{
	width: 148px;
	border: 1px solid #EDAD7D;
	background-color: #FFE3C8;
	background: -moz-linear-gradient(top, #FFF0E8, #FFD1B2);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF0E8), to(#FFD1B2));
	font-size: 17px;
	cursor: default;
}
.workflow_step.disabled .workflow_step_title{
	border: 1px solid #C6B7AB;
	color: #877061;
	background-color: #DBC3AD;
	background: -moz-linear-gradient(top, #EFDDCB, #D1B09A);
	background: -webkit-gradient(linear, left top, left bottom, from(#EFDDCB), to(#D1B09A));
	cursor: default;
}

/*---------------------------------------------------
	サイド情報
---------------------------------------------------*/

#tax_area{
	width: 143px;
	margin-top: 20px;
}
#tax_area > table{
	width: 133px;
	margin: 5px;
}
#tax_area > table th{
	text-align: left;
}
#tax_area input{
	width: 60px;
	text-align: right;
}

#side_info_area{
	width: 143px;
	margin-top: 10px;
	border: 1px solid #CCC;
	background-color: #FFFFC9;
}

#side_info_area > table{
	width: 133px;
	margin: 5px;
}
#side_info_area > table th{
	text-align: left;
}
#side_info_area > table td{
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 2px 0px;
}

#side_info_area > table span{
	margin-left: 6px;
}
#side_info_area .datetime{
	font-size: 0.9em;
}


/*---------------------------------------------------
	ワークフロー機能
---------------------------------------------------*/

.workflow_control{
	display: none;
}

/*---------------------------------------------------
	ワークフローデータ
---------------------------------------------------*/

.workflow_data{
	width: 1085px;
	min-height: 500px;
	margin-bottom: 20px;
/*	border: 1px solid #CCC;
	background-color: #E8F0FF;*/
	display: none;
}
.workflow_data.active,
.workflow_control.active{
	display: block;
}

.info_area{
	padding: 2px;
}
.info_area .title_bar{
	height: 21px;
	padding-top: 2px;
	padding-left: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #685F36;
	border: 1px solid #DDD47C;
	background-color: #FFF69E;
	background: -moz-linear-gradient(top, #FFF9CC, #F2E480);
	background: -webkit-gradient(linear, left bottom, right top, from(#FFF387), to(#F2E480));
}
.info_area > table{
	width: 100%;
	margin: 5px;
}

/*
.info_area > table th{
	width: 120px;
	text-align: left;
	vertical-align: top;
}
*/

/*---------------------------------------------------
	入力データエリア
---------------------------------------------------*/

.input_area_backcolor{
	border: 1px solid #CCC;
	background-color: #E8F0FF;
}

.disp_area_backcolor{
	border: 1px solid #CCC;
	background-color: #FFFBC9;
}