@charset "utf-8";

/*======================================================
 * module.css (GAKUEN)
 *
 * 著作権：Copyright Japan System Techniques Co., Ltd. All Rights Reserved.
 * 会社名：日本システム技術株式会社
======================================================*/

/*======================================================
 * 表示
======================================================*/

/*===== ○○○○ =====*/

/* 必須項目（桁数表示あり） */
.content dt.hissu label:last-child::after {
    /*background: #e9e9e9;*/ /* テーマに移行 */
    background: transparent !important;
    content:"*";
    /*color: #ffb266;*/ /* テーマに移行 */
    font-weight: bold;
    position: relative;
    left: 0.2em;
}

.content td.hissu label:last-child::after {
    content:"*";
    /*color: #ffb266;*/ /* テーマに移行 */
    font-weight: bold;
    position: relative;
    left: 0.2em;
}

/* 検索結果（単票内） */
.searchResult {
    margin-left: 0.5em;
}

/*======================================================
 * ボタン
======================================================*/

/*===== ヘッダー部 =====*/

/* マイヘルプ */
.btnMyhelp {
    background: rgba(255,255,255,0.3) !important;
}

.btnMyhelp .ui-button-text, .btnMyhelp .ui-icon::before {
    color: #ffffff !important;
}

.btnMyhelp.ui-state-hover {
    background: rgba(255,255,255,0.2) !important;
}

/* ヘルプ */
/*
.btnHelp {
    background: rgba(255,255,255,0.3) !important;
}

.btnHelp .ui-button-text, .btnHelp .ui-icon::before {
    color: #ffffff !important;
}

.btnHelp.ui-state-hover {
    background: rgba(255,255,255,0.2) !important;
}
*/
/* ヘルプボタン一時非表示 */
.btnHelp {
    display: none;
}

/* 閉じる */
.btnClose {
    background: #cc0000 !important;
}

.btnClose .ui-button-text, .btnClose .ui-icon::before {
    color: #ffffff !important;
}

.btnClose.ui-state-hover {
    background: #a70000 !important;
}

/*===== コンテンツ部 =====*/

/* 戻る */
.btnBack {
    background: #e66767 !important;
}

.btnBack .ui-button-text, .btnBack .ui-icon::before {
    color: #ffffff !important;
}

.btnBack.ui-state-hover {
    background: #c33e3e !important;
}

/* 標準（確定・除外・一覧確定など、その他） */
.btnOther {
    background: #777777 !important;
}

.btnOther .ui-button-text {
    color: #ffffff !important;
    font-weight: 400 !important;
}

.btnOther.ui-state-hover {
    background: #434343 !important;
}

/* 登録・更新系（DB更新ありのみ）、実行（非同期バッチ処理） */
.btnRegist {
    background: #4caf50 !important;
}

.btnRegist .ui-button-text {
    color: #ffffff !important;
    font-weight: 400 !important;
}

.btnRegist.ui-state-hover {
    background: #15781b !important;
}

/* 削除系（DB更新ありのみ） */
.btnDelete {
    background: #f44336 !important;
}

.btnDelete .ui-button-text {
    color: #ffffff !important;
    font-weight: 400 !important;
}

.btnDelete.ui-state-hover {
    background: #d81e0f !important;
}

/* クリア系 */
.btnClear {
    background: #5b8294 !important;
}

.btnClear .ui-button-text {
    color: #ffffff !important;
    font-weight: 400 !important;
}

.btnClear.ui-state-hover {
    background: #38647a !important;
}

/* ファイル出力系 */
.btnFileoutput {
    background: #a26426 !important;
}

.btnFileoutput .ui-button-text {
    color: #ffffff !important;
    font-weight: 400 !important;
}

.btnFileoutput.ui-state-hover {
    background: #7c420a !important;
}

/* 検索 */
.btnSearch {
    background: #ff9933 !important;
}

.btnSearch .ui-button-text {
    color: #ffffff !important;
    font-weight: 400 !important;
}

.btnSearch.ui-state-hover {
    background: #e77607 !important;
}

/* その他（画面上部画面遷移系） */
.btnContTop {
    background: #0077b3 !important;
}

.btnContTop .ui-button-text {
    color: #ffffff !important;
}

.btnContTop.ui-state-hover {
    background: #005e8b !important;
}

/*===== 単票内 =====*/

/* 単票内ボタン（テキストのみ） */
.ui-button.inTableBtn {
    background: #795548 !important;
    margin-left: 0.5em;
    min-width: 4em !important;
}

.ui-button.inTableBtn .ui-button-text {
    color: #ffffff;
    font-size: 0.75em !important;
    padding: 0 0.8em !important;
}

.ui-button.inTableBtn.ui-state-hover {
    background: #63392a !important;
}

.ui-selectonemenu + .ui-button.inTableBtn, .ui-selectonemenu + .ui-message + .ui-button.inTableBtn {
    position: relative;
    top: -0.2em;
}

/* 単票内ボタン（アイコンのみ） */
.ui-button.inTableBtnIcon {
    background: #ff9933 !important;
    /*margin-left: 0.5em;*/
    /*min-width: 2em !important;*/
}

.ui-button.inTableBtnIcon .ui-button-text {
    color: #ffffff;
    font-size: 0.75em !important;
    padding: 0 0.8em !important;
}

.ui-button.inTableBtnIcon .ui-icon {
    color: #ffffff;
    font-size: 0.75em !important;
}

.ui-button.inTableBtnIcon.ui-state-hover {
    background: #e77607 !important;
}

/* 単票内ボタン（アイコンのみ）前置きパターン */
.ui-button.inTableBtnIconAlt {
    background: #ff9933 !important;
    margin-right: 0.2em;
    /*margin-left: 0.5em;*/
    /*min-width: 2em !important;*/
    /* 位置調整 */
    position: relative;
    top: 0.4em;
}

/* Chromeのみボタン位置がずれる問題の対応（CSS Hack） */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .ui-button.inTableBtnIconAlt {
        top: 0;
    }
}

/* Firefoxのボタン位置上書き（CSS Hack） */
@-moz-document url-prefix() {
    .ui-button.inTableBtnIconAlt {
        top: 0.4em;
    }
}

.ui-button.inTableBtnIconAlt .ui-button-text {
    color: #ffffff;
    font-size: 0.75em !important;
    padding: 0 0.8em !important;
}

.ui-button.inTableBtnIconAlt .ui-icon {
    color: #ffffff;
    font-size: 0.75em !important;
}

.ui-button.inTableBtnIconAlt.ui-state-hover {
    background: #e77607 !important;
}

/* カレンダーボタン調整 */
.inputArea .ui-button.ui-datepicker-trigger, .outputArea .ui-button.ui-datepicker-trigger {
    /*margin-left: 0.2em;*/
    min-width: 0 !important;
}

.inputArea .ui-button.ui-datepicker-trigger .ui-button-text, .outputArea .ui-button.ui-datepicker-trigger .ui-button-text {
    font-size: 0.75em !important;
    padding: 0 !important;    
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
    background: #999999;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    background: #ffffff;
}

/* 送るボタンエリア */
.replaceItem {
    display: inline-block;
    position: absolute;
    right: 0.2em;
    top: 0.3em;
}

.replaceItem .ui-button {
    background: #aaaaaa !important;
    min-width: 0 !important;
}

.replaceItem .ui-button .ui-icon {
    color: #ffffff;
}

.replaceItem .ui-button.ui-state-hover {
    background: #7e7e7e !important;
}

.replaceItem .ui-button .ui-button-text {
    color: #ffffff;
    font-size: 0.75em !important;
    padding: 0 0.8em !important;
}

.replaceItem .itemCount {
    display: inline-block;
    margin-right: 0.6em;
}

/*===== データテーブル内、ツリーテーブル内 =====*/

.ui-datatable .ui-button:not(.btnDateClear),
.ui-treetable .ui-button:not(.btnDateClear) {
    background: #ffffff !important;
    margin-left: 0.5em;
    min-width: 4em !important;
}

.ui-datatable .ui-button .ui-button-text,
.ui-treetable .ui-button .ui-button-text {
    font-size: 0.75em !important;
    padding: 0 0.8em !important;
}

/* ボタン異色 */
.ui-datatable .ui-button.btnTblAlt:not(.btnDateClear),
.ui-treetable .ui-button.btnTblAlt:not(.btnDateClear) {
    background: #888888 !important;
    color: #ffffff;
}

.ui-datatable .ui-button.ui-state-hover:not(.btnDateClear),
.ui-treetable .ui-button.ui-state-hover:not(.btnDateClear) {
    color: #ffffff;
    background: #606161 !important;
}

/* ↑↓ボタン */
.ui-datatable .ui-button.upDownBtn {
    width: 2em !important;
    min-width: 2em !important;
}

/* 横スクロール時にヘッダ列とデータ列がずれる対応 */
.ui-datatable.horizScroll .ui-widget-header.ui-datatable-scrollable-header {
    background: #f5f5f5;
    padding-right: 17px;
    /*margin-right: 17px;*/
}

.ui-datatable.horizScroll .ui-datatable-scrollable-body {
    overflow: scroll;
}

/*======================================================
 * データテーブル、ツリーテーブル
======================================================*/

/*===== 列幅 =====*/

/* 最小横幅 */
.ui-datatable th, .ui-datatable td, ui-datatable-tablewrapper th, .ui-datatable-tablewrapper td,
.ui-treetable th, .ui-tree-table td {
    /*min-width: 4em;*/
    min-width: 2em;
    word-wrap: break-word; 
}

/* 選択列 */
.colSizeCheckbox {
    min-width: 2em !important;
    width: 2em !important;
    text-align: center;
}

/* ボタン配置列 */
.colSizeBtn {
    text-align: center !important;
    width: 4.5em !important;
}

/* 未設定幅（初期化） */
.colSizeInitial {
    width: auto !important;
}

/* 2文字幅（picklist用に暫定的に追加） */
.colSize2 {
    width: 2em !important;
}

/* 最小幅 */
.colSizeMin {
    width: 3em !important;
}

/* 3文字幅 */
.colSize3 {
    width: 3em !important;
}

/* 4文字幅 */
.colSize4 {
    width: 4em !important;
}

/* 5文字幅 */
.colSize5 {
    width: 5em !important;
}

/* 6文字幅 */
.colSize6 {
    width: 6em !important;
}

/* 7文字幅 */
.colSize7 {
    width: 7em !important;
}

/* 8文字幅 */
.colSize8 {
    width: 8em !important;
}

