/*--------------------*
  *    画面共通CSS     *
  *--------------------*/
 
 /*-----------------------------------------------------------------------------
    画面構成に関するCSS
    ※画面の構成を変更する場合、以下を全体的に調整してください。
 -----------------------------------------------------------------------------*/
 /* --- 調整開始 ---*/
 
 /*
  * --- 全画面対象 
  */
 body {
 	background-image: url(../img/back_contents.png);
 	background-repeat: repeat-x;
 	padding:0;
 	font-family:"ＭＳ ゴシック",sans-serif;
 	font-size:12px;
 }
 
 input,li,button {
 	font-family:"ＭＳ ゴシック",sans-serif;
 	font-size:12px;
 	line-height: 1.1;
 }
 
 td,th {
 	font-family:"ＭＳ ゴシック",sans-serif;
 	font-size:11.5px;
 	line-height: 1.1;
 }
 select {
 	font-family:"ＭＳ ゴシック",sans-serif;
 	font-size:11.5px;
 	height:18px;
 	line-height: 1.1;
 }
 
 /*
  * --- Main画面構成
  */
 /* Main画面全体を対象 */
 #mainBody
 {
 	margin:0;
 	min-width:1345px;	/* 1280*768の解像度に合わせて調整している */
 }
 
 /* ヘッダ領域 */
 #mainHeaderBack
 {
 	background-color:#333333;
 	color:#FFFFFF;
 }
 
 /* ヘッダ領域(ロゴや異常発生履歴個所) */
 #mainHeader
 {
 	height:110px;
 	width:1345px;
 	vertical-align:top;
 	white-space:nowrap;
 }
 
 /* ヘッダシステム状態領域 */
 #headerSts
 {
 	width:550px;
 	border-bottom:#222222 2px solid;
 }
 
 /* リンク領域 */
 #menuPath
 {
 	height:15px;
 	vertical-align:middle;
 	margin-left: 5px;
 }
 
 /* メニュー領域 */
 #menuItem
 {
 	height:35px;
 	vertical-align:middle;
 	border-top: 1px solid #000000;
 	border-bottom: 1px solid #000000;
 	/* IE8,9 */
 	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#3c4b59, EndColorStr=#12151b, GradientType=0);
 	/* IE10 */
 	background: linear-gradient(to bottom, #3c4b59,#12151b);
 }
 
 /* コンテンツ領域 */
 .mainBack
 {
 	background-image: url(../img/back_contents.png);
 	background-repeat: repeat-x;
 	color:#222222;
 }
 /* コンテンツ領域の背景 */
 .contentsBack
 {
 	background-color: #f0f0f0;
 	background-image:none;
 }
 
 /* タブなしコンテンツ領域の背景 */
 .ifrmContBack
 {
 	background-color: #f0f0f0;
 	background-image:none;
 	height:445px;
 }
 
 /* コンテンツ(iframe)領域 */
 #ifrm
 {
 	width:1345px;
 	height:465px;	/* IE8表示時の縦幅を基準 */
 }
 
 /*
  * --- タブあり画面 構成
  */
 /* タブ領域 */
 #tabArea
 {
 	height:22px;
 }
 
 /* タブコンテンツ(iframe)領域 */
 #ifrmSub 
 {
 	width:100%;
 	height:420px;/* IE8表示時の縦幅を基準 */
 }
 
 /* 監視一覧のタブコンテンツ(iframe)領域 */
 #ifrmStayAll
 {
 	width:100%;
 	height:96%;
 	border:dotted 1px #333333;
 }
 
 /*
  * --- コンテンツ領域(タブあり/なし画面共通) 構成
  */
 
 /* 左上のメニュー(画面)名領域 */
 .com_MenuName
 {
 	width:90%;
 	height: 20px;
 	font-weight : bold;
 	font-size : 14px;
 	text-align: left;
 	color:#222222;
 }
 
 /* 左上のメニュー(画面)の位置(通常用)。com_MenuNameと併用 */
 .com_MenuNamePos
 {
 	position: relative;
 	top: 6px;
 	left: 12px;
 }
 
 /* 左上のメニュー(画面)の位置。com_MenuNameと併用 */
 .com_MenuNameTabPos
 {
 	position: relative;
 	top: 0px;
 	left: 3px;
 }
 
 /* 左上のメニュー(画面)の位置。magin=0に設定している画面用。com_MenuNameと併用 */
 .com_MenuNameTab0MarginPos
 {
 	position: relative;
 	top: 7px;
 	left: 10px;
 }
 
 /* タブ無し画面のメイン(メニュー名とフッタ除く)領域 */
 .com_MainArea
 {
 	vertical-align:top;
 	height:390px;/* IE8表示時の縦幅を基準 */
 }
 
 /* タブ有り画面のメイン(メニュー名とフッタ除く)領域 */
 .com_SubArea
 {
 	height:350px;/* IE8表示時の縦幅を基準 */
 	vertical-align:top;
 }
 
 /* 通常画面のフッタ領域(設定/取消などのボタン個所) */
 .com_Footer
 {
 	height:20px;
 	padding:0px 20px 10px 0px;
 	text-align: right;
 }
 
 /* 子画面のフッタ領域(登録/閉じるなどのボタン個所) */
 .com_chdFooter
 {
 	padding:40px 20px 20px;
 	text-align: right;
 }
 
 /*--- 調整終了 ---*/
 
 /*-----------------------------------------------------------------------------
    メニューに関するCSS
 -----------------------------------------------------------------------------*/
 /*
  * --- メニュー
  */
 ul,li 
 {
 	margin: 0;
 	padding: 0;
 	list-style: none;	/* リストの記号消す */
 	font: bold 12px "ＭＳ ゴシック";
 }
 
 /*--- 常時表示するメニュー個所対象 ---*/
 .mainMenu a
 {
 	display: block;
 	position: relative;
 	width: 140px;
 	height: 34px;
 }
 
 .mainMenu a span
 {
 	display: block;
 	margin: 0;
 	position: absolute;
 	top: -34px;
 	clip: rect(34px 140px 68px 0);
 }
 /** 
 .mainMenu a
 {
 	display: block;
 	color: #ffffff;			/* 文字色:白 */
 	text-decoration: none;	/* リンク下線を消す */	
 }
  **/
 .mainMenu:after 
 {
 	display: block;
 	clear: both;
 	content: '';
 }
 
 .mainMenu li 
 {
 	position: relative;
 	float: left;
 	width: 140px;
 	line-height: 35px;			/* 文字縦位置 */
 	text-align: center; 		/* 文字中央揃え */
 /*  border-right: solid 1px #000000;	*//* メニュー間を区切る線 */
 }
 
 .mainMenu li a span:hover,
 .mainMenu li a span.menuSelect,
 .mainMenu li a span.menuShow
 {
 	display: block;
 	margin: 0;
 	position: absolute;
 	top: 0;
 	clip: rect(0 140px 34px 0);
 }
 
 .mainMenu li a:hover
 {
 	background: #49A3FF;		/* マウスがのった場合の背景色 */
 }
 
 .mainMenu li:hover > ul 
 {
   display: block;			/* マウスがのった場合、サブメニュー表示 */
 }
 
 /*--- サブメニュー ---*/
 .subMenu  
 {
   display: none;			/* 通常、サブメニュー非表示 */
   position: absolute;
 
 }
 
 .subMenu li
 {
 	float: none;
 	left: 2px;					/* メインメニューに合わせる為 */
 	background: #333333;		/* 背景色:メニューの色と合わせる */
 	text-align: left; 			/* 文字左寄せ */
 	width: 136px;
 	height: 32px;
 /*    border-right: solid 1px #404040; */	/* メニュー間を区切る線 */
 /*    border-left: solid 1px #404040; */		/* メニュー間を区切る線 */
 }
 
 .subMenu a.imgMenu
 {
 	display: block;
 	position: relative;
 	width: 136px;
 	height: 32px;
 }
 
 .subMenu li a.charMenu 
 {
 /*	color: #2875DE; */			/* 文字色:青 */
 	color: #DDDED3;				/* 文字色:メニューの文字色に合わせる */
 	font-weight: bold;
 	padding-left: 5px;
 	display: block;
 	position: relative;
 	width: 131px;				/* paddingの5px分を引く */
 	height: 32px;
 }
 
 .subMenu li a.imgMenu span
 {
 	display: block;
 	position: absolute;
 	top: -32px;
 	clip: rect(32px 136px 64px 0);
 }
 
 .subMenu li a.imgMenu span:hover,
 .subMenu li a.imgMenu span.menuSelect,
 .subMenu li a.imgMenu span.menuShow
 {
 	display: block;
 	position: absolute;
 	top: 0;
 	clip: rect(0 136px 32px 0);
 }
 
 .subMenu li a.charMenu:hover,
 .subMenu li a.charMenu.menuSelect,
 .subMenu li a.charMenu.menuShow
 {
 /*    background: #CCCCFF; */		/* マウスがのった場合の背景色:紫 */
 	padding-left: 5px;
 	background: #52A2C5;			/* マウスがのった場合の背景色 */
 	display: block;
 	position: relative;
 	width: 131px;					/* paddingの5pxを引く */
 	height: 32px;
 }
 
 .subMenu li ul 
 {
 	top: 0;
 	left: 136px;
 }
 
 /*-----------------------------------------------------------------------------
  全体
 -----------------------------------------------------------------------------*/
 /* ラベル付き枠 */
 fieldset
 {
 	padding: 0px 20px;
 	border: 1px #222222 solid;
 	display: inline;
 }
 
 legend {
 	color:#222222;
 }
 /*-----------------------------------------------------------------------------
  タブ形式画面
 -----------------------------------------------------------------------------*/
 /* タブメニュー[ul:id] */
 #tabmenu {
 	margin:0;
 	padding:0 0 10px 0;
 }
 
 #tabmenu li {
 	float: left;
 	list-style:none;
 	padding-right:3px;
 }
 #tabmenu li a {
 	background-color:#506473;
 	display: block;
 	width: 100%;
 	text-align: center;
 	margin:0 10px 0 0;	/* 右marginで隣との隙間 */
 	padding:4px 0;
 	text-decoration:none;	/* 下線なしリンク */
 	border: 1px solid #ccc;
 	border-bottom: 0;
 	color: #fff;
 	font-weight:normal;
 	font-family:"ＭＳ ゴシック",sans-serif;
 	font-size:13px;
 }
 #tabmenu li a:hover,
 #tabmenu li.menuSelect a {
 	border-color: #333;
 	color: #fff;
 	background-color:#2875DE;
 }
 
 /*-----------------------------------------------------------------------------
  ボタンタイプ１（新規、追加、登録、編集、設定、削除、取消、クリア）
 -----------------------------------------------------------------------------*/
 .ButtonType1
 {
 	width:100px;
 }
 
 /*---------------------------------------------
  ボタンタイプ２（参照）
 ---------------------------------------------*/
 .ButtonType2
 {
 	width:65px;
 }
 
 /*-----------------------------------------------------------------------------
  ラベルタイプ１　14バイト
 -----------------------------------------------------------------------------*/
 .LabelType1
 {
 	width:80px;
 	font-size : 10px;
 }
 
 /*-----------------------------------------------------------------------------
  チェックボックスタイプ１
 -----------------------------------------------------------------------------*/
 .CheckBoxType1
 {
 	width:15px;
 }
 
 /*-----------------------------------------------------------------------------
  ラジオボタンタイプ１
 -----------------------------------------------------------------------------*/
 .RadioType1
 {
 	width:15px;
 }
 
 /*-----------------------------------------------------------------------------
  インプットタイプ１
 -----------------------------------------------------------------------------*/
 .inputType1
 {
 	background-color:#EEEEEE;
 }
 
 /*-----------------------------------------------------------------------------
  テキスト入力（(全角15文字/半角30文字まで)）
 -----------------------------------------------------------------------------*/
 .inpTxtZen15
 {
 	width:205px;
 }
 /*-----------------------------------------------------------------------------
  ドロップダウンリスト（(全角15文字/半角30文字まで)）
 -----------------------------------------------------------------------------*/
 .inpDrpZen15
 {
 	font-size:11.5px;
 	width:215px;
 }
 
 /*-----------------------------------------------------------------------------
  ドロップダウンリスト（(機器アドレス6バイト)）
 -----------------------------------------------------------------------------*/
 .inpDrpAddr
 {
 	width:9em;
 }
 
 /*------------------------------------
  隠し項目（テーブル全体に対する隠し項目。前に選択していた行等）
 ------------------------------------*/
 .HiddenVal
 {
 	display: none;
 }
 
 /*===================================================
  グリッド領域
 ===================================================*/
 /*------------------------------------
  隠し列（列に対する隠し項目。）
 ------------------------------------*/
 .HiddenCol
 {
 	display: none;
 	width:0px;
 	border:0px;
 }
 
 /*------------------------------------
  tableの指定
 ------------------------------------*/
 table.grid
 {
 	border-collapse: collapse;
 	table-layout: fixed;
 	line-height: 1.1;
 }
 table.grid2header
 {
 	border-collapse: collapse;
 	table-layout: fixed;
 	margin: -1px 0 0 -2px;
 }
 .header
 {
 	float: left;
 	overflow:hidden;
 }
 .main
 {
 	clear: left;
 	overflow-x:scroll;
 	overflow-y:scroll;
 	background-color : #d3d5d6;
 }
 
 /*------------------------------------
  trの指定
 ------------------------------------*/
 tr.grid
 {
 	background-color: #ffffff;
 	border:1px solid #eeeeee;
 	padding: 2px 4px;
 	height: 25px;
 }
 tr.grid2header
 {
 	background-color: #ffffff;
 	border:0px;
 	padding: 0px;
 }
 tr.loggrid
 {
 	background-color: #ffffff;
 	border:1px solid #eeeeee;
 	padding: 2px 4px;
 	height: 30px;
 }
 
 /*------------------------------------
  thの指定
 ------------------------------------*/
 th.grid
 {
 /*	font-weight: bold; */
 	background-color: #506473;
 	border:1px solid #A9A9A9;
 	text-align: center;
 	padding: 2px 4px;
 	table-layout: fixed;
 	color : #d3d5d6 !important;
 }
 th.grid2header
 {
 	background-color: #eeeeee;
 	border:0 1px 0 0 solid #A9A9A9;
 	text-align: center;
 	padding: 0px;
 	table-layout: fixed;
 	color : #333 !important;
 }
 
 /*------------------------------------
  tdの指定
 ------------------------------------*/
 td.grid
 {
 	border:1px solid #A9A9A9;
 	color : #333;
 	padding: 2px 4px;
 	table-layout: fixed;
 	text-align:left;
 }
 td.rowUpdate
 {
 	color : #00BFFF;
 }
 td.rowDelete
 {
 	color : #cccccc;
 }
 td.rowChange
 {
 	color : #00BFFF;
 }
 
 /*------------------------------------
  td（左揃え）
 ------------------------------------*/
 .colLeft
 {
 	text-align: left;
 }
 
 /*------------------------------------
  td（中央揃え）
 ------------------------------------*/
 .colCenter
 {
 	text-align: center;
 }
 
 td.colCenter
 {
 	text-align: center;
 }
 
 /*------------------------------------
  td（右揃え）
 ------------------------------------*/
 .colRight
 {
 	text-align: right;
 }
 
 /*------------------------------------
  nowrap
 ------------------------------------*/
 .nowrap
 {
 	white-space: nowrap;
 	overflow:hidden;
 }
 
 /*------------------------------------
  全て選択する/選択を解除する
 ------------------------------------*/
 .AllChecked
 {
 	text-align: left;
 	padding-left:11px;
 }
 
 /*------------------------------------
  複数選択
 ------------------------------------*/
 .MultiCheck
 {
 	text-align: left;
 	padding-left:11px;
 }
 
 /*------------------------------------
  前へ次へ
 ------------------------------------*/
 .PageMove
 {
 	text-align: center;
 }
 /*------------------------------------
  前へ
 ------------------------------------*/
 .PagePreview
 {
 	text-align: center;
 	width:60px;
 }
 /*------------------------------------
  次へ
 ------------------------------------*/
 .PageNext
 {
 	text-align: center;
 	width:60px;
 }
 /*------------------------------------
  マスク
 ------------------------------------*/
 #dialogBackDiv
 {
 	background-color:#000000;
 	position:absolute;
 	left:0px;
 	top:0px;
 	min-height:100%;
 	min-width:100%;
 	filter:alpha(opacity=50);
 	-moz-opacity:0.5;
 	opacity:0.5;
 	display:none;
 }
 #dialogBack
 {
 	position:relative;
 	top:300px;
 	color:#ffffff;
 	text-align:center;
 	font-size:20px;
 	font-weight:bold;
 }
 
 /*------------------------------------
  DIVやIMGでアンカーの変わりをする場合
 ------------------------------------*/
 .divlink
 {
 	text-decoration: underline;
 	color: black;
 	cursor: default;
 }
 
 /*------------------------------------
  DIVでリンク同等の役割をする場合
 ------------------------------------*/
 .divEquallink
 {
 	text-decoration: underline;
 	color: blue;
 	cursor: pointer;
 }
 
 a
 {
 	cursor: default;
 }
 
 /*===================================================
  画面個別
 ===================================================*/
 /*------------------------------------
 カードデータ表示フォーマット
 ------------------------------------*/
 #cardHelpDiv
 {
 	display:; 
 	position:absolute;
 	z-index:10;
 	text-align:left;
 	border:1px solid;
 	box-shadow:1px 1px 10px;
 	left:10px;
 	top:200px;
 	width:1320px;
 }
 
 .cardFmt
 {
 	padding:10px;
 	margin:5px;
 	border:1px solid;
 	width:290px;
 	height:250px;
 	float:left;
 }
 
 /*------------------------------------
 項目名称定義
 ------------------------------------*/
 .BASE_NM:before
 {
 	content: '系統名称';
 }
 .BASE:before
 {
 	content: '系統';
 }
 .BASE_LIST:before
 {
 	content: '系統一覧';
 }
 .BASE_NO:before
 {
 	content: '系統No.';
 }
 .BASE_SLCT:before
 {
 	content: '系統選択';
 }
 .KYOTEN_NM:before
 {
 	content: '拠点名称';
 }
 .KYOTEN:before
 {
 	content: '拠点';
 }
 .KYOTEN_LIST:before
 {
 	content: '拠点一覧';
 }
 .KYOTEN_NO:before
 {
 	content: '拠点No.';
 }
 .KYOTEN_SLCT:before
 {
 	content: '拠点選択';
 }
 
 /*------------------------------------
 カレンダー画面のパターン名称スタイル
 ------------------------------------*/
 .calPat
 {
 	font-size:10px;
 }
 /*------------------------------------
 カレンダー画面のカレンダー非表示
 ------------------------------------*/
 .calNoDat
 {
 	background-color:#8c8c8c;
 }