/*-------------------*/
/*  入力フォームCSS  */
/*-------------------*/
@CHARSET "UTF-8";

/*----------+[ 入力コントロール基本 ]+----------*/
/****** TextBox ******/
.textbox {
	/*テキスト・フォント*/
	font-family: monospace;
	/*色・背景*/
	color           : #000000;
	background-color: #ffffff;
	/*余白*/
	margin : 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	/*境界線*/
	border-width: 1px;
	border-color: #6a6a6a;
	border-style: solid;
	/*角丸*/
	border-radius        : 3px;
	-moz-border-radius   : 3px;
	-webkit-border-radius: 3px;
}

/****** ComboBox ******/
.combobox {
	/*テキスト・フォント*/
	font-family: monospace;
	/*色・背景*/
	color           : #000000;
	background-color: #ffffff;
	/*余白*/
	margin : 2px 2px 2px 2px;
	padding: 1px 0px 1px 0px;
	/*境界線*/
	border-width: 1px;
	border-color: #6a6a6a;
	border-style: solid;
	/*角丸*/
	border-radius        : 3px;
	-moz-border-radius   : 3px;
	-webkit-border-radius: 3px;
}

/****** Panel ******/
.panel {
	/*テキスト・フォント*/
	font-family: monospace;
	/*テキスト・フォント*/
	white-space: nowrap;
	/*色・背景*/
	color           : #000000;
	background-color: transparent;
	/*余白*/
	margin : 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	/*表示・配置*/
	float: left;
	/*境界線*/
	border-width: 1px;
	border-color: transparent;
	border-style: solid;
	/*角丸*/
	border-radius        : 3px;
	-moz-border-radius   : 3px;
	-webkit-border-radius: 3px;
}

/****** listbox (ulタグ) ******/
.ul-listbox {
	/*テキスト・フォント*/
	font-family: monospace;
	/*色・背景*/
	color           : #000000;
	background-color: #ffffff;
	/*余白*/
	margin : 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	/*境界線*/
	border-width: 1px;
	border-color: #6a6a6a;
	border-style: solid;
	/*表示・配置*/
	overflow-x: hidden;
	overflow-y: scroll;
	/*リスト*/
	list-style-type: none;
	/*角丸*/
	border-radius        : 3px;
	-moz-border-radius   : 3px;
	-webkit-border-radius: 3px;
}

/*----------+[ 入力コントロール・フォーカス ]+----------*/
/****** TextBox ******/
.textbox-focus {
	/*色・背景*/
	background-color: #eeffff;
	/*境界線*/
	border-width: 1px;
	border-color: #000099;
	border-style: solid;
}

/****** ComboBox ******/
.combobox-focus {
	/*色・背景*/
	background-color: #eeffff;
	/*境界線*/
	border-width: 1px;
	border-color: #000099;
	border-style: solid;
}

/****** Panel ******/
.panel-focus {
	/*色・背景*/
	background-color: #eeffff;
	/*境界線*/
	border-width: 1px;
	border-color: #000099;
	border-style: dotted;
}

/****** listbox (ulタグ) ******/
.ul-listbox-focus {
	/*色・背景*/
	background-color: #eeffff;
	/*境界線*/
	border-width: 1px;
	border-color: #000099;
	border-style: dotted;
}

/*----------+[ 入力コントロール・エラー ]+----------*/
/****** TextBox ******/
.textbox-error {
	/*色・背景*/
	background-color: #ffeeff;
	/*境界線*/
	border-width: 1px;
	border-color: #990000;
	border-style: dotted;
}

/****** ComboBox ******/
.combobox-error {
	/*色・背景*/
	background-color: #ffeeff;
	/*境界線*/
	border-width: 1px;
	border-color: #990000;
	border-style: dotted;
}

/****** Panel ******/
.panel-error {
	/*色・背景*/
	background-color: #ffeeff;
	/*境界線*/
	border-width: 1px;
	border-color: #990000;
	border-style: dotted;
}

/****** listbox (ulタグ) ******/
.ul-listbox-error {
	/*色・背景*/
	background-color: #ffeeff;
	/*境界線*/
	border-width: 1px;
	border-color: #990000;
	border-style: dotted;
}

/*----------+[ 入力コントロール・Disabled ]+----------*/
/****** TextBox ******/
.textbox-disabled {
	/*色・背景*/
	color           : #333333;
	background-color: #fffacd;
	/*境界線*/
	border-width: 1px;
	border-color: #666666;
	border-style: solid;
}

/****** ComboBox ******/
.combobox-disabled {
	/*色・背景*/
	color           : #333333;
	background-color: #fffacd;
	/*境界線*/
	border-width: 1px;
	border-color: #666666;
	border-style: solid;
}

/****** Panel ******/
.panel-disabled {
	/*色・背景*/
	color           : #333333;
	background-color: #fffacd;
	/*境界線*/
	border-width: 1px;
	border-color: #666666;
	border-style: solid;
}

/****** listbox (ulタグ) ******/
.ul-listbox-disabled {
	/*色・背景*/
	background-color: #cccccc;
	/*境界線*/
	border-width: 1px;
	border-color: #666666;
	border-style: solid;
}

