@charset "UTF-8";

/*
*	Title: FastAPP レイアウト用CSS
*	URI:
*	Last Modified: 2012-03-09
*	Description: サイト全体を通して共通で使用する要素を定義する
*/

/*--------------------------------------
		1. 基本定義
---------------------------------------*/
html,
body {
	height: 100%;
	margin: auto 10px;
}

body {
	font-size: 80%;
	font-family: "Times New Roman", "MS PGothic";
	color: #333;
	margin: auto 10px auto 10px;
}

input,select,button {
	font-family: Arial, "MS PGothic";
}

textarea {
	font-family: "Courier New", "MS Gothic";
}

/* メイン画面のbody */
.main-body{
	min-width:920px;
}

/* サブ画面のbody */
.sub-body{
}

/*--------------------------------------
		2. リンク要素
---------------------------------------*/
a {
	/* Hides from IE-mac \*/
	overflow: hidden;
	/* End hide from IE-mac */
	color: #666;
	text-decoration: underline;
}

a:visited {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a img {
	vertical-align: bottom;
}

.icon {
	vertical-align: middle !important;
	margin-left: 3px;
}


/*--------------------------------------
		3. 補足設定
---------------------------------------*/

/* ----- clearfix ----- */
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

.clearfix,
#contentR {
	display: inline-block;
}

/* Hides from IE-mac \*/
*html .clearfix,
*html #contentR {
	height: 1%;
}
.clearfix,
#contentR {
	display: block;
}
/* End hide from IE-mac */


.clr,.cl {
	clear:both;
}

.dispBasis {
	zoom:1;
}

/* ----- float ----- */

.flL {
	float:left;
}

.flR {
	float:right;
}

.disInline {
	display:inline;
}

.disInlineBlock {
	display:inline-block;
}


/* ----- 縦方向揃え ----- */


.vaM {
	vertical-align:middle;
}

/* ----- 横方向揃え ----- */

.taC {
	text-align:center;
}

.taR {
	text-align:right;
}

.taL {
	text-align:left;
}


/* ----- margin-top ----- */


.ma0 {
	margin:0px !important
}


.mt10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}

.mt30 {
	margin-top:30px;
}

.mt40 {
	margin-top:40px;
}

.mt50 {
	margin-top:50px;
}

.mt60 {
	margin-top:60px;
}

.mt70 {
	margin-top:70px;
}



/* ----- margin-right ----- */

.mr5 {
	margin-right:5px;
}

.mr10 {
	margin-right:10px;
}

.mr30 {
	margin-right:30px;
}



/* ----- margin-left ----- */

.ml10 {
	margin-left:10px;
}

.ml20 {
	margin-left:20px;
}

.ml30 {
	margin-left:30px;
}

.ml40 {
	margin-left:40px;
}

.ml50 {
	margin-left:50px;
}

.ml60 {
	margin-left:60px;
}

.ml70 {
	margin-left:70px;
}

.ml80 {
	margin-left:80px;
}



/* ----- margin-bottom ----- */

.mb10 {margin-bottom:10px;
}

.mb20 {margin-bottom:20px;
}

.mb30 {margin-bottom:30px;
}


/* ----- padding ----- */
.pa10 {
	padding:10px;
}


/* ----- width ----- */

.w10 {
	width:10%;
}

.w20 {
	width:20%;
}

.w30 {
	width:30%;
}

.w40 {
	width:40%;
}

.w50 {
	width:50%;
}

.w60 {
	width:60%;
}

.w70 {
	width:70%;
}

.w100 {
	width:100%;
}

.wauto {
	width:auto;
}


/* ----- 表示制御 ----- */
.inVisible{
	display: none;
}


/* ----- リスト ----- */

.listStyleFl li {
	float:left;
	margin-right:10px;
}

.icon_logout {
/*
	background:url('../image/icon_logout.gif') 0 50% no-repeat;
*/
	padding-left:15px;
}


/*--------------------------------------
		4. 全体枠
---------------------------------------*/
#containerWrap {
	height:100%;
	width:100%;
	margin:0px auto;
	/* コンテンツ(contentWestCenter)に合わせてヘッダ(header)が横に広がるようにするため設定 */
	display:table;
}

/*--------------------------------------
		5. ヘッダー領域
---------------------------------------*/

#header {
	/* ボタンをstickyにしたときに、ヘッダからボタンがはみ出さないために必要なサイズ */
	height: 43px;
	width: 100%;
	overflow:hidden;
	background-color:#faf9f8;
	padding-top:0.2em;
}


