@charset "utf-8";
/** DIV 全般 */
div {
	display    : block;
}

/** ログイン画面 ヘッダー */
#header
{
	top               : 0;
	left              : 0;
	width             : 100%;
	min-width         : 800px;
	z-index           : 150;
	box-sizing        : border-box;
}

/** ログイン画面 ヘッダーロゴ */
#headerlogo {
	display           : block;
	width             : 50%;
	height            : 46px;
/*	background-color  : #EEEEEE; */
	background-image  : url("/javax.faces.resource/logo_header.png.xhtml?ln=images");
	background-repeat : no-repeat;
	padding           : 0px;
	margin            : 0px;
	float             : left;
}

/** ログイン画面 ヘッダメニュー */
#header #headermenu
{
	height            : 46px;
	display           : table;
	padding           : 0px;
	margin            : 0px;
/*	width             : 20%; */
	float             : right;
    vertical-align    : middle;
/*	background      : url("/javax.faces.resource/bg_header.png.xhtml?ln=images") repeat-x; */
}

/** ログイン画面 ヘッダメニュー コンボボックス */
#header-select-menu
{
	display           : table-cell;
    vertical-align    : middle;

}

/** ログイン画面 ヘッダメニュー ロケール */
#login-form\:coblocale
{
	width             : 150px;
	margin            : 0 3px;
}

/** ログイン画面 タイトル */
#logintitle
{
	width             : 100%;
	margin-top        : 20px;
	font-size         : 24px;
	font-weight       : bold;
	text-decoration   : underline;
	color             : blue;
	text-align        : center;
}

.logintitle
{
	width             : 100%;
	margin-top        : 20px;
	font-size         : 24px;
	font-weight       : bold;
	text-decoration   : underline;
	color             : blue;
	text-align        : center;
}

/** ログイン画面 入力エリア */
#loginpanel
{
	position          : relative;
	width             : 440px;
	border            : 1px solid #c5c5c5;
	background        : url("/javax.faces.resource/bg_loginpanel.png.xhtml?ln=images") repeat-x;
	margin            : 60px auto;
	font-size         : 24px;
	text-align        : center;
	padding           : 10px 10px;
}

/** ログイン画面 ユーザID入力欄 */
#loginpanel > input[type="text"]
{
	width             : 280px;
	height            : 18px;
	font-size         : 12px;
	border            : 1px solid #999;
	margin            : 2px 76px;
	padding           : 2px;
}

/** ログイン画面 パスワード入力欄 */
#loginpanel > input[type="password"]
{
	width             : 280px;
	height            : 18px;
	font-size         : 12px;
	border            : 1px solid #999;
	margin            : 2px 76px;
	padding           : 2px;
}

/** ログイン画面 ログインボタン */
.login-login-btn
{
	width             : 280px;
	height            : 30px;
	font-size         : 16px;
	outline-offset    : 1px;
	margin-bottom     : 5px;
}

.login-login-btn > SPAN.ui-button-text
{
	padding-top: 0px;
	padding-bottom: 0px;
}

/** ログイン画面 ログインボタン */
.login-start-btn
{
	width             : 280px;
	height            : 60px;
	font-size         : 16px;
	outline-offset    : 1px;
}

/** ログイン画面呼び出し後メッセージエリア*/
.loginaftermessage
{
	text-align        : left;
}

/** ログイン画面 更新情報エリア */
#updateinfomationwrap
{
	height            : 40%;
	padding           : 2px;
	margin            : 0 auto;
	clear             : both;
}

/** ログイン画面 更新情報エリア */
#updateinfomationarea
{
	width             : 60%;
	height            : 100%;
	padding           : 1px;
	margin            : 0 auto;
}

/** ログイン画面 更新情報タイトルエリア */
#updateinfomationtitlearea
{
	border            : black 1px solid;
	margin-bottom     : 0;
	background-color  : gray;
	padding           : 10px 0;
	box-sizing        : border-box;
	-webkit-box-sizing: border-box;
}

/** ログイン画面 更新情報タイトル */
#login-form\:updateinfomationtitle
{
	font-size         : 12pt;
	font-family       : 'ＭＳ ゴシック'Monospace ;
	padding           : 10px;
	color             : white;
	font-weight       : bold;
}

/** ログイン画面 更新情報 */
#login-form\:updateinfomation
{
	border            : black 1px solid;
	font-size         : 12pt;
	font-family       : 'ＭＳ ゴシック'Monospace ;
	height            : 100%;
	width             : 100%;
	resize            : none;
	box-sizing        : border-box;
	-webkit-box-sizing: border-box;
}

/** ログイン画面 確認メッセージ */
#login-form\:confirmmsg
{
	font-size         : 14px;
	text-align        : center;
	margin-bottom     : 45px;
	margin-top        : 25px;
}

/** ログイン画面 バージョン情報エリア */
#awftoolversionpanel
{
	position          : relative;
	text-align        : center;
	padding           : 10px 0;
}

/** ログイン画面 バージョン情報 */
.awftool-version
{
	font-size         : 12px;
	font-family       : 'MS UI Gothic', 'ＭＳ ゴシック', '平成角ゴシック', osaka, monospace;
}

