/*
	To change this license header, choose License Headers in Project Properties.
	To change this template file, choose Tools | Templates
	and open the template in the editor.
*/
/*
    Created on : 2014/08/27, 16:30:52
    Author     : shimomai
*/
/*
	＜cssの反映対象について＞
	HTML > BODY     HTML「直下」のBODY(間に別のタグがあると対象外)が対象
	HTML BODY       HTML「配下」のBODYが対象
	HTML, BODY      HTMLとBODYが対象
	a:link          疑似クラスlink。ハイパーリンク無押下状態
	a:visited       疑似クラスvisited。ハイパーリンク訪問済み状態
	a:hover         疑似クラスhover。ハイパーリンクにマウスを合わせた状態
	a:active        疑似クラスactive。ハイパーリンクを押してから離すまでの状態
	#id             #の後にid名を指定する事で、そのidプロパティ値を持つタグを対象とする
	.class          .の後にclass名を指定する事で、そのclassプロパティ値を持つタグを対象とする

	＜スタイル適用の優先度＞
	・最後に記述したもの
	・詳細度が高いもの(ID:100pt, class:10pt, タグ要素:1pt)
	・style属性に直接記述されているもの
	・!impotantが指定されているもの
*/
/****************************************************/
/** 共通                                            */
/****************************************************/
/* 画面全体 */
HTML
{
    /*overflow         : auto;*/
    height                : 100%;
}
:disabled
, TABLE.search-condition INPUT:disabled
, TABLE.search-condition SELECT:disabled
, TABLE.search-condition LABEL:disabled
{
	color              : gray !important;
}
BODY
{
    /*overflow         : auto;*/
    height                : 100%;
    margin                : 0px;
    font-size             : 10px;
    color                 : #333333;
    font-family           : 'MS UI Gothic', 'ＭＳ ゴシック', '平成角ゴシック', osaka, monospace;
    background-color      : #ffffff;
    background-attachment : fixed;
    background-position   : right bottom;
    background-repeat     : no-repeat
}

FORM
{
    height           : 99.7%; /** 100->99.7 **/
    width            : 99.7%; /** 100->99.7 **/
}

fieldset
{
    background-color : lightgrey;
}

/** 非追従領域（スクロール領域） */
html>body div.content
{
    /*width            : 960px;*/
/*    width            : 1366px;*/
    /*margin           : 0 auto;*/
    width            : 100%;
    height           : 100%;
    font-size        : 12px;
}

/* テーブル全体 */
TABLE
{
    padding          : 1px 2px 1px 2px;
    margin           : 0px;
    font-size        : 10pt;
    font-family      : 'MS UI Gothic', 'ＭＳ ゴシック', '平成角ゴシック', osaka, monospace;
    text-align       : left;
/*     table-layout     : fixed; */
}

/* テキスト,ボタン,セレクトボックス */
input, select
{
    font-size        : 12px;
    font-family      : 'ＭＳ ゴシック', monospace;
    color            : #333333;
    border-color     : #333333;
}
/* ハイパーリンク */
A:link
{
    font-size        : 12px;
    color            : #0000FF;
    text-decoration  : underline;
}
A:visited
{
    font-size        : 12px;
    color            : #0000FF;
    text-decoration  : underline;
}
A:hover
{
    font-size        : 12px;
    font-weight      : normal;
    color            : #FF0066;
    text-decoration  : none;
}
A:active
{
    font-size        : 12px;
    color            : #FF0000;
    text-decoration  : none;
    background-color : #EEEEEE;
}
.AGlinkbutton:link
, .AGlinkbutton:visited
, .AGlinkbutton:hover
, .AGlinkbutton:active
{
    border           : Black 2px solid;
    color            : Black;
    text-align       : center;
    text-decoration  : none;
    background-color : #D3D3D2;
}

/****************************************************/
/** タイトル欄                                       */
/****************************************************/
label.titlename
{
    color            : #6495ED;
    font-size        : 24px;
    font-weight      : bold;
    font-family      : 'MS UI Gothic', 'ＭＳ ゴシック', '平成角ゴシック', osaka, monospace;
    background-repeat: no-repeat;
    background-color : transparent;
    background-image : url("../images/TitleBar.gif");
    text-indent	     : 12pt;
    text-align       : left;
}