/* 9文字幅 */
.colSize9 {
    width: 9em !important;
}

/* 10文字幅 */
.colSize10 {
    width: 10em !important;
}

/* 11文字幅 */
.colSize11 {
    width: 11em !important;
}

/* 12文字幅 */
.colSize12 {
    width: 12em !important;
}

/* 13文字幅 */
.colSize13 {
    width: 13em !important;
}

/* 14文字幅 */
.colSize14 {
    width: 14em !important;
}

/* 15文字幅 */
.colSize15 {
    width: 15em !important;
}

/* 16文字幅 */
.colSize16 {
    width: 16em !important;
}

/* 17文字幅 */
.colSize17 {
    width: 17em !important;
}

/* 18文字幅 */
.colSize18 {
    width: 18em !important;
}

/* 19文字幅 */
.colSize19 {
    width: 19em !important;
}

/* 20文字幅 */
.colSize20 {
    width: 20em !important;
}

.colSize21 {
    width: 21em !important;
}

.colSize22 {
    width: 22em !important;
}

.colSize23 {
    width: 23em !important;
}

.colSize24 {
    width: 24em !important;
}

.colSize25 {
    width: 25em !important;
}

.colSize26 {
    width: 26em !important;
}

.colSize27 {
    width: 27em !important;
}

.colSize28 {
    width: 28em !important;
}

.colSize29 {
    width: 29em !important;
}

.colSize30 {
    width: 30em !important;
}

.colSize31 {
    width: 31em !important;
}

.colSize32 {
    width: 32em !important;
}

.colSize33 {
    width: 33em !important;
}

.colSize34 {
    width: 34em !important;
}

.colSize35 {
    width: 35em !important;
}

.colSize36 {
    width: 36em !important;
}

.colSize37 {
    width: 37em !important;
}

.colSize38 {
    width: 38em !important;
}

.colSize39 {
    width: 39em !important;
}

.colSize40 {
    width: 40em !important;
}

/*===== その他 =====*/

/* 件数表示 */
.countData {
    padding-right: 0.2em;
    text-align: right;
    height: 1.6em;
}

/* データテーブルサブボタン（削除など） */
.btnAreaDatatable .ui-button.dtableSubBtn {
    background: #795548 !important;
    margin-left: 0 !important;
    min-width: 4em !important;
}

.btnAreaDatatable .ui-button.dtableSubBtn .ui-button-text {
    color: #ffffff;
    font-size: 0.75em !important;
    padding: 0 0.8em !important;
}

.btnAreaDatatable .ui-button.dtableSubBtn.ui-state-hover {
    background: #63392a !important;
}

/* データテーブル全選択解除ボタン */
.btnAreaDatatable .selectAllArea {
    display: inline-block;
    margin-right: 0.4em;
}

.btnAreaDatatable .selectAllArea .ui-button {
    margin-right: 0.2em;
    width: 1.8em;
}

.btnAreaDatatable .selectAllArea .ui-button.ui-state-hover {
    color: #ffffff;
    background: #606161 !important;
}

.btnAreaDatatable .selectAllArea .ui-button .ui-icon {
    margin-left: -0.6em;
}

.btnAreaDatatable .selectAllArea .ui-button .ui-button-text {
    font-size: 0.75em;
}

/* データテーブルサブインフォ */
.btnAreaDatatable .dtableSubInfo {
    display: inline-block;
    float: right;
}

/* データテーブルボタンエリア内中央右配置 */
.btnAreaDatatable .layoutCL {
    position: relative;
    left: 50%;
}

/* ヘッダ必須項目 */
.hissu .ui-column-title::after {
    content: "*";
    color: #cc0000;
    font-weight: bold;
    position: relative;
    left: 0.2em;
}

/*======================================================
 * 標準テーブル
======================================================*/

.stdTable {
    border: solid 1px #dddddd;
    max-width: 100%;
    min-width: 800px;
    /*width: 100%;*/
}

.stdTable .stdTableHead td {
    text-align: center;
}

.stdTable tr {
    background: transparent;
}

.stdTable td.ui-widget-header {
    /*background: #e9e9e9;*/ /* テーマに移行 */
    font-weight: normal;
}

/*======================================================
 * カスタムテーブル（データテーブルでない表組み）
======================================================*/

