@charset "UTF-8";
/*
 * W e b  P e r f o r m e r
 * 
 * Copyright (c) 2012-2013 Canon Software Inc. All rights reserved.
 *
 */

/* エラーフィールド */
div.error_field input, div.error_field textarea, div.error_field select{
	background-color: #ffcccc;
} 
span.error_field{
	background-color: #ffcccc;
}

/* エラー表示フィールド */
.errors {
	color : red;
	font-weight: bold;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}
/* Infomation表示フィールド */
.info {
	color : blue;
	font-weight: bold;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}
/* Warning表示フィールド*/
.warn {
	color :  tomato;
	font-weight: bold;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}
/* 著作権表示 */
.copyright {
		text-align: right;
		font-size: 9pt;
		font-family: sanserif;
		color:gray;
}

/* 数字項目 */
input.NUM, .NUM {
	text-align : right;
}
/* 金額項目 */
input.CURRENCY, .CURRENCY {
	text-align : right;
}
select.NUM, select.CURRENCY {
	text-align : left;
}
.ui-select .NUM, .ui-select .CURRENCY {
	text-align : center;
}

/* ブール項目 */
fieldset.BOOL .ui-controlgroup-controls {
 width:50px;
}
fieldset.BOOL label {
 padding-right:0px;
}
.L_CHECKBOX {
	display: inline-block; 
	margin: -2px 0 -4px 0;
	border: 0;
	padding: 0;
	width: 20px;
}
.L_CHECKBOX.ui-btn.ui-checkbox-off:after, .L_CHECKBOX.ui-btn.ui-checkbox-on:after {
    display: block;
    width: 18px;
    height: 18px;
    margin: -7px 0px 0 -8px;
}

/* アクション */
.IoAction {
	white-space : nowrap;
	word-break : keep-all;	
}

/* コメント */
.COMMENT {
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}
/* メッセージ表示領域 */
.BASE_MSG {
	position : absolute;
	z-index : 99; /* MSGの後ろ */
	margin : 10px;
	padding :10px;
	display : none;
	border-width: 1px;
}
/* スクリーンロック */
.SCREEN_LOCK {
	white-space: nowrap;
	z-index : 99999; /* MSGより手前 */
	display : none;
	background-Color : black;	
	filter: alpha(opacity=50);
	opacity: 0.5;
	position:absolute;
	width: 100%; 
	height: 100%;
}

/* 組み込みスタイル・エラーフィールド */
.item__ERROR{
	background-color: #ffcccc !important;
} 

span .item__ERROR{
	display: inline-block;
}

