@charset "UTF-8";
/*
//@@ <<修正履歴>>
//@@ 修正日付   BugNo   修正者     Version     内容
//@@ ---------- ------- ---------- ----------- --------------------------------
//@@ 2012/02/06 ------- nakada     VER70000000 plane.xml用に再利用
//@@ 2012/02/22 ------- uemura_t   VER70000000 画面起動時に整形前の画面が表示されてしまう不具合を修正
//@@ 2012/09/10 ------- たかみ     VER70000000 JavaScript無効時の表示
//@@ 2012/12/20 ------- miyata_ya  VER70000000 メニュースクロール用のボタン追加
//@@ 2012/12/27 ------- imoto_g    VER70000000 Tab,Accordionのfocus時に文字の色を変える
//@@ 2013/07/16 ------- miki_t     VER70000000 多言語Editコンポーネント(for cpny.mltlang mltlang_editable)のcssを追加
//@@ 2015/11/24 ------- chen_y     Hue-Conversion テーマカラー変更
//@@ 2017/06/08 ------- ryou       VER70000000 勤怠締め名称入力欄を2倍にする
//@@ 2019/02/20 #732074 Harika.M    VER 8   Component overlap issue in search dialog
*/

/*
 * reset.css
 */

html {
    overflow: auto;
}

body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

a, abbr, acronym, address, applet, area,
b, base, basefont, bdo, big, blockquote,
body, br, button, caption, center, cite,
code, col, colgroup, dd, del, dfn, dir, div,
dl, dt, em, fieldset, font, form, frame,
frameset, h1, h2, h3, h4, h5, h6, head, hr,
html, i, iframe, img, input, ins, isindex,
kbd, label, legend, li, link, map, menu,
meta, noframes, noscript, object, ol,
optgroup, option, p, param, pre, q, s,
samp, script, select, small, span, strike,
strong, style, sub, sup, table, tbody, td,
textarea, tfoot, th, thead, title, tr,
tt, u, ul, var {
    font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
    font-size: 12px;
}

pre {
    background-color: #FBFAF1;
    padding: 10px;
    border: 1px solid #aaaaaa;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.display-none {
    display: none;
}

#center {
    overflow: auto;
}

/* morita デザインというより制約なのでJavaロジックでもいいかも */
.ui-tabs-panel {
    height: 98%;
}

/* morita デザインというより制約なのでJavaロジックでもいいかも */
.ui-tabs-nav {
    overflow: hidden;
}

/*
 * nakada 個別指定から全体指定で ＆ 空白の制御変更
 * nakada display: block;の場合、未指定のコンポーネントがおかしくなる
 * かつ absolute指定があれば影響なさそうなのでやめる
 */
label {
    white-space: pre;
    /*display: block;*/
}

/**
 * 白抜きラベル
 */
label.outlined {
    padding: 3px 5px;
    color:#fff;
    background-color:#135aa3;
}

/*
 * nakada buttonのデフォルトサイズを指定
 * → 動的に生成されるダイアログのボタンに限定
 * → 通常のボタンはjsでサイズを判定して短い場合だけセット
 */
button[id^=cpnyDialogButton] {
    width: 100px;
}

/*
*miyata_ya
*メニュースクロール用のボタン
*/
button.scroll-button{
    background: no-repeat left top;
    border: 0;
    cursor: pointer;
    height: 30px;
    margin-right: 2px;
    width:10px !important;
    min-width: 10px;
    color: #505050;
    z-index: 999;
}

button.tool-button.ui-button {
    float: left;
    background: no-repeat left top;
    border: 0;
    cursor: pointer;
    height: 30px;
    margin-right: 5px;
    width:auto !important; /*ツールバーは他のボタンと違うので強制指定*/
    min-width: 50px;
    color: #505050;
}

/*一番左は背景なし*/
button.tool-button.ui-button:first-child , button.tool-button.ui-button.first-child-button {
    background: transparent;
}

button.tool-button.ui-button span {
    margin-left: 10px;
}

div.toolbar-sub {
    margin: 0 4px 2px 14px;
    height: 34px;
    background-position: 0 34px;
}

.edit-number {
    text-align: right;
}

[disabled] {
    color: black;
}

.cpny-disabled {
    color: #bbb;
}