/****************************************************/
/** 検索条件欄                                       */
/****************************************************/
/** 検索条件欄 共通 */
TABLE.search-condition
{
    /* border="0"で外枠のみここで指定 */
    border-top       : #000066 2px solid;
    border-left      : #000066 2px solid;
    border-bottom    : #000066 2px solid;
    border-right     : #000066 2px solid;
    border-collapse  : collapse;
    table-layout     : fixed;
    width            :100%;
}
/** 検索条件欄 セル */
TABLE.search-condition TD
{
/*    border-top       : #000066 1px solid;
    border-left	     : #000066 1px solid;
    border-bottom    : #000066 1px solid;
    border-right     : #000066 1px solid;*/
    /*background-color : rgb(204, 204, 255);*/
    height           : 26px;
}
/** 検索条件欄 項目名 */
TABLE.search-condition TD.condition
{
	color            : #000066;
    background-color : rgb(204, 204, 255);
    font-size        : 9pt;
    width            : 10%;
}
/** 検索条件欄 入力欄 */
TABLE.search-condition TD INPUT
{
    background-color : #FFFFFF;
}
/** 検索結果欄 必須入力欄 */
TABLE.search-condition TD INPUT.required-cell
{
    background-color : #FFFF99;
}

/****************************************************/
/** 検索結果欄                                      */
/****************************************************/
/** 検索結果欄 共通 */
TABLE.search-results
{
    border-top       : #003300 2px solid;
    border-bottom    : #003300 2px solid;
    border-left      : #003300 2px solid;
    border-right     : #003300 2px solid;
    background-color : #FFFFFF;
    border-collapse  : collapse;
}
/** 検索結果欄 ヘッダ */
TABLE.search-results TH
{
    border-top       : #003300 1px solid;
    border-bottom    : #003300 1px solid;
    border-left      : #003300 1px solid;
    border-right     : #003300 1px solid;
    font-size        : 9pt;
    font-weight      : normal;
    color            : #003300;
    background-color : #99FF66;
    text-align       : center;
}
/** 検索結果欄 行 */
TABLE.search-results TR
{
    height           : 22px;
}
/** 検索結果欄 セル */
TABLE.search-results TD
{
    font-size        : 10pt;
    font-family      : 'MS UI Gothic', 'ＭＳ ゴシック', '平成角ゴシック', osaka, monospace;
    height           : 22px;
    padding          : 2px 2px 1px 2px;
    border-top	     : #003300 1px solid;
    border-bottom    : #003300 1px solid;
    border-left	     : #003300 1px solid;
    border-right     : #003300 1px solid;
}
/* 検索結果欄 ヘッダー */
TABLE.search-results TR TD
{
    font-size        : 9pt;
    font-weight      : normal;
    color            : #003300;
/*    background-color : #99FF66;*/
    text-align       : left;
}
/** 検索結果欄 テキスト入力欄 */
TABLE.search-results TD INPUT[type=text]
{
    font-size        : 10pt;
    border           : #000000 2px solid;
    background-color : #FFFF99;
}
/** 検索結果欄 submit */
TABLE.search-results TD INPUT[type=submit]
{
    background-color : #D3D3D2;
}
/** 検索結果欄 必須入力欄 */
TABLE.search-results TD INPUT.required-cell
{
    background-color : #FFFF99;
}
/****************************************************/
/** 自動生成 検索条件欄                             */
/****************************************************/
TABLE.AG-search-condition
{
    /* border="0"で外枠のみここで指定 */
    border-top       : #000066 2px solid;
    border-left      : #000066 2px solid;
    border-bottom    : #000066 2px solid;
    border-right     : #000066 2px solid;
    border-collapse  : collapse;
    table-layout     : fixed;
    width            :100%;
}
/** 検索条件欄 セル */
TABLE.AG-search-condition TD
{
/*    border-top       : #000066 1px solid;
    border-left	     : #000066 1px solid;
    border-bottom    : #000066 1px solid;
    border-right     : #000066 1px solid;*/
    /*background-color : rgb(204, 204, 255);*/
    height           : 26px;
}
/** 検索条件欄 項目名 */
TABLE.AG-search-condition TD.condition
{
	padding          : 0px 3px;
	color            : #000066;
	background-color : rgb(204, 204, 255);
	font-size        : 9pt;
	width            : 10%;		/* TODO:調整予定 */
	overflow         : hidden;
	border-left      : #000066 1px solid;
	border-right     : #000066 1px solid;
}

/** 検索条件欄 空項目 */
TABLE.AG-search-condition TD.empty
{
	padding          : 0px 3px;
	color            : #000066;
	background-color : white;
	font-size        : 9pt;
	width            : 10%;		/* TODO:調整予定 */
	overflow         : hidden;
	border-left      : #000066 1px solid;
	border-right     : #000066 1px solid;
}

