/* ------------------------------
エラーメッセージ用
------------------------------ */
.ErrorMsgStyle
{
	font-weight: bold;
	color:Red;
}
 /* ------------------------------
出力ボタン用
------------------------------ */
.btnSubmit
{
	height:29px;
	width: 71px;
}
 /* ------------------------------
出力ボタン用
------------------------------ */
.btnStyle
{
	height:29px;
}

.divProgress{
  display: none;
}
 /* ------------------------------
フッター用
------------------------------ */
.foot {
    border-top  :#999999 1px solid;
    width:1179px;
    padding:10px 0px 20px 0px;
    text-align:right;
    font-size:10px;

}
        
 /* ------------------------------
コード入力用(右寄せ)
------------------------------ */
.InputCodeStyle
{
    text-align: right;
    width : 65px;
    background-color :#FFFF99;
    ime-mode: disabled;
	font-size:14px;

}
 /* ------------------------------
コード入力用(左寄せ)
------------------------------ */
.InputCodeStyleEx
{
    text-align: left;
    width : 65px;
    background-color :#FFFF99;
    ime-mode: disabled; 
	font-size:14px;

}

 /* ------------------------------
日付入力用コントロールスタイル
------------------------------ */
.InputDateStyle
{
    width : 86px;
    text-align: right;
    background-color :#FFFF99;
	ime-mode: disabled;
	font-size:14px;
}


 /* ------------------------------
コンボボックス入力用コントロールスタイル
------------------------------ */
.InputDDLStyle
{
    width : 141px;
    background-color :#FFFF99;
    font-size:14px;
}

 /* ------------------------------
名称入力用コントロールスタイル
------------------------------ */
.InputNameStyle
{
    text-align: left;
    width : 141px;
    background-color :#FFFF99;
    height : 25px ;
    font-size:15px;

}

 /* ------------------------------
名称表示用コントロールスタイル
------------------------------ */
.DispNameStyle
{
    text-align: left;
    width : 141px;
    background-color :#e6e6e6;
    color:Black ;
    height : 20px ;
	font-size:15px;

}
 /* ------------------------------
ボタンスタイル
------------------------------ */
.btnStyle
{
	text-align :center;
}
 /* ------------------------------
画面全体
------------------------------ */
body
{
	/*フォームの文字サイズ*/
    font-size: 14px;
}
 /* ------------------------------
テーブルスタイル
------------------------------ */
.tablestyle
{
  font-family: arial;
  font-size: small;
  border: solid 1px #7f7f7f;
}

.altrowstyle
{
  background-color: #edf5ff;
}

input:focus {
background-color: #e0e0e0;
}

 /* ------------------------------
カレンダースタイル
------------------------------ */
.ajax__calendar

{
    position: relative;
    left: 0px !important;
    top: 0px !important;
    visibility: visible; display: block;
}

.ajax__calendar iframe 
{
    left: 0px !important;
    top: 0px !important;
}


 /* ------------------------------
テーブルヘッダスタイル(各画面の項目名用テーブル)
------------------------------ */
.tableHeaderStyle
{
	border-left: 1px solid #000000; 
	border-right: 1px solid #000000; 
	border-top: 1px solid #000000; 
	border-bottom: 0px solid #000000; 
	color: #FFFFFF; 
	background-color: #3366FF; 
	text-align: center;
	width: 112px;
    height: 0px;
    

}

 /* ------------------------------
グリッドビューヘッダスタイル
------------------------------ */
.headerstyle th
{
  background: url(image/sprite.png) repeat-x 0px 0px;
  border-color: #989898 #cbcbcb #989898 #989898;
  border-style: solid solid solid none;
  border-width: 1px 1px 1px medium;
  color: #000;
  padding: 4px 5px 4px 10px;
  text-align: center;
  vertical-align: bottom;
}


