@charset "UTF-8";
/* CSS Document */

.cake-error{font-size: 16px;line-height: 20px; clear: both; z-index:100;   position:relative; top:40px;}
th a.asc:after {content: ' ↓';}
th a.desc:after {content: ' ↑';}
th.hissu:after {content: '*'; color:#f66;}
td.hissu:after {content: '*'; color:#f66;}

body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 12px; color: #333; margin:0px; padding:0px; }
.select_font { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 12px; color: #333; margin:0px; padding:0px; }
html,body { height:100%; }
table.list { border-collapse:collapse; }
table.list td, table.list th { border:1px solid #9CA2CB; }
table.list th { background-color:#d8e9f1; color:#666; }
table.list td.noborder { border:none; }
table.list th.head2 { background-color:#ffdff3; }
#fixed_col td { height: 21px; }
#scroll_col td { height: 21px; }
.fctitle { font-size:16px; font-weight:600; color:#405A79; }
.navi { line-height:16px; }
.holiday { background-color:#FFCCCC; }
.current { background-color:#FFFF99; }
.kekkin  { background-color:#F0F0F0; }
.kairi   { background-color:#FF9799;  }
.nextshonin { background-color:#FFFFB8; }
.blank { background-color:#FFFFFF; }
.info_title { color:#fff; font-size:15px; background-image:url(../../img/common/info_title_bg.gif); background-repeat:repeat-x; }
.errrow { background-color:#FF9999; }
.form-error {background-color:#FF9999;border: 1px solid red;}
.gray { background-color:#CCCCCC; }

select:disabled {color:#000000; background-color:#e0e0e0;}

table.noborder td { border:none; }
a { text-decoration:none; }
a:link { color:#36F; }
a:visited { color:#36F; }
a:hover { color:#F00; }
p.info { margin:1em; color:#F63; line-height:120%; }

/* message   */
.error { color:#f00; text-align:left; font-weight: bold; }      /*エラーメッセージ*/
.warn { color:#959; text-align:left; }       /*警告メッセージ*/
.info { color:#000; text-align:left; }       /*インフォメーションメッセージ*/
.caution{ color:#f00; text-align:left; }     /*画面表示用情報メッセージ */

/** alert cell*/
.alert_lv1 { background-color:#FFFF66; }
.alert_lv2 { background-color:#FFCC66; }
.alert_lv3 { background-color:#FF9999; }

input{line-height:16px;}
input.char { text-align:left; ime-mode: disabled}
input.activechar { text-align:left; ime-mode: active}
input.inactivechar { text-align:left; ime-mode: inactive}
input.num { text-align:right; ime-mode: disabled}
input.kingaku { text-align:right; ime-mode: disabled}
input.kyori   { text-align:right; ime-mode: disabled}
input.caltime { text-align:right; ime-mode: disabled}
input.time { text-align:right; ime-mode: disabled}
input.numhour { text-align:right; ime-mode: disabled}
input.sumhour { text-align:right; ime-mode: disabled}
input.numsumhour { text-align:right; ime-mode: disabled}
input.date { text-align:right; ime-mode: disabled}
input.datepicker { text-align:right; ime-mode: disabled}
input.datepickersel { text-align:right; ime-mode: disabled}
input.ympicker { text-align:right; ime-mode: disabled}
input.readonly {background-color: #e0e0e0; border: solid 1px #aaa;}
input[type="text"] {border: solid 1px #ccc;}
input[type="password"] {border: solid 1px #ccc;}
textarea.readonly {background-color: #e0e0e0; border: solid 1px #aaa;}
textarea.activechar { ime-mode: active}
textarea.inactivechar { ime-mode: inactive}
textarea {border: solid 1px #ccc;}
.clip_txt_ss { overflow: hidden; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin:0px; padding:0px; width:78px; }
.clip_txt_s { overflow: hidden; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin:0px; padding:0px; width:82px; }
.clip_txt { overflow: hidden; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin:0px; padding:0px; width:94px; }
.clip_txt_l { overflow: hidden; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin:0px; padding:0px; width:114px; }
.clip_txt_ll { overflow: hidden; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin:0px; padding:0px; width:154px; }


img { vertical-align:-5px;}
form .error-message {color: #FF2424;font-weight: bold;}

#wrapper {position: absolute; top:0; left:0; width: 100%; height: 100%;z-index:300; color: #fff;background:#fff;filter:alpha(opacity=50);text-align: center;opacity:0.5;}
#wrapper p {position: relative;left: 0%;top: 30%;width: 200px;margin: 0 auto;}
#wrapper img { padding: 10px;}

#fix_header_title   {z-index:500;position:fixed;}
#fix_app_header     {z-index:200;position:fixed;}

dl { line-height:16px; margin:0em; }
dt { margin-left:1em; cursor:pointer; }
dt:hover {color:#f00;}
dt:before{content:url(../../img/common/icon_plus.gif); vertical-align:top; }
dt.open:before {content:url(../../img/common/icon_minus.gif); vertical-align:top; }
dt.noChildmenu:before {content:none;}
dd { display:none; margin-left:2em; }
a.tooltip:hover {
     background: #ffffff;     /* IE6以下で必要 */
     text-decoration: none;
}
a.tooltip span {
     display: none;
     padding: 8px;
     font-size: 12px;
     margin-left: 8px;
     line-height: 1.6;
}
a.tooltip:hover span{
     display: inline;
     position: absolute;
     background-color: #FFF7EE;
     border: 1px solid #cccccc;
     color: #000000;
     width: 200px;     /* a.tooltip spanに指定すると、IE6以下でspanの領域でマウスが反応してしまう */
}

.icon_shugyo { display: inline-block; padding-left:20px;  background: url(../../img/common/icon_shugyo.gif) no-repeat left center; }
.icon_jinji  { display: inline-block; padding-left:20px;  background: url(../../img/common/icon_jinji.gif) no-repeat left center; }
.icon_ryohi  { display: inline-block; padding-left:20px;  background: url(../../img/common/icon_ryohi.gif) no-repeat left center; }
.icon_ninyo  { display: inline-block; padding-left:20px;  background: url(../../img/common/icon_ninyo.gif) no-repeat left center; }
.icon_toku   { display: inline-block; padding-left:20px;  background: url(../../img/common/icon_toku.gif) no-repeat left center; }