@charset "utf-8";

/**************************************************
 汎用
**************************************************/
/* テキスト位置 */
.taL { text-align: left; }
.taC { text-align: center; }
.taR { text-align: right; }
.vaT { vertical-align: top; }
.vaM { vertical-align: middle; }
.vaB { vertical-align: bottom; }

/* テキストボックス */
input.char2  { width: 20px; }
input.char3  { width: 25px; }
input.char4  { width: 30px; }
input.char5  { width: 35px; }
input.char6  { width: 45px; }
input.char7  { width: 55px; }
input.char8  { width: 60px; }
input.char10 { width: 75px; }
input.char15 { width: 105px; }
input.char20 { width: 150px; }
input.char25 { width: 170px; }
input.char30 { width: 180px; }
input.char40 { width: 290px; }
input.char50 { width: 350px; }
input.char55 { width: 400px; }
input.char60 { width: 430px; }
input.char65 { width: 455px; }
input.char70 { width: 500px; }
input.char90 { width: 610px; }
input.char100 { width: 720px; }
input.char140 { width: 950px; }
input.char200 { width: 1340px; }
input.char95p { width: 95%; }
/* テキストボックス(フォントサイズ11px用) */
input.char3s  { width: 20px; }
input.char10s { width: 60px; }
input.char20s { width: 120px; }
input.char25s { width: 150px; }

/* 枠線なし */
.no_border { border: none; }

/* 表示/非表示 */
.display_none  { display: none; }
.display_block { display: block; }