.customTable {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

.customTable .ui-widget-content {
    background: transparent;
}

.customTable thead th {
    text-align: center;
}

.customTable tbody td {
    padding: 0.2em 0.6em;
    border-top: 0;
    border-right: solid 1px #dddddd;
    border-bottom: 0;
    border-left: solid 1px #dddddd;
}

/*======================================================
 * メッセージダイアログ
======================================================*/

.ui-dialog.ui-widget-content {
    max-width: 450px;
    width: 450px !important;
}

.ui-dialog.ui-widget-content .ui-dialog-titlebar {
    border: none;
    padding: 0 0.5em 1em 0.5em;
}

.ui-dialog.ui-widget-content .ui-widget-content {
    border: none;
    padding: 0 1.5em;
}

.ui-dialog.ui-widget-content .ui-dialog-footer {
    padding: 0.5em;
}

.ui-dialog.ui-widget-content .ui-dialog-buttonpane {
    text-align: center;
}

.ui-dialog.ui-widget-content .ui-button .ui-button-text {
    font-size: 0.85em;
}

.ui-dialog .ui-button-text-icon-left .ui-button-text {
    padding: .3em 1em .3em 2.1em !important;
}

/* ×ボタン変更 */
.ui-dialog .ui-icon-closethick {
    background-position: -160px -144px;
}

/* 横幅可変用 */
.ui-dialog.ui-widget-content.widthAuto {
    width: auto !important;
    max-width: 1000px !important;
}

/*===== ダイアログ（エラー、案内、警告、非同期処理通知） =====*/

/* 共通 */
.ui-dialog.errMessageDlgAlt,
.ui-dialog.infoMessageDlgAlt,
.ui-dialog.warnMessageDlgAlt,
.ui-dialog.asyncMessageDlgAlt {
    outline: none;
}

.ui-dialog.errMessageDlgAlt .ui-dialog-titlebar,
.ui-dialog.infoMessageDlgAlt .ui-dialog-titlebar,
.ui-dialog.warnMessageDlgAlt .ui-dialog-titlebar,
.ui-dialog.asyncMessageDlgAlt .ui-dialog-titlebar {
    border-radius: 0;
    padding: 0.3em 01em;
}

.ui-dialog.errMessageDlgAlt .ui-dialog-titlebar .ui-dialog-title,
.ui-dialog.infoMessageDlgAlt .ui-dialog-titlebar .ui-dialog-title,
.ui-dialog.warnMessageDlgAlt .ui-dialog-titlebar .ui-dialog-title,
.ui-dialog.asyncMessageDlgAlt .ui-dialog-titlebar .ui-dialog-title {
    font-size: 0.9em;
    font-weight: normal;
}

.ui-dialog.errMessageDlgAlt .ui-dialog-titlebar-close,
.ui-dialog.infoMessageDlgAlt .ui-dialog-titlebar-close,
.ui-dialog.warnMessageDlgAlt .ui-dialog-titlebar-close,
.ui-dialog.asyncMessageDlgAlt .ui-dialog-titlebar-close {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
}

.ui-dialog.errMessageDlgAlt .ui-dialog-titlebar-close .ui-icon,
.ui-dialog.infoMessageDlgAlt .ui-dialog-titlebar-close .ui-icon,
.ui-dialog.warnMessageDlgAlt .ui-dialog-titlebar-close .ui-icon,
.ui-dialog.asyncMessageDlgAlt .ui-dialog-titlebar-close .ui-icon {
    top: initial;
    bottom: 0;
}

.ui-dialog.errMessageDlgAlt .ui-dialog-content,
.ui-dialog.infoMessageDlgAlt .ui-dialog-content,
.ui-dialog.warnMessageDlgAlt .ui-dialog-content,
.ui-dialog.asyncMessageDlgAlt .ui-dialog-content {
    padding: 1em 1.5em;
}

.ui-dialog.errMessageDlgAlt ul,
.ui-dialog.infoMessageDlgAlt ul,
.ui-dialog.warnMessageDlgAlt ul,
.ui-dialog.asyncMessageDlgAlt ul {
    list-style: disc;
    margin-left: 1em;
}

.ui-dialog.errMessageDlgAlt .ui-dialog-titlebar .ui-dialog-title::before,
.ui-dialog.infoMessageDlgAlt .ui-dialog-titlebar .ui-dialog-title::before,
.ui-dialog.warnMessageDlgAlt .ui-dialog-titlebar .ui-dialog-title::before,
.ui-dialog.asyncMessageDlgAlt .ui-dialog-titlebar .ui-dialog-title::before {
    font-family: "FontAwesome";
    font-size: 1.4em;
    margin-right: 0.5em;
}

/* エラー */
.ui-dialog.errMessageDlgAlt .ui-dialog-titlebar {
    background: #efc1c4;
    color: #cc0000;
}

.ui-dialog.errMessageDlgAlt .ui-dialog-content {
    color: #cc0000;
}

.ui-dialog.errMessageDlgAlt .ui-dialog-titlebar .ui-dialog-title::before {
    content: "\f057";
}

/* 案内 */
.ui-dialog.infoMessageDlgAlt .ui-dialog-titlebar {
    background: #c5dbec;
    color: #003366;
}

.ui-dialog.infoMessageDlgAlt .ui-dialog-content {
    color: #000000;
}

.ui-dialog.infoMessageDlgAlt .ui-dialog-titlebar .ui-dialog-title::before {
    content: "\f05a";
}

/* 警告 */
.ui-dialog.warnMessageDlgAlt .ui-dialog-titlebar {
    background: #dddddd;
    color: #cc0000;
}

.ui-dialog.warnMessageDlgAlt .ui-dialog-titlebar .ui-dialog-title::before {
    content: "\f071";
}

.ui-dialog.warnMessageDlgAlt .ui-dialog-content {
    color: #cc0000;
}

/* 非同期処理通知 */
.ui-dialog.asyncMessageDlgAlt .ui-dialog-titlebar {
    background: #777777;
    color: #ffffff;
}

.ui-dialog.asyncMessageDlgAlt .ui-dialog-content {
    color: #000000;
}

.ui-dialog.asyncMessageDlgAlt .ui-dialog-titlebar .ui-dialog-title::before {
    content: "\f06a";
}

/* ボタン */
.ui-dialog-content button.ui-button .ui-button-text {
    padding: 0 1em;
}

/*===== エラーメッセージボタン =====*/

/* 共通 */
.messageBtnArea {
    position: fixed;
    top: 2.5em;
    z-index: 1003;
}

.errorMessageDlgOpen, .infoMessageDlgOpen, .warningMessageDlgOpen {
    /* float: left; */
    margin-right: 3px;
}

.infoMessageDlgOpen .infoOpenBtn, .errorMessageDlgOpen .errOpenBtn, .warningMessageDlgOpen .warnOpenBtn {
    background-size: contain !important;
    border:0;
    display:none;
    height: 30px;
    opacity: 0.7;
    width: 30px;
}

/* 案内 */
.infoMessageDlgOpen .infoOpenBtn {
    background: url('../images/dlgInfoOpen.png') no-repeat center center;
}

/* エラー */
.errorMessageDlgOpen .errOpenBtn {
    background: url('../images/dlgErrOpen.png') no-repeat center center;
}

/* 警告 */
.warningMessageDlgOpen .warnOpenBtn {
    background: url('../images/dlgWarnOpen.png') no-repeat center center;
}

/*===== 非同期用メッセージのみ個別対応 =====*/

.asyncExecReqDlg .ui-dialog-buttonpane {
    padding: 0 !important;
}

.asyncExecReqDlg .ui-dialog-content.ui-widget-content {
    display: none;
}

.asyncExecReqDlg .asyncExecReqDlgTxt {
    padding: 0 1.5em;
    text-align: left;
}

.asyncExecReqDlg .asyncExecReqDlgBtn {
    padding: 0.5em 0;
}

.asyncExecReqDlg .asyncExecReqDlgBtn .ui-button {
    min-width: 0 !important;
}

/*======================================================
 * PFコンポーネント調整
======================================================*/

/*===== 共通 =====*/

.ui-widget {
    font-size: 1em !important;
}

/*===== ボタン =====*/
.ui-button {
    white-space: nowrap;
}

/* アイコンのみボタンのアウトラインがFFではみ出さないようにする */
.ui-button-icon-only .ui-button-text {
    overflow: hidden;
}

/*===== ワンメニュー =====*/

.ui-selectonemenu-items-wrapper {
    min-width: 14em;
}

.ui-selectonemenu-label {
    /*font-size: 0.8em !important;*/
    font-size: 1em !important;
    padding: 0 0.25em !important;
}

.ui-selectonemenu-item {
    font-size: 0.9em !important;
    /*font-size: 0.75em !important;*/
}

/* 画面横幅を超過する場合の対応 */
.ui-selectonemenu {
    /*max-width: 880px;*/ /* %指定は不可 */
    max-width: 790px; /* %指定は不可 */
}

.ui-selectonemenu .ui-selectonemenu-label {
    max-width: 864px; /* %指定は不可 */
    width: auto !important;
    margin-right: 1.4em;
}

.ui-selectonemenu-panel {
    max-width: 880px;
}

/*===== インプットテキスト、カレンダー（スピナー以外） =====*/

.ui-inputtext, .ui-inputfield:not(.ui-spinner-input):not(.ui-selectonemenu-label) {
    /*font-size: 0.75em !important;  大サイズでは「選択してください」が入らないため */
    font-size: 0.95em !important;
    /*font-size: 0.9em !important;*/
    padding: 0 0.25em !important;
    margin-bottom: 0.1em;
    margin-right: 0.4em;
    margin-top: 0.1em;
}

/* 全角1文字幅・半角1～2文字幅 ・数値1～2文字幅*/
.inputFullSize1,
.inputHalfSize1, .inputHalfSize2,
.inputNumSize1, .inputNumSize2 {
    width: 1.5em;
}

/* 全角2文字幅・半角3～4文字幅・数値3～4文字幅 */
.inputFullSize2,
.inputHalfSize3, .inputHalfSize4,
.inputNumSize3, .inputNumSize4 {
    width: 2.5em;
}

/* 全角3文字幅・半角5文字幅・数値5文字幅 */
.inputFullSize3,
.inputHalfSize5,
.inputNumSize5 {
    width: 3.5em;
}

/* 全角4文字幅・半角6～7文字幅・数値6～7文字幅 */
.inputFullSize4,
.inputHalfSize6, .inputHalfSize7,
.inputNumSize6, .inputNumSize7 {
    width: 4.5em;
}

/* 全角5文字幅・半角8～9文字幅・数値8～9文字幅 */
.inputFullSize5,
.inputHalfSize8, .inputHalfSize9,
.inputNumSize8, .inputNumSize9 {
    width: 5.5em;
}

/* 全角6文字幅・半角10～11文字幅・数値10～11文字幅 */
.inputFullSize6,
.inputHalfSize10, .inputHalfSize11,
.inputNumSize10, .inputNumSize11 {
    width: 6.5em;
}

/* 全角7文字幅・半角12～13文字幅・数値12～13文字幅 */
.inputFullSize7,
.inputHalfSize12, .inputHalfSize13,
.inputNumSize12, .inputNumSize13 {
    width: 7.5em;
}

/* 全角8文字幅・半角14文字幅・数値14文字幅 */
.inputFullSize8,
.inputHalfSize14,
.inputNumSize14 {
    width: 8.5em;
}

/* 全角9文字幅・半角15～16文字幅・数値15～16文字幅 */
.inputFullSize9,
.inputHalfSize15,.inputHalfSize16,
.inputNumSize15, .inputNumSize16 {
    width: 9.5em;
}

/* 全角10文字幅・半角17～18文字幅・数値17～18文字幅 */
.inputFullSize10,
.inputHalfSize17, .inputHalfSize18,
.inputNumSize17, .inputNumSize18 {
    width: 10.5em;
}

/* 全角11文字幅・半角12文字幅・数値19～20文字幅 */
.inputFullSize11,
.inputHalfSize19, .inputHalfSize20, 
.inputNumSize19, .inputNumSize20 {
    width: 11.5em;
}

/* 全角12文字幅・半角21文字幅・数値21文字幅 */
.inputFullSize12,
.inputHalfSize21,
.inputNumSize21 {
    width: 12.5em;
}

/* 全角13文字幅・半角22～23文字幅・数値22～23文字幅 */
.inputFullSize13,
.inputHalfSize22, .inputHalfSize23,
.inputNumSize22, .inputNumSize23 {
    width: 13.5em;
}

/* 全角14文字幅・半角24～25文字幅・数値24～25文字幅 */
.inputFullSize14,
.inputHalfSize24, .inputHalfSize25,
.inputNumSize24, .inputNumSize25 {
    width: 14.5em;
}

/* 全角15文字幅・半角26～27文字幅・数値26～27文字幅 */
.inputFullSize15,
.inputHalfSize26, .inputHalfSize27,
.inputNumSize26, .inputNumSize27 {
    width: 15.5em;
}

/* 全角16文字幅・半角28～29文字幅・数値28～29文字幅 */
.inputFullSize16,
.inputHalfSize28, .inputHalfSize29,
.inputNumSize28, .inputNumSize29 {
    width: 16.5em;
}

/* 全角17文字幅・半角30文字幅・数値30文字幅 */
.inputFullSize17,
.inputHalfSize30,
.inputNumSize30 {
    width: 17.5em;
}

/* 全角18文字幅・半角31～32文字幅・数値31～32文字幅 */
.inputFullSize18,
.inputHalfSize31, .inputHalfSize32,
.inputNumSize31, .inputNumSize32 {
    width: 18.5em;
}

/* 全角19文字幅・半角33～34文字幅・数値33～34文字幅 */
.inputFullSize19,
.inputHalfSize33, .inputHalfSize34,
.inputNumSize33, .inputNumSize34 {
    width: 19.5em;
}

/* 全角20文字幅・半角35～36文字幅・数値35～36文字幅 */
.inputFullSize20,
.inputHalfSize35, .inputHalfSize36,
.inputNumSize35, .inputNumSize36 {
    width: 20.5em;
}

/* 全角21文字幅・半角37文字幅・数値37文字幅 */
.inputFullSize21,
.inputHalfSize37,
.inputNumSize37 {
    width: 21.5em;
}

/* 全角22文字幅・半角38～39文字幅・数値38～39文字幅 */
.inputFullSize22,
.inputHalfSize38, .inputHalfSize39,
.inputNumSize38, .inputNumSize39 {
    width: 22.5em;
}

/* 全角23文字幅・半角40～41文字幅・数値40～41文字幅 */
.inputFullSize23,
.inputHalfSize40, .inputHalfSize41,
.inputNumSize40, .inputNumSize41 {
    width: 23.5em;
}

/* 全角24文字幅・半角42～43文字幅・数値42～43文字幅 */
.inputFullSize24,
.inputHalfSize42, .inputHalfSize43,
.inputNumSize42, .inputNumSize43 {
    width: 24.5em;
}

/* 全角25文字幅・半角44～45文字幅・数値44～45文字幅 */
.inputFullSize25,
.inputHalfSize44, .inputHalfSize45,
.inputNumSize44, .inputNumSize45 {
    width: 25.5em;
}

/* 全角26文字幅・半角46文字幅・数値46文字幅 */
.inputFullSize26,
.inputHalfSize46,
.inputNumSize46 {
    width: 26.5em;
}

/* 全角27文字幅・半角47～48文字幅・数値47～48文字幅 */
.inputFullSize27,
.inputHalfSize47, .inputHalfSize48,
.inputNumSize47, .inputNumSize48 {
    width: 27.5em;
}

/* 全角28文字幅・半角49～50文字幅・数値49～50文字幅 */
.inputFullSize28,
.inputHalfSize49, .inputHalfSize50,
.inputNumSize49, .inputNumSize50 {
    width: 28.5em;
}

/* 全角29文字幅 */
.inputFullSize29 {
    width: 29.5em;
}

/* 全角30文字幅 */
.inputFullSize30 {
    width: 30.5em;
}

/* 全角31文字幅 */
.inputFullSize31 {
    width: 31.5em;
}

/* 全角32文字幅 */
.inputFullSize32 {
    width: 32.5em;
}

/* 全角33文字幅 */
.inputFullSize33 {
    width: 33.5em;
}

/* 全角34文字幅 */
.inputFullSize34 {
    width: 34.5em;
}

/* 全角35文字幅 */
.inputFullSize35 {
    width: 35.5em;
}

/* 全角36文字幅 */
.inputFullSize36 {
    width: 36.5em;
}

/* 全角37文字幅 */
.inputFullSize37 {
    width: 37.5em;
}

/* 全角38文字幅 */
.inputFullSize38 {
    width: 38.5em;
}

/* 全角39文字幅 */
.inputFullSize39 {
    width: 39.5em;
}

/* 全角40文字幅 */
.inputFullSize40 {
    width: 40.5em;
}

/* 全角41文字幅 */
.inputFullSize41 {
    width: 41.5em;
}

/* 全角42文字幅 */
.inputFullSize42 {
    width: 42.5em;
}

/* 全角43文字幅 */
.inputFullSize43 {
    width: 43.5em;
}

/* 全角44文字幅 */
.inputFullSize44 {
    width: 44.5em;
}

/* 全角45文字幅 */
.inputFullSize45 {
    width: 45.5em;
}

/* 全角46文字幅 */
.inputFullSize46 {
    /*width: 46.5em;*/
    width: 98%;
}

/* 全角47文字幅 */
.inputFullSize47 {
    /*width: 47.5em;*/
    width: 98%;
}

/* 全角48文字幅 */
.inputFullSize48 {
    /*width: 48.5em;*/
    width: 98%;
}

/* 全角49文字幅 */
.inputFullSize49 {
    /*width: 49.5em;*/
    width: 98%;
}

/* 全角50文字幅 */
.inputFullSize50 {
    /*width: 50.5em;*/
    width: 98%;
}

/* 横幅フル（全角51文字以上、半角51文字以上、数値51文字以上） */
.inputFullSizeMax,
.inputHalfSizeMax,
.inputNumSizeMax {
    width: 98%;
}

/* 全角入力時はimeモードをactiveに */
input[class*="inputFullSize"] {
    ime-mode: active;
}

/* 半角入力時はimeモードをinactiveに */
input[class*="inputHalfSize"] {
    ime-mode: inactive;
}

/* カレンダー（日付） */
.inputDate .ui-inputfield {
    ime-mode: inactive;
    width: 6em;
}

/* カレンダー（日時） */
.inputDatetime .ui-inputfield {
    width: 10em;
}

/* データテーブル内 */
.ui-datatable .ui-inputtext {
    margin-top: 0.1em !important;
    margin-bottom: 0.1em !important;
}

/*===== テキストエリア =====*/

.ui-inputtextarea {
    margin-bottom: 0.5em !important;
    position: relative;
    top: 0.3em;
    width: 98%;
}

/* 参照時（readonly）のデザイン変更 */
.ui-inputtextarea[readonly="readonly"] {
    background: transparent;
    border: 0;
    box-shadow: none;
    font-size: 1em !important;
    padding: 0 !important;
    outline: 0;
}

/* データテーブル内 */
.ui-datatable .ui-inputtextarea {
    margin-top: 0.1em !important;
}

/*===== スピナー（年度入力のみの前提） =====*/

.ui-inputfield.ui-spinner-input {
    font-size: 0.9em;
    padding: 0;
    padding-right: 1.4em;
    width: 4em;
}

/*===== ラジオ、ワンラジオ =====*/

.ui-selectoneradio { /* 単票内のみ */
    display: inline-block;
    /*font-size: 0.8em !important;*/
    font-size: 1em !important;
    /*position: relative;*/
    /*top: 0.3em;*/
    vertical-align: bottom;
}

.ui-selectoneradio .ui-radiobutton, .ui-radiobutton {
    margin: 0 0.3em 0 0;
}

.ui-selectoneradio label {
    margin-right: 0.5em;
    margin-top: 0 !important;
}

.ui-radiobutton .ui-radiobutton-box {
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
}

.ui-selectoneradio .ui-state-disabled {
    background: initial;
}

/*===== チェックボックス =====*/

.ui-chkbox:nth-child(n + 2) { /* ブーリアンの連続 */
    margin-left: 0.5em;
}

.ui-selectmanycheckbox .ui-chkbox {
    margin-left: 0;
}

.ui-chkbox .ui-chkbox-box {
    margin-right: 0.1em;
    position: relative;
    top: 0.2em;
}

.ui-chkbox .ui-chkbox-labe {
    margin: 0;
    margin-right: 0.5em;
}

.ui-chkbox + .ui-outputlabel { /* ブーリアン */
    margin: 0 0.5em 0 0.2em;
}

.ui-selectmanycheckbox label {
    margin: 0 0.5em 0 0.2em;
    margin-top: 0 !important;
}

.ui-selectmanycheckbox .ui-state-disabled {
    background: initial;
}

/* データテーブル内 */
.ui-datatable .ui-chkbox .ui-chkbox-box {
    margin-right: 0;
    position: relative;
    top: 0.1em;
}

.ui-datatable th .ui-chkbox .ui-chkbox-box {
    right: 0.1em;
    position: relative;
    top: 0;
}

/*===== リストボックス =====*/

/* 部品差し替えのため削除予定 start */
.ui-selectmanymenu { /* 固定値しかムリ */
    width: 20em;
}

.ui-selectmanymenu .ui-selectlistbox-list .ui-selectlistbox-item {
    font-family: "Courier New", "ＭＳ ゴシック" !important;
    white-space: pre;
    /*white-space: pre-wrap;*/
}

.ui-selectmanymenu .ui-selectlistbox-list .ui-chkbox-box {
    margin-right: 0.5em !important;
}
/* 部品差し替えのため削除予定 end */

/* チェックボックスメニュー */
.ui-selectcheckboxmenu {
    position: absolute; /* フロートリストを潜り込ませない対応 */
    outline: 0;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    padding: 0 26px 0 5px;
}

.ui-selectcheckboxmenu label {
    font-size: 0.9em !important;
}

.ui-selectcheckboxmenu-panel {
    width: 20em;
}

.ui-selectcheckboxmenu-filter-container .ui-inputfield {
    width: 16em;
}

.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon {
    right: 10px;
    top: 5px;
}

/* フロートリスト */
.ui-selectcheckboxmenu-list-item label {
    font-family: "Courier New", "ＭＳ ゴシック" !important;
}

.ui-selectcheckboxmenu-items-wrapper {
    max-height: 15em;
}

/* 選択済リスト */
.chkBoxMenuList {
    border: 1px solid #cccccc;
    overflow-y: scroll;
    max-height: 5em;
    min-height: 2.4em;
    margin-bottom: 0.2em;
    margin-top: 2.2em; /* 位置調整 */
    /*width: 20em;*/
}

.chkBoxMenuList .ui-datalist-content {
    border: 0;
}

.chkBoxMenuList .ui-datalist-data {
    padding: 0.2em 0.4em;
}

.chkBoxMenuList .ui-datalist-item {
    font-family: "Courier New", "ＭＳ ゴシック" !important;
    font-size: 0.95em;
    margin-bottom: 0.1em;
}

.chkBoxMenuList .ui-datalist-item:last-child {
    margin-bottom: 0;
}

.chkBoxMenuList .ui-datalist-empty-message {
    font-size:  0.9em;
}

/*===== コンボボックス =====*/

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
    font-family: "Courier New", "ＭＳ ゴシック" !important;
    /*padding-right: 2em;*/
    /*white-space: pre;*/
    white-space: pre-wrap;
}

