@charset "UTF-8";
/*=======================================================
 汎用情報テーブル
=======================================================*/
table.info {
	border         : gray 1px solid;
	border-collapse: collapse;
	table-layout   : fixed;
	word-break     : break-all;
	word-wrap      : break-word;
}
table.info > tbody > tr > th {
	background  : lightblue;
	border      : gray 1px solid;
	font-weight : normal;
	padding     : 0.1em 0.4em;
	overflow    : hidden;
	height      : 1.8em;
}
table.info > tbody > tr > td {
	background  : white;
	border      : gray 1px solid;
	font-weight : normal;
	padding     : 0.1em 0.4em;
	overflow    : hidden;
	height      : 1.8em;
}
table.info > tbody > tr.control th {                 /* ソートボタンなど制御関連用のセル */
	background  : #DDBB77;
	overflow    : hidden;
}
input.btn_sort, button.btn_sort{                     /* ソートボタン */
	color       : gray;
	font-size   : 85%;
}
table.info > tbody > tr.highlight td,                /* ハイライト行、ハイライトセル （汎用） */
table.info > tbody > tr > td.highlight{
	background  : #FFCCFF;
	overflow    : hidden;
}
table.info > tbody > tr.alert td,                    /* アラート行、アラートセル （汎用） */
table.info > tbody > tr > td.alert{
	background  : hotpink;
	overflow    : hidden;
}
table.info > tbody > tr.grayout td,                  /* グレーアウト行、グレーアウトセル（汎用） */
table.info > tbody > tr > td.grayout {
	background  : #eeeeee;
	overflow    : hidden;
}
table.info > tbody > tr.quant_minus td,             /* マイナス数値表示用 */
table.info > tbody > tr > td.quant_minus {
	color       : red;
	font-weight : bold;
}

table.formTable {
	border          : gray 1px solid;
	border-collapse : collapse;
	table-layout    :fixed;
	word-break     : break-all;
	word-wrap      : break-word;
}
table.formTable > tbody > tr > th {
	background  : lightblue;
	border      : gray 1px solid;
	font-weight : normal;
	padding     : 3px 0px;
	overflow    : hidden;
}
table.formTable > tbody > tr > td {
	background  : white;
	border      : gray 1px solid;
	font-weight : normal;
	padding     : 3px 6px;
	overflow    : hidden;
}
table.formTable > tbody > tr > th.title,
table.formTable > tbody > tr > td.title{
	background  : #F0E0B0;
	border      : gray 1px solid;
	font-weight : bold;
	font-size   : 1.2em;
	text-align  : left;
	padding     : 3px 0px;
	overflow    : hidden;
}
/* テーブル内でレイアウト用にテーブルを入れ子にするときパディングを無効化 */
table.formTable > tbody > tr > th.formTable_separator_container,
table.formTable > tbody > tr > td.formTable_separator_container {
	padding        : 0px;
	vertical-align : top;
	text-align     : left;
}

/* 分割用テーブル */
table.formTable_separator {
	border-collapse : collapse;
	table-layout    : fixed;
	word-break      : break-all;
	word-wrap       : break-word;
	border-width    : 0px;
	height          : 100%;
}
/* 分割用テーブルのセル */
table.formTable_separator > tbody > tr > th {
	background  : #F0E0B0;
	border      : gray 1px solid;
	font-weight : normal;
	padding     : 3px 0px;
	overflow    : hidden;
	text-align  : center;
}
/* 分割用テーブルのセル */
table.formTable_separator > tbody > tr > td {
	border      : gray 1px solid;
	font-weight : normal;
	padding     : 3px 6px;
	overflow    : hidden;
}
/* 上下左右のボーダーをなくす */
table.formTable_separator > tbody > tr:first-child > th,
table.formTable_separator > tbody > tr:first-child > td {
	border-top-width    : 0px;
}
table.formTable_separator > tbody > tr:last-child > th,
table.formTable_separator > tbody > tr:last-child > td {
	border-bottom-width : 0px;
}
table.formTable_separator > tbody > tr > th:first-child,
table.formTable_separator > tbody > tr > td:first-child {
	border-left-width   : 0px;
}
table.formTable_separator > tbody > tr > th:last-child,
table.formTable_separator > tbody > tr > td:last-child {
	border-right-width  : 0px;
}