/* ----- 左：ロゴ領域 ----- */
.hdLArea {
	float:left;
}

/* ----- 右:フォームパーツ ----- */

.hdLFArea {
	float:right;
	margin:0px 10px 0 0;
}


.hdLFArea select.roleSelectAutoWidth {
	width:auto;
}



/* ----- 右領域 ----- */
.hdRArea {
	box-shadow: 2px 2px 3px #ccc;
	-moz-box-shadow: 2px 2px 3px #ccc;
	-webkit-box-shadow: 2px 2px 3px #ccc;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=150, Strength=3);
	float:right;
}

.hdRArea li {
	background-color:#eee;
	border-left:1px solid #fff;
	float:left;
	height:14px;
	padding:3px 20px 7px 20px;
	_padding:3px 20px 3px 20px;
}

li.hdRAreaUseName {
	background-color:#fff !important;
	color:#666 !important;
}

li.hdRAreaLoginDt {
	background-color:#09c !important;
	color:#666 !important;
}

.hdRArea li a {
	text-decoration:none;
	/*background:url(../../image/icon_cirGtu.png) 0 50% no-repeat;*/
	padding-left:20px;
}

.hdRArea li a:hover {
	text-decoration:underline;
}

/* ----- 右:FastAPPロゴ領域 ----- */

.FALogoArea {
	position:absolute;
	top:30px;
	right:0px;
}

/*--------------------------------------
		5. 左・メニュー領域
---------------------------------------*/

.ui-layout-west {
	border-width: 0px !important;
	overflow-x:hidden !important;
}

.ui-layout-west .ui-layout-unit-content {
	overflow-x:hidden !important;
}


#sidebar {
	float:left;
	width: 200px;
}

#sidebar h1 {
	color:#666;
	font-size:1.2em;
	font-weight:bold;
	padding:5px 10px;
	height:23px;
}


#sidebar h2 {
	zoom: 1;
	font-weight:bold;
	padding:6px 10px;
}

.LmenuList li {
	/* 背景色（グラデ） */
	background:linear-gradient(#fff, #EBECE7);
	/* 背景色（グラデ）webkit用 */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#EBECE7));
	/* 背景色（グラデ）mozilla用 */
	background:-moz-linear-gradient(top, #fff, #EBECE7);
	/*背景色（グラデ）IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#EBECE7));
	/* 背景色（グラデ）IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#EBECE7))";
	/* 背景色：ベタ（グラデーションをかけない場合は上のプロパティ（グラデ）5件を削除） */
	background-color:#fff;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	-right:1px solid #ccc;
	min-height:28px;
	padding:10px 10px 0px 10px;
	_padding:9px;
	zoom: 1;
}


.LmenuList li a {
	text-decoration:none;
	display:block;
	padding-left:10px;
	zoom: 1;
}

/* ----- ライセンス警告 ----- */
.LmenuLicense {
	margin-left : auto ;
	margin-right : auto ;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 120%;
	border-style: solid;
	border-width: thin;
	border-color: #A9A9A9;
	background-color: #EE0000;

}

/*--------------------------------------
		6. 右・メインコンテンツ領域
---------------------------------------*/

.ui-layout-center {
	border-width: 0px !important;
}

#contentR {
	width:100%;
}


#contentR p {
	margin:0.5em 0;
}

/* ---------- 見出し/汎用 -----------*/

/* ページタイトル */
#contentR h1 {
	font-size:1.3em;
	font-weight:bold;
}

.titLarea {
	float:left;
}


.titRarea {
	font-size:10px;
	font-weight:lighter;
	float:right;
	min-height:20px;
	margin-top:3px;
	padding:0px 0px 0px 15px;
}


/* ---------- テーブル・デフォルト・テキスト中央寄せ -----------*/

table.tableBasis {
	border-collapse:collapse;
	border:1px solid #999 !important;
}


.tableBasis th {
	text-align:center;
	vertical-align:middle;
	font-weight:lighter;
	border:1px solid #999;
	padding: 5px;
}
.tableBasis td {
	vertical-align:middle;
	background-color:#fff;
	padding: 5px;
	border: 1px solid #999;
}


/* ---------- テーブル・デフォルト・フォーム用 -----------*/
/* FAver2 単票用 */
#contentR tbody tr.ui-widget-content {
	/* 単票の左端に表示する罫線の設定 */
	border-left-width:0px ;
	border-left-style:solid ;
}

/* FAver2 単票用 */
#contentR tbody tr td.ui-panelgrid-cell {
	border-top-width: 0 ;
	border-bottom-width: 0 ;
	border-left-width: 0 ;

	/* 単票の右端に表示する罫線の設定 */
	border-right-width: 0px;
}