/*----------+[ ラベル ]+----------*/
/****** Label ******/
.label {
	/*テキスト・フォント*/
	font-family: monospace;
	white-space: nowrap;
	/*色・背景*/
	color           : #2E8B57;
	background-color: transparent;
	/*余白*/
	margin : 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	/*表示・配置*/
	overflow: hidden;
}

.display {
	/*テキスト・フォント*/
	font-family: monospace;
	white-space: nowrap;
	/*色・背景*/
	color           : #2E8B57;
	background-color: transparent;
	/*余白*/
	margin : 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	/*表示・配置*/
	overflow: hidden;
}

.label-resize {
	/*余白*/
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*表示・配置*/
	overflow: hidden;
}

.label-delete-data {
	/*テキスト・フォント*/
	font-family: monospace;
	white-space: nowrap;
	/*色・背景*/
	color           : #ff0000;
	background-color: transparent;
	/*余白*/
	margin : 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	/*表示・配置*/
	overflow: hidden;
}

/*----------+[ ボタン ]+----------*/
/****** ボタン(通常) ******/
.button {
	/*テキスト・フォント*/
	font-size     : small;
	font-family   : monospace;
	text-align    : center;
	vertical-align: middle;
	white-space   : nowrap;
	/*表示・配置*/
	overflow: hidden;
	/*カーソル*/
	cursor: pointer;
}

/****** ボタンイメージ(通常) ******/
.button img {
	/*テキスト・フォント*/
	vertical-align: bottom;
	/*幅・高さ*/
	width : 16px;
	height: 16px;
}

/****** ボタン(ヘッダー) ******/
.button-control {
	/*テキスト・フォント*/
	font-size     : small;
	font-family   : monospace;
	text-align    : center;
	vertical-align: middle;
	white-space   : nowrap;
	/*幅・高さ*/
	width : 120px;
	height: 40px;
	/*余白*/
	margin : 0px 10px 0px 0px;
	padding: 0px 0px  0px 0px;
	/*表示・配置*/
	overflow: hidden;
	/*カーソル*/
	cursor: pointer;
}

/****** ボタンイメージ(ヘッダー) ******/
.button-control img {
	/*テキスト・フォント*/
	vertical-align: middle;
	/*幅・高さ*/
	width : 32px;
	height: 32px;
}


/*----------+[ ボックス ]+----------*/
.box {
	/*テキスト・フォント*/
	font-family: monospace;
	/*色・背景*/
	color           : #000000;
	background-color: #ffffff;
	/*余白*/
	margin : 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	/*境界線*/
	border-width: 1px;
	border-color: #6a6a6a;
	border-style: solid;
	/*角丸*/
	border-radius        : 3px;
	-moz-border-radius   : 3px;
	-webkit-border-radius: 3px;
}


/*----------+[ テーブル ]+----------*/
/****** 全体 ******/
.sheet {
	/*テキスト・フォント*/
	font-weight   : normal;
	vertical-align: middle;
	white-space   : nowrap;
	/*余白*/
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*境界線*/
	border-collapse: collapse;
}

.sheet tbody, .sheet tr, .sheet th, .sheet td {
	/*テキスト・フォント*/
	/*vertical-align: top;*/
	/*余白*/
	margin : 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
}

/****** タイトル ******/
.sheet caption {
	/*テキスト・フォント*/
	font-weight   : normal;
	text-align    : left;
	vertical-align: middle;
	white-space   : nowrap;
	/*色・背景*/
	color           : #ffffff;
	background-color: #6699cc;
	/*余白*/
    padding: 2px 5px 2px 5px;
	/*境界線*/
	border-width: 1px;
	border-color: #14317A;
	border-style: solid;
}

/****** 列ヘッダー ******/
.sheet-col-header {
	/*テキスト・フォント*/
	text-align: center;
	/*色・背景*/
	color           : #FFFFFF;
	background-color: #3CB371;
	/*境界線*/
	border-width: 1px;
	border-color: #696969;
	border-style: solid;
}

/****** 行ヘッダー ******/
.sheet-row-header {
	/*テキスト・フォント*/
	text-align: right;
	/*色・背景*/
	color           : #000000;
	background-color: #e9f2d7;
	/*境界線*/
	border-width: 1px;
	border-color: #14317A;
	border-style: solid;
}

/****** セル ******/
.sheet-cell {
	/*色・背景*/
	color           : #000000;
	background-color: transparent;
	/*境界線*/
	border-width: 1px;
	border-color: #008000;
	border-style: solid;
}

/****** 空のセル ******/
.sheet-cell-blank {
	/*色・背景*/
	color           : transparent;
	background-color: transparent;
	/*境界線*/
	border-width: 1px;
	border-color: transparent;
	border-style: solid;
}

/****** 行：偶数色 ******/
.sheet-row-even {
	/*色・背景*/
	color           : #000000;
	background-color: transparent;
	/*境界線*/
	border-width: 1px;
	border-color: #14317A;
	border-style: solid;
}