/** ログイン画面 パスワード初期化 */
#forgetpassword
{
	text-align        : center;
	font-size        : 12px;
	font-weight      : bold;
	color            : blue;
	text-decoration   : underline;
}

/** トップ画面 掲示板エリア */
.center_960
{
	width             : 960px;
}

/** トップ画面 掲示板エリア 上部 */
.top_vertical
{
	width             : 97vw;
	height            : auto;
}

/** トップ画面 掲示板エリア 左部 */
.top_horizontal
{
	width             : 45vw !important;
	min-width         : 460px;
	display           : table-cell;
	border-collapse   : separate;
	padding           : 0em !important;
	border            : 0;
}

/** トップ画面 掲示板エリア (右寄・左寄) **/
.top_horizontal_widthwise_bbsinfo
{
	width             : 100%;
	min-width         : 460px;
	display           : table-cell;
	border-collapse   : separate;
	padding           : 0em !important;
	overflow          : auto;
	border            : 0;
}

/** トップ画面 掲示板ロゴエリア */
#bbs_logo
{
	border            : black 1px solid;
	background-color  : white;
/*	margin            : 10px; */
	border-radius     : 4px;
	width             : 100%;
}

/** トップ画面 掲示板表示エリア */
.message_area.center_960
{
	height            : 480px;
	width             : 100%;
	border            : black 1px solid;
	background-color  : white;
	margin-top        : 10px;
	border-radius     : 4px;
	overflow-y        : auto;
}

/** トップ画面 掲示板表示エリア 上部 */
.message_area.top_vertical
{
	height            : 210px;
	width             : 100%;
	border            : black 1px solid;
	background-color  : white;
	margin-top        : 10px;
	margin-bottom     : 10px;
	border-radius     : 4px;
	overflow-y        : auto;
}

/** トップ画面 掲示板表示エリア 縦 */
.message_area.top_horizontal
{
	height            : 460px;
	width             : 100%;
	border            : black 1px solid;
	background-color  : white;
	margin-top        : 10px;
	margin-bottom     : 10px;
	border-radius     : 4px;
	overflow          : auto;
	display           : block;
}

/** トップ画面 掲示板表示エリア (右寄・左寄) */
.message_area.top_horizontal_widthwise_bbsinfo
{
	height            : 460px;
	width             : 100%;
	border            : black 1px solid;
	background-color  : white;
	margin-top        : 10px;
	margin-bottom     : 10px;
	border-radius     : 4px;
	overflow          : auto;
	display           : block;
}

/** トップ画面 掲示板テーブル */
#message_table
{
	width             : 100%;
	font-weight       : bold;
	font-size         : 16px;
	font-family       : 'Hiragino Kaku Gothic pro','ヒラギノ角ゴ Pro W3',Osaka,'ＭＳ Ｐゴシック',sans-serif;
	border-collapse   : unset !important;
/*	margin            : 0px 5px;*/
}

#message_table#message_area.top_horizontal
{
	border-collapse   : unset !important;
}

/** トップ画面 掲示板 タイムスタンプ */
.message_timestamp
{
	width             : 15%;
	color             : darkred;
	height            : 30px;
	text-align        : center;
	padding-right     : 10px;
	padding-left      : 10px;
}

/** トップ画面 掲示板 本文タイトル */
.message_title
{
	width             : 85%;
	color             : darkred;
	height            : 30px;
}

/** トップ画面 ロゴ */
#top_logo
{
	padding           : 10px;
	display           : inline-block;
	width             : 172px;
	height            : 24px;
	background-image  : url("/javax.faces.resource/logo_header.png.xhtml?ln=images");
	background-repeat : no-repeat;
}


/** トップ画面 新着情報エリア 下部 */
.new_arrival_bottom
{
	width             : 960px;
	height            : 260px;
}

/** トップ画面 新着情報エリア上部 */
.new_arrival_top
{
	width             : 960px;
	height            : 260px;
	border            : 1px solid #000000 !important;
}

/** トップ画面 新着情報エリア (右寄・左寄) **/
.top_horizontal_widthwise_newarrival
{
	min-width         : 200px;
	display           : table-cell;
	border-collapse   : separate;
	border            : 0;
}

/** トップ画面 新着情報画面 スクロールバー表示(上・下)**/
.div-new-arrival-scrollver
{
	max-width         : 95vw;
	overflow          : auto;
}

/** トップ画面 新着情報画面 スクロールバー表示(右・左)**/
.div-new-arrival-scrollhori
{
	max-width         : 48vw;
	overflow        : auto;
}

/** パスワード初期化情報入力画面 サブタイトル */
.forgetpasswordtitle
{
	font-size         : 16px;
	font-weight       : bold;
	text-align        : center;
	padding           : 5px;
}

/** パスワード初期化情報入力画面 入力パネル*/
#inputforgetpassword
{
	position          : relative;
	width             : 640px;
	border            : 1px solid #c5c5c5;
	background        : url("/javax.faces.resource/bg_loginpanel.png.xhtml?ln=images") repeat-x;
	margin            : 30px auto 60px auto;
	font-size         : 12px;
	text-align        : center;
	padding           : 10px 10px;

}

