﻿/***
**** 各Contents画面共通css
***/

table, tr, th, td 
{
	white-space:nowrap;
    word-break:keep-all;
}

/** hr(水平線)色つき **/
hr.hrNavy
{
	color:Navy;
}

/** 小さめ文字 **/
.txtSmaller
{
	font-size:10px;
}

/** ログイン画面の見出し **/
.txtBlue
{
	/*color:#4169E1;*/
	color: Navy;
 

}

/** 必須項目 **/
.required 
{
	font-size:12px;
}
/** 数値項目(右寄せ) **/
.txtRight 
{
	text-align:right;
}
/** 警告 **/
.txtWarning
{
    font-weight:bold;
    color:Red;
}

/** 廃止になったデータ **/
.txtHaishi
{
    color:Gray;
}

/** 変更不可データ **/
.lblNoChange
{
    color:Gray;
    text-align:right;
    border-color:White;
}

/** 一覧のボタン **/
#divCommandLeft 
{
	float:left;
}
#divCommandRight 
{
	/*float:right;*/
}
/** 一覧のDIV **/
#divList
{
	overflow:auto;
	/*height:520px;*/
}
/** 一覧のヘッダ固定 **/
.Freezing
{
    position: relative;
    top:expression(this.offsetParent.scrollTop-1);
    z-index: 10;
} 
.FreezingCol
{
    position: relative;
    top:expression(this.offsetParent.scrollTop);
    z-index: 10;
    margin-top:-2px;
    background-color:White;
    color:Navy;
    height:28px;
}

/** 一覧の行スタイル **/
.listHeader
{
    background-color:#87CEEB;
}
.listItem 
{
	background-color:White;
}
.listAlternate 
{
	background-color:#ccffff;
}

/** 画面見出し用スタイル **/
.TitleTbl{
  height: 31px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-top:0px;
  margin-bottom:0px;
  padding:0;
}

.TitleLeft{
  height: 30px;
  width: 21px;
  background: url(../images/TitleLightBlue.png) -378px 0px no-repeat;
  float: left;
}

.TitleMiddle{
  height: 30px;
  /*width: 100px;*/
  text-align:center;
  font-size:14px;
  float: left;
  background: url(../images/TitleLightBlue.png) 0 0px no-repeat;
  white-space: normal;
}

.TitleRight{
  height: 30px;
  width: 21px;
  background: url(../images/TitleLightBlue.png) -357px 0px no-repeat;
  float: left;
}

/** ヨミガナ **/
.txtYomi 
{
	font-size: smaller;
	text-align:left;
}

/** 外枠のみ枠線を表示する **/
.tblFrame
{
	margin-bottom:10px;
}
.tblFrame th, .tblFrame td 
{
	border-width:0px;
}

/** 外枠のみ枠線を表示する(様式用) **/
.tblFrameYoushiki
{
	border:1px solid black;
	margin-bottom:10px;
}
.tblFrameYoushiki th, .tblFrameYoushiki td 
{
	border-width:0px;
}
/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
#content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(../images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