/* 単票内 */
.inputArea .ui-selectonemenu {
    min-width: 10.5em;
    position: relative !important;
    top: 0.3em;
}

/* データテーブル内 */
.ui-datatable .ui-selectonemenu {
    margin-top: 0.2em !important;
    margin-bottom: 0 !important;
}

/* その他調整 */
.btnAreaDatatable .ui-selectonemenu {
    margin-right: 0.2em;
    position: relative;
    top: 0.3em;
}

/*===== データリスト =====*/

/* 単票内でのデザインに適合するように調整 */
dd .ui-datalist-content.ui-widget-content {
    border: 0;
    background: transparent;
    color: inherit;
}

/*===== フィールドセット =====*/

.ui-fieldset.ui-widget-content {
    background: transparent;
    font-size: 1em;
    margin: 0.5em 0;
}

.ui-fieldset-legend {
    font-size: 0.9em !important;
    font-weight: normal !important;
    padding: 0.2em 0.8em !important;
}

.ui-fieldset-legend .ui-fieldset-toggler {
    margin: 0 !important;
}

/*===== データテーブル、ツリーテーブル =====*/

.ui-datatable tr, .ui-datatable td,
.ui-treetable tr, .ui-treetable td {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.ui-datatable .ui-column-title,
.ui-treetable th span {
    font-weight: normal !important;
}

.ui-datatable tbody td, .ui-datatable thead th,
.ui-treetable tbody td, .ui-treetable thead th{
    height: 1.7em;
    /*padding: 0.1em 0.6em !important;*/
    padding: 0 0.5em !important;
}

.ui-treetable table {
    table-layout: fixed;
}

.ui-datatable .ui-paginator {
    /*background: #999999 !important;*/ /* テーマに移行 */
    font-size: 0.9em;
}

.ui-datatable .ui-paginator .ui-paginator-current {
    /*color: #ffffff;*/ /* テーマに移行 */
}

.ui-datatable .ui-widget-header {
    /*color: #ffffff !important;*/
}

.ui-datatable-scrollable {
    background: #ffffff;
}

.ui-datatable thead th, .ui-datatable tfoot td {
    text-align: center !important;
}

.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-pages, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-current {
    padding: 0 0.3em !important;
}

.ui-paginator .ui-icon, .ui-paginator .ui-paginator-page {
    font-size: 0.9em;
}

.ui-paginator .ui-paginator-rpp-options {
    font-size: 0.9em !important;
}

.ui-icon-seek-first {
    background-position: -80px -158px !important;
}

.ui-icon-seek-prev {
    background-position: -48px -158px !important;
}

.ui-icon-seek-next {
    background-position: -32px -158px !important;
}

.ui-icon-seek-end {
    background-position: -64px -158px !important;
}

/* 行なしエリア背景 */
.ui-datatable .ui-datatable-scrollable-body {
    background: #f7f7f7;
    border-bottom: solid 1px #dddddd;
    outline: none;
}

/* セル内折り返し表示 */
.ui-datatable-resizable thead th, .ui-datatable-resizable tbody td, .ui-datatable-resizable tfoot td {
    white-space: normal;
}

/* scrollableフッタ行非表示 */
.ui-datatable-scrollable-footer {
    display: none;
}

/* datatable内のワンラジオ */
.ui-datatable .ui-selectoneradio td {
    min-width: 0;
    padding: 0 !important;
}

/* フッター非表示 */
.ui-datatable-footer {
    display: none;
}

/* コード+名称のコード部分 */
/* 一時使用不可 */

.ui-datatable .cdWidth {
    /*
    display: inline-block;
    font-family: "Courier New", "ＭＳ ゴシック" !important;
    */
}

.ui-datatable .cdWidth1 { /* 1桁 */
    /*
    width: 1.0em;
    */
}

.ui-datatable .cdWidth2 { /* 2桁 */
    /*
    width: 1.5em;
    */
}

.ui-datatable .cdWidth3 { /* 3桁 */
    /*
    width: 2.0em;
    */
}

.ui-datatable .cdWidth4 { /* 4桁 */
    /*
    width: 2.5em;
    */
}

.ui-datatable .cdWidth5 { /* 5桁 */
    /*
    width: 3.0em;
    */
}

.ui-datatable .cdWidth6 { /* 6桁 */
    /*
    width: 4.0em;
    */
}

.ui-datatable .cdWidth7 { /* 7桁 */
    /*
    width: 4.5em;
    */
}

.ui-datatable .cdWidth8 { /* 8桁 */
    /*
    width: 5.0em;
    */
}

.ui-datatable .cdWidth9 { /* 9桁 */
    /*
    width: 5.5em;
    */
}

.ui-datatable .cdWidth10 { /* 10桁 */
    /*
    width: 6.0em;
    */
}

.ui-datatable .cdWidth11 { /* 11桁 */
    /*
    width: 7.0em;
    */
}

.ui-datatable .cdWidth12 { /* 12桁 */
    /*
    width: 7.5em;
    */
}

.ui-datatable .cdWidth13 { /* 13桁 */
    /*
    width: 8.0em;
    */
}

.ui-datatable .cdWidth14 { /* 14桁 */
    /*
    width: 8.5em;
    */
}

.ui-datatable .cdWidth15 { /* 15桁 */
    /*
    width: 9.0em;
    */
}

.ui-datatable .cdWidth16 { /* 16桁 */
    /*
    width: 10.0em;
    */
}

.ui-datatable .cdWidth17 { /* 17桁 */
    /*
    width: 10.5em;
    */
}

.ui-datatable .cdWidth18 { /* 18桁 */
    /*
    width: 11em;
    */
}

.ui-datatable .cdWidth19 { /* 19桁 */
    /*
    width: 11.5em;
    */
}

.ui-datatable .cdWidth20 { /* 20桁以上 */
    /*
    width: 12em;
    */
}

/* ツリーテーブル、スクロール許可時の幅調整 */
.ui-treetable .ui-treetable-scrollable-body {
    padding-right: 0 !important;
}

/* ツリーテーブル、行背景色 */
.ui-treetable .ui-treetable-selectable-node:nth-child(2n) {
    background: #F9F9F9;
}

/* ツリーテーブル、toggler調整 */
.ui-treetable .ui-treetable-toggler {
    margin-top: 3px;
}

/* ツリーテーブル、オーバーフロー時の三点リーダー表示 */
.ui-treetable thead th, .ui-treetable tbody td, .ui-treetable tfoot td {
    text-overflow: ellipsis;
}

/*===== タブビュー =====*/

.ui-tabs {
    margin-bottom: 0.8em;
}

.ui-tabs .ui-tabs-panels {
    /*    background: #fffff0;*/ /* テーマに移行 */
    border-left: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
}

.ui-tabs .ui-tabs-nav {
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active {
    /*background: #fffff0 !important;*/ /* テーマに移行 */
}

.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active a {
    /*color: #333333 !important;*/ /* テーマに移行 */
}

.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-default {
    background: #eeeeee;
}

.ui-tabs .ui-tabs-nav li a {
    padding: .5em .5em;
}

/*===== アコーディオンパネル =====*/

.ui-accordion {
    /*border-bottom: dotted 1px #cccccc;*/
}

.ui-accordion .ui-accordion-content {
    border-bottom: dotted 1px #cccccc;
    border-left: dotted 1px #cccccc;
    border-right: dotted 1px #cccccc;
    margin-bottom: 0.6em;
}

.ui-accordion .inputArea .ui-widget-content {
    background: transparent;
}

.ui-accordion .ui-widget-content.ui-datalist-content {
    border: 0;
}

.ui-accordion .ui-accordion-header {
    padding: .2em .5em .2em 2.2em;
}

/*===== ピックリスト =====*/

.ui-picklist {
    margin: 0 auto;
    width: 100%;
}

.ui-picklist .rx-picklist-cnt {
    text-align: right;
}

.ui-picklist .ui-picklist-list {
    height: 15.5em; /* デフォルト10行 */
    min-width: 360px;
    width: auto;
}

.ui-picklist .ui-picklist-list li {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.ui-picklist .ui-button {
    margin-bottom: 0.5em;
}

.ui-picklist .ui-picklist-list .ui-picklist-item td {
    font-size: 0.95em;
    white-space: nowrap;
}

.ui-picklist .ui-picklist-buttons-cell .ui-button {
    margin-left: auto !important;
    margin-right: auto !important;
}

.ui-picklist-buttons .ui-icon-arrow-1-e {
    background-position: -96px -208px;
}

.ui-picklist-buttons .ui-icon-arrowstop-1-e {
    background-position: -160px -208px;
}

.ui-picklist-buttons .ui-icon-arrow-1-w {
    background-position: -114px -208px;
}

.ui-picklist-buttons .ui-icon-arrowstop-1-w {
    background-position: -178px -208px;
}

.ui-picklist-buttons .ui-icon-arrow-1-n {
    background-position: -208px -208px;
}

.ui-picklist-buttons .ui-icon-arrowstop-1-n {
    background-position: -241px -208px;
}

.ui-picklist-buttons .ui-icon-arrow-1-s {
    background-position: -193px -208px;
}

.ui-picklist-buttons .ui-icon-arrowstop-1-s {
    background-position: -225px -208px;
}

.ui-picklist .plNoCell {
    width: 3em;
}

/* 高さ15行 */
.ui-picklist.pickListHeight15 .ui-picklist-list {
    height: 23em;
}

/* 高さ20行 */
.ui-picklist.pickListHeight20 .ui-picklist-list {
    height: 30.5em;
}

/* 高さ25行 */
.ui-picklist.pickListHeight25 .ui-picklist-list {
    height: 38.5em;
}

/*===== ファイルアップロード =====*/

.ui-fileupload .ui-fileupload-choose .ui-button-text {
    font-family: inherit;
    font-size: 0.75em;
    font-weight: normal;
}

.ui-fileupload-buttonbar .ui-button {
    position: absolute;
    top: 0.2em;
    left: 0.6em;
}

.ui-fileupload-buttonbar {
    padding: 0;
    border: 0;
}

.ui-fileupload-content {
    padding: 0.3em 0.4em;
    border-top-width: 1px;
}

.ui-fileupload-buttonbar .ui-button-text-icon-left .ui-button-text {
    padding: .15em 1em .15em 2.1em;
}

.ui-fileupload .ui-messages-error {
    margin: 1.6em 0 0 0;
    padding: 0.2em 0.5em;
}

.ui-fileupload-files {
    margin: 0;
}

.ui-fileupload-content {
    min-height: 1.3em;
}

/*===== イメージアップロード =====*/

/* 画像エリア */
.content .imgLayout {
    display: inline-block;
    width: 9em;
}

.content .imgLayout dt, .content .imgLayout dd {
    background: #f7f7f7;
    border: solid 1px #dddddd;
    display: block;
    padding: 0 0.5em;
    text-align: center;
}

.content .imgLayout dt {
    width: auto;
}

.content .imgLayout dd {
    border-top: none;
    word-break: break-all;
    min-height: 10em;
}

.content .imgLayout dd .ui-outputpanel {
    position: relative;
}

/* ファイル名 */
.content .imgLayout .tableDownloadCell {
    font-size: 0.8em;
    padding: 0;
    text-align: left;
}

/* ファイル削除ボタン */
.content .imgLayout .tableDownloadRow .ui-button {
    background: transparent;
    border: 0;
    box-shadow: none;
    outline: 0;
    position: absolute;
    /*right: 0.2em;*/
    /*top: 0;*/
    right: -0.4em;
    top: -2em;
}

.content .imgLayout .tableDownloadRow .ui-button.ui-button-icon-only {
    width: 1.6em;
}

.content .imgLayout .tableDownloadRow .ui-button .ui-icon {
    font-size: 1.2em;
}

.content .imgLayout .tableDownloadRow .ui-button .fa-remove::before {
    color: #cc0000;
}

/* 画像あり［顔写真］［印鑑］（暫定） */
.content .imgLayout img {
    width: 7.5em;
}

.content .imgLayout img.pictLock0, .content .imgLayout img.pictLock1, .content .imgLayout img.pictLock2, .content .imgLayout img.pictLock3,  .content .imgLayout img.pictLockAuto,
.content .imgLayout img.sealLock0, .content .imgLayout img.sealLock1, .content .imgLayout img.sealLock2, .content .imgLayout img.sealLock3,  .content .imgLayout img.sealLockAuto {
    margin-top: 0.4em;
}

/* 画像あり［顔写真］（縦横固定） */
.content .imgLayout img.pictLock0 {
    height: 10em;
    width: 7.5em;
}

/* 画像あり［印鑑］（縦横固定） */
.content .imgLayout img.sealLock0 {
    height: 7.5em;
    width: 7.5em;
}

/* 画像あり［顔写真］（縦固定） */
.content .imgLayout img.pictLock1 {
    height: 10em;
    width: auto;
}

/* 画像あり［印鑑］（縦固定） */
.content .imgLayout img.sealLock1 {
    height: 7.5em;
    width: auto;
}

/* 画像あり［顔写真］（横固定） */
.content .imgLayout img.pictLock2 {
    height: auto;
    width: 7.5em;
}

/* 画像あり［印鑑］（横固定） */
.content .imgLayout img.sealLock2 {
    height: auto;
    width: 7.5em;
}

/* 画像あり［顔写真］［印鑑］（固定なし） */
.content .imgLayout img.pictLock3, .content .imgLayout img.sealLock3, .content .imgLayout img.pictLockAuto {
    height: auto;
    width: auto;
    max-width: 7.5em; /* 最大値の設定 */
}

/* 画像なし */
.content .imgLayout .noImage {
    box-sizing: border-box;
    /*height: 10em;*/
    height: 10em;
    /*line-height: 3;*/
    margin: 0 auto;
    /*padding-top: 2.5em;*/
    padding-top: 1.6em;
    width: 7.5em;
}

.content .imgLayout .noImage i {
    color:#cccccc; 
}

.content .imgLayout .noImage .noImgTxt {
    color:#cccccc; 
    font-size: 0.9em;
    /*font-weight: bold;*/
}

.content .imgLayout .ui-fileupload-content {
    background: none;
    border: 0;
    min-height: 0;
    padding: 0;
    position: absolute;
    right: -0.5em;
    top: 0.5em;
    width: 600px;
}

/* 選択ボタン */
.content .imgLayout .ui-fileupload-buttonbar .ui-button {
    top: 7.5em;
    left: 2em;
}

/* ファイルアップロード連続配置時 */
.content .imgRepetition .imgLayout {
    margin: 0 0.1em 0.4em 0;
    vertical-align: top;
    word-break: break-all;
}

/*===== ライトボックス =====*/

/* サイズ変更 */
.ui-lightbox-content, .ui-lightbox-content iframe {
    width: 990px !important;
    height: 800px !important;
}

/* lightbox背景色変更 */
.ui-lightbox-content {
    background: #ffffff;
}

/* lightbox prev,nextなし */
.ui-lightbox-nav-left, .ui-lightbox-nav-right {
    display: none !important;
}

/* lightboxで表示されるオリジナル画像サイズの最大横幅設定 */
.ui-lightbox-content .ui-lightbox-inline img {
    max-width: 720px;
}

/*===== デートピッカー =====*/

.ui-datepicker-buttonpane button {
    font-family: inherit;
    font-size: 0.85em;
}

.ui-datepicker .ui-datepicker-title select{
    font-size: 0.85em
}

.ui-datepicker td span, .ui-datepicker td a {
    padding: 0.1em
}

.ui-datepicker th {
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}

/*===== ツリー =====*/

/* クリック領域調整 */
.ui-tree .ui-tree-selectable .ui-tree-toggler {
    /*height: 24px;*/
    /*width: 24px;*/
    /*background: none;*/
    /* TODO:背景画像を設定 */
    /*border-radius: 12px;*/ /* 背景画像が設定されるまでの暫定対応 */
    /*background: #6591cc;*/  /* 背景画像が設定されるまでの暫定対応 */
}

/* ラベル部分 */
.ui-tree .ui-tree-selectable .ui-treenode-label {
    /*cursor: auto !important;*/
}

/*===== 処理後メッセージ =====*/

.ui-growl {
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ui-growl-item-container.ui-state-highlight {
    background: #888888;
}

.ui-growl-title {
    color: #ffffff;
    font-weight: normal;
}

.ui-icon-closethick {
    display: block !important;
}

/*===== その他 =====*/

/* fromto（～）*/
/* 削除予定 */
.fromto::before {
    content: ' ～ ';
}

/* fromto（～） */
.fromtoMark {
    /*left: -0.3em;*/
    left: -0.15em;
    position: relative;
}

/* リスト文言 */
ul.stdList {
    list-style: disc;
    margin-left: 1.2em;
}

ol.stdList {
    list-style: decimal;
    margin-left: 1.2em;
}

/*======================================================
 * ダイアログ
======================================================*/

/*===== ダイアログ共通 =====*/

.ui-dialog .ui-button {
}

.ui-dialog .ui-confirm-dialog-message {
    display: inline;
}

/*===== コンファームダイアログ =====*/

.ui-dialog.ui-confirm-dialog .ui-button {
    background: #eaeaea !important;
}

.ui-dialog.ui-confirm-dialog .ui-confirm-dialog-severity {
    font-size: 1.5em !important;
    margin-right: 0.4em;
}

/* 非表示対応 */
.ui-confirm-dialog .ui-dialog-titlebar-close, .ui-confirm-dialog .ui-dialog-titlebar-close .ui-icon {
    visibility: hidden !important;
}

/*===== エラーダイアログ =====*/

.ui-dialog.errMessageDlgAlt {
    position: fixed !important;
    max-width: 540px;
    top: 240px !important;
    width: 540px !important;
    /*z-index: 1;*/
    z-index: 999;
}

/*===== ダイアログ（Altタイプ） =====*/

.ui-dialog.ui-widget-content.altDialog .ui-dialog-title {
    font-size: 1em;
    font-weight: normal;
}

.ui-dialog.ui-widget-content.altDialog .ui-dialog-titlebar {
    padding: 0 0.5em;
    /*background: #cccccc;*/ /* テーマに移行 */
}

/*===== コンファームダイアログ（メッセージに改行があるもの、p:confirmDialogを利用） =====*/

.dlgNewline .ui-dialog-content {
    display: none;
}

.dlgNewline .confDlgTxt {
    padding: 0 1.5em 0 3.5em;
    text-align: left;
    text-indent: -1em
}

.dlgNewline .confDlgTxt .fa::before {
    font-size: 1.5em !important;
    margin-right: 0.4em;
}

.dlgNewline .confDlgBtn {
    margin: .5em 0 0 0;
}

/*===== RXコンファームダイアログ =====*/

.dlgConfirm .ui-dialog-content {
    text-align: left;
}

.dlgConfirm .ui-icon.ui-confirm-dialog-severity {
    display: none;
}

.dlgConfirm .ui-confirm-dialog-message::before {
    font-family: "fontawesome";
    font-size: 1.5em !important;
    margin-right: 0.2em;
    position: relative;
    top: 0.1em;
}

.dlgConfirm .ui-dialog-buttonpane .ui-button {
    min-width: auto !important;
}

/* 案内 */
.dlgConfirm.dlgInfo .ui-confirm-dialog-message::before {
    content: "\f05a";
}

/* 問合せ */
.dlgConfirm.dlgQuestion .ui-confirm-dialog-message::before {
    content: "\f059";
}

/* 注意 */
.dlgConfirm.dlgCaution .ui-confirm-dialog-message::before {
    content: "\f05a";
}

/* 警告 */
.dlgConfirm.dlgWarning .ui-confirm-dialog-message::before {
    content: "\f071";
}

/* エラー */
.dlgConfirm.dlgError .ui-confirm-dialog-message::before {
    content: "\f071";
}

/*======================================================
 * RXコンポーネント調整
======================================================*/

/*===== RXカレンダー =====*/

/* 幅初期化 */
.hasDatepicker {
    width: auto;
}

/* 幅（日付の場合） */
.datepickerDate .ui-inputfield {
    width: 7em;
}

/* 幅（日時の場合） */
.datepickerDatetime .ui-inputfield {
    width: 11em;
}

/* 幅（時間の場合） */
.datepickerTime .ui-inputfield {
    width: 4em;
}

/* クリアボタン調整 */
.utilBox {
    position: relative;
}

.btnDateClear {
    background:none !important;
    border:0 !important;
    box-shadow: none !important;
    height: 1em;
    outline: none;
    position: absolute;
    right: 0.9em;
    bottom: -0.2em;
    width: 1em;
}

.btnDateClear .ui-button-text {
    display: none;
}

.utilBox .ui-button span:before {
    color: #999999 !important;
}

/*===== RXタイム =====*/

/* 幅（時分） */
.inputTime3 {
    width: 3em;
}

/* 幅（時分秒） */
.inputTime4 {
    width: 4em;
}


/*===== RX郵便番号インクリメンタルサーチ =====*/

.ui-autocomplete-panel {
    overflow-x: hidden;
    min-width: 16em;
    font-size: 0.8em;
}

.ui-autocomplete-panel .ui-autocomplete-item {
    border: 0 !important;
}

.ui-autocomplete-panel .ui-autocomplete-table th, .ui-autocomplete-panel .ui-autocomplete-table td {
    border: 0 !important;
    white-space: nowrap;
}

/*===== RXインプットナンバー =====*/

.inputNumber {
    ime-mode: disabled;
    margin-right: 0 !important;
}

/*===== RX文面設定 =====*/

/* リスト調整（IEバグ対応） */
.sentenceDesigner .sdMenu ul, .sdMenu ol, .sdMenu li {
    /*list-style-image: url(data:0) !important;*/
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) !important;
}

/* スピナー調整 */
.sentenceDesigner .sdMenu .ui-inputfield.ui-spinner-input {
    width: initial;
    width: auto;
}

/* セレクトワンメニュー調整 */
.sentenceDesigner .sdMenu .ui-selectonemenu.paperSize {
    min-width: 140px;
}

.sentenceDesigner .sdMenu .ui-selectonemenu.fontFamily {
    min-width: 160px;
}

.sentenceDesigner .sdMenu .ui-selectonemenu.strokeDashPattern {
    min-width: 200px;
}

/* タブ */
.sentenceDesigner .sdMenu.ui-tabs {
    margin-bottom: 0;
}

/* タブパネル */
.sentenceDesigner .sdMenu .ui-ribbon-groups {
    /*background: #ffffff;*/
}

.sentenceDesigner .sdMenu.ui-ribbon .ui-ribbon-group .ui-ribbon-group-label {
    font-size: 0.8em;
}

/* canvasエリア */
.sentenceDesigner .canvasArea.ui-widget-content {
    background-color: #dddddd !important;
}

/* ボタン */
.sentenceDesigner .sdMenu button.ui-button {
    outline: none;
}

/* カスタムボタン（c-fa...）調整 */
.sentenceDesigner .sdMenu button.c-fa {
    height: 1.49em;
    width: 28px;
}

.sentenceDesigner .sdMenu button.c-fa::before {
    font-size: 1.6em;
    margin-top: 5px; /* IE */
    position: relative; /* FF,Chrome */
    right: 6px;
    top: -4px; /* FF,Chrome */
}

.sentenceDesigner .sdMenu button.c-fa .ui-button-text {
    display: none;
}

/*
.sentenceDesigner .sdMenu .ui-widget .ui-icon.fa, .sdMenu .ui-icon.fa {
    font-size: 0.85em !important;
}
*/
.sentenceDesigner .sdMenu .ui-widget .ui-icon.fa, .sdMenu .ui-icon.fa {
    font-size: 1.4em !important;
    margin-top: -13px;
}

/*
.sentenceDesigner .sdMenu .ui-button.ui-button-icon-only .ui-button-text {
    font-size: 0.85em;
    padding: 0;
}
*/
.sentenceDesigner .sdMenu .ui-button.ui-button-icon-only .ui-button-text {
    background: transparent;
    font-size: 0.5em;
    height: auto;
    padding: 0;
    width: auto;
}

/*
.sentenceDesigner .sdMenu.ui-ribbon button.ui-button {
    background: #cccccc;
    width: 30px;
}
*/
.sentenceDesigner .sdMenu.ui-ribbon button.ui-button:not(.normalBtn) {
    background: transparent;
    border: 0;
    height: 25px;
    width: 25px;
}

.sentenceDesigner .sdMenu.ui-ribbon button.ui-button.normalBtn {
    min-width: 4em;
}

/* 非活性対応 */
.sentenceDesigner .sdMenu .ui-spinner-button.ui-state-disabled {
    pointer-events: none;
}

/*
.sentenceDesigner .sdMenu .ui-button.disabled {
    color: #cccccc;
}
*/

/*
.sentenceDesigner .positionArea .ui-inputtext.disabled,
.sentenceDesigner .sdMenu .ui-selectonemenu.disabled,
.sentenceDesigner .sdMenu .ui-spinner-input.disabled {
    background: #cccccc;
    color: #aaaaaa;
}
*/

/* リボン */
/*
.sentenceDesigner .sdMenu.ui-ribbon .ui-ribbon-group .ui-ribbon-group-content {
    height: 2em;
}
*/
.sentenceDesigner .sdMenu.ui-ribbon .ui-ribbon-group .ui-ribbon-group-content {
    height: 2.2em;
}

/* 階層メニュー */
.sentenceDesigner .sdMenu .ui-tieredmenu.ui-menu.ui-widget {
    padding: 0;
}

.sentenceDesigner .sdMenu .ui-menu.ui-widget li > .ui-menuitem-link {
    padding: 0.15em 0;
}

.sentenceDesigner .sdMenu .ui-menu.ui-tieredmenu {
    display: inline-block;
    width: 7em;
}

.sentenceDesigner .sdMenu .ui-menu .ui-menu-parent .ui-menu-child {
    width: auto;
    min-width: 3em;
}

.sentenceDesigner .sdMenu .ui-menuitem-link.specificWord {
    background: #efefef;
    font-weight: bold;
}

.sentenceDesigner .sdMenu button.ui-button .ui-button-text {
    font-size: 0.85em;
}

/* 用紙エリア */
.sentenceDesigner .sdMenu .sheetArea {
    /*width: 195px;*/
}

/* クリップボードエリア */
.sentenceDesigner .sdMenu .clipboardArea {
    /*width: 215px;*/
}

/* フォントエリア */
.sentenceDesigner .sdMenu .fontArea {
    /*width: 345px;*/
}

/* 文字揃えエリア */
.sentenceDesigner .sdMenu .textalignArea {
    /*width: 225px;*/
}

/* オブジェクトエリア */
.sentenceDesigner .sdMenu .objectArea {
    /*width: 425px;*/
}

/* 配置エリア */
.sentenceDesigner .sdMenu .overlapArea {
    /*width: 145px;*/
}

/* 整列エリア */
.sentenceDesigner .sdMenu .alignmentArea {
    /*width: 315px;*/
}

/* 予約語エリア */
.sentenceDesigner .sdMenu .wordArea {

}

/* ファイルエリア */
.sentenceDesigner .sdMenu .fileArea {
    /*width: 145px;*/
}

/* 座標エリア */
.sentenceDesigner .positionArea {
    background: #dddddd;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    margin-bottom: 0.5em;
    padding: 0 0.8em;
}

.sentenceDesigner .positionArea .ui-inputtext.ui-inputfield {
    font-size: 0.8em !important;
    margin-right: 1em;
}

/* 予約語メニュー */
.ui-dialog.ui-widget-content.yoyakuMenu {
    position: fixed !important;
}

.ui-dialog.ui-widget-content.yoyakuMenu .ui-dialog-titlebar .ui-dialog-titlebar-maximize {
    display: none;
}

.ui-dialog.ui-widget-content.yoyakuMenu .ui-panelmenu .ui-panelmenu-header {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.ui-dialog.ui-widget-content.yoyakuMenu .ui-panelmenu .ui-panelmenu-header a {
    line-height: 16px;
    padding: 0.2em 1.5em;
    text-decoration: none;
    color: inherit;
}

.ui-dialog.ui-widget-content.yoyakuMenu .ui-widget-content {
    padding: 0.5em;
}

.ui-dialog.ui-widget-content.yoyakuMenu .ui-widget-content .ui-widget-content {
    padding: 0 1em;
}

.ui-dialog.ui-widget-content.yoyakuMenu .ui-menuitem-link {
    padding: 0.1em 0.1em 0.1em 2em;
}

.ui-dialog.ui-widget-content.yoyakuMenu .c-fa::before  {
    position: absolute;
    left: 0.65em;
}

.ui-dialog.ui-widget-content.yoyakuMenu .ui-panelmenu .ui-panelmenu-header a,
.ui-dialog.ui-widget-content.yoyakuMenu .ui-panelmenu-icon + .ui-menuitem-text {
    font-weight: bold;;
}

.ui-dialog.ui-widget-content.yoyakuMenu h3 + .ui-panelmenu-content {
    overflow: visible;
}

[class^="c-fa-after"]:after, [class*=" c-fa-after"]:after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.c-fa-barcode-after:after { content: '\e814'; }
.c-fa-user-after:after { content: '\f061'; }
.c-fa-joystick-after:after { content: '\f514'; }

/* 線種 */
div[id$=strokeDashPattern_panel] .ui-selectonemenu-list-item {
    font-family: "MS ゴシック","Osaka-等幅" !important;
}

/* canvas */
.canvasArea .ui-panel-content {
    padding: 0;
    position: relative;
    text-align: center;
    overflow-y: scroll;
    overflow-x: scroll;
    height: 590px;
}

.canvasArea.ui-widget-content {
    background-color: transparent;
    text-align: center;
    overflow-y: no-display;
    overflow-x: no-display;
    height: 590px;
}

.mainCanvas {
    text-align: center;
    top: 0;
    left: 0;
    z-index:-1;
    margin: auto;
    background-color: #FFFFFF;
    background-image:
        linear-gradient(rgba(215,204,200,.7) 1%, rgba(215,204,200,.7) 1%, transparent 1%,
        transparent 99%, rgba(215,204,200,.7) 99%, rgba(215,204,200,.7) 100%),
        linear-gradient(90deg, rgba(215,204,200,.7) 1%, rgba(215,204,200,.7) 1%, transparent 1%,
        transparent 99%, rgba(215,204,200,.7) 99%, rgba(215,204,200,.7) 100%),
        linear-gradient(transparent, transparent 25%, rgba(215,204,200,.4) 25%, rgba(215,204,200,.4) 26%, transparent 26%,
        transparent 50%, rgba(215,204,200,.4) 50%, rgba(215,204,200,.4) 51%, transparent 51%,
        transparent 75%, rgba(215,204,200,.4) 75%, rgba(215,204,200,.4) 76%, transparent 76%, transparent 100%),
        linear-gradient(90deg, transparent, transparent 25%, rgba(215,204,200,.4) 25%, rgba(215,204,200,.4) 26%, transparent 26%,
        transparent 50%, rgba(215,204,200,.4) 50%, rgba(215,204,200,.4) 51%, transparent 51%,
        transparent 75%, rgba(215,204,200,.4) 75%, rgba(215,204,200,.4) 76%, transparent 76%, transparent 100%);
    background-size: 60px 60px;
    border: 1px double rgba(0, 0, 0, 0.2);
}

/*===== RX-Editor調整 =====*/

/* エディター共通 */
.editorTextarea .sceditor-container, .editorText .sceditor-container {
    min-width: 560px;
    width: 99% !important;
}

/* エディター入力エリア（テキストエリア） */
.editorTextarea .sceditor-container iframe {
    width: 98% !important;
    height: 160px !important;
}

/* エディター入力エリア（1行テキスト） */
.editorText .sceditor-container iframe {
    width: 98% !important;
    height: 1.6em !important;
}

/*===== ボタンアイコン =====*/

/* 位置調整 */
/* 単票内で問題あり */
/*
.ui-button-icon-only .ui-icon.fa  {
    margin-top: -5em;
}
*/

/*===== RX論理グループ設定 =====*/

/* 条件エリア */
.logicGroup .conditionArea {
    margin-right: 1em;
    width : -webkit-calc(100% - 9em) ;
    width: calc(100% - 9em) ;
}

/* ボタンエリア */
.logicGroup .btnArea {
    margin-top: 1.5em;
    width: 8em;
}

.logicGroup .btnArea .ui-button {
    margin-bottom: 0.4em;
}

.logicGroup .btnArea .ui-button.ui-button-icon-only .ui-icon-arrow-1-n {
    background-position: -208px -208px;
}

.logicGroup .btnArea .ui-button.ui-button-icon-only .ui-icon-arrow-1-s {
    background-position: -192px -208px;
}

/*===== RXメニュー =====*/

.pkzMenu .editArea {
    overflow: hidden;
}

.pkzMenu .leftArea {
    width:47%;
}

.pkzMenu .emptyArea {
    width:6%;
}

.pkzMenu .emptyArea i {
    margin-top: 35vh;
}

.pkzMenu .rightArea {
    width:47%;
}

.pkzMenu .titleCommon::before {
    font-family: "fontawesome";
    margin-right: 0.2em;
}

.pkzMenu .leftArea .titleCommon::before {
    content: "\f111";
}

.pkzMenu .rightArea .titleCommon::before {
    content: "\f004";
}

.pkzMenu .inputSearch {
    /*font-family: FontAwesome !important;*/
    /*line-height: 26px;*/
    /*line-height: 1;*/
    margin-bottom: 0.4em;
    width: 96%;
}

.pkzMenu .inputSearch::-webkit-input-placeholder {
    font-family: FontAwesome;
}

.pkzMenu .inputSearch:-moz-placeholder {
    font-family: FontAwesome;
}

.pkzMenu .inputSearch::-moz-placeholder {
    font-family: FontAwesome;
}

.pkzMenu .inputSearch:-ms-input-placeholder { /* IEのみうまく制御できないため高さ指定する */
    font-family: FontAwesome !important;
    height: 1.6em;
}

.pkzMenu .jstree-default .jstree-node, .pkzMenu #menu3 .jstree-default .jstree-icon {
    background-image: none !important;
}

/* 通常メニュー、ルートの非表示 */
.pkzMenu .leftArea #left_root_anchor {
    display: none;
}

/* お気に入りメニュー、ルート調整 */
.pkzMenu .rightArea #right_root_anchor {
    border-bottom: dotted 1px #999999;
    display: block;
    margin-bottom: 0.5em;
    padding: 0.2em 0;
}

.pkzMenu .rightArea #right_root_anchor > .jstree-icon::before { /* 暫定対応（JS側で対応すること） */
    /*content: "\f114";*/
    /*content: "\f0fe";*/
    /*content: "\f196";*/
    content: "\f067";
}

