/* CSS雛型 */


/* タブ用ボタン */
.linkBtn{
  color:black;
  border-style:none;
  background-color:#ffc0cb;
  width:130px;
  height:15px;
}

.linkBtn2{
  color:black;
  border-style:none;
  background-color:#40e0d0;
  width:130px;
  height:15px;
}

.noLinkBtn{
  color:black;
  border-style:none;
  background-color:#dcdcdc;
  width:130px;
  height:15px;
}

.selected {
  border-top:solid 2px black;
  border-right:solid 2px black;
  border-left:solid 2px black;
  border-bottom:none;
  width:120px;
  height:12px;
  text-align:center;
}

.noselected {
  border-top:solid 2px #eeeeff;
  border-bottom:solid 2px black;
  width:120px;
  height:12px;
  text-align:center;
}

.frame{
  border-style: solid;
  border-color: #000000;
  border-width:1px;
}

/* input要素 */
input{
  padding-left:1px;
  padding-top:0px;
  padding-bottom:0px;
  height:18px;
  font-size:11pt;
  font-family:"ＭＳ ゴシック",Osaka;
}

input.code{/* コード入力 */
/*
  コード入力部用スタイル(おそらく受注サブシステム専用)
  コード入力を行う項目に適用してください。
  IMEモードがoff固定となり、小文字が自動的に大文字となって入力されます。
  なお、半角カナなどをコードとして入力してもよい項目では使用できません。
  別途スタイルを定義してください。
*/
  ime-mode:disabled;
  text-transform:uppercase;
}

input.number{/* 数値入力 */
/*
  金額や年数，日付など、数値入力を行う項目に適用してください。
  IMEモードがoff固定となります。
*/
  ime-mode:disabled;
  text-align:right;
}

input.attentionnumber{/* 数値入力(注意) */
/*
  システム自動計算による上書き時等に、黄色くする。
*/
  ime-mode:disabled;
  text-align:right;
  background-color: #ffff99
	}


input.lnumber{/* 数値入力(左寄せ) */
/*
  郵便番号、電話番号等の左寄せ数値入力を行う項目に適用してください。
  IMEモードがoff固定となります。
*/
  ime-mode:disabled;
  text-align:left;
}

input.nchar{/* 全角文字入力 */
/*
  今のところ何も行いません。
  今後のための予備と、識別のために作りました。
  場合によっては ime-mode:active を入れることも考えています。
  (勝手にonになるのはかえって面倒と思うのではずしてあります)
*/
}

input.achar{/* 半角文字入力 */
  text-transform:uppercase;
}

input.uchar{/* mail,url用 */
/*
  今のところ何も行いません。
  今後のための予備と、識別のために作りました。
  場合によっては ime-mode:inactive を入れることも考えています。
  (勝手にoffになるのはかえって面倒と思うのではずしてあります)
*/
}

input.date{/* 日付文字入力 */
  ime-mode:disabled;
}

input.dnchar{/* 子画面からの全角文字反映表示 */
  background-color: #eeeeff;
  border-style:none;
  padding-top:3px;
}

input.dachar{/* 子画面からの半角文字反映表示 */
  background-color: #eeeeff;
  border-style:none;
  padding-top:3px;
  /* 子画面からJavaScriptで文字を親画面のテキストボックス
     に反映させるときに、親画面側では入力不可項目の場合、
     テキストボックスの枠線を消して、テキストボックスでな
     いように見せます */
}

input.danumber{/* 子画面からの半角数値反映表示 */
  background-color: #eeeeff;
  border-style:none;
  padding-top:3px;
  text-align:right;
}

select{
  font-size:11pt;
  font-family:"ＭＳ ゴシック",Osaka;
}

textarea{
  font-size:11pt;
  font-family:"ＭＳ ゴシック",Osaka;
}

/*-------------------------------------------------------------------*/
/*--ここから上は、M@INのbasic.cssからコピー--------------------------*/
/*--ここから下は、工場web独自----------------------------------------*/
/*-------------------------------------------------------------------*/
body { /* body */
  color: #000000;
  leftmargin:0;
  rightmargin:0;
  topmargin:0;
  marginwidth:0;
  marginheight:0;
  font-size:11pt;
  font-family:"ＭＳ ゴシック",Osaka;
}

#systemname{ /* システム名領域 */
  position: absolute;
  width: 190px;
  height: 30px;
  top: 5px;
  left: 0px;
  border: none;
  background-color: #FFFFFF;
  padding-top: 0px;
  padding-left: 0px;
}

#tabmenu{ /* タブ・制御ボタン領域 */
  position: absolute;
  width: 535px;
  height: 27px;
  top: 8px;
  left: 190px;
  border: none;
  background-color: #FFFFFF;
  padding-top: 0px;
  padding-left: 0px;
}

#ctlbtn{ /* 制御ボタン領域 */
  position: absolute;
  width: 270px;
  height: 30px;
  top: 5px;
  left: 725px;
  border: none;
  background-color: #FFFFFF;
  padding-top: 0px;
  padding-left: 0px;
}