.collapsePanel2 {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader2{
	width:100%;
	height:30px;
	background-image: url(../images/bg-menu-main2.PNG);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

#content .collapsePanelHeader a {color:#FFF;}
#content .collapsePanelHeader a:hover {text-decoration:none;background:none;}
#content .collapsePanelHeader2 a {color:#FFF;}
#content .collapsePanelHeader2 a:hover {text-decoration:none;background:none;}

/** パスワードの強度を示すスタイル **/
.pwNG
{
     color:#676767;
     font-family:Arial;
     font-size:medium;
     font-weight:bolder;
     padding: 2px 3px 2px 3px;
}
.pwWeak
{
     color:#AA0033;
     font-family:Arial;
     font-size:medium;
     font-weight:bolder;
     padding: 2px 3px 2px 3px;
}
.pwNormal
{
     color:#F5AC00;
     font-family:Arial;
     font-size:medium;
     font-weight:bolder;
     padding: 2px 3px 2px 3px;
}
.pwStrong
{
     color:#6699CC;
     font-family:Arial;
     font-size:medium;
     font-weight:bolder;
     padding: 2px 3px 2px 3px;
}
.pwStronger
{
     color:#008000;
     font-family:Arial;
     font-size:medium;
     font-weight:bolder;
     padding: 2px 3px 2px 3px;
}

/** 任意検索(Excel01) **/
/** SELECT 句 **/
.tblSelect 
{
    /*width:760px;*/
    width:99%;
    padding:0;
    margin:0;
}
.tblSelect th 
{
	text-align:left;
}
.tblSelect td 
{
	background-color:White;
}
/*tblSelectの中のtableタグに。単数行用
＝SingleYoushiki_Click()を使用しているtableに使う
*/
.tblInner
{
	padding:0;
	margin:0;
	width:100%;
}
.tblInner th
{
	background-color:#D3DEEF;
	vertical-align:middle;
	border-right:solid 2px #D3D3D3;
}
.tblInner td
{
	border-right:solid 2px #D3D3D3;
}
/*右端のセルは右罫線不要*/
.tblInner .RmBorderRight
{
	border-right:none;
}
/*伸縮用バーのスタイル*/
.tblInner th.thHighLight
{
	background-color: lightskyblue;
}

/*tblSelectの中のtableタグに。複数行用
＝PluralYoushiki_Click()を使用しているtableに使う
*/
.tblInnerPlural
{
	padding:0;
	margin:0;
	width:100%;
}
.tblInnerPlural th
{
	background-color:#D3DEEF;
	vertical-align:middle;
	border-right:solid 2px #C0C0C0;
	border-bottom:solid 2px #C0C0C0;
}
.tblInnerPlural td
{
	border-right:solid 2px #C0C0C0;
	border-bottom:solid 2px #C0C0C0;
}
/*伸縮用バーのスタイル*/
.tblInnerPlural th.thHighLight
{
	background-color: lightskyblue;
}
/*最終行は下線不要*/
.tblInnerPlural .LastRow
{
	border-bottom:none;
}
/*右端のセルは右罫線不要*/
.tblInnerPlural .RmBorderRight
{
	border-right:none;
}

/** WHERE 句 **/
.thHighLight 
{
	background-color: lightskyblue;
}
/** ORDER 句 **/
#divFrame
{
    display:inline;
    width:95%;
}
#divBtnUpDown
{
    float:left; 
    text-align:right;
    width:5%;
    padding-right:5px;
    padding-top:20px;
}
#divOrder
{
    overflow:auto;
    height:80%;
    width:95%;
    float:right;
}
.gvOrderListItem
{
    background-color:White;
    border-color:Silver;
}
.gvOrderSelectedItem
{
    background-color:Pink;
    border-color:Silver;
}


/************ MaskedEdit Related Styles ***********************/
/*
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
*/
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

  /* 処理中表示用 */
.indicatorDiv {
	border: 1px solid #ee9a00;
	background-color: #ffffff;
	position: absolute;
	padding: 10px;
	text-align: center;
	/*left:380px;
	top:200px;*/
	left: 45%;
	top: 50px;
	width: 300px;
	height: 10px;
	z-index: 10000;
}

.indicator {
	color: Red;
	font-weight: bolder;
	font-size: 24px;
}

.indicatorDivBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 100;
}


/* 処理中表示(自力)用 */
.showProgress {
	background-color: White;
	position: absolute;
	left: 38%;
	top: 30%;
	width: 400px;
	/*	height: 140px; */
	z-index: 1000;
	text-align: center;
	vertical-align: middle;
}

/* 最終更新時のデータ */
.motoValue 
{
	text-align:right;
	font-weight:normal;
	color:#696969;
	border:solid 0px transparent;
}

/* Mainte03更新状況確認用 */
.Mainte03Table, .Mainte03Table td, .Mainte03Table th
{
    white-space:nowrap;
    word-break:keep-all;
}

/* 検索画面説明文 */
.SearchExplain
{
	padding:10px 0px;
}

/*調書アップロード画面Grid折り返し*/
.Orikaeshi
{
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
    word-break:break-all;		/*IE対策*/
 
}

/*Javaエラーメッセージ位置*/
table#JavaErrMsg
{
	position: absolute;
	top: 200px; 
	left: 400px;
}