.pkzMenu #left_root > .jstree-children > .jstree-node, .pkzMenu #right_root > .jstree-children > .jstree-node {
    margin-left: 0 !important;
}

.pkzMenu .JsTreeArea {
    width: 100%;
}

.pkzMenu .menuArea {
    background: #efefef;
    box-sizing: border-box;
    /*border: dotted 1px #aaaaaa;*/
    border-radius: 0.5em;
    overflow-y: auto;
    padding: 0.8em;
}

.pkzMenu .menuArea, .pkzMenu .emptyArea {
    /*height: 560px;*/
    height: calc(100vh - 15em);  /* 暫定のデフォルト（各機能側で改めて指定する必要あり） */
    /*min-height: 500px;*/
}

.pkzMenu .btnAreaFuncBottom {
    text-align: center;
    padding: 0.8em;
}

.pkzMenu .btnAreaFuncBottom .ui-button {
    color: #ffffff;
}

.pkzMenu .btnAreaFuncBottom .ui-button-text {
    padding: .3em 1em .3em 2.1em !important;
}

.pkzMenu .leftArea .leftMenuTree {
    margin-top: 0.5em;
}

/*===== jstree調整 =====*/

.vakata-context li > a {
    font-size: 0.85em;
}

.jstree-default .jstree-closed > .jstree-ocl {
    display: none !important;
}