/* cancel font-family & font-size */
.ui-widget {
    font-family: inherit !important;
    font-size: 12px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: inherit !important;
    font-size: 12px;
}

.ui-widget button  {
   /*background:black;*/
}

.ui-buttonset .ui-button {
    margin-right: -0.1em;
}

.ui-widget-header {
    font-weight: normal;
}

/* cancel padding */
.ui-tabs .ui-tabs-panel {
    position: relative;
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent none repeat scroll 0 0;
    display: block;
    padding: .2em .2em;
}

.tool-button {
    margin-top: 2px;
}

.NFSelect {
    width: 150px;
}

button.cpny-search.cpny-button {
    background: no-repeat;
    border: 0;
    width: 22px;
    height: 22px;
    cursor: pointer;
    vertical-align: middle;
}

button.no-text-button{
    background: no-repeat;
    border: 0;
    width: 22px;
    height: 22px;
    cursor: pointer;
    vertical-align: middle;
}

button.no-text-button span.ui-button-icon-primary{
    margin-top: -9px;
}

.form_area {
    color: #505050;
}

.subsystem_form {
    margin: 10px 10px !important;
}

.ui-accordion-header a:hover{
    color: red;
}

/* 画面起動途中に不要なスクロールバーが表示されないよう制御 */
 #layoutBase {
    overflow:hidden;
}

/*------------------------------------------------------------------------------
 * アプリケーションタイトル
 *----------------------------------------------------------------------------*/

#north {
    /*background: url(./images/subsystem/subsystem_header_bg_65.gif) repeat-x 0 0;*/
    width: 100%;
    overflow: hidden !important;
}
#formmode_bar {
	color: #FFFFFF;
}
#formmode_bar, #north {
    background: repeat-x 0 0;
}

/*button.tool-button.toolBtnFocus {*/
    /*color: orangered;*/
/*}*/
/* ↓ でまかわなれている */

button.tool-button.ui-state-focus {
    color: orangered;
}

ul.ui-tabs-nav:focus li.ui-tabs-selected label {
    color: orangered;
}

h3.ui-accordion-header.ui-state-focus a span {
    color: orangered;
}

.ui-tabs-nav li.ui-state-focus>a {
    color: orangered !important;
}

#application_bar {
    position: absolute;
    top: 32px;
    left: 0px;
    width: 100%;
    overflow: hidden;
}

#pnl_application_info_bar{
    padding-left: 10px;
}

#pnl_application_info_bar div {
    width: 100%;
    line-height: 33px;
    text-align: left;
    padding-left: 20px;
    color: #fff;
}

#pnl_application_info_bar div span {
    font-size: 14px;
    color: #fff;
}

#img_applicatoin_icon {
    float: left;
    width: 16px;
    height: 16px;
    margin-left: 7px;
    margin-top: 9px;
    cursor: default;
    top: -1px;
}

#img_applicatoin_icon:focus {
    border: none;
    outline: none;
    background-color: transparent;
}

#pnl_application_title {
    /*float:left;*/
    margin-left: 10px;
}

/*------------------------------------------------------------------------------
 * panel/tab
 *----------------------------------------------------------------------------*/
.pnl-base {
    position: relative;
}

.pnl-basic {
    position: relative;
    margin-bottom: .2em;
    overflow: auto;
}

.panel {
    padding: .2em;
    position: relative;
}

.panel-with-border {
    border: 1px solid #aaaaaa;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.tab-ctrl {
    position: relative;
}

.litr {
    visibility: hidden;
}

/*------------------------------------------------------------------------------
* footer('#fw_bottom')
*----------------------------------------------------------------------------*/
#south {
    text-align: center;
    font-size: 12px;
    height: 20px
}

.copyright {
    text-decoration: underline; /* text-shadow:3px 3px 2px #999999; */
    font-style: italic;
    padding-right: 15px;
}

/*------------------------------------------------------------------------------
 * ime-mode('#text')
 *----------------------------------------------------------------------------*/
input.ime-disabled {
    -ms-ime-mode: disabled;
    ime-mode: disabled;
}

input.ime-on {
    -ms-ime-mode: active;
    ime-mode: active;
}

input.ime-off {
    -ms-ime-mode: inactive;
    ime-mode: inactive;
}