/*=======================================================
 行編集用（tdのボーダーを除去）
=======================================================*/
table.formRowEditor {
}
table.formRowEditor td {
	border-collapse  : collapse;
	border-style     : none;
	border-width     : 0px;
	table-layout     : fixed;
	padding          : 1px;
	overflow         : hidden;
}
/*=======================================================
 テーブルの枠と背景色を除去。(余白は変更なし)
=======================================================*/
table.noborder,
table.noborder td.noborder {
	border-collapse  : collapse;
	background-color : transparent;
	border           : transparent 0px none;
	table-layout:fixed;
	overflow    :hidden;
}

/*=======================================================
 テーブルをレイアウト用に枠と背景色と余白を除去。
=======================================================*/
table.layout,
table.layout td.layout{
	border-collapse  : collapse;
	background-color : transparent;
	border           : transparent 0px none;
	margin           : 0;
	padding          : 0;
	table-layout:fixed;
	overflow    :hidden;
}

/*=======================================================
 ページバー
=======================================================*/
div.pagebar {
	padding     : 0.8em 0em;
	height      : 3em;
}
div.pagebar .current_page{            /* 固定表示部分(現在ページなど) */
	padding     : 0.2em 0.3em;
	height      : 1.4em;
	color       : #ff0000;
	font-weight : bold;
}
div.pagebar A{                        /* リンク部分 */
	padding     : 0.2em 0.3em;
	height      : 1.4em;
}
div.pagebar A:hover{
	background  : #FFDDEE;
}
/*=======================================================
 ページングのソートボタン
=======================================================*/
.paging_label A.sort {
	height          : 1em;
	font-size       : 100%;
	text-decoration : none;
}
.paging_label A.sort:hover {
	text-decoration : underline;
}
.paging_label A.sort_selected {
	color           : #CC33CC;
}
.paging_label button.sort {
	width           : 1.8em;
	height          : 1.4em;
	font-size       : 100%;
	margin          : 0;
	padding         : 0;
	color           : gray;
	text-align      : center;
	overflow        : visible;
}
.paging_label button.sort_selected {
	color           : blue;
}

/*=======================================================
 エラー表示
=======================================================*/
.input_error_bg,
table.info > tbody > tr.input_error_bg td,
table.info > tbody > tr > td.input_error_bg,
table.formTable > tbody > tr.input_error_bg td,
table.formTable > tbody > tr > td.input_error_bg{
	background  : #ffcccc;
}
.input_error {
	color       : #ff0000;
	font-weight : bold;
}

/*=======================================================
 スペック表示
=======================================================*/
.spec,
table.formTable > tbody > tr.spec td,
table.formTable > tbody > tr > td.spec{
	font-size   : 85%;
}

/*=======================================================
 コメントブロック
=======================================================*/
div.comment_block {
	border      : black 1px solid;
	background  : gray;
	color       : white;
	padding     : 5px;
}
div.explain_block {
	padding     : 5px;
	margin-top  : 5px;
	margin-left : 1px;
	margin-bottom: 5px;
}
div.complite_block {
	font-weight : bold;
	font-size   : 14px;
	width       : auto;
	text-align  : center;
}

/*=======================================================
 ボタン
=======================================================*/
.narrowButton {
	padding     : 0.2em 0.4em;
}
.wideButton {
	font-size   : 1rem;
	height      : auto;
	padding     : 0.5em 2em;
}

div.submit_block {
	padding     : 0px 0px 3px 0px;
}
input.input_submit {
	height      : 1.8em;
	padding     : 0px 3px 0px 3px;
}
input.input_button, button.input_button {
	height      : 25px;
	font-size   : 14px;
	padding     : 0px 30px 0px 30px;
	font-weight : bold;
}
div.tab_block {
	width       : auto;
	padding     : 10px 0px 0px 10px;
	margin      : 0px;
	border-bottom-width : 2px;
	border-bottom-style : solid;
	border-bottom-color : #F0E0B0;
}
div.tab_block input[type=button],
div.tab_block input[type=submit] {
	height      : 25px;
	font-size   : 14px;
	padding     : 0px 30px 0px 30px;
/*	border      : 1px solid #F0E0B0;
	background  : #F0E0B0;	 */
}

/*=======================================================
 リンク
=======================================================*/
div.linkLine_block {
	padding     : 10px 5px 10px 5px;
	width       : auto;
	text-align  : center;
}
.linkNavi_block {
	float            : left;
	text-align       : left;
	margin           : 0px;
	padding          : 8px 15px 8px 15px;
	width            : 130px;
	height           : 45px;
}