/* FAver2 単票用 */
#contentR tbody tr td.title-label {
	/* 項目ラベルを右寄せにするか、左寄せにするか */
	text-align:left;
	/* 項目ラベルと項目の間に表示する罫線の設定 */
	border-right-width: 0px;
	border-style: dashed;

	/* 項目ラベルの背景色 */
/*	background-color:#dee;*/
}


#contentR table.tableForm {
	border-collapse:collapse;
}


#contentR table.tableForm th {
	text-align:right;
	vertical-align:middle;
	font-weight:lighter;
	border-left:1px solid #ccc;
	padding: 5px;
}
#contentR table.tableForm td {
	border-left:1px dashed #ccc;
	vertical-align:middle;
	padding: 5px;
}




/* ---------- 汎用ボックス2カラム01（50%） -----------*/

#contentR .boxHarfL {
	width:335px;
	float:left;
}
#contentR .boxHarfR {
	width:335px;
	float:left;
	margin-left:10px;
}




/* ---------- フォームパーツ -----------*/

input[type="text"], input[type=password] {
	border-style: solid;
	border-width: 1px;
	border-color: #999;
}

.focus{
	background-image:none;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	background-color:#eee;
}

/* commandlinkカーソル */
body a.ui-commandlink label{
	cursor: pointer;
}

/* ----- 一覧形式(p:dataTable) ----- */
/* 一覧のデータが存在しない(0件)の場合はレコードを表示しない */
.ui-datatable-empty-message {
	display: none;
}

/*--------------------------------------
		7. フッター領域
---------------------------------------*/
.scroller {
	position:fixed;
	bottom:0px;
	right:40px;

}
.scroller a div{
	text-decoration:none;
	color:#eee;
}


/*--------------------------------------
		8. サブウィンドウ用
---------------------------------------*/
div.title {
	color: #4169E1;
	font-weight: bold;
	font-size: 120%;
	border-bottom: solid 2px #4169E1;
	padding: 0px 5px 2px 5px;
	width: 300px;
	margin-top: 7px;
	margin-bottom: 7px;
	white-space: nowrap;
}

/*--------------------------------------
		9. エラー枠
---------------------------------------*/

/* メッセージエリア */
.messageArea {
	margin:0px 0px;
	border-width:0px 0px;
	border-color:lightgray;
	border-style:solid;
}

/* エラーメッセージと、非エラーメッセージの共通設定 */
.messageError div , .messageInfo div{
	/* 行間を詰める */
	line-height:1.5;
	/* 単一のメッセージの場合にある下の余白に相当するpadding */
	padding-bottom:10px;
	/* 高さを制限する */
	/*Ver1と合わせ、スクロールバーを表示しないように高さ制限無しにする 20220825 harada fix*/
	/*max-height: 150px;*/
	/*overflow: auto;*/
}

.messageError , .messageInfo {
	padding-left:10px;
	font-weight:bold;
	/* 上下に余白を設けたいがpaddingを使うと、メッセージがないときに余白だけ表示されてしまうので、
	lihe-heightを使って余白を確保する。 */
	line-height:2.5;
}

/*
 * 共通XHTML エラーメッセージ出力用スタイルクラス。
 */
/* 単一のメッセージと複数メッセージの閉じるリンクがある領域 */
.messageError {
	background:#feecd2;
	color:#cc0000;
}


/*
 * 共通XHTML 非エラーのメッセージ出力用スタイルクラス。
 */
/* 単一のメッセージと複数メッセージの閉じるリンクがある領域 */
.messageInfo {
	background:#ecf5e3;
	color:#005bac;
}

/*
 * ロール切り替えスタイルクラス
 */
.roleChangeConfirm .ui-icon.ui-confirm-dialog-severity {
	/* confirmdialogをicon指定せずにshowすると"^"が表示されてしまうためicon表示しない */
	background-image:none;
}

/*
 * primefacesのdialogのbuttonスタイルクラス
 */
.ui-dialog .ui-dialog-buttonpane{
	text-align: center ;
}



/* ボタン */
button{
	/* ラベルが改行しないようにする */
	white-space: nowrap;
}

/* tableのセル */
#contentR .ui-panelgrid .ui-panelgrid-cell{
	/* 中のラベルやinputTextとの間の余白が大きすぎるので、v1に合わせて調整 */
	padding:5px !important;
}

/* 一覧の全体 */
.ui-datatable{
	-ms-overflow-style:none;
}