.headerstyle th a
{
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  color: #000;
  display: block;
  padding-right: 10px;
  
}
 /* ------------------------------
グリッドビューページングスタイル
------------------------------ */
.pagestyle
{
	background-color:#99CCCC;
	color:#003399;
	text-align:Left;
	Font-Size:15pt;
}

 /* ------------------------------
グリッドビュースタイル
------------------------------ */
.gvstyle
{
	background-color:White;
	border:none;
	border-color :#3366CC;
	border-style :none;
	border-width:1px;
}

 /* ------------------------------
グリッドビュー行スタイル
------------------------------ */
.rowstyle .altrowstyle
{
  background-color: #edf5ff;
}

.rowstyle td, .altrowstyle td
{
  padding: 4px 10px 4px 10px;
  border-right: solid 1px #cbcbcb;
  border-bottom : solid 1px #cbcbcb;
}

 /* ------------------------------
ハイパーリンクの文字色
マウスカーソルホバー時の文字色
------------------------------ */
.ChanForeColor{ color:white; }
A.ChanForeColor:hover{ color :Blue ; }


 /* -----------------------------------
CSV・PDF出力中の親画面のロック解除
------------------------------------ */
.lockOff
{
  display: none;
  visibility: hidden;
}

 /* -----------------------------------
CSV・PDF出力中の親画面のロック
------------------------------------ */
.lockOn
{
  display: block;
  visibility: visible;
  position: fixed;
  z-index: 999;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ccc;
  text-align: center;
  padding-top: 20%;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
.lockOn div /*処理中メッセージ表示箇所(div要素箇所)*/
{
  width: 55%;
  background-color: White;
  color: black;
  font-size: small;
  border: dotted 1px White;
  padding: 9px;
  margin-left: auto;
  margin-right: auto;
}

.modalBackground  
{  
    background-color:black;  
    filter:alpha(opacity=55);
    opacity:0.75;           
    zoom:1;               
} 
.clearfloat { clear: both; } 

.tableHeaderStyle
{
	border-left: 1px solid #000000; 
	border-right: 1px solid #000000; 
	border-top: 1px solid #000000; 
	border-bottom: 0px solid #000000; 
	color: #FFFFFF; 
	background-color: #3366FF; 
	text-align: center;
	width: 112px;
    height: 0px;

}

	
/* -----------------------------------
グリッドビューのページング設定


------------------------------------ */
/* 表示中のページ番号(文字色が水色に反転) */
.PagerStyle span
{
text-decoration: none;
color: #00FFFF; /*background-color:Black;*/
padding-left: 4px;
padding-right: 4px;
font-size:16px;
font-weight:bold ;
}

/* ページ番号毎の間隔　*/
.PagerStyle td
{
padding: 0.1em 0.2em 0.1em 0.2em;
}

/* 選択中のページ */

.PagerStyle a
{
font-size:16px;
text-decoration: none;
padding-left: 4px;
padding-right: 4px;
color:White ;

}

/* マウスオーバーした文字(背景色が水色に反転) */
.PagerStyle a:hover
{
color: White;
background-color: #99CCFF;
padding-left: 4px;
padding-right: 4px;
}

.GridStyleDiv
{
overflow:auto; 
width:100%;
height:800px; 
}

.GridStyle
{
	border: 2px solid Black;
	background-color :White;
		font-size:13px;
		margin-right: 0px;
}
.GridHeaderStyle th 
{
	font-weight:normal;
	font-size:13px;
	height:20px;
	background-color :#3366FF;
	}
/*
.GridHeaderStyle
{
position: sticky;
top: 0;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
  }
}
*/
thead {
  position: sticky;
  top: 0;
    &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 1000px;
    height: 100%;
    border: 1px solid #ccc;
  }
}
	
.GridHeaderStyle th 
{
     
	font-weight:normal;
	font-size:12px;
	height:14px;
	background-color :#3366FF;	
	}
 
.StepSideBar
{
	line-height :25px;		/*行間隔*/
}