/****** 行：奇数色 ******/
.sheet-row-odd {
	/*色・背景*/
	color           : #000000;
	background-color: #e9f2d7;
	/*境界線*/
	border-width: 1px;
	border-color: #14317A;
	border-style: solid;
}

/****** 行：フォーカス ******/
.sheet-row-focus {
	/*色・背景*/
	color           : #000000;
	background-color: #ffffcc;
	/*境界線*/
	border-width: 1px;
	border-color: #008000;
	border-style: solid;
}


/*----------+[ ツールチップ ]+----------*/
#has-tooltip-class {
	/*テキスト・フォント*/
	font-size  : small;
	font-weight: normal;
	font-family: monospace;
	white-space: nowrap;
	/*色・背景*/
	color           : #000000;
	background-color: #ffffff;
	/*余白*/
	margin : 0px 0px 0px 0px;
	padding: 2px 5px 2px 5px;
	/*境界線*/
	border-width: 1px;
	border-color: #6a6a6a;
	border-style: solid;
	/*表示・配置*/
	display : none;
	position: absolute;
	z-index : 9999;
	/*最小サイズ*/
	min-width : 100px;
	min-height: 15px;
	/*丸角*/
	border-radius        : 3px;
	-moz-border-radius   : 5px;
	-webkit-border-radius: 5px;
	/*影*/
	text-shadow: 2px 2px 2px #6a6a6a;
}


/*----------+[ ページリンク 現在表示ページ  ]+----------*/
/*ページャ*/
.pager-link {
	/*テキスト・フォント*/
	text-align    : center;
	white-space   : nowrap;
	/*色・背景*/
	color           : #0088cc;
	background-color: #ffffff;
	/*幅・高さ*/
	min-width : 20px;
	/*余白*/
	padding: 2px;
	/*境界線*/
	border-width: 1px;
	border-color: #dddddd;
	border-style: solid;
	/*表示・配置*/
	overflow: hidden;
	float   : left;
	/*カーソル*/
	cursor: pointer;
	/*角丸*/
	border-radius        : 3px;
	-moz-border-radius   : 3px;
	-webkit-border-radius: 3px;
}

/*ページャマウスオーバー*/
.pager-link-mouse-orver {
	/*テキスト・フォント*/
	text-align    : center;
	white-space   : nowrap;
	/*色・背景*/
	color           : #005580;
	background-color: #f5f5f5;
	/*幅・高さ*/
	min-width : 20px;
	/*余白*/
	padding: 2px;
	/*境界線*/
	border-width: 1px;
	border-color: #dddddd;
	border-style: solid;
	/*表示・配置*/
	overflow: hidden;
	float   : left;
	/*カーソル*/
	cursor: pointer;
	/*角丸*/
	border-radius        : 3px;
	-moz-border-radius   : 3px;
	-webkit-border-radius: 3px;
}

/*ページャ選択値*/
.pager-link-selected {
	/*テキスト・フォント*/
	font-weight   : bold;
	text-align    : center;
	white-space   : nowrap;
	/*色・背景*/
	color           : #999999;
	background-color: #f5f5f5;
	/*幅・高さ*/
	min-width : 20px;
	/*余白*/
	padding: 2px;
	/*境界線*/
	border-width: 1px;
	border-color: #dddddd;
	border-style: solid;
	/*表示・配置*/
	overflow: hidden;
	float   : left;
	/*カーソル*/
	cursor: default;
	/*角丸*/
	border-radius        : 3px;
	-moz-border-radius   : 3px;
	-webkit-border-radius: 3px;
}

/*ページャ選択不可*/
.pager-link-non {
	/*テキスト・フォント*/
	text-align    : center;
	white-space   : nowrap;
	/*色・背景*/
	color           : #999999;
	background-color: transparent;
	/*幅・高さ*/
	min-width : 20px;
	/*余白*/
	padding: 2px;
	/*表示・配置*/
	overflow: hidden;
	float   : left;
}

/*ページャ表示メッセージ*/
.pager-message {
	/*テキスト・フォント*/
	white-space: nowrap;
	/*色・背景*/
	color           : #000000;
	background-color: transparent;
	/*余白*/
	padding: 2px;
	/*表示・配置*/
	overflow: hidden;
	float   : left;
}

/*----------+[ デートピッカー  ]+----------*/
/*DatePicker画像*/
.ui-datepicker-trigger {
	vertical-align: middle;
	cursor        : pointer;
}


/*----------+[ その他 ]+----------*/
/*タイトルラベル*/
.label-title {
	/*テキスト・フォント*/
	font-size  : small;
	font-weight: bold;
	font-family: monospace;
	white-space: nowrap;
	/*色・背景*/
	color           : #696969;
	background-color: transparent;
	/*余白*/
	margin : 0px 0px 5px 0px;
	padding: 2px 2px 2px 10px;
	/*境界線*/
	border-width: 1px 0px 0px 5px;
	border-color: #696969;
	border-style: solid;
	/*影*/
	text-shadow: 2px 2px 2px #ccffcc;
}

/*幅調整用のダミー*/
.dummy-object {
	/*表示・配置*/
	visibility: hidden;
}

#control-button {
	white-space: nowrap;
}