/** 検索条件欄 入力欄 */
TABLE.AG-search-condition TD INPUT, TABLE.AG-search-condition TD SELECT, TABLE.AG-search-condition TD LABEL
{
	font-size        : 9pt;
/*     background-color : #FFFFFF; */
    margin           : 2px;
}
/** 自動生成 入力欄 セレクトボックス */
TABLE.AG-search-condition TD > SELECT
{
	border-top-color    : #333333;
	border-bottom-color : #999999;
	border-left-color   : #333333;
	border-right-color  : #999999;
}
/** 自動生成 検索結果欄 submit */
TABLE.AG-search-condition TD INPUT[type=submit]
{
    background-color : #D3D3D2;
}
/** 自動生成 検索条件欄 必須入力欄 */
TABLE.AG-search-condition TD INPUT.required-cell, SELECT.required-cell
{
    background-color : #FFFF99;
}
/****************************************************/
/** 自動生成 詳細選択欄                             */
/****************************************************/
TABLE.AG-search-details
{
    border-top       : #003300 2px solid;
    border-bottom    : #003300 2px solid;
    border-left      : #003300 2px solid;
    border-right     : #003300 2px solid;
    background-color : #FFFFFF;
    border-collapse  : collapse;
}
/** 自動生成 詳細選択欄 ヘッダ */
TABLE.AG-search-details TH
{
    border-top       : #003300 1px solid;
    border-bottom    : #003300 1px solid;
    border-left      : #003300 1px solid;
    border-right     : #003300 1px solid;
    font-size        : 9pt;
    font-weight      : normal;
    color            : #003300;
    background-color : #99FF66;
    text-align       : center;
    padding          : 2px;
    height           : 22px;
}
/** 自動生成 詳細選択欄 行 */
TABLE.AG-search-details TR
{
	color            : black;
    height           : 22px;
}
/** 自動生成 詳細選択欄 セル */
TABLE.AG-search-details TD
{
    font-size        : 10pt;
    font-family      : 'MS UI Gothic', 'ＭＳ ゴシック', '平成角ゴシック', osaka, monospace;
    height           : 22px;
    padding          : 2px 2px 1px 2px;
    border-top	     : #003300 1px solid;
    border-bottom    : #003300 1px solid;
    border-left	     : #003300 1px solid;
    border-right     : #003300 1px solid;
    color            : #003300;
}
/* 自動生成  詳細選択欄 検索結果ヘッダ */
TABLE.AG-search-details TR:nth-child(1) TD
{
/*     font-size        : 9pt; */
/*     font-weight      : normal; */
/*     color            : #003300; */
/*     background-color : #99FF66; */
/*     text-align       : center; */
}
/** 自動生成 詳細選択欄 ラベル */
TABLE.AG-search-details TD > LABEL
{
	font-size           : 9pt;
	margin              : 3px;
	padding-top         : 2px;
	padding-bottom      : 2px;
	padding-left        : 2px;
	padding-right       : 3px;
	background-color    : white;
	height              : 12px;
}
/** 自動生成 詳細選択欄 セレクトボックス */
TABLE.AG-search-details TD > SELECT
{
	font-size           : 9pt;
	border-top-color    : #333333;
	border-bottom-color : #999999;
	border-left-color   : #333333;
	border-right-color  : #999999;

}
/** 自動生成 詳細選択欄 SPAN */
TABLE.AG-search-details TD > SPAN
{
	font-size           : 9pt;
	margin              : 3px;
	padding-top         : 2px;
	padding-bottom      : 2px;
	padding-left        : 2px;
	padding-right       : 3px;
}
/** 自動生成 詳細選択欄 テキスト入力欄 */
TABLE.AG-search-details TD INPUT[type=text]
{
    border           : #000000 2px solid;
}
/** 自動生成 詳細選択欄 submit */
TABLE.AG-search-details TD INPUT[type=submit]
{
    background-color : #D3D3D2;
}
/** 自動生成 詳細選択欄 必須入力欄 */
TABLE.AG-search-details TD INPUT.required-cell
{
	background-color : #FFFF99;
}
/** 自動生成 詳細選択欄 ラベル欄 */
TABLE.AG-search-details TD > INPUT[type='text'][readonly]
{
	border: 0;
}
/****************************************************/
/** 自動生成 検索結果欄                             */
/****************************************************/
/** 自動生成 検索結果欄 共通 */
TABLE.AG-search-results
{
    border-top       : #003300 2px solid;
    border-bottom    : #003300 2px solid;
    border-left      : #003300 2px solid;
    border-right     : #003300 2px solid;
    background-color : #FFFFFF;
    border-collapse  : collapse;
/*
	width            : 100%;
    table-layout     : fixed;
*/
}
/** 自動生成 検索結果欄 ヘッダ */
TABLE.AG-search-results TH
{
    border-top       : #003300 1px solid;
    border-bottom    : #003300 1px solid;
    border-left      : #003300 1px solid;
    border-right     : #003300 1px solid;
    font-size        : 9pt;
    font-weight      : normal;
    color            : #003300;
    background-color : #99FF66;
    text-align       : center;
    padding          : 2px;
    height           : 22px;
/*    white-space      : nowrap; */  2015.7.9 nitanda delete
}
/** 自動生成 検索結果欄 行(空行消し) */
TABLE.empty > TBODY > TR
{
	display: none;
}
/** 自動生成 検索結果欄 行 */
TABLE.AG-search-results TR
{
	height			: 26px;
}
/** 自動生成 検索結果欄 セル */
TABLE.AG-search-results TD
{
    font-size        : 9pt;
    font-family      : 'MS UI Gothic', 'ＭＳ ゴシック', '平成角ゴシック', osaka, monospace;
    height           : auto;
    padding          : 2px 2px 1px 2px;
    border-top	     : #003300 1px solid;
    border-bottom    : #003300 1px solid;
    border-left	     : #003300 1px solid;
    border-right     : #003300 1px solid;
    color            : #003300;
}
/* 自動生成  検索結果ヘッダ */
TABLE.AG-search-results TR:nth-child(1) TD
{
/*     font-size        : 9pt; */
/*     font-weight      : normal; */
/*     color            : #003300; */
/*     background-color : #99FF66; */
/*     text-align       : center; */
}
/** 自動生成 検索結果欄 ラベル */
TABLE.AG-search-results TD > LABEL
{
	font-size           : 9pt;
/*	margin              : 3px; */
	padding-top         : 1px;
	padding-bottom      : 1px;
/*	padding-left        : 2px; */
	padding-right       : 3px;
	background-color    : white;
	height              : auto;
}
/** 自動生成 検索結果欄 セレクトボックス */
TABLE.AG-search-results TD > SELECT
{
	font-size           : 9pt;
	border-top-color    : #333333;
	border-bottom-color : #999999;
	border-left-color   : #333333;
	border-right-color  : #999999;
}
/** 自動生成 検索結果欄 SPAN */
TABLE.AG-search-results TD > SPAN
{
	font-size           : 9pt;
	margin              : 3px;
	padding-top         : 2px;
	padding-bottom      : 2px;
	padding-left        : 2px;
	padding-right       : 3px;
}
/** 自動生成 検索結果欄 テキスト入力欄 */
TABLE.AG-search-results TD > INPUT[type='text']
{
    border           : #000000 2px solid;
}
/** 自動生成 検索結果欄 submit */
TABLE.AG-search-results TD INPUT[type='submit']
{
    background-color : #D3D3D2;
}
/** 自動生成 検索結果欄 必須入力欄 */
TABLE.AG-search-results TD INPUT.required-cell
{
	background-color : #FFFF99;
}
/** 自動生成 検索結果欄 ラベル欄 */
TABLE.AG-search-results TD > INPUT[type='text'][readonly]
{
	border: 0;
}
/** 改行される纏まり。 */
html>body div.content .group
{
    clear: both;
    line-height: 0px;
}
/** formタグで色を初期化 */
.main
{
    background-color: white;
}
/** トップメニュー */
.top-menu
{
    background-color: #5555AA;
    display: table;
    width: 100%;
}
/** トップメニューロゴ部分 */
.top-menu-logo
{
    display: table-cell;
    text-align : left;          /* 左寄せ */
    width: 10%;                 /* 左カラムのサイズ */
    vertical-align: middle;     /* 縦位置を揃える */
}
.top-menu-select
{
    display: table-cell;
    text-align : right;         /* 右寄せ */
    vertical-align: middle;     /* 縦位置を揃える */
}

