/**
 *  ボディー
 */
body {
	margin:0px;
	padding:0px;
	font-size:10pt;
	font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
	background:#f8f6f3;
	color:#333;
}

/******************************************************************************/

/* インプット */
input {
	font-size:10pt;
	font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
}

/* インプット数値 */
input.num {
	text-align:right;
}

/* リンク */
a:link {
	color:#d4520b;
	text-decoration:none;
	transition:color 0.2s;
}
a:visited {
	color:#d4520b;
}
a:hover {
	color:#a63d08;
	text-decoration:underline;
}
/******************************************************************************/

/**
 * テーブル全般
 */
table{
	/* 隣接するセルのボーダーを重ねて表示 */
	border-collapse:collapse;
}



/**
 *  各画面のコントロールバー
 */
table.control {
	width:100%;
}
table.control td.item {
	width:85px;
}
table.control td.item input {
	width:80px;
}

/**
 * テーブルを囲うDiv
 */
div.tableborder {

	background-color:#e8601c;
	padding:5px;

	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	box-shadow:3px 3px 3px #d4a88a;
}

/******************************************************************************/

/* 表示用テーブル */
table.view{
	width:100%;

}

/* 表示用テーブル 行スタイル */
table.view tr{
	height:20px;
}

/* 表示用テーブル 共通 */
table.view td{
	color:#000000;
	empty-cells:show;

	padding-top:2px;
	padding-left:6px;
	padding-right:2px;
	padding-bottom:2px;

	vertical-align:top;

	text-align:left;
	font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
}

/* 表示用テーブル ヘッダ列  名称部分（デフォルト） */
table.view tr.header td{
	color:rgb(255,255,255);
	border:none;
}
/* 表示用テーブル  ヘッダ列  値部分 */
table.view tr.header td.val {
	color:rgb(0,0,0);
	background-color:rgb(255,255,255);
	border-bottom:1px dotted #e8601c;
	border-left:1px solid #e8601c;
}

/* 表示用テーブル 値列（デフォルト） */
table.view tr.val td {
	background-color:rgb(255,255,255);
	border-bottom:1px dotted #e8601c;
	border-left:1px solid #e8601c;
}
/* 表示用テーブル  値列  値部分 */
table.view tr.val td.val {
	background-color:rgb(255,255,255);
	border-bottom:1px dotted #e8601c;
	border-left:1px solid #e8601c;
}

/******************************************************************************/

/* 編集用テーブル */
table.edit{
	border:1px solid #e8601c;
	width:100%;
}

/* 編集用テーブル 行スタイル */
table.edit tr{
	height:20px;
}

/* 編集テーブル 共通 */
table.edit td{
	padding-top:1px;
	padding-left:6px;
	padding-right:2px;
	padding-bottom:1px;
	vertical-align:top;
	text-align:left;
	color:#000000;
	empty-cells:show;
}

/* 編集テーブル ヘッダ部分 */
table.edit tr.header td{
	empty-cells:show;
	color:#ffffff;
}

/* 編集テーブル 名称部分 */
table.edit td.nam{
	background-color:#eeeeee;
	color:black;
}

/* 編集テーブル 値部分 */
table.edit td.val{
	background-color:#f5f5f5;
	color:#000000;
}

/******************************************************************************/

/* 内部テーブル */
table.inner{
	width:100%;
}

table.inner td{
	white-space:nowrap;
	padding:1;
	border:0px solid #000000;
	color:#000000;
	empty-cells:show;
}