﻿/*********************************************************************
* 株式会社　エブリイ　（ＷＥＢ－ＥＤＩシステム）
* ComST.css(Ver5.16) 共通スクリプト(css)
* Created : 2019/08/02(V5.00) H.Fukao     Ozs(V4.08)よりコピーして作成
* Updated : 2019/11/18(V5.01) N.Matsumoto リンク部指定jquery-uiに従う
*         : 2019/12/04(V5.02) N.Matsumoto .ui-autocomplete追加
*         : 2019/12/27(V5.03) N.Matsumoto BODY Kosugiに!important追加
*         : 2020/01/15(V5.04) N.Matsumoto FORMに max-width:100%;追加(ヘッダー以下にTableでなくflexを使用してcenterじ入りきらない時左にスクロールしなくなるため)
*         : 2020/02/10(V5.05) N.Matsumoto BODY Kosugiに!important追加の記述誤り
*         : 2020/02/27(V5.06) N.Matsumoto ui buttonのpadding
*         : 2020/02/27(V5.07) N.Matsumoto ui buttonのpaddingはjsで0pxに
*         : 2020/03/13(V5.08) N.Matsumoto bodyを透過に(loadで表示)
*         : 2020/04/07(V5.09) N.Matsumoto font-size pt→pxに
*         : 2020/04/15(V5.10) N.Matsumoto ボタンサイズ標準Class名追加
*         : 2020/06/26(V5.11) N.Matsumoto bodyの透過を0.05→0.1に。opacityの後にセミコロン忘れ
*         : 2020/11/05(V5.12) N.Sugi      自作アラートレイアウト追加
*         : 2020/12/22(V5.13) N.Sugi      ヘッダー部テロップ(marquee)用レイアウト追加
*         : 2021/01/07(V5.14) N.Sugi      ヘッダーボタン文字列を折り返ししないように
*         :                               検索結果表示/詳細検索条件設定ボタンスタイル追加(.BSize_ds1を修正し使用)
*         : 2021/01/07(V5.14) N.Matsumoto リンクcss元に(旧cssに)
*         : 2021/05/08(V5.15) N.Matsumoto font-sizeを12px→13pxに
*         : 2021/06/30(V5.16) N.Sugi      bodyの透過(opacity)コメントアウト
*********************************************************************/

/* WebFont https://fonts.google.com/?subset=japanese (IE以外でDL!) */
/* クライアントFontに依存いないFont */
/* kosugi-regular - latin (1:2フォント) https://google-webfonts-helper.herokuapp.com/fonts */
@font-face {
  font-family: 'Kosugi';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/kosugi-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Kosugi Regular'), local('Kosugi-Regular'),
       url('fonts/kosugi-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/kosugi-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/kosugi-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/kosugi-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/kosugi-v5-latin-regular.svg#Kosugi') format('svg'); /* Legacy iOS */
}

/* kosugi-maru-regular - latin (1:2フォント) https://google-webfonts-helper.herokuapp.com/fonts */
@font-face {
  font-family: 'Kosugi Maru';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/kosugi-maru-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Kosugi Maru'), local('KosugiMaru-Regular'),
       url('fonts/kosugi-maru-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/kosugi-maru-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/kosugi-maru-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/kosugi-maru-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/kosugi-maru-v5-latin-regular.svg#KosugiMaru') format('svg'); /* Legacy iOS */
}

/*
フォントサイズpt px対比
 6pt =  8px
 8pt = 10px
 9pt = 12px
10pt = 13px
11pt = 14px
12pt = 16px
*/