/** 機能メニュー */
.func-menu
{
    height: 40px;
    background-color: rgb(58, 110, 165);
    display: table;             /* テーブルレイアウト指定 */
    width: 100%;
}
/** 機能メニュー EDIグループ枠 */
.func-menu-selectbox
{
    display: table-cell;        /* セル扱い */
    text-align : center;        /* 左寄せ */
    width: 15%;                 /* 左カラムのサイズ */
    vertical-align: middle;     /* 縦位置を揃える */
}
/* 機能メニュー EDIグループ コンボボックス */
.func-menu-selectbox SELECT
{
    height: auto;
    font-size: 14px;
    width: 160px;
}
/* 機能メニュー メニュー枠 */
.func-menu-selectmenu
{
    display: table-cell;        /* セル扱い */
    text-align : right;         /* 右寄せ */
    vertical-align: middle;     /* 縦位置を揃える */
}
/* タイトル欄 */
.form-title
{
    font-size: 24px;            /* 文字サイズ */
    color: #6495ed;             /* 文字色 */
    display: table-cell;        /* セル扱い */
    text-align : right;         /* 右寄せ */
    vertical-align: middle;     /* 縦位置を揃える */
}

/* 機能メニュー外枠 */
div.ui-widget-content
{
    border: #A8A8A8 !important;
}
/* 機能メニュー 文字列 */
div.func-menu-selectmenu span
{
    color: black !important;
    font-weight: bold !important;
    font-size: 14px !important;
}
/* 機能メニュー 項目単位背景 */
div.func-menu-selectmenu a
{
    background: #EEE !important;
}
/* 機能メニュー 背景色 */
.ui-menubar, .ui-menu-child, .ui-menu
{
    background : rgb(58, 110, 165) !important;
}
/* 機能メニュー トップ部分カーソルイン */
ul li.ui-menuitem-active > a {
    background-image: none !important;
    background-color:yellow !important;
}
/* 機能メニュー サブ部分カーソルイン */
li ul li.ui-menuitem-active > a
{
    background-image: none !important;
    background-color:yellow !important;
}
/* 機能メニュー 項目幅 */
.ui-menu .ui-menu-parent .ui-menu-child
{
    width :25em !important;
}
/* データテーブル */
div.data-table
{
    /* 画面定義マスタ 入力欄制御 */
    width: 1310px;
}
/* ブロック単位 */
div.block
{
	margin: 2px;
}