.jstree-default .jstree-open > .jstree-ocl {
    display: none !important;
}

.jstree-default .jstree-leaf > .jstree-ocl {
    display: none !important;
}

.jstree-default-contextmenu .fa::before {
    font-size: 1.2em;
}

.jstree-default .jstree-node:not(#left_root):not(#right_root) {
    margin-left: 10px;
}

.fa-angle-right::before {
    color: #4682b4;
}

/*===== RX-htmlEditor（froala-Editor）調整 =====*/

/* エリア全体 */
.htmlEditorArea {
    margin: 0.4em 0;
}

.fr-box.fr-basic .fr-element {
    /*word-break: break-all;*/
    /*z-index: 2000;*/ /* 要確認 */
}

/* ツールバー */
.fr-toolbar.fr-top {
    background: #f0f0f0;
    border-top-color: #cccccc;
    border-top-width: 1px;
}

/* リスト */
.fr-box ol, .fr-box ul {
    list-style: initial;
    margin-left: 1em;
    padding: 0.2em 0.4em;
}

.fr-box ol {
    list-style: decimal;
}

.fr-box ul {
    list-style: disc;
}

/* 入力エリア */
.fr-box {
    line-height: 1.4;
}

/* 段落 */
.fr-box p {
    margin-bottom: 0.5em;
}