/*------------------------------------------------------------------------------
 * for cpny.notice
 *----------------------------------------------------------------------------*/

div.jumpTo {
    color: white;
    text-decoration: underline;
    padding-top: 10px;
}

div.jumpTo:hover {
    color: orange;
    text-decoration: underline;
    cursor: pointer;
    padding-top: 10px;
}

/*------------------------------------------------------------------------------
 * for cpny.mltlang
 *----------------------------------------------------------------------------*/
/* niceformの指定を上書き */
input[type=text].cpny-mltlang, input[type=password].cpny-mltlang, select.cpny-mltlang {
    border: 1px solid purple;
}

.cpny-mltlang {
    border: 1px solid purple;
}

/* ラベルとエディトセットを用意する事になったので入力部の枠は消す
.cpny-mltlanginp {
    border: 2px inset #800080;
}
*/

#cpny_mlt_hintpnl {
    color: #444;
    background-color: #DDD;
    padding: 1px;
}

/*------------------------------------------------------------------------------
 * for cpny.mltlang  mltlang_editable
 *----------------------------------------------------------------------------*/
/* --- アクティブなタブ --- */
div.mltViewerSection tr.mltViewerViewAreaTr td.active {
    z-index: 4;
    background-color: #ffffff; /* アクティブタブの背景色 */
    color: #000000; /* アクティブタブの文字色 */
    font-weight: bold; /* 太字 */
}

/* --- 入力制御基盤の必須情報(3言語編集コンポーネント)  --- */
div.mltViewerSection tr.mltViewerViewAreaTr td.required {
    text-decoration: underline;
    color: #ff0000;
}

/* --- viewareaTable --- */
table.mltViewerViewArea{
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 1px;
    background-color: #cccccc;
    border: 1px #c0c0c0 solid;
}

/* --- mltViewerTabTd --- */
td.mltViewerTabTd{
    z-index: 1;
    text-align: center;
}

/* --- mltViewerTabAtag --- */
a.mltViewerTabAtag{
    display: block;
    white-space: nowrap;
    height: 12px;
    padding: 0px 2px 2px 2px;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    text-decoration: none;
    color: #000000;
}

/* --- viewareaViewerDiv --- */
div.mltViewerViewArea_text{
    display: block;
    padding: 1px 4px 1px 2px;
    height: 13px;
    background: #F6F6F6;
    white-space: nowrap;
}

/*------------------------------------------------------------------------------
 * for cpny.restrict
 *----------------------------------------------------------------------------*/

[border_required] {
    border: 1px solid red !important;
}

/*[inputreserror] {*/
    /*background-color: mistyrose;*/
/*}*/

.auto-inputted {
    color: navy;
    font-weight: bold;
}

.modified {
    color: seagreen;
}

span.irescharptninfo {
    color: #AAFFFF;
    text-decoration: underline;
    cursor: pointer;
}

/*------------------------------------------------------------------------------
 * move toolbar ID直の指定のままなのはやめたい
 *----------------------------------------------------------------------------*/

#div_move_tool {
    position: relative;
    float: right;
}

#div_move_tool button {
    position: relative;
    float: left;
}

#div_move_idxinfo {
    float: left;
    margin-top: 7px;
}

#div_move_idxinfo input {
    width: 30px;
}

#lbl_move_slash {
    margin-left: 6px;
    margin-right: 6px;
}

/*------------------------------------------------------------------------------
 * for common
 *----------------------------------------------------------------------------*/
.large {
    font-size: 16px;
}

.bold {
    font-weight: bold;
}

.del {
    text-decoration: line-through;
}

div.grid-list-result {
    margin-top: 10px;
    margin-left: 14px;
    margin-right: 14px;
}

/*------------------------------------------------------------------------------
 * for common dialog
 *----------------------------------------------------------------------------*/

div.ui-dialog .dialog-whole{
    overflow: hidden;
}

#pnl_search_result {
    clear: both;
}

#pnl_search_result,#pnl_grd_search_parent,#pnl_grd_search{
    overflow: hidden;
}

div.ui-dialog-content .dialog-toolbar {
    margin: 0;
}

div.ui-dialog-content .dialog-toolbar .toolbar-sub {
    margin: 0 0 2px 0;
}