#underbar{ /* アンダーバー領域 */
  position: absolute;
  width: 995px;
  height:8px;
  top: 35px;
  left: 0px;
  border: none;
  font-size:1pt;
  background-color: #000099;
  padding-top: 0px;
  padding-left: 0px;
}

#displayname{ /* タイトル領域 */
  position: absolute;
  width: 700px;
  height: 29px;
  top: 43px;
  left: 0px;
  font:11pt;
  border: none;
  background-color: #FFFFFF;
  padding-top: 0px;
  padding-left: 0px;
}

#message{ /* メッセージ領域 */
  position: absolute;
  width: 700px;
  height: 16px;
  top: 72px;
  left: 0px;
  font:11pt;
  border: none;
  background-color: #EEEEFF;
  padding-top: 0px;
  padding-left: 10px;
}

#reference{ /* 問い合わせ先領域 */
  position: absolute;
  width: 290px;
  height: 41px;
  top: 45px;
  left: 705px;
  font:11pt;
  border: none;
  background-color: #FFFFFF;
  padding-top: 0px;
  padding-left: 0px;
}

#workarea{ /*業務固有領域 */
  position: absolute;
  width: 995px;
  height: 545px;
  top: 105px;
  left: 0px;
  font:11pt;
  border: none;
  background-color: #FFFFFF;
  padding-top: 0px;
  padding-left: 0px;
}

#workbtn{ /*業務ボタン領域 */
  position: absolute;
  width: 995px;
  height: 30px;
  top: 660px;
  left: 0px;
  font:11pt;
  border: none;
  background-color: #FFFFFF;
  padding-top: 0px;
  padding-left: 0px;
}

#workbtn2{ /*業務ボタン領域 */
  position: absolute;
  width: 995px;
  height: 30px;
  top: 674px;
  left: 0px;
  font:11pt;
  border: none;
  background-color: #FFFFFF;
  padding-top: 0px;
  padding-left: 0px;
}

th,td,input {
font-family:'ＭＳ ゴシック'; font-size:11pt;
}

/* リンク */
a.page:hover{	/*マウスを乗せたとき*/
  background-color : #FFFF66;
}
a.page:link{/*通常のテキスト*/
  color: #0000CC;
}
a.page:visited{/*訪問済みテキスト*/
  color: #0000CC;
}

/*----------項目タイトル欄に使用するもの-------------------------------------*/
.title{ /*文字が黒で、背景が紫色で、左詰め、改行しない*/
	color: #000000;
	background-color: #E0CCFF;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
	padding-left: 6px;
}

.ctitle{ /*文字が黒で、背景が紫色で、センタリング、改行しない*/
	color: #000000;
	background-color: #E0CCFF;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
}

.rtitle{ /*文字が黒で、背景が紫色で、右詰め、改行しない*/
	color: #000000;
	background-color: #E0CCFF;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
	padding-right: 6px;
}

/*-----------データ欄に使用するもの-------------------------------------*/
.value{ /*背景が水色で、左詰め、改行しない*/
	background-color: #E6F0FF;
	vertical-align: middle;
	text-align:left;
	white-space: nowrap;
	padding-left: 6px;
}

.cvalue{ /*背景が水色で、センタリング、改行しない*/
	background-color: #E6F0FF;
	vertical-align: middle;
	text-align:center;
	white-space: nowrap;
}

.rvalue{ /*背景が水色で、右詰め、改行しない*/
	background-color: #E6F0FF;
	vertical-align: middle;
	text-align:right;
	white-space: nowrap;
	padding-right: 6px;
}

.valuesp{ /*強調文字用　背景が明るい水色で、左詰め、改行しない*/
	background-color: #B3FFFF;
	vertical-align: middle;
	text-align:left;
	white-space: nowrap;
	padding-left: 6px;
}

.cvaluesp{ /*強調文字用　背景が明るい水色で、センタリング、改行しない*/
	background-color: #B3FFFF;
	vertical-align: middle;
	text-align:center;
	white-space: nowrap;
}

.rvaluesp{ /*強調文字用　背景が明るい水色で、右詰め、改行しない*/
	background-color: #B3FFFF;
	vertical-align: middle;
	text-align:right;
	white-space: nowrap;
	padding-right: 6px;
}

.exT{
	background-color:#FFFFFF !important;

}

.message_error{
	color:red;
}

.message_normal{
	color:blue;
}

input[type="text"], input[type="password"]{
	height: 14px;
	margin-bottom: 1px;
	margin-top: 1px;
}

#searchOption input, #searchOption label{
	height: 14px;
	margin-bottom: 1px;
	margin-top: 1px;
	vertical-align: middle;
}

#searchOption select{
	margin-bottom: 1px;
	margin-top: 1px;
}

.tableBorderColor1 {
	border-color:#006fddff #b9dcffff #b9dcffff #006fddff;
}

.tableBorderColor1 td {
	border-color:#006fdd #b9dcff #b9dcff #006fdd;
}

.tableBorderColor2 {
	border-color:#000000ff #0099ffff #0099ffff #000000ff;
}

.tableBorderColor2 td {
	border-color:#0099ff;
}