/** パスワード初期化情報入力画面 入力欄*/
#inputforgetpassword > input[type="text"]
{
	font-size        : 12px !important;
	width            : 300px;
	border           : 1px solid #999;
	font-family      : monospace !important;
	color            : #333333;
	margin           : 2px 76px;
	height           : 18px;
	padding          : 2px;
}

/** パスワード初期化情報入力画面 ログインへ戻るボタン*/
.login-Back-btn
{
	width            : 280px;
	height           : 30px;
	font-size        : 16px;
	border           : 1px solid #393939;
	background       : url("/javax.faces.resource/bg_btn.png.xhtml?ln=images") repeat-x #1a1a1a;
	color            : #ffffff;
	cursor           : pointer;
	outline          : dotted 1px #333 -webkit-focus-ring-color !important;
	outline-offset   : 1px;
}

/** パスワード初期化情報入力画面 ログインへ戻るボタン(センター寄せ用)*/
#login_backbtn
{
	text-align       : center ;
}

/** ワンタイムパスワード入力画面 サブタイトル */
.onetimepasswordtitle
{
	font-size         : 16px;
	font-weight       : bold;
	text-align        : center;
	padding           : 5px;
}

/** ワンタイムパスワード入力画面 入力パネル*/
#inputonetimepassword
{
	position          : relative;
	width             : 640px;
	border            : 1px solid #c5c5c5;
	background        : url("/javax.faces.resource/bg_loginpanel.png.xhtml?ln=images") repeat-x;
	margin            : 30px auto 30px auto;
	font-size         : 12px;
	text-align        : center;
	padding           : 20px 10px 20px 10px;

}

/** ワンタイムパスワード入力画面 入力欄*/
#inputonetimepassword > input[type="text"]
{
	font-size        : 12px !important;
	width            : 300px;
	border           : 1px solid #999;
	font-family      : monospace !important;
	color            : #333333;
	margin           : 6px 76px;
	height           : 18px;
	padding          : 2px;
}

/** ワンタイムパスワード入力画面 再送信説明 */
#resend_explanation
{
	font-size         : 12px;
	text-align        : center;
	margin            : 5px;
}

/** ワンタイムパスワード入力画面 再送信ボタン*/
#resend_btn
{
	text-align       : center ;
	margin-bottom    : 60px;
}

/** 業務画面 メニュー ロケール */
.combo-locale
{
	width             : 150px !important;
	margin            : 0 3px;
}

.combo-timezone
{
	width             : 150px !important;
	margin            : 0 3px;
}

.combo-count
{
	width             : 100px !important;
	margin            : 0 3px;
}

.combo-theme
{
	width             : 80px !important;
	margin            : 0 3px;
	min-width         : unset !important;
}

/** 機能メニュー 管理枠内部品 */
.func-menu-manage-child
{
	display: table;
	float: right;
	white-space   : nowrap;
}

.login-confirm-cancel-btn
{
	background: darkgray;
}

/** SSO認証 ログイン画面 */
.SSO-login-btn
{
	margin            : 30px auto 30px auto;
	text-align        : center;
}

.SSO-login-Panel
{
	display           :flex;
	width: 100%;
	justify-content: center;
}

.sso-image-link
{
	display          : flex;
	width            : 100%;
	justify-content  : center;
}

.sso-image-outer
{
	display          : table-cell;
	vertical-align   : middle;
	text-align       : center;
}

.sso-link-btn
{
	cursor           : pointer;
}

.sso-link-btn:hover
{
	opacity          : 0.5 ;
}

.panel-sso-login
{
	position          : relative;
	text-align        : center;
	padding           : 10px 0;
	margin            : 5px;
}

.div-sso-login-label
{
	margin            : 10px;
	display           : block;
}

.sso-login-title
{
	font-size         : 16px;
	font-family       : 'MS UI Gothic', 'ＭＳ ゴシック', '平成角ゴシック', osaka, monospace;
}

.panel-normal-login
{
	position          : relative;
	text-align        : center;
	padding           : 10px 0;
	margin-bottom     : -50px;
	margin-top        : 5px;
	margin-left       : 5px;
	margin-right      : 5px;
	height            : 30px;
}

.div-normal-login-label
{
	margin            : 10px;
	display           : block;
}

.normal-login-title
{
	font-size         : 16px;
	font-family       : 'MS UI Gothic', 'ＭＳ ゴシック', '平成角ゴシック', osaka, monospace;
}

.sso-link-label
{
	font-size         : 14px;
	font-family       : 'MS UI Gothic', 'ＭＳ ゴシック', '平成角ゴシック', osaka, monospace;
	color             : #0000FF;
	text-decoration   : underline;
}

.sso-link-label:hover
{
	opacity          : 0.5 ;
}

.view-password-btn
{
	position: absolute;
	top: 47px;
	right: 70px;
	font-size: 16px;
/**	position: absolute;
	top: 43px;
	right: 60px;
	*/
}