/* 入力不可 */
.readonlyitem   { background: #DCDCDC; }
.readonlyitem_2 { background: #CCCCCC; }

/* 改行禁止 */
.nowrap   { white-space: nowrap; }
.wordwrap { word-wrap: break-word; }

/* テキストエリア */
textarea.note { width: 400px; height: 160px; }
textarea.col20row3 { width: 200px; height: 42px; }
/* テキストエリア(リスト表示用) */
textarea.list { border: none; background: #FFFFFF; overflow: hidden; resize: none; }

/* テキストボックス(リスト表示用) */
input.tc_e { border: none; background: #F5F5F5; }
input.tc_o { border: none; background: #FFFFFF; }
input.tc_edit { border: none; background: #CCFFFF; }
input.tc_del { border: none; background-color: #808080; }

/* 下線 */
.underline { text-decoration: underline; }
.no_underline a:hover { text-decoration: none; }

/* ポインター */
.pointer { cursor: pointer; }

/* 入力項目の枠線 */
input.border{ border: 1px solid #8F949B; }

/* 入力説明 */
.desc{ font-size: 93%; } /* 12px */
.desc_mt{ font-size: 85%; margin-top: 7px;} /* 11px */

/* 色指定 */
.font_color_gray { color: #808080; }
.bg_sort_select   { background-color: #C2C2C2; color: #2A548C; }
.bg_sort_selected { background-color: #0099FF; color: #FFFFFF; }
.bg_row_select   { background-color: #C5DCF5; }
.bg_row_selected { background-color: #8EC7FF; }
.bg_gray { background-color: #DFE1E4; }
.bg_del { background-color: #808080; }
.bg_list_header { background-color: #333333; color: #FFFFFF; }
.odd  { background-color: #FFFFFF; }
.even { background-color: #F5F5F5; }

/* 位置指定 */
.a_lt { text-align: left !important; }
.a_ct { text-align: center !important; }
.a_rt { text-align: right !important; }
.lt  { float: left; }
.rt  { float: right; }
.clr { clear: both; }
.overflow_h { overflow: hidden; }
.centering  { margin: 0 auto; text-align: center; }
.position_relativ { position: relative; }

/* 位置調整 */
.mt-10 { margin-top: -10px; }
.mt2   { margin-top: 2px; }
.mt3   { margin-top: 3px; }
.mt5   { margin-top: 5px; }
.mt7   { margin-top: 7px; }
.mt10  { margin-top: 10px; }
.mt15  { margin-top: 15px; }
.mt20  { margin-top: 20px; }
.mt30  { margin-top: 30px; }
.mt50  { margin-top: 50px; }
.mr5   { margin-right: 5px; }
.mr10  { margin-right: 10px; }
.mr15  { margin-right: 15px; }
.mr20  { margin-right: 20px; }
.mr45  { margin-right: 45px; }
.mb2   { margin-bottom: 2px; }
.mb3   { margin-bottom: 3px; }
.mb4   { margin-bottom: 4px; }
.mb5   { margin-bottom: 5px; }
.mb10  { margin-bottom: 10px; }
.mb15  { margin-bottom: 15px; }
.mb20  { margin-bottom: 20px; }
.mb25  { margin-bottom: 25px; }
.ml3   { margin-left: 3px; }
.ml5   { margin-left: 5px; }
.ml10  { margin-left: 10px; }
.ml15  { margin-left: 15px; }
.ml20  { margin-left: 20px; }
.ml80  { margin-left: 83px; /margin-left: 80px; }
.ml100 { margin-left: 100px; }
.ml180 { margin-left: 180px; }
.ml400 { margin-left: 400px; }
.pr1   { padding-right: 1px; }
.pr5   { padding-right: 5px; }
.pr10  { padding-right: 10px; }
.pr15  { padding-right: 15px; }
.pr20  { padding-right: 20px; }
.pt5   { padding-top: 5px; }
.pt10  { padding-top: 10px; }
.pt15  { padding-top: 15px; }
.pt20  { padding-top: 20px; }
.pb5   { padding-bottom: 5px; }
.pb10  { padding-bottom: 10px; }
.pb15  { padding-bottom: 15px; }
.pb20  { padding-bottom: 20px; }
.pl5   { padding-left: 5px; }
.pl10  { padding-left: 10px; }
.pl15  { padding-left: 15px; }
.pl20  { padding-left: 20px; }
.pl100 { padding-left: 100px; }
.plr5  { padding: 0px 5px 0px 5px; }
.padding5 { padding: 5px; }
.scrollwidth { padding-left: 16px;}

.w20  { width: 20px; }
.w25  { width: 25px; }
.w30  { width: 30px; }
.w40  { width: 40px; }
.w50  { width: 50px; }
.w60  { width: 60px; }
.w70  { width: 70px; }
.w80  { width: 80px; }
.w90  { width: 90px; }
.w95  { width: 95px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w116 { width: 116px; } /* ヘッダ固定テーブルのスクロールバー補正用 */
.w120 { width: 120px; }
.w130 { width: 130px; }
.w135 { width: 135px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w171 { width: 171px; } /* ヘッダ固定テーブルのスクロールバー補正用 */
.w180 { width: 180px; }
.w185 { width: 185px; }
.w190 { width: 190px; }
.w196 { width: 196px; } /* ヘッダ固定テーブルのスクロールバー補正用 */
.w200 { width: 200px; }
.w205 { width: 205px; }
.w230 { width: 230px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w300 { width: 300px; }
.w320 { width: 320px; }
.w330 { width: 330px; }
.w340 { width: 340px; }
.w350 { width: 350px; }
.w360 { width: 360px; }
.w370 { width: 370px; }
.w400 { width: 400px; }
.w410 { width: 410px; }
.w435 { width: 435px; }
.w450 { width: 450px; }
.w470 { width: 470px; }
.w500 { width: 500px; }
.w550 { width: 550px; }
.w570 { width: 570px; }
.w600 { width: 600px; }
.w610 { width: 610px; }
.w620 { width: 620px; }
.w650 { width: 650px; }
.w710 { width: 710px; }
.w730 { width: 730px; }
.w750 { width: 750px; }
.w800 { width: 800px; }
.w860 { width: 860px; }
.w865 { width: 865px; }
.w900 { width: 900px; }
.w920 { width: 920px; }
.w950 { width: 950px; }
.w960 { width: 960px; }
.w970 { width: 970px; }
.w1000 { width: 1000px;}
.w1100 { width: 1100px;}
.w1220 { width: 1220px;}
.h36  { height: 36px; }
.h43  { height: 43px; }
.h46  { height: 46px; } /* ヘッダ固定テーブルのスクロールバー補正用 */
.h49  { height: 49px; }
.h52  { height: 52px; }
.h69  { height: 69px; } /* ヘッダ固定テーブルのスクロールバー補正用 */
.h76  { height: 76px; }

/* スペーサー */
.spacer_h {
  width: 100%;
  height: 1px;
  font-size: 0px; /* 空DIVなどに背景画像で対応した時に、隙間ができてしまう時の対応(IE6) */
}

/* ドットライン */
.line {
  width: 100%;
  height: 1px;
  font-size: 0px; /* 空DIVなどに背景画像で対応した時に、隙間ができてしまう時の対応(IE6) */
  background: #FFFFFF url(../images/line_dot.gif) repeat-x;
}
.line_2 {
  font-size: 0px; /* 空DIVなどに背景画像で対応した時に、隙間ができてしまう時の対応(IE6) */
  width: 100%;
  height: 1px;
  background: #FFFFFF url(../images/line_dot_2.gif) repeat-x;
}

/* 〇画像 */
span.check {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 auto;
  background: url(../images/icon_ok.png) no-repeat;
}

/**************************************************
 情報/エラーメッセージ
**************************************************/
.msgClass,
.msgDialogClass {
  display: none;
  margin-bottom: 10px;
  text-align: left;
}
.msgClassIcon,
.msgDialogClassIcon { float: left; }
.msgClassText,
.msgDialogClassText {
  float: left;
  display: inline;
  padding-left: 5px;
  font-weight: bold;
}
.errorMsg {
  color: #CC0000;
  font-weight: bold;
}
.infoMsg { color: #0000ff; }
.attnmsg { color: #CC0000; }
.warnMsg { color: #E8AE00; }

/* メッセージダイアログ */
#msgdialog table {
  width: 100%;
  height: 100%;
}
#msgdialog table td { vertical-align: middle; }

/**************************************************
 ページング
**************************************************/
.pargeTag {
  display: inline-flex;
  font-size: 1.2rem;
  align-items: center;
}
.pargeTag > *:nth-of-type(2) > * { margin: 0 .5rem; }
.pargeTag a { color: #212529; }
.pargeTag a:hover {
  color: #212529;
  text-decoration: none;
}
.arrow_prev,
.arrow_next {
  width: 20px;
  height: 18px;
  margin: 0 .5rem;
  text-indent: -9999px;
}
.arrow_prev { background: url(../images/arrow_prev.png) no-repeat; }
.arrow_next { background: url(../images/arrow_next.png) no-repeat; }
.arrow_prev a,
.arrow_next a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/**************************************************
 ボタン
**************************************************/
/* ボタン(極小 50×20) */
.btn_ss {
  width: 50px;
  background: url(../images/btn_common.gif) no-repeat 0 -180px;
}
.btn_ss:hover, .btn_ss:focus { background-position: 0 -200px; }

/* ボタン(小 75×20) */
.btn_s {
  width: 75px;
  background: url(../images/btn_common.gif) no-repeat 0 -140px;
}
.btn_s:hover, .btn_s:focus { background-position: 0 -160px;}

/* ボタン(中 100×20) */
.btn_m {
  width: 100px;
  background: url(../images/btn_common.gif) no-repeat 0 -100px;
}
.btn_m:hover, .btn_m:focus {background-position: 0 -120px;}

/* ボタン(大 125×25) */
.btn_l, .btn_l_disabled {
  width: 125px;
  background: url(../images/btn_common.gif) no-repeat 0 -50px;
}
.btn_l:hover, .btn_l:focus {background-position: 0 -75px;}

/* ボタン(最大 400×25) */
.btn_xl {
  width: 400px;
  background: url(../images/btn_common.gif) no-repeat 0 0;
}
.btn_xl:hover, .btn_xl:focus {background-position: 0 -25px;}

/* ボタン(ページング 20×20) */
.btn_paging,
.btn_not_paging {
  width: 20px;
  background: url(../images/btn_common.gif) no-repeat 0 -220px;
}
.btn_paging:hover, .btn_paging:focus {background-position: 0 -240px;}

/* ボタン(ページング小 12×20) */
.btn_paging_s,
.btn_not_paging_s {
  width: 12px;
  background: url(../images/btn_common.gif) no-repeat 0 -260px;
}
.btn_paging_s:hover, .btn_paging_s:focus {background-position: 0 -280px;}

/* ボタン(共通) */
.btn_ss, .btn_s, .btn_m, .btn_l, .btn_l_disabled, .btn_paging, .btn_not_paging, .btn_paging_s, .btn_not_paging_s {
  height: 20px;
  cursor: pointer;
  border: 0px;
  text-align: center;
  /font-family: MS Pゴシック;/font-size: 80%;/* IE6,IE7 */
}

/* ボタン(上書き) */
.btn_l_disabled, .btn_not_paging, .btn_not_paging_s { cursor: default; }
.btn_l, .btn_l_disabled {
  height: 25px;
  /font-family: MS Pゴシック;/font-size: 100%;/* IE6,IE7 */
}

/**************************************************
 入力フォーム
**************************************************/
/* 丸角入力フォーム */
input.rtxt,
textarea.rtextarea,
.rselectbox {
  /* base */
  outline: none;
  padding: 5px;
  border: solid 1px #CCCCCC;
  vertical-align: middle;
  /* round */
  border-radius: 3px; /* CSS3 */
  -moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari,Chrome */
  /* shadow(top) */
  box-shadow: inset 1px 4px 9px -7px rgba(0,0,0,0.5); /* CSS3 */
  -moz-box-shadow: inset 1px 4px 9px -7px rgba(0,0,0,0.5); /* Firefox */
  -webkit-box-shadow: inset 1px 4px 9px -7px rgba(0, 0, 0, 0.5); /* Safari,Chrome */
  position: relative; /* for PIE */
}
input.rtxt:focus,
textarea.rtextarea:focus,
.rselectbox:focus { border:solid 1px #EEA34A; }

.must {
  display: block;
  float: right;
  padding: 3px;
  color: #FFFFFF;
  font-size: 77%;
  background: #B22222;
  /* round */
  border-radius: 3px; /* CSS3 */
  -moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari,Chrome */
  position: relative; /* for PIE */
}

/**************************************************
 テーブル
**************************************************/
/* divテーブル */
div.divTable {
  overflow: hidden; /* divの高さを揃えるための設定 */
  width: 100%;
  margin: 0 auto;
  padding-bottom: 2px;
  text-align: left;
  background-color: #FFFFFF;
}
div.divTable_th,
div.divTable_td {
  float: left;
  margin-bottom: -32768px; /* divの高さを揃えるための設定 */
  padding-bottom: 32768px; /* divの高さを揃えるための設定 */
  padding-left: 5px;
  word-wrap: break-word;
}
div.divTable_th {
  padding-top: 5px;
  background-color: #F5F5F5;
}
div.divTable_td { padding-top: 3px; }

/* divテーブル(左ヘッダ, 行間広め) */
.tbl_left_header {
  text-align: left;
  margin: 20px auto;
  overflow: hidden; /* divの高さを揃えるための設定 */
  background: #FFFFFF;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.tbl_left_header .tr,
.tbl_left_header .tr_top {
  background: url(../images/line_dot_2.gif) repeat-x 0px 0px;
  padding-bottom: 7px;
}
.tbl_left_header .tr_top { background: none; }
.tbl_left_header .tr_top .th { background: #F5F5F5; }
.tbl_left_header .th,
.tbl_left_header .td {
  float: left;
  word-wrap: break-word;
  padding-bottom: 32768px; /* divの高さを揃えるための設定 */
  margin-bottom: -32768px; /* divの高さを揃えるための設定 */
  padding-top: 7px;
  padding-left: 10px;
}
.tbl_left_header .th {
  width: 180px;
  padding-top: 12px;
  padding-right: 15px;
  color: #2a548c;
  background: #F5F5F5 url(../images/line_dot_2.gif) repeat-x 0px 0px;
}
.tbl_left_header .th .title {
  display: block;
  float: left;
}
.tbl_left_header .td.str {
  width: 420px;
  margin-top: 3px;
}
.tbl_left_header .th.ssize { width: 120px; }

/* リストテーブル */
.listTable td,
.listTable th {
  padding: 3px 5px;
  white-space: nowrap;
  border: 1px solid #CCCCCC;
}
.listTable th { text-align: center; }
.listTable td { text-align: left; }
.listTable td.noborder { border-width: 0; }
.listTable td div {
  overflow: hidden;
  white-space: nowrap;
}
.listTable td div.wrap {
  white-space: normal;
  word-wrap: break-word;
}
.listTable td.noRightborder {
  padding: 3px 5px;
  white-space: nowrap;
  border-width: 0;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.listTable td.noLeftborder {
  padding: 3px 5px 3px 0px;
  white-space: nowrap;
  border-width: 0;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

/**************************************************
 jQuery UI CSSの上書き
**************************************************/
/* Component containers
----------------------------------*/
/* original
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }
*/
/* ↓完全上書き↓ */
.ui-widget { font-family: arial,helvetica,clean,sans-serif; font-size: 100%; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: arial,helvetica,clean,sans-serif; font-size: 100%; }
/* ↓カスタム上書き↓ */
.customDialog .ui-widget-content { border-width: 0; background: #FFFFFF; color: #000000; }
.customDialog .ui-widget-content a { color: #000000; }
.customDialog .ui-widget-header { border-width: 0; background: url(../images/dialog_header.gif) repeat-x; color: #000000; font-weight: bold; }
.customDialog .ui-widget-header a { color: #000000; }
/* ↓カスタム上書き（新規画像登録）↓ */
.ImageDialog .ui-widget-content { border-width: 0; background: #FFFFFF; color: #000000; }
.ImageDialog .ui-widget-content a { color: #000000; }
.ImageDialog .ui-widget-header { border-width: 0; background: url(../images/dialog_header.gif) repeat-x; color: #000000; font-weight: bold; }
.ImageDialog .ui-widget-header a { color: #000000; }

/*button text element */
/* original
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
*/
/* ↓完全上書き↓ */
.ui-button .ui-button-text { display: block; line-height: 25px;  }
.ui-button-text-only .ui-button-text { padding: 0px; }

/* Dialog containers
----------------------------------*/
/* original
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
*/
/* ↓カスタム上書き↓ */
.customDialog  { text-align: center; border: 1px solid #5F5D5D; padding: 0px; }
.customDialog .ui-dialog-titlebar { text-align: center; padding: 5px 10px; position: relative; }
.customDialog .ui-dialog-title { float: none; margin: 0px; }
.customDialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.customDialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.customDialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.customDialog .ui-dialog-content { border-width: 0; padding: 5px 10px; background: none; overflow: auto; zoom: 1; }
.customDialog .ui-dialog-buttonpane { text-align: center; border-width: 0; background-image: none; margin: 0px; padding: 5px 5px 10px 5px; }
.customDialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; }
.customDialog .ui-dialog-buttonpane button { float: none; margin: 0px 5px ; cursor: pointer; padding: 0px; line-height: 25px; width: 125px; overflow:visible; }
.customDialog .ui-dialog-buttonpane button:hover,
.customDialog .ui-dialog-buttonpane button:focus { background: url(../images/btn_common.gif) no-repeat 0 -75px; }
.customDialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.customDialog .ui-draggable .ui-dialog-titlebar { cursor: move; }
/* ↓カスタム上書き（新規画像登録）↓ */
.ImageDialog  { text-align: center; border: 1px solid #5F5D5D; padding: 0px; }
.ImageDialog .ui-dialog-titlebar { text-align: center; padding: 5px 10px; position: relative; }
.ImageDialog .ui-dialog-title { float: none; margin: 0px; }
.ImageDialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ImageDialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ImageDialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ImageDialog .ui-dialog-content { border-width: 0; padding: 5px 10px; background: none; overflow: auto; zoom: 1; }
.ImageDialog .ui-dialog-buttonpane { text-align: center; border-width: 0; background-image: none; margin: 0px; padding: 5px 5px 10px 5px; }
.ImageDialog .ui-dialog-buttonpane button { margin: 5px 5px ; cursor: pointer; padding: 0px; line-height: 25px; width: 400px; overflow:visible; }
.ImageDialog .ui-dialog-buttonpane button:hover,
.ImageDialog .ui-dialog-buttonpane button:focus { background: url(../images/btn_common.gif) no-repeat 0 -25px; }
.ImageDialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ImageDialog .ui-draggable .ui-dialog-titlebar { cursor: move; }

/* Interaction states
----------------------------------*/
/* original
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: ; color: #555555; outline: none; }
*/
/* ↓カスタム上書き↓ */
.customDialog .ui-state-default { border:0px; background: url(../images/btn_common.gif) no-repeat 0 -50px; color: #000000; width: 125px; height: 25px; text-align: center; vertical-align: middle; }
/* ↓カスタム上書き（新規画像登録）↓ */
.ImageDialog .ui-state-default { border:0px; background: url(../images/btn_common.gif) no-repeat 0 0; color: #000000; width: 125px; height: 25px; text-align: center; vertical-align: middle; }
/* Corner radius */
/* ↓完全上書き↓ */
/* original
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
*/
.ui-corner-all { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }

/* Datepicker
----------------------------------*/
/* original
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
*/
/* ↓カスタム上書き↓ */
.ui-datepicker { font-size: 85%; /* 11px */ display: none; /* for IE */ }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: pointer; }
.ui-datepicker .ui-datepicker-title { margin: 0 auto; width: 100px; }
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: left; }
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month { float: right; }
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: auto; }
.ui-datepicker td span, .ui-datepicker td a { text-align: center; }
.ui-datepicker td { text-align: center; font-weight: bold; }
.ui-datepicker-trigger { cursor: pointer; margin-left: 5px; vertical-align: bottom;}
/* IE6 */
iframe.ui-datepicker-cover { display: none; }

/* loader
----------------------------------*/
.loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height:100%;
  background: rgba(0,0,0,0.3);
  color: #fff;
}
.loader-animation {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 40px;
  animation: spinner 1.1s infinite;
}
.loader-text {
  position: absolute;
  top: 0;
  left: -32px;
  font-size: 25px;
}
@keyframes spinner {
  0%,
  100%  { box-shadow: 0em -2.6em 0em 0em #f5f5f5, 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.5), -1.8em -1.8em 0 0em rgba(0,0,0, 0.7); }
  12.5% { box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.7), 1.8em -1.8em 0 0em #f5f5f5, 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.5); }
  25%   { box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.5), 1.8em -1.8em 0 0em rgba(0,0,0, 0.7), 2.5em 0em 0 0em #f5f5f5, 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2); }
  37.5% { box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.5), 2.5em 0em 0 0em rgba(0,0,0, 0.7), 1.75em 1.75em 0 0em #f5f5f5, 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2); }
  50%   { box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.5), 1.75em 1.75em 0 0em rgba(0,0,0, 0.7), 0em 2.5em 0 0em #f5f5f5, -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2); }
  62.5% { box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.5), 0em 2.5em 0 0em rgba(0,0,0, 0.7), -1.8em 1.8em 0 0em #f5f5f5, -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2); }
  75%   { box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.5), -1.8em 1.8em 0 0em rgba(0,0,0, 0.7), -2.6em 0em 0 0em #f5f5f5, -1.8em -1.8em 0 0em rgba(0,0,0, 0.2); }
  87.5% { box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.5), -2.6em 0em 0 0em rgba(0,0,0, 0.7), -1.8em -1.8em 0 0em #f5f5f5; }
}

/*********** for debug ****************/
.debug  { border: 1px solid #000; }
.debug2 { border: 1px solid #f00; }
.debug3 { border: 1px solid #0f0; }
.debug4 { border: 1px solid #00f; }
.debugbg { background: #f00; }