/* 組み込みスタイル・必須項目 */
.item__REQUIRED{
	background-color: #ffffcc;
}
/* 組み込みスタイル・プラス/マイナス */
.item__PLUS{
	color: black;
}
.item__MINUS{
	color: red;
}
/* 組み込みスタイル・強調 */
.item__EMPHASIS{
	font-weight: bold;
}
.label__EMPHASIS{
	text-decoration: underline; 
}
/* 組み込みスタイル・表示/非表示 */
.item__SHOW{
	visibility: visible;
}
.item__HIDE{
	visibility: hidden;
}
/* 組み込みスタイル・有効化/無効化 */
.item__ENABLE{
}
.item__DISABLE{
}
.item__EDITABLE{
	color: black;
}
.item__NONEDITABLE{
	color: gray;
}
.SUGGEST_AREA {
	position:absolute;
	display: none;
	background-color: #FFFFFF;
	border: 1px solid blue;
}
.SUGGEST_AREA_NONE {
	position:absolute;
	display: none;
}
.SUGGEST_AREA_DISP {
	position:absolute;
	z-index: 90;
	padding: 4px;
	overflow-y: scroll;
	width: 97%;
}
.SUGGEST_AREA_CHILD {
}
.SUGGEST_AREA_CHILD_SELECT {
}
.SUGGEST_AREA_CHILD_UNSELECT {
}
.SUGGEST_AREA_CHILD, .SUGGEST_AREA_CHILD_SELECT, .SUGGEST_AREA_CHILD_UNSELECT {
	padding: 11px;
	margin: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.SUGGEST_BACK{
	position : absolute;
	display : none;
	z-index: 89;
	border-width: 1px;
}
.SUGGEST_POSITION_DIV {
	position: relative;
	display: inline-block;
	width: 100%;
}
.SUGGEST_POSITION_DIV input[type="text"], .SUGGEST_POSITION_DIV_DISP input[type="text"] {
	display: inline;
	width: 100%;
}
.SUGGEST_POSITION_DIV_DISP {
	position: relative;
	display: inline-block;
	width: 100%;
	z-index: 88;
}
@media all and (min-width: 450px) {
	.SUGGEST_POSITION_DIV, .SUGGEST_POSITION_DIV_DISP {
	    width: 78%;
	}
}

textarea {
	font-size: 10pt;
}
textarea[wrap="off"] {
}
textarea[wrap="soft"], textarea[wrap="hard"] {
	overflow-x: hidden;
}

/* mobile style */
.item_value {
	font-size: 16px;
	display: block;
	width: 100%;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}
@media all and (min-width: 450px) {
	.item_value {
		display: inline-block;
	    width: 78%;
	}
}

.ui-content .PAGE_INFO, .ui-content .LISTVIEW_LABEL {
	cursor: default !important;
    pointer-events: none;
}
.ui-content .PAGING_HEADER {
	margin: 0 -15px;
	max-width: none;
}
.ui-content .PAGING_HEADER:first-child {
	margin-top: -15px;
}
.ui-content .PAGING_HEADER:last-child {
	margin-bottom: -15px;
}

.ui-content ul.ui-listview {  
	margin: 0 -15px; 
}  
.ui-content ul.ui-listview:first-child {
	margin-top: -15px;
}  
.ui-content ul.ui-listview:last-child {
	margin-bottom: -15px;
}

.ui-page-header-fullscreen .ui-content ul.ui-listview,
.ui-page-footer-fullscreen .ui-content ul.ui-listview,
.ui-page-header-fullscreen .ui-content .PAGING_HEADER
.ui-page-footer-fullscreen .ui-content .PAGING_HEADER {
	margin: 0;
}
.ui-page-header-fullscreen .ui-content .PAGING_HEADER:first-child,
.ui-page-footer-fullscreen .ui-content .PAGING_HEADER:first-child {
	margin-top: 0;
}  
.ui-page-header-fullscreen .ui-content .PAGING_HEADER:last-child,
.ui-page-footer-fullscreen .ui-content .PAGING_HEADER:last-child {
	margin-bottom: 0;
}  

.ui-content ul.ui-listview .ui-li-desc span.L_VALUE {
	margin-right: 10px;	
}
.ui-content ul.ui-listview .ui-li-desc span.L_VALUE:last-child {
	margin-right: 0;	
}
.ui-content ul.ui-listview .L_LABEL:after {
	content: ":\00a0";
}

.PAGING_HEADER.PAGE_NAVBAR + .PAGING_HEADER.PAGE_NAVBAR,
.PAGING_HEADER.PAGE_NAVBAR + .PAGING_HEADER.LISTVIEW_LABEL {
	margin-top: 15px;
}
.PAGING_HEADER.PAGE_NAVBAR + ul.ui-listview {
	margin-top: 15px;
}
ul.ui-listview + script + ul.ui-listview {
	margin-top: 15px;
}
ul.ui-listview + script + .PAGING_HEADER.PAGE_NAVBAR {
	margin-top: 15px;
}

.ui-li-desc {
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}
.ui-li-heading {
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}
.ui-li-divider {
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}

.ui-btn-left > a, .ui-btn-right > a {
	margin-top: 0px;
	margin-bottom: 0px;
}
.FOOTER_TEXT {
	text-align: center;
}
.FOOTER_TEXT > span, .FOOTER_TEXT > a {
	margin-top: 3px;
	margin-bottom: 7px;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}

.ui-field-contain .ui-controlgroup-label, .ui-field-contain .ui-input-text {
	word-wrap: break-word;
}
.ui-disabled {
    opacity: 0.8;
}
.NOWRAP_TEXT {
	white-space: nowrap!important;
}
.L_CHECKBOX {
	display: inline-block; 
}
.item__ERROR .ui-checkbox .ui-icon-checkbox-on {
	background-color: #ffcccc !important;
}
.ui-li-desc textarea.ui-input-text {
	margin: 0;
	font-size: 12px;
	cursor: pointer;
	word-wrap: break-word;
}
.FOOTER_TEXT.ui-title {
	white-space: normal !important;
	word-break: break-all;
	word-wrap: break-word;
}
.ui-content div.action + div.action {
	margin-top: 15px;
}

select {
	font-size: 16px;
}
.ui-btn-right, .ui-btn-left {
	white-space:nowrap;
}

.HEADER_LINK {
	padding-top: 5px;
}

div[data-role="fieldcontain"]:empty {
	display: none;
}

span.ui-btn-text:empty:after {
	content: "\00a0";
}

.ui-listview>li p, .ui-listview>li h3{
	white-space: normal;
	word-break: break-all;
}

.ui-listview .ui-li-aside {
    top: 0.5em;
}