div.ui-dialog-content .dialog-toolbar button {
    margin-bottom: 4px;
}

div.ui-dialog-content .dialog-body {
    overflow: auto;
}

div.dialog-search .dialog-toolbar .dialog-plug-component{
    display: inline;
    float:right;
    height: 14px;
    margin: 1px;
    top:-3px;
}

div.dialog-search .dialog-toolbar .dynamic-search-date {
    display: inline;
    float:right;
}

div.dialog-search .dialog-body div .dummy-plug {
    left:-150px;
}

div.dialog-search .dialog-body div .dialog-search-float-left {
    float: left;
    width: 48%;
    left : 1px;
}


div.search-content div.dynamic-search-conds{
    display: block;
    margin: 6px;height: 14px;
    /*height: 20px;*/
}

div.search-content div label.dynamic-conds-label{
    position: absolute;
    top: 4px;
    left: 0px;
}

div.search-content div select.dynamic-conds-label{
    position: absolute;
    top: 0;
}

div.search-content div .range-from-component {
    position: absolute;
    left: 158px;
    top:0;
}

div.search-content div .string-like-combo {
    position: absolute;
    top:0;
}

div.search-content div .range-combo {
    position: absolute;
    left: 300px;
    top:4px;
}

div.search-content div .range-from-component.dynamic-numedit + .range-combo {
    left: 286px;
}

div.search-content div .range-from-component.dynamic-datetimeedit + .range-combo {
    left: 404px;
}

div.search-content div .range-to-component {
    position: absolute;
    left: 328px;
    top:0;
}

div.search-content div input.range-to-component.dynamic-numedit {
    left: 318px;
}

div.search-content div input.range-to-component.dynamic-dateedit {
    left: 318px;
}

div.search-content div input.range-to-component.dynamic-datetimeedit {
    left: 444px;
}

div.search-content div input.range-from-component {
    width:100px;
}

div.search-content div .range-from-component+.string-like-combo {
    left: 268px;
}

div.search-content div input.range-to-component {
    width:100px;
}

div.search-content div input.range-from-component-name {
    width:162px;
}

div.search-content div input.range-from-component.range-from-component-name + .string-like-combo {
    left: 330px;
}

div.search-content div input.range-from-component-name + .string-like-combo {
    left: 460px;
}


div.search-content div input.dynamic-long-long-name{
    width:292px;
}

div.search-content div input.dynamic-long-long-name + .string-like-combo {
    left: 460px;
}

div.search-content div .range-from-component-name.cpny-code-name {
    position: absolute;
    left: 288px;
    top:0;
}

div.search-content div .range-from-component-dialog-button {
    position: absolute;
    left: 266px;
    top:0;
}

div.search-content div .range-from-component-easy-equals {
    position: absolute;
    left: 460px;
    top:0;
}

div.search-content .dynamic-search-conds.layout-right {
    margin: -25px -1px 6px 450px;
}

div.search-content .dynamic-search-conds.layout-center {
    margin: -25px -1px 6px 360px;
}

div.search-content .dynamic-search-conds.layout-center + .layout-right {
    margin: -25px -1px 6px 660px;
}

/*
 * sya_bg
 */
div.dialog-search .dialog-toolbar #pnl_sya_bg_master_date{
    top:-2px;
}

div.dialog-search .dialog-toolbar #cmb_value_context_sya_bg_master_date {
    width: 155px;
}

div.dialog-search .dialog-body div #chk_sya_bg_sort{
    position: absolute;
    margin-top:-2px;
    left:422px;
}

div.dialog-search .dialog-body div #lbl_chk_sya_bg_sort{
    position: absolute;
    top:4px;
    left:442px;
}

div.dialog-search .dialog-body div #pnl_sya_bg_other{
    position: absolute;
    left:440px;
    top:24px;
}

div.dialog-search .dialog-body div #pnl_sya_bg_other .range-from-component {
    left: 130px;
}

div.dialog-search .dialog-body div #pnl_sya_bg_glove #pnl_gl_local_sys_cd {
    left: 438px;
    margin-top: -24px;
    width: 2px;
}

div.dialog-search .dialog-body div #pnl_sya_bg_glove #pnl_gl_local_sys_cd .range-from-component {
    left: 128px;
}

