
/* 読み取り専用項目の背景色 */
input.readonly,
span.readonly input, 
select.readonly, 
textarea.readonly {
	background-color: #E0E0E0;
}

/* 必須入力項目の背景色 */
div.necessary,
input.necessary, 
span.necessary input, 
select.necessary, 
label.necessary, 
textarea.necessary {
	background-color: #ffff99!important;
}

.message-icon-error {
	width  : 32px; 
	height : 32px;
	float  : left; 
	margin : 0px 7px 50px 0px;
	background-image: url(../images/error.png);
}

.message-icon-warn {
	width  : 32px; 
	height : 32px;
	float  : left; 
	margin : 0px 7px 50px 0px;
	background-image: url(../images/warning.png);
}

.message-icon-confirm {
	width  : 32px; 
	height : 32px;
	float  : left; 
	margin : 0px 7px 50px 0px;
	background-image: url(../images/question.png);
}

.message-icon-info {
	width  : 32px; 
	height : 32px;
	float  : left; 
	margin : 0px 7px 50px 0px;
	background-image: url(../images/notice.png);
}

.header-panel {
	height   : 50px;
	width    : 100%;
}

.header-panel td {
	padding : 4px 2px;
}	

.header-userInfo {
	width        : 200px;
	border-style : solid; 
	border-width : 1px 0px 1px 1px;
}
.header-userInfo td {
	background-color : white;
	border-style     : solid;
	border-width     : 1px 1px 1px 1px;
}

.header-userInfo table {
	width : 100%;
}

.header-title {
	border-style : solid; 
	border-width : 1px 0px 1px 0px;
}

.header-title-name {
	display          : block;
	border-style     : solid; 
	border-width     : 1px 1px 1px 1px;
	width            : 100%;
	height           : 45px;
	line-height      : 45px;
	background-color : white;
	font-size        : 24px !important;
	font-weight      : bold !important;
}	

.header-buttons {
	width        : 180px;
	border-style : solid; 
	border-width : 1px 1px 1px 0px;
	text-align   : right;
}

.header-buttons input {
	width  : 90px;
	height : 36px;
}
.header-space {
	border-style : solid; 
	border-width : 1px 1px 1px 0px;
		width : 1px;
}


.headerLogoutButton {
	float:right;
}


.mainPanel-center {
	padding : 0px!important;
	border : 0px!important;
}
.mainPanel-west {
	padding : 0px!important;
	border : 0px!important;
}
.mainPanel-menuBar{
	height : 400px;
}
.mainPanel {
	padding : 0px!important;
	border : 0px!important;	
}

.body-panel {
	/*overflow : auto;*/
}

.body-inner-panel {
	/* padding : 4px; */
}

.footer-panel {
	height : 25px;
	width  : 100%;
}

.footer-message {
	border-style : solid; 
	border-width : 1px 1px 1px 1px;	
}

.footer-clock {
	width : 120px;
	border-style : solid; 
	border-width : 1px 1px 1px 1px;
	text-align   : center;
}

button.ui-state-disabled{
	background: gray!important;
}

.ui-state-disabled{
	opacity:0.7!important;
	/*background: gray!important;*/
	color:black!important;
}

input.readonly, span.readonly input, select.readonly, textarea.readonly{
	background-color: #E0E0E0 !important;
}

﻿/* ヘッダ・フッタの背景色 */
.header-panel,
.footer-panel {
	background-color: #CAE6EE;
}

/* 枠線色 */
td, span, div {
	border-color: #BFBFBF;
}


.ui-dialog{
	z-index:1;
}

.ui-button{
	border: 2px solid #acbece !important;
}

.ui-growl {
	right:50px;
}

.ui-panel-content{
	padding : 2px 2px!important;
}


/* UI コードコンボ配置段連れ対応 */
.ui-selectonemenu .ui-selectonemenu-label {
    overflow: visible;
}

/*テーマ毎カスタマイズ*/

.ui-dialog .ui-dialog-titlebar-close span, .ui-dialog .ui-dialog-titlebar-minimize span, .ui-dialog .ui-dialog-titlebar-maximize span{
	margin: -8px;
}


.ui-inputswitch-on {
/*	background:#00CC00 !important;*/
}


/* レイアウトパネルメニュー設定 */
.ui-layout-north {
	z-index:20 !important;
	overflow:visible !important;;
}

/* レイアウトパネルメニュー設定 */
.ui-layout-north .ui-layout-unit-content {
	overflow:visible !important;
}

/*.ui-widget-header {*/

/* レイアウトパネルメニュー背景色 */
.mainPanel-north {
	border: 0px;
}

/* レイアウトパネルメニュー背景色 */
.mainPanel-north .ui-widget-header{
	border: 1px solid #4297d7;
	/*background: black;*/
        background: white;
	/*color: white;*/
        color: black;
	font-weight: bold;
        background-image: url("../images/logo_s.JPG");
        /*background-image: url("../images/logo_s.png");*/
        background-repeat: no-repeat;
        padding-left:290px;
        vertical-align:middle;
}	

/* レイアウトパネルメニュー背景色 */
.mainPanel-south {
	border: 3px solid #4297d7;
}
/*.ui-widget-header {*/
/* レイアウトパネルメニュー背景色 */
.mainPanel-south .ui-widget-header{
	border: 1px solid #4297d7;
	height:1px;
	background: #191970;
	color: #ffffff;
}

select.ui-datepicker-year{
	width:70px !important;
	font-family: "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif !important;
	border-radius: 5px;
}

select.ui-datepicker-month{
	width:70px !important;
	font-family: "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif !important;
	border-radius: 5px;
}


.ui-chkbox .ui-chkbox-box .ui-icon-check
{
	background-image: url("../images/bg_checkbox_on.png") !important;
	background-position: 0px 0px !important;
}

.ui-chkbox .ui-chkbox-box .ui-icon-blank
{
	background-image: none !important;
	background-position: 0px 0px !important;
}

.ui-state-disabled .ui-selectonemenu-label{
	background-color: #E0E0E0;
	color:black;
}


.ui-chkbox .ui-state-hover .ui-icon-check
{
	background-image: url("../images/bg_checkbox_focus_on.png") !important;
	background-position: 0px 0px !important;
}
.ui-chkbox .ui-state-focus .ui-icon-check
{
	background-image: url("../images/bg_checkbox_focus_on.png") !important;
	background-position: 0px 0px !important;
}
.ui-chkbox .ui-state-disabled .ui-icon-check
{
	background-image: url("../images/bg_checkbox_readonly_on.png") !important;
	background-position: 0px 0px !important;
}

/*
.ajaxBlockUI{
	background: none !important;
	opacity: 0.1 !important;
	filter : Alpha(Opacity=0.1) !important;
}
*/