/* リンク */
.fr-box a {
    color: #0000ff;
}

.fr-box a:visited {
    color: #800080;
}

/* 表（機能固有CSSでの上書き回避） */
.fr-view table td, .fr-view table th {
    border: 1px solid #dddddd !important;
    padding: 0 !important;
}

/* テキストエリア用 */
.editorTextarea .fr-box.fr-basic .fr-element {
    max-height: 44em; /* 最大約30行 */
    min-height: 23em; /* 最小約15行 */
    overflow-y: auto;
}

/* 1行テキスト用 */
.editorText .fr-element {
    height: 1em;
}

/* インラインモード共通 */
.editorTextarea .fr-inline .fr-element, .editorText .fr-inline .fr-element {
    border: solid 1px rgb(187, 187, 187);
    border-radius: 5px;
    -moz-box-shadow: inset 0 1px 1px #8f8f8f;
    -webkit-box-shadow: inset 0 1px 1px #8f8f8f;
    box-shadow: inset 0 1px 1px #8f8f8f;
    padding: 10px;
}

/* テキストエリア用（インラインモード） */
.editorTextarea .fr-inline .fr-element {
    max-height: 44em; /* 最大約30行 */
    min-height: 23em; /* 最小約15行 */
    overflow-y: auto;
}

/* 1行テキスト用（インラインモード） */
.editorText .fr-inline .fr-element {
    height: 1em;
}