div.dialog-search .dialog-body div #pnl_sya_bg_glove #pnl_gl_local_sys_cd .range-from-component-dialog-button {
    left: 238px;
}

div.dialog-search .dialog-body div #pnl_sya_bg_kubun{
    position: absolute;
    left:682px;
    top:24px;
}

div.dialog-search .dialog-body div #pnl_sya_bg_kubun .range-from-component {
    left: 68px;
}

div.dialog-search .dialog-body div #pnl_sya_bg_code {
    height:42px;
}

div.dialog-search .dialog-body div #pnl_sya_bg_code .dynamic-search-conds {
    display:inline;
    width:200px;
}

div.dialog-search .dialog-body div #pnl_sya_bg_code .range-from-component {
    left:2px;
    top:20px;
}

div.dialog-search .dialog-body div #pnl_sya_bg_code .range-from-component-dialog-button {
    left:112px;
    top:20px;
}

div.dialog-search .dialog-body div #pnl_sya_bg_code #pnl_jig_cd{
    left:126px;
}

div.dialog-search .dialog-body div #pnl_sya_bg_code #pnl_syz_cd{
    left:248px;
}

div.dialog-search .dialog-body div #pnl_sya_bg_code #pnl_yak_cd{
    left:370px;
}

div.dialog-search .dialog-body div #pnl_sya_bg_code #pnl_ssi_cd{
    left:492px;
}

/*
 * yubin
 */
div.dialog-search .dialog-body div #edt_value_from_jyusyo {
    width: 300px;
}

div.dialog-search .dialog-body div #edt_value_from_jyusyo + .string-like-combo {
    left: 468px;
}

div.dialog-search .dialog-body div #edt_value_from_jyusyo_k {
    width: 300px;
}

div.dialog-search .dialog-body div #edt_value_from_jyusyo_k + .string-like-combo {
    left: 468px;
}

div.dialog-search .dialog-body div #edt_value_from_jyusyo_k2 {
    width: 300px;
}

div.dialog-search .dialog-body div #edt_value_from_jyusyo_k2 + .string-like-combo {
    left: 468px;
}

/*
 * idou_sim
 */
div.dialog-search .dialog-body div .idou_sim_css>* {
    margin-right: 2px;
}

div.dialog-search .dialog-body div .idou_sim_age {
    width: 15px;
}

/*
 * kotai_cd
 */
 div.search-content div .kotai_lbl_l {
    left: 15px;
}
div.search-content div .kotai_cd_txt_l {
    position: absolute;
    left: 158px;
}
div.search-content .kotai_cd_btn_l{
    position: absolute;
    left: 294px;
    top: 0px;
}
div.search-content .kotai_cd_nm_01_l {
    position: absolute;
    left: 317px;
    top: 0px;
}
div.search-content .kotai_cd_nm_02_l {
    position: absolute;
    left: 478px;
    top: 0px;
}
div.search-content #chk_srch_stock_status_chk {
    position: absolute;
    left: 297px;
    top: -1px;
}
div.search-content #lbl_chk_srch_stock_status_chk {
    position: absolute;
    left: 317px;
    top: 5px;
}
div.search-content div label.dynamic-conds-label.kotai_top_sikibetu  {
    top: 28px;
}
div.search-content div .range-from-component.kotai_top_sikibetu {
    top: 25px;
}
div.search-content .kotai_cd_btn_l.kotai_top_sikibetu {
    top: 25px;
}
div.search-content .kotai_cd_nm_01_l.kotai_top_sikibetu {
    top: 25px;
}
div.search-content .kotai_cd_nm_02_l.kotai_top_sikibetu {
    top: 25px;
}
div.search-content div input.range-from-component.kotai_cd_20_chars_w  {
    width: 126px;
}
div.search-content .kotai_cd_25_chars_w {
    width: 154px;
}
div.search-content .kotai_cd_30_chars_w {
    width: 189px;
}
div.search-content .kotai_cd_50_chars_w {
    width: 315px;
}
div.search-content .kotai_cd_60_chars_w {
    width: 339px;
}
div.search-content #pnl_srch_sikibetu_div {
    display: block;
    height: 39px;
    margin: 6px;
}
/*------------------------------------------------------------------------------
 * for logininfo_set
 *----------------------------------------------------------------------------*/

#logininfo_set{
    display: none;
}