/* 全体指定 */
BODY { margin-left:0; margin-top:0; margin-right:0; margin-bottom:0; color: #000000; font-family: 'Kosugi','メイリオ','ＭＳ ゴシック','MS UI Gothic', 'Courier New', 'Verdana', 'Arial' !important; font-size: 14px;  background-color:#ffffff;}

FORM { margin-left:0; margin-top:0; margin-right:0; margin-bottom:0; max-width:100%;}

/* テーブル部指定 */
TH { color: #000000; font-family: 'Kosugi','ＭＳ ゴシック','MS UI Gothic', 'Courier New', 'Verdana', 'Arial'; font-size: 13px; }
TD { color: #000000; font-family: 'Kosugi','ＭＳ ゴシック','MS UI Gothic', 'Courier New', 'Verdana', 'Arial'; font-size: 13px; }

/* リンク部指定 2021/02/22 */
A:link    { color: #0000FF; text-decoration: none; }
A:visited { color: #0000FF; text-decoration: none; }
A:hover   { color: #FF00FF; text-decoration: none; /* font-weight: bold; */ }

/* 入力フィールド部指定 */
INPUT { color: #000000; font-family: 'Kosugi','ＭＳ ゴシック','MS UI Gothic', 'Courier New', 'Verdana', 'Arial'; font-size: 13px; }

.type_MG_06    { font-family: "Kosugi","ＭＳ ゴシック"; font-size:  8px; }
.type_MG_08    { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 10px; }
.type_MG_09    { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 12px; }
.type_MG_10    { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 13px; }
.type_MG_11    { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 14px; }
.type_MG_12    { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 16px; }
/* ASP.NET(VS.NET 7.1)はime-mode非サポート */
.type_MG_06_H  { font-family: "Kosugi","ＭＳ ゴシック"; font-size:  8px; ime-mode: disabled; }
.type_MG_08_H  { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 10px; ime-mode: disabled; }
.type_MG_09_H  { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 12px; ime-mode: disabled; }
.type_MG_10_H  { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 13px; ime-mode: disabled; }
.type_MG_11_H  { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 14px; ime-mode: disabled; }
.type_MG_12_H  { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 16px; ime-mode: disabled; }
.type_MG_06_HR { font-family: "Kosugi","ＭＳ ゴシック"; font-size:  8px; ime-mode: disabled; text-align: right; }
.type_MG_08_HR { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 10px; ime-mode: disabled; text-align: right; }
.type_MG_09_HR { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 12px; ime-mode: disabled; text-align: right; }
.type_MG_10_HR { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 13px; ime-mode: disabled; text-align: right; }
.type_MG_11_HR { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 14px; ime-mode: disabled; text-align: right; }
.type_MG_12_HR { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 16px; ime-mode: disabled; text-align: right; }
.type_MG_06_HC { font-family: "Kosugi","ＭＳ ゴシック"; font-size:  8px; ime-mode: disabled; text-align: center; }
.type_MG_08_HC { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 10px; ime-mode: disabled; text-align: center; }
.type_MG_09_HC { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 12px; ime-mode: disabled; text-align: center; }
.type_MG_10_HC { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 13px; ime-mode: disabled; text-align: center; }
.type_MG_11_HC { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 14px; ime-mode: disabled; text-align: center; }
.type_MG_12_HC { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 16px; ime-mode: disabled; text-align: center; }
.type_MG_06_Z  { font-family: "Kosugi","ＭＳ ゴシック"; font-size:  8px; ime-mode: active; }
.type_MG_08_Z  { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 10px; ime-mode: active; }
.type_MG_09_Z  { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 12px; ime-mode: active; }
.type_MG_10_Z  { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 13px; ime-mode: active; }
.type_MG_11_Z  { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 14px; ime-mode: active; }
.type_MG_12_Z  { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 16px; ime-mode: active; }
.type_MG_06_N  { font-family: "Kosugi","ＭＳ ゴシック"; font-size:  8px; ime-mode: inactive; }
.type_MG_08_N  { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 10px; ime-mode: inactive; }
.type_MG_09_N  { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 12px; ime-mode: inactive; }
.type_MG_10_N  { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 13px; ime-mode: inactive; }
.type_MG_11_N  { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 14px; ime-mode: inactive; }
.type_MG_12_N  { font-family: "Kosugi","ＭＳ ゴシック"; font-size: 16px; ime-mode: inactive; }

.color_Head01  { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#A4C0CC', gradientType='1') }
.color_Head02  { background-color : #FFC080 /* 中間ブルー background-color : "#99CAFF" */ }
.color_Head03  { background-color : #99DAFF }
.color_Head04  { background-color : #A0FFA0 }

.color_Item01  { background-color : #FFFFFF }
.color_Item02  { background-color : #DDF5F5 }
.color_Item03  { background-color : #FFE0E0 }
.color_Item04  { background-color : #DDF5F5 }
.color_Item05  { background-color : #D0FFD0 }

.HeadBlue1ST { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3568CC', endColorStr='#3568CC', gradientType='1') }
.HeadBlue1DW { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3568CC', endColorStr='#FFFFFF', gradientType='1') }
.HeadBlue1UP { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#000060', gradientType='1') }
.HeadBlue2ST { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#6799FF', endColorStr='#6799FF', gradientType='1') }
.HeadBlue2DW { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#6799FF', endColorStr='#FFFFFF', gradientType='1') }
.HeadBlue2UP { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#6799FF', gradientType='1') }

.HeadGreen1ST { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#009900', endColorStr='#009900', gradientType='1') }
.HeadGreen1DW { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#009900', endColorStr='#FFFFFF', gradientType='1') }
.HeadGreen1UP { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#009900', gradientType='1') }
.HeadGreen2ST { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#A4FFA4', endColorStr='#A4FFA4', gradientType='1') }
.HeadGreen2DW { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#A4FFA4', endColorStr='#FFFFFF', gradientType='1') }
.HeadGreen2UP { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#A4FFA4', gradientType='1') }

.HeadDkGreen2ST { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#A4C0CC', endColorStr='#A4C0CC', gradientType='1') }
.HeadDkGreen2DW { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#A4C0CC', endColorStr='#FFFFFF', gradientType='1') }
.HeadDkGreen2UP { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#A4C0CC', gradientType='1') }

.HeadOrange1ST { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F1582F', endColorStr='#F1582F', gradientType='1') }
.HeadOrange1DW { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F1582F', endColorStr='#FFFFFF', gradientType='1') }
.HeadOrange1UP { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#F1582F', gradientType='1') }
.HeadOrange2ST { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FCBC12', endColorStr='#FCBC12', gradientType='1') }
.HeadOrange2DW { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FCBC12', endColorStr='#FFFFFF', gradientType='1') }
.HeadOrange2UP { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#FCBC12', gradientType='1') }

/* dm2110用 */
.color_Holiday    { background-color : #FFE0C0 }

/* dmM08CA01用 */
.color_Sunday     { background-color : #FFBBFF }
.color_Satday     { background-color : #BBBBFF }
.color_Wekday     { background-color : #BBBBBB }

/* jquery用 dataTableクラス dataTableつけたいテーブルのクラスに 2016/11/05*/
.clsDataTable{}

/*
ASP.NET(VS.NET 7.1)は.aspxのディレクティブにResponseEncoding="shift-jis"を指定してください（デフォルトは"UTF-8"）。
<%@ Page Language="vb" ...  ResponseEncoding="shift-jis"%>
指定がないと日本語フォントに対する属性指定が正しく機能しません。
*/



/* Kbb専用 2007/11/21 N.Matsumoto */
/*         2007/11/24 T.Ishikawa  使用目安コメント追加 */


/* ＴＨヘッダー(中央寄せ) */
TH.HeadNameC {
	FONT-SIZE: 13px; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka";
}
/* ＴＨヘッダー(左寄せ) */
TH.HeadNameL {
	FONT-SIZE: 13px; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka";
}
/* ＴＨヘッダー(右寄せ) */
TH.HeadNameR {
	FONT-SIZE: 13px; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka";
}

/* ヘッダー(中央寄せ) */
TH.HeadNameBC {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #006666; TEXT-ALIGN: center; white-space:nowrap; background: #336C6A url("images/ui-bg_gloss-wave_50_6eac2c_500x100.png") 50% 50% repeat-x;
}
/* ヘッダー(左寄せ) */
TH.HeadNameBL {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #006666; TEXT-ALIGN: left; white-space:nowrap; background: #336C6A url("images/ui-bg_gloss-wave_50_6eac2c_500x100.png") 50% 50% repeat-x;
}
/* ヘッダー(右寄せ) */
TH.HeadNameBR {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #006666; TEXT-ALIGN: right; white-space:nowrap; background: #336C6A url("images/ui-bg_gloss-wave_50_6eac2c_500x100.png") 50% 50% repeat-x;
}

/* 背景(jqueryヘッダーと同様) */
/* ヘッダー(中央寄せ) */
TH.HeadNameBCjq {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; TEXT-ALIGN: center; white-space:nowrap; background: #cb842e url("images/ui-bg_gloss-wave_75_2191c0_500x100.png") 50% 50% repeat-x;
}
/* ヘッダー(左寄せ) */
TH.HeadNameBLjq {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; TEXT-ALIGN: left; white-space:nowrap; background: #cb842e url("images/ui-bg_gloss-wave_75_2191c0_500x100.png") 50% 50% repeat-x;
}
/* ヘッダー(右寄せ) */
TH.HeadNameBRjq {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; TEXT-ALIGN: right; white-space:nowrap; background: #cb842e url("images/ui-bg_gloss-wave_75_2191c0_500x100.png") 50% 50% repeat-x;
}

/* ヘッダー(中央寄せ) */
TD.ItemNameC {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #006666; TEXT-ALIGN: center; white-space:nowrap; background: #336C6A url("images/ui-bg_gloss-wave_50_6eac2c_500x100.png") 50% 50% repeat-x;
}
/* ヘッダー(左寄せ) */
TD.ItemNameL {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #006666; TEXT-ALIGN: left; white-space:nowrap; background: #336C6A url("images/ui-bg_gloss-wave_50_6eac2c_500x100.png") 50% 50% repeat-x;
}
/* ヘッダー(右寄せ) */
TD.ItemNameR {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #006666; TEXT-ALIGN: right; white-space:nowrap; background: #336C6A url("images/ui-bg_gloss-wave_50_6eac2c_500x100.png") 50% 50% repeat-x;
}

/* 背景赤 */
/* ヘッダー(中央寄せ) */
TD.ItemNameCr {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #DC5A82; TEXT-ALIGN: center; white-space:nowrap; background-image: url("images/T_bg_red.jpg");
}
/* ヘッダー(左寄せ) */
TD.ItemNameLr {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #DC5A82; TEXT-ALIGN: left; white-space:nowrap; background-image: url("images/T_bg_red.jpg");
}
/* ヘッダー(右寄せ) */
TD.ItemNameRr {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #DC5A82; TEXT-ALIGN: right; white-space:nowrap; background-image: url("images/T_bg_red.jpg");
}

/* 背景緑 */
/* ヘッダー(中央寄せ) */
TD.ItemNameCg {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #1E6E64; TEXT-ALIGN: center; white-space:nowrap; background-image: url("images/T_bg_green.jpg");
}
/* ヘッダー(左寄せ) */
TD.ItemNameLg {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #1E6E64; TEXT-ALIGN: left; white-space:nowrap; background-image: url("images/T_bg_green.jpg");
}
/* ヘッダー(右寄せ) */
TD.ItemNameRg {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #1E6E64; TEXT-ALIGN: right; white-space:nowrap; background-image: url("images/T_bg_green.jpg");
}

/* 背景紫 */
/* ヘッダー(中央寄せ) */
TD.ItemNameCp {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #1E6E64; TEXT-ALIGN: center; white-space:nowrap; background-image: url("images/T_bg_purple.jpg");
}
/* ヘッダー(左寄せ) */
TD.ItemNameLp {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #1E6E64; TEXT-ALIGN: left; white-space:nowrap; background-image: url("images/T_bg_purple.jpg");
}
/* ヘッダー(右寄せ) */
TD.ItemNameRp {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #1E6E64; TEXT-ALIGN: right; white-space:nowrap; background-image: url("images/T_bg_purple.jpg");
}

/* 背景オレンジ */
/* ヘッダー(中央寄せ) */
TD.ItemNameCo {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #1E6E64; TEXT-ALIGN: center; white-space:nowrap; background: #ff9900 url("images/T_bg_orange.png") 50% 50% repeat-x;
}
/* ヘッダー(左寄せ) */
TD.ItemNameLo {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #1E6E64; TEXT-ALIGN: left; white-space:nowrap; background: #ff9900 url("images/T_bg_orange.png") 50% 50% repeat-x;
}
/* ヘッダー(右寄せ) */
TD.ItemNameRo {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #1E6E64; TEXT-ALIGN: right; white-space:nowrap; background: #ff9900 url("images/T_bg_orange.png") 50% 50% repeat-x;
}

/* 背景灰色 */
/* ヘッダー(中央寄せ) */
TD.ItemNameCa {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #1E6E64; TEXT-ALIGN: center; white-space:nowrap; background-image: url("images/T_bg_gray.jpg");
}
/* ヘッダー(左寄せ) */
TD.ItemNameLa {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #1E6E64; TEXT-ALIGN: left; white-space:nowrap; background-image: url("images/T_bg_gray.jpg");
}
/* ヘッダー(右寄せ) */
TD.ItemNameRa {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #1E6E64; TEXT-ALIGN: right; white-space:nowrap; background-image: url("images/T_bg_gray.jpg");
}

/* 背景色なし */
/*  アイテム(中央寄せ) */
TD.ItemDataCn {
	FONT-SIZE: 13px; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; TEXT-ALIGN: center
}
/*  アイテム(左寄せ) */
TD.ItemDataLn {
	FONT-SIZE: 13px; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; TEXT-ALIGN: left
}
/*  アイテム(右寄せ) */
TD.ItemDataRn {
	FONT-SIZE: 13px; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; TEXT-ALIGN: right
}

/* アイテム(中央寄せ) */
TD.ItemDataC {
	FONT-SIZE: 13px; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #ffffdd; TEXT-ALIGN: center
}

/* アイテム(左寄せ) */
TD.ItemDataL {
	FONT-SIZE: 13px; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #ffffdd; TEXT-ALIGN: left
}

/* アイテム(右寄せ) */
TD.ItemDataR {
	FONT-SIZE: 13px; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #ffffdd; TEXT-ALIGN: right
}

/* アイテム(中央寄せ)(明細行毎の色違いの為使用) */
TD.ItemDataCa {
	FONT-SIZE: 13px; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #ddf5f5; TEXT-ALIGN: center
}

/* アイテム(左寄せ)(明細行毎の色違いの為使用) */
TD.ItemDataLa {
	FONT-SIZE: 13px; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #ddf5f5; TEXT-ALIGN: left
}

/* アイテム(右寄せ)(明細行毎の色違いの為使用) */
TD.ItemDataRa {
	FONT-SIZE: 13px; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; BACKGROUND-COLOR: #ddf5f5; TEXT-ALIGN: right
}

/* 背景(jqueryヘッダーと同様) */
/* ヘッダー(中央寄せ) */
TD.ItemNameCjq {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; TEXT-ALIGN: center; white-space:nowrap; background: #cb842e url("images/ui-bg_gloss-wave_75_2191c0_500x100.png") 50% 50% repeat-x;
}
/* ヘッダー(左寄せ) */
TD.ItemNameLjq {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; TEXT-ALIGN: left; white-space:nowrap; background: #cb842e url("images/ui-bg_gloss-wave_75_2191c0_500x100.png") 50% 50% repeat-x;
}
/* ヘッダー(右寄せ) */
TD.ItemNameRjq {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 20px; TEXT-ALIGN: right; white-space:nowrap; background: #cb842e url("images/ui-bg_gloss-wave_75_2191c0_500x100.png") 50% 50% repeat-x;
}

DIV.ItemDialog {
	FONT-SIZE: 13px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"; WHITE-SPACE: nowrap; HEIGHT: 22px; TEXT-ALIGN: center; white-space:nowrap;
}

/* グレーの細線テーブル */
TABLE.List1    { border: 1px solid #aaaaaa; border-collapse: collapse; }
TABLE.List1 th { border: 1px solid #aaaaaa; font-weight:normal; }
TABLE.List1 td { border: 1px solid #aaaaaa; }

/* GX用グレーの細線テーブル */
TABLE.ListGX1    { border: 1px solid #aaaaaa; border-collapse: collapse; }
TABLE.ListGX1 th { border: 1px solid #aaaaaa; text-align: left; }
TABLE.ListGX1 td { border: 1px solid #aaaaaa; vertical-align: top; }
/* TABLE.ListGX1 td { border: 1px solid #aaaaaa; vertical-align: top; BACKGROUND-COLOR: #ffffdd; } */

/* GX用線なしテーブル */
TABLE.ListGX0    { border: 1px none; border-collapse: collapse; }
TABLE.ListGX0 th { border: 1px none; text-align: left; }
TABLE.ListGX0 td { border: 1px none; }

   /*
   2008/06/06 T.Ishikawa
   _oldより抜粋
   2008/06/06以前に作成したプログラム用CSS
   */

/* 項目名の表示。テーブルのトップ */
TD.ItemName{
  /*ネスケではOK*/
  white-space:nowrap;
  /* word-wrap:normal;*/
  background-color: #000000;
  /*nowrap:now;*/
  /*font-color:#FFFFFF;これはできない*/
  color: #000000;
  text-align: center;
  height:27;
  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 13px; font-style: normal;

  border-width : 1px ;
  border-style : solid ;
  border-color : #dddddd ;
}

/* 旧ItemNameLと内容は同様 */
TD.ItemNameM_2{
  /*ネスケではOK*/
  white-space:nowrap;
  /*word-wrap:normal;*/
  background-color: #99C8FF;
  /*nowrap:now;*/
  /*font-color:#FFFFFF;これはできない*/
  color: #000000;
  text-align: center;
  height:27;
  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 14px; font-style: normal;

  border-width : 1px ;
  border-style : solid ;
  border-color : #dddddd ;
}

TD.ItemNameM{
  /*ネスケではOK*/
  white-space:nowrap;
  /*word-wrap:normal;*/
  background-color: #99DAFF;
  /*nowrap:now;*/
  /*font-color:#FFFFFF;これはできない*/
  color: #000000;
  text-align: center;
  height:27;
  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 14px; font-style: normal;

  border-width : 1px ;
  border-style : solid ;
  border-color : #dddddd ;
}

TD.ItemNameN{
  /*ネスケではOK*/
  white-space:nowrap;
  /*word-wrap:normal;*/
  background-color: #E0E0E0;
  /*nowrap:now;*/
  /*font-color:#FFFFFF;これはできない*/
  color: #000000;
  /* text-align: left; */
  height:27;
  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 14px; font-style: normal;

  border-width : 1px ;
  border-style : solid ;
  border-color : #dddddd ;
}

TD.ItemNameN_2{
  /*ネスケではOK*/
  white-space:nowrap;
  /*word-wrap:normal;*/
  background-color: #C0C0C0;
  /*nowrap:now;*/
  /*font-color:#FFFFFF;これはできない*/
  color: #000000;
  /* text-align: left; */
  height:27;
  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 14px; font-style: normal;

  border-width : 1px ;
  border-style : solid ;
  border-color : #dddddd ;
}

INPUT.CmnMenu {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; WIDTH: 300px; LINE-HEIGHT: 15pt
}

/* テキストボックス(幅：60px) */
INPUT.CmnHead60 {
	FONT-SIZE: 13px; WIDTH: 60px; LINE-HEIGHT: 16px
}

/* テキストボックス(幅：100px) */
INPUT.CmnHead100 {
	FONT-SIZE: 13px; WIDTH: 100px; LINE-HEIGHT: 16px
}

/* テキストボックス(幅：150px) */
INPUT.CmnHead150 {
	FONT-SIZE: 13px; WIDTH: 150px; LINE-HEIGHT: 16px
}

INPUT.CALENDER {
	TEXT-ALIGN: right
}

INPUT.CmnDialog {
	FONT-SIZE:13px; WIDTH: 90px; LINE-HEIGHT:13px
}

INPUT.TypeNum {
	TEXT-ALIGN: right
}

/* フォントカラー(青) */
TD.MenuMsgNormal {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0000ff; LINE-HEIGHT: 15pt
}
/* フォントカラー(赤) */
TD.MenuMsgSpecial {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ff0000; LINE-HEIGHT: 15pt
}

/* フォント(20p) */
TD.Header0 {
	FONT-SIZE: 20px; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"
}

/* フォント(12p) */
TD.Header1 {
	FONT-SIZE: 13px; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"
}

/* フォント(12p) */
TD.Header2 {
	FONT-SIZE: 13px; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"
}

/* フォント(18p) */
TD.Header3 {
	FONT-SIZE: 18px; FONT-STYLE: normal; FONT-FAMILY: "Kosugi","ＭＳ ゴシック", "Osaka"
}

/* Suggest(暗示型候補表示) 230→13pxで32桁分相当 420→13pxで60桁分相当 */
.Sug190 { position: absolute; background-color: #FFFFFF; border: 1px solid #CCCCFF; width: 192px; }
    div.Sug190 { padding: 1px; display: block; width: 190px; overflow: hidden; white-space: nowrap; }
            .select { color: #FFFFFF; background-color: #3366FF; }
            .over   { background-color: #99CCFF; }
.Sug230 { position: absolute; background-color: #FFFFFF; border: 1px solid #CCCCFF; width: 232px; }
    div.Sug230 { padding: 1px; display: block; width: 230px; overflow: hidden; white-space: nowrap; }
            .select { color: #FFFFFF; background-color: #3366FF; }
            .over   { background-color: #99CCFF; }
.Sug250 { position: absolute; background-color: #FFFFFF; border: 1px solid #CCCCFF; width: 252px; }
    div.Sug250 { padding: 1px; display: block; width: 250px; overflow: hidden; white-space: nowrap; }
            .select { color: #FFFFFF; background-color: #3366FF; }
            .over   { background-color: #99CCFF; }
.Sug350 { position: absolute; background-color: #FFFFFF; border: 1px solid #CCCCFF; width: 352px; }
    div.Sug350 { padding: 1px; display: block; width: 350px; overflow: hidden; white-space: nowrap; }
            .select { color: #FFFFFF; background-color: #3366FF; }
            .over   { background-color: #99CCFF; }
.Sug420 { position: absolute; background-color: #FFFFFF; border: 1px solid #CCCCFF; width: 422px; }
    div.Sug420 { padding: 1px; display: block; width: 420px; overflow: hidden; white-space: nowrap; }
            .select { color: #FFFFFF; background-color: #3366FF; }
            .over   { background-color: #99CCFF; }

/* 濃い場所用リンク部指定 */
a.TitleLink{ } 
    a.TitleLink:link{color:#FFFF22} 
    a.TitleLink:hover{color:#FF2222; text-decoration:underline;} 
    a.TitleLink:visited{color:#FFFF22} 

/* テキストボックスFocus色(jqueryで制御(ComST.sj+jquery.js)) */
.focus {  background: #ccfcfc;}

/* テキストボックスFocus色(jqueryで制御(ComST.sj+jquery.js)) 2013/12/12 H.Fukao */
.focus2 {  background: #DC5A82; color: #ffff88;}

/* IE10以降クリアボタン非表示 */
::-ms-clear {
       display: none;
}

/* placeholder(テキストボックス透かし文字(HTML5))の色 */
/*Webkit*/
input::-webkit-input-placeholder    {color: #aaa}
 
/*Firefox 19以降*/
input::-moz-placeholder    {color: #aaa}
 
/*Firefox 18以前*/
input:-moz-placeholder    {color: #aaa}
 
/*Windows IE*/
input:-ms-input-placeholder    {color: #aaa} 

/* ヘッダーボタン */
.header_btn {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    background: #FFFFFF linear-gradient(transparent 50%, #CCCCCC 0%);
    border-radius: 16px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
    white-space: nowrap; /* 2021/01/07 */
}
/* 2020/12/23 */
.header_btn:hover {
   color:#7ad;
}

/* テキストボックス修飾 2019/02/12 N.Matsumoto */
input{
    border:1px #CA7 solid;
    border-radius: 3px 3px 3px 3px;
}
textarea{
    border:1px #CA7 solid;
    border-radius: 3px 3px 3px 3px;
}
select {
    border: 1px #CA7 solid;
    border-radius: 3px 3px 3px 3px;
}

/* ボタンサイズ 2020/04/15 */
.BSize_cm1 { width:150px; height:32px } /* 登録 */
.BSize_ca1 { width:110px; height:32px } /* Cancel */
.BSize_rn1 { width:150px; height:32px } /* 実行 */
.BSize_ag1 { width:150px; height:32px } /* 集計 */

.BSize_ds1 { width: 120px; } /* 検索結果表示.詳細検索条件設定 2021/01/07 */
.BSize_ds2 { width:150px; height:32px } /* 表示  */
/* ui buttonのpadding 2020/02/27 N.Matsumoto */
/*input[type=submit], input[type=button] {
    padding: 2px;
}*/


/* 処理中パネル 2019/03/13 N.Matsumoto */
.FxLockScreen {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    opacity:0.6;
    filter:alpha(opacity=60);
}
.FxLockScreen_img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/* autocomplete用 2019/12/04 N.Matsumoto */
.ui-autocomplete {
    font-family: 'Kosugi' !important;
    max-height: 200px;
    width: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
    white-space: nowrap;
}

.ui-autocomplete-loading {
    background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
}

body {
    /*ComST.jsのloadでopacityを1に(表示)*/
    /* カット 2021/06/30 */
    /*-moz-opacity: 0.1;
    opacity: 0.1;*/
}

/*'▼2020/11/05▼*/

#alert_msg_filter {
    position:absolute;
    left:0px;
    top:0px;
    right: 0;
    bottom: 0;
    z-index:201;
    background:#ffffff;
    border-style:solid;
    border-width:0px;
    filter:Alpha(opacity=30); -moz-opacity:0.3; opacity:0.30;
    display:none;
}
#alert_msg_table {
    position: absolute;
    text-align:left;
    filter:Alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.00;
    z-index:202;
    display:none;
    background-color:#ffddbb;
    padding:20px;
    border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-top-right-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border:1px solid #9090C0;
    box-shadow:10px 10px 13px #777777;
}

#alert_msg {
    font-size: 13px;
}

.alert_msg_okbtn {
    text-align:center;
}
/*'▲2020/11/05▲*/

/* ヘッダー部テロップ(marquee)用(div) 2020/12/22 */
.marquee {
  width: 99%;
  overflow: hidden;
  position:absolute;
  /*left:440px;*/
  top: -3px;
  padding:10px;
}

/* ヘッダー部テロップ(marquee)用(span) 2020/12/22 */
.marquee div {
    background: #ffffff;
    box-shadow: 0px 0px 20px #ffffff;
    border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-top-right-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}

/************/
	