/* ツールバー */
.ui-dialog-content .fr-toolbar {
    z-index: 1129 !important;
}

/* 重なり調整（子画面表示時） */
.ui-dialog-content .fr-element {
    z-index: 1128 !important;
}

.ui-tooltip + .fr-toolbar {
    z-index: 1129 !important;
}

/*======================================================
 * Theme調整
======================================================*/

/* インプットフィールド */
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    color: #222222;
}

/* オーバーレイ */
.ui-widget-overlay {
    opacity: .50;
    filter: Alpha(Opacity=50);
}

/* データテーブル、ツリーテーブル見出し行のカーソル */
.ui-datatable th.ui-state-default, .ui-treetable th.ui-state-default {
    cursor: auto;
}

/* タブの余白調整 */
.ui-tabs .ui-tabs-nav.ui-widget-header li a {
    padding-bottom: 0.25em;
    padding-top: 0.25em;
}

/* ソートボタンにのみカーソル指定 */
.ui-icon-carat-2-n-s {
    cursor: pointer;
}

/* エラー（単票内） */
dt .ui-outputlabel.ui-state-error {
    /*background: #da4b4b 50% 50% repeat-x;*/
    background: #efc1c4;
    /*color: #ffffff;*/
    color: #cc0000;
}

/* インプットフィールドとワンメニューに対してのみ、エラー時の枠色として赤を指定 */
.ui-inputfield.ui-state-error,
.ui-selectonemenu.ui-state-error {
    border: solid 1px #da4b4b !important;
}

/*======================================================
 * Loading
======================================================*/

.loadingText {
    font-size: 0.9em;
}

/*======================================================
 * 自動更新（pollingTimer）
======================================================*/

.pollingTimerArea {
    display: inline-block;
    /*position: absolute;*/
    /*right: 0.2em;*/
    /*top: 0.2em;*/
    /*z-index: 1;*/
}

.pollingTimerArea .ui-selectonemenu {
    margin: 0 0.2em 0 0.6em;
}

.pollingTimerArea > .ui-outputpanel {
    background: #ffffff;
    padding: 0.7em 1em;
    border: 1px solid #dddddd;
    border-radius: 0.4em;
}

.pollingTimerArea .ui-selectonemenu .ui-selectonemenu-label {
    width: 80% !important;
}

/*======================================================
 * 文字アイコン
======================================================*/

/* 共通設定 */
.sign {
    border-radius: 0.4em;
    display: inline-block;
    font-size: 0.8em;
    padding: 0 0.7em;
    white-space: nowrap;
    vertical-align: middle;
}

/* 授業共通 */
.signClass {
    background: #4b474d;
    color: #ffffff;
    margin-left: 0.8em;
}

/* セット授業1 */
.signSetClass1 {
    background: #4b474d;
}

/* セット授業2 */
.signSetClass2 {
    background: #e9967a;
}

/* セット授業3 */
.signSetClass3 {
    background: #bdb76b;
}

/* セット授業4 */
.signSetClass4 {
    background: #9acd32;
}

/* セット授業5 */
.signSetClass5 {
    background: #66cdaa;
}

/* セット授業6 */
.signSetClass6 {
    background: #4682b4;
}

/* セット授業7 */
.signSetClass7 {
    background: #6a5acd;
}

/* セット授業8 */
.signSetClass8 {
    background: #ffb6c1;
}

/* セット授業9 */
.signSetClass9 {
    background: #b0c4de;
}

/* セット授業10 */
.signSetClass10 {
    background: #8b0000;
}

/*======================================================
 * アイコン
======================================================*/

/* ヘルプ用 */
.iconHelp {
    color: #696969;
    cursor: help;
}


/* ↓ 2017/04/03 s-tokuda update. ↓ */

/*===== ファイルアップロード部品 =====*/

/* 一覧部テーブル表示 */
.tableDownload {
    border-collapse: separate;
    display: table;
    width: auto;
}
/* 一覧部行 */
.tableDownloadRow {
    display: table-row;
}

/* 一覧部列 */
.tableDownloadCell {
    display: table-cell;
    padding-right: 1em;
}

/* 一覧部列ファイル名 */
.downLoadCellFilNm {
    /*min-width: 200px;*/
}

/* 一覧部列ファイルサイズ */
.downLoadCellFilSz {
    /*min-width: 50px;*/
}

.tableDownload .ui-button.ui-button-icon-only {
    font-size: 0.8em !important;
}

/* ↑ 2017/04/03 s-tokuda update. ↑ */

/* 選択 */
.colSizeCheckbox {
    width: 2em !important;
    min-width: 2em !important;
    text-overflow: clip !important;
}

/* エラー行（テーマ共通） */
.rowError {
    /*background: #f2dede !important;*/
    background: linear-gradient(to bottom, #f2dede, #f3e2e2) !important;
    color: #b94a48 !important;
}

.rowError a {
    color: #b94a48 !important;
}

/* 警告行（テーマ共通） */
.rowWarning {
    background: #ffcc99 !important;
    background: linear-gradient(to bottom, #ffe4c9, #ffe8d2) !important;
    color: #222222 !important;
}

.rowWarning a {
    color: #222222 !important;
}

/* その他背景色変更行（テーマ共通） */
.rowOther {
    background: #e7dac6 !important;
    background: linear-gradient(to bottom, #e7dac6, #e9e0d3) !important;
    color: #222222 !important;
}
.rowOther a {
    color: #222222 !important;
}

/*===== gkワンメニュー対応（暫定） =====*/

.gkOneMenu .ui-selectonemenu-row {
    border: 0;
}

.gkOneMenu .ui-selectonemenu-row td {
    border: 0;
    padding: 0.2em 0 0 0.4em;
    /*white-space: nowrap;*/
}

.gkOneMenu .ui-selectonemenu-row td:nth-of-type(2) {
    padding-right: 2em;
}

.gkOneMenu .ui-selectonemenu-items-wrapper {
    overflow-x: hidden;
}

/*===== その他 =====*/

/* インプットテキストに入力したコードより表示された名称 */
.reflectName {
    margin-left: 0.5em;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
    padding-right: 0 !important;
}