/*------------------------------------------------------------------------------
 * for noscript
 *----------------------------------------------------------------------------*/
div.cpny-init-error {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: white;
    position: absolute;
}
label.cpny-init-error {
    margin: 10px;
    font-size: 20px;
    color: red;
    font-family: tahoma, verdana, arial, sans-serif;
    display: block;
}

/*------------------------------------------------------------------------------
 * input background-color
 *----------------------------------------------------------------------------*/
select:focus,
input[type=password]:focus,
input[type=text]:focus,
input[type=tel]:focus,
textarea:focus {
    background-color: lightcyan;
}

/* プルダウンの中身は白のまま */
select:focus option{
    background-color: white;
}


input[type=checkbox]:focus + label {
    border: 1px dashed #aaaaaa;
    padding: 3px;
    margin: -4px;
}


input[type=radio]:focus + label {
    border: 1px dashed #aaaaaa;
    margin: -1px;
}

input[type=checkbox][disabled] + label, input[type=radio][disabled] + label {
    color: #bcbcbc;
}

/* buttonset対応 */
input[type=checkbox]:focus + label.ui-button {
    border: 1px solid #aaaaaa;
    padding: 0;
    margin: 0 -1px 0 0;
    color: orangered;
}

input[type=checkbox] + label.ui-button.ui-state-active {
    border: 1px solid #aaaaaa;
}

td[coltype=checkbox] input[type=checkbox] {
    height: auto;
}


select[disabled]{
    /*color: black;*/
    background-color: #efefef;
}

[inputreserror]:not(:disabled) {
    background-color: mistyrose;
}

input[type=checkbox][readonly]:focus,
input[type=password][readonly]:focus,
input[type=text][readonly]:focus,
input[type=tel][readonly]:focus,
textarea[readonly]:focus,
input[type=checkbox][readonly],
input[type=password][readonly],
input[type=text][readonly],
input[type=tel][readonly],
textarea[readonly]{
    background-color: #efefef;
}

div.cpny-popup {
    padding: 10px 10px 10px 10px;
}

div.cpny-popup.cpny-popup-with-button{
    padding: 10px 10px 10px 24px;
}

span.cpnyDlgSimpleClose {
    display: block;
    position: absolute;
    top: 10px;
    left: 6px;
    cursor: pointer;
}

/*------------------------------------------------------------------------------
 * for bugfix
 *----------------------------------------------------------------------------*/
/* full cpu when ui.dialog on IE8 */
.ui-widget-overlay {
   position: fixed;
}

/*------------------------------------------------------------------------------
 * for splash
 *----------------------------------------------------------------------------*/
#cpny_splash_owner{
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 9999;
}

#cpny_splash_background{
    z-index: 9999;
    position: absolute;
}

#cpny_splash_content{
    top: 50%;
    position: relative;
    z-index: 10000;
    border-color: #888888;
    padding: 10px;
    margin-top: -18px;
}
img.cpnyNowLoading{
    display: inline-block;
    height: 16px;
    width: 16px;
}
#cpny_splash_message{
    font-family: verdana,arial,sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    margin-left: 10px;
}

div.ui-widget-overlay.on-busy-setup {
    background-color: white;
    /* IE9, IE10, IE11, Firefox用透過 */
    opacity: 1.0;
    /* IE8用透過 */
    -ms-filter: "alpha(opacity=100)";
}

/*
 * タブ切替時にHTML調整(レイアウトや配置など)が入るのでスプラッシュ表示 濃い目
 */
div.ui-widget-overlay.on-tabs-change {
    /* IE9, IE10, IE11, Firefox用透過 */
    opacity: 0.8;
    /* IE8用透過 */
    -ms-filter: "alpha(opacity=80)";
}

/*------------------------------------------------------------------------------
 * SpinEdit
 *----------------------------------------------------------------------------*/
.spinbtn-up {
    background: 0 -2px #eee;
}

.spinbtn-down {
    background: 0 -3px #eee;
}

.spinbtn {
    border: 1px solid #bbb;
    display: block;
    height: 9px;
    width: 15px;
    position: relative;
}

.spinbtn-pushed {
    border: 1px solid #999;
    background-color: #ccc;
}

.spinbtn-disabled {
    opacity: 0.35;
}