/* 暫定追加 */
/* 必須入力項目 */
.Indispensable {
	border			 : solid 1 #a9a9a9;
    background-color : #FFFF99;
}
/* エラーラベル */
.ErrMsg {
    font-family      : 'MS UI Gothic', 'ＭＳ ゴシック', '平成角ゴシック', osaka, monospace;
	font-size        : 10pt;
	color			 : Red;
}


/* -------------------------------------------------------- */
/* 検索テーブル                                             */
/* -------------------------------------------------------- */
.Srh_ItemNm {
	color			: #000066;
    background-color: #CCCCFF;
}
TABLE.Srh_Line {
	margin-bottom	: 3px;
    border-top		: #000066 2px solid;
    border-left		: #000066 2px solid;
    border-bottom	: #000066 2px solid;
    border-right	: #000066 2px solid;
}
TABLE.Srh_Line TD {
	padding          : 0px 3px;
	border-top		: #000066 1px solid;
    border-left		: #000066 1px solid;
    border-bottom	: #000066 0px solid;
    border-right	: #000066 0px solid;
	height			: 26px;
}
TABLE.Srh_Line .Srh_ItemNm {
	height			: 18px;
}
TABLE.Srh_Line .Srh_Option {
	height			: 24px;
}
TABLE.Srh_Line TD TABLE.NoLine TD {
	border-width	: 0;
	border-style	: none;
}

/* -------------------------------------------------------- */
/* 表（Grid）                                               */
/* -------------------------------------------------------- */
.Lst_ItemNm {
	color			: #003300;
    background-color: #99FF66;
    text-align		: center;
}

.ui-panelgrid .ui-panelgrid-cell {
    padding         : 0px 0px 0px 3px !important;
	border-left     : #000066 1px solid !important;
    border-right    : #000066 1px solid !important;
	border-top      : #000066 1px solid !important;
    border-bottom   : 0 none !important;
    height          : 22px !important;
}


#login-form\:loginbtn {
	background       : none;
	border           : none;
	width            : 127px;
	height           : 23px;
	float            : none;
	background-image : url('../resources/images/oasis/btnLogin.gif');
	background-repeat: no-repeat;
	cursor           : pointer;
}

#login-form\:loginbtn[disabled] {
	background       : none;
	border           : none;
	width            : 127px;
	height           : 23px;
	float            : none;
	background-image : url('../resources/images/oasis/btnLoginDisabled.gif');
	background-repeat: no-repeat;
	cursor           : auto;
}

.preformatted{
    white-space: pre;
    display: block;
}