/* 一覧のセル */
.ui-datatable tbody td{
	padding: 3px ;
	-ms-overflow-style:auto;
}

.ui-datatable thead th{
	padding:3px 6px 3px 6px;
}

/* アプリ別メニューにある各メニュー */
.ui-panelmenu .ui-panelmenu-content {
	/* デフォルトでは0.2em開いてしまうため、詰める。 */
	padding:0px !important;
}

/* 画面項目セットの表示に利用しているアコーディオン */
.ui-accordion .ui-accordion-content{
	/* 閉じたときは、スペースをあけない。 */
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	/* 画面項目セットを開いたときだけ、スペースを空ける。 */
	margin-bottom:20px;
}


/* ボタン領域のスティッキー部分 */
.buttonArea  {
	width:auto;
	border-style:none;
	margin-top:1px;
	margin-bottom:2px;
}


.stickyPanel {
	width:auto;
	border-style:none;
	margin:0;
	padding:0;
}

/* reset.cssのせいで、ラジオボタンや、チェックボックスのラベルが被るので隙間を開ける*/
.ui-radiobutton , .ui-chkbox{
	padding:0px 3px 3px 0px;
}

.contentWestCenter {
	margin-top: 1px;
}

/* 全角ラベルのボタンと半角ラベルのボタンで、上下方向を整列させる */
.ui-widget.ui-button{
	vertical-align:top;
}

/* 単票と一覧の両方を表す画面項目セットの中身 */
.screenFieldSet{
	/* Windowの幅全体に広げる */
	width:100%;
}

.ui-column-title .ui-outputlabel{
	line-height:17.5px !important;
}
.ui-paginator{
	line-height:normal !important;
}


.ime-mode-disabled , .ime-mode-disabled *{
	ime-mode:disabled;
}
.ime-mode-auto , .ime-mode-auto *{
	ime-mode:auto;
}
.ime-mode-active , .ime-mode-active *{
	ime-mode:active;
}
.ime-mode-inactive , .ime-mode-inactive *{
	ime-mode:inactive;
}


/* ソート可能な状態を表すアイコン */
.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s  {
	background-image:
		url("../resources/primefaces-fastapp/images/sort-can.png");
	background-position: 0 0;
}

/* 昇順ソートされている状態を表すアイコン */
.ui-sortable-column-icon.ui-icon.ui-icon-triangle-1-n  {
	background-image:
		url("../resources/primefaces-fastapp/images/sort-asc.png");
	background-position: 0 0;
}

/* 降順ソートされている状態を表すアイコン */
.ui-sortable-column-icon.ui-icon.ui-icon-triangle-1-s  {
	background-image:
		url("../resources/primefaces-fastapp/images/sort-desc.png");
	background-position: 0 0;
}

/* チェックボックスグループ、ラジオボタングループの縦横配置設定（縦:block  横:inline-block） */
.group {
	display: block;
}

/* ▼ 入力必須 label ▼ */
.requiredLabel {
}

.requiredLabel:after {
	content: "*";
	color: #cc0000;
	margin-left:0.4em;
}
/* ▲ 入力必須 label ▲ */



.ui-datepicker-trigger {
	margin-left:3px;
}

/* モバイル画面でのボタンエリアのパネルタイトルは非表示 */
.buttonArea .ui-panel-m-titlebar {
	display: none;
 }

/* タブエリアのアコーディオンは非表示 */
.fa-tabview-header {
	display: none;
}

/* タブのつまみの表示調整 */
.fa-tab-header a:after {
	content: "\00a0";
}

/* activeなタブはhover時に変更しない */
.fa-tab-header.ui-state-active.ui-state-hover {
	background: url("../resources/primefaces-fastapp/images/h2.png") 50% 50% repeat-x !important;
}

/* 水平ロール・垂直ロール画面のヘッダー設定*/
.fa-roletable-header{
	background-color:#BED8EB;
}

/* ロゴの表示位置 */
.logo-align{
	text-align: left;
}

.label {
	vertical-align: middle;
	color: #ffffff !important;
	font-size: 1.5em;
	position: relative;
	top:3;
	bottom:-3;
}

#f-j_id_1q_blocker {
	z-index: 2000 !important;
}

/* PFのバージョンアップに伴い非活性の制御が少し変わったため修正 */
.ui-state-disabled {
	pointer-events: auto;
}

/* IEの場合検索結果0件の場合tableのborderが消えることがあるため対応. */
.ui-datatable-empty-message {
	display: inline;
}
.ui-datatable-empty-message td{
	display: none;
}