/*
	システムスタイル
*/

body,
div,
hr,
iframe {
	touch-callout: none;			/* 長押し対応 START */
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-touch-callout:	 none;
	-moz-user-select: none;			/* 長押し対応 END */
	font-size: 10pt;
	font-family: arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.maincontents{
	position:relative;
	top:5px;
}

a {
	text-decoration: none;
}

a:link {
	color: #000000;
}

a:visited {
	color: #000000;
}


/*
	テーブル共通
*/

table {
	border: 1px solid;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	font-size: 10pt;
}

th {
	text-align: center;
	vertical-align: middle;
	background-color: #fffafa;
	border: 1px solid;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	font-size: 10pt;
}

td {
	border: 1px solid;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	font-size: 10pt;
}

.odd {
	background: #ffffff;
}

.even {
	background-color: #fff0f5;
}


/* 障害管理#39058対応 テキストボックス内の×ボタン非表示 */
input[type="text"]::-ms-clear {
    display: none;
}


/* 画面全体の共通定義。<div> main.jsp */

.global {
	width: 970px;
	margin-top: 0;
	padding-left: 5px;
}


/* main.jspで利用 */

.blk_content {
	width: 100%;
	/*	height: 100%;*/
}


/* グローバルナビゲーション部の共通定義。 */

.blk_global_navi {
	width: 970px;
	height: 25px;
	border: 0;
	padding-top: 5px;
}


/* パンくずリスト。 */

.blk_breadcrumbs {
	float: left;
	width: 530px;
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	border: 0;
}


/* パンくずリスト（再読込ボタン非表示時の横幅） */

.noreloadbutton {
	width: 600px;
}


/* User ID表示部 */

.blk_userid {
	float: left;
/*	width: 270px;*/
	width: 300px;
}

.tbl_userid {
	font-size: 9pt;
}

.cell_userid_label {}

.cell_userid {
	width: 180px;
	background-color: #6495ed;
	color: #ffffff;
	border: 1px solid #000000;
	border-collapse: collapse;
	padding: 2px 2px 5px 2px;
}


/* 再読込ボタン表示部 */

.blk_reload {
	float: left;
	width: 100px;
	text-align: center;
}


/* ヘルプボタン表示部 */

.blk_help {
	float: left;
	width: 70px;
	text-align: center;
}


/* 設定・制御、スケジュール画面用ローカルナビゲーション */

.local_navi {
	height: 30px;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}

.local_navi_button {
/*	width: 87px;*/
	width: 88px;
	height: 25px;
	text-align: center;							/* 障害管理#30472-12 */
	font-size: 8pt;
	border: 1px solid #DDD;
	border-radius: 6px 6px 0 0 !important;
}

.local_navi_btn_iPad {
	width: 90px;
	height: 25px;
	text-align: center;							/* 障害管理#30472-12 */
	font-size: 7pt;
	border: 1px solid #DDD;
	border-radius: 6px 6px 0 0 !important;
}


/* ローカルナビゲーション現在表示中画面の表示用 */

.current_screen {
	color: white !important;
	background: #ca2604 !important;
	font-size: 8pt !important;
}

.current_scr_iPad {
	color: white !important;
	background: #ca2604 !important;
	font-size: 7pt !important;
}

/* メインメニュー */

.blk_mainmenu {
	width: 970px;
	height: 40px;
	position: static;
	margin-top: 5px;
	border: 0;
}

.blk_mainmenu_button {
	width: 970px;
	height: 40px;
	border: 0;
	padding: 0;
}


/* フロアマップ表示部の共通定義。 */

.map {}


/* 各画面共通メイン領域 */

.mainarea {
	width: 970px;
	height: 540px;
	border: 0;
	padding: 0;
}


/*
	インフォメーションエリア
*/


/* 情報（外気表示、館内メッセージなど）表示部の共通定義。 */

.frame_information_bottom {
	width: 970px;
	height: 120px;
	float: left;
	border: 0;
	padding: 0;
}

.frame_information_right {
	width: 440px;
	height: 230px;
	float: left;
	border: 0;
	padding: 0;
}

.energy_itemsetB_style {
	color: #333333;
	font-size: 10pt;
	background-color: #87cefa;
}

.energy_itemsetY_style {
	color: #333333;
	font-size: 10pt;
	background-color: #fffacd;
}

.energy_itemsetO_style {
	color: #333333;
	font-size: 10pt;
	background-color: #ffd700;
}

.energy_itemsetP_style {
	color: #333333;
	font-size: 10pt;
	background-color: #ffc0cb;
}

.energy_itemsetG_style {
	color: #333333;
	font-size: 10pt;
	background-color: #dcdcdc;
}

.msgText {
	resize: none;
}


/*-------------------------------------------------------------------*/



/* スライドメニュー                                                  */

#main_body {
	right: 0;
	overflow-x: hidden;
}

#slide_menu {
	position: fixed;
	top: 0;
	right: -240px;
	width: 240px;
	height: 100%;
	background: #585858;
}

#slide_menu ul {
	padding: 0;
	margin: 0;
}

#slide_sub_menu {
	padding: 2px 0;
	background: #717171;
}

#slide_menu li {
	border-bottom: solid 1px #cfcfcf;
	list-style: none;
	float: none;
}

#slide_menu li a {
	display: block;
	padding: 10px 0;
	color: #fff;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
	margin-left: 15px;
}

/*-------------------------------------------------------------------*/


/* メニューボタン                                                    */

#now_menu_table {
	width: 100%;
	height: 43px;
	background: #585858;
	color: #fff;
}

#now_menu {
	text-align: center;
}

#menu_btn {
	display: inline-block;
	position: relative;
	width: 50px;
	height: 43px;
	margin: 0;
	background: #585858;
}

#menu_btn_icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 2px;
	margin: -1px 0 0 -7px;
	background: #fff;
	transition: .2s;
}

#menu_btn_icon:before,
#menu_btn_icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 14px;
	height: 2px;
	background: #fff;
	transition: .3s;
}

#menu_btn_icon:before {
	margin-top: -6px;
}

#menu_btn_icon:after {
	margin-top: 4px;
}

#menu_btn .close {
	background: transparent;
}

#menu_btn .close:before,
#menu_btn .close:after {
	margin-top: 0;
}

#menu_btn .close:before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

#menu_btn .close:after {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}


/* ダイアログ */

.blk_dialog {
	width: 200px;
	height: 100px;
	border: 0;
	padding: 0;
	margin: 0;
}

.blk_message {
	margin: 10px 0;
	font-size: 12px;
	color: #fff;
}

.blk_progress {
	margin: 20px 0;
}


/* メインメニュー */

.menu {
	width: 120px;
	height: 30px;
	color: #ffffff;
	font-size: 10pt;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	background-color: #999999;
	border-style: ridge;
	border-width: 2px;
	border-color: #cfcfcf;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
/*	cursor: pointer; */								/* 障害管理#32542 */
}

.menu_end {
	width: 120px;
	height: 30px;
	color: #333333;
	font-size: 10pt;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	background-color: #dfdfdf;
	border-style: ridge;
	border-width: 1px;
	border-color: #cfcfcf;
}

.submenu {
/*	width: 300px;*/									/* 障害管理#45085関連 */
	color: white;
	font-size: 11pt;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	background-color: transparent;
	z-index: 10;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
/*	cursor: pointer; */								/* 障害管理#32542 */
	margin-top: 3px;
}

.submenu_on {
	color: white;
	background-color: #999999;
	border: solid 1px #aaaaaa;
	border-collapse: collapse;
	height: 2em;
	width: 100%;
	padding-top: 5px;
	padding-left: 10px;
}

/* 障害管理#53707 2017.06.13 Xperia Z3 縦向けのときサブメニューが自動改行される start */
.submenu_on_android {
	color: white;
	background-color: #999999;
	border: solid 1px #aaaaaa;
	border-collapse: collapse;
	height: 2em;
	width: 100%;
	padding-top: 5px;
	padding-left: 10px;
	white-space: nowrap;
}
/* 障害管理#53707 2017.06.13 Xperia Z3 縦向けのときサブメニューが自動改行される end */

.submenu_off {
	background-color: #cfcfcf;
	border: solid 1px #aaaaaa;
	border-collapse: collapse;
	height: 2em;
	width: 100%;
	padding-top: 5px;
	padding-left: 10px;
}

/* 障害管理#53707 2017.06.08 Xperia Z3 縦向けのときサブメニューが自動改行される start */
.submenu_off_android {
	background-color: #cfcfcf;
	border: solid 1px #aaaaaa;
	border-collapse: collapse;
	height: 2em;
	width: 100%;
	padding-top: 5px;
	padding-left: 10px;
	white-space: nowrap;
}
/* 障害管理#53707 2017.06.08 Xperia Z3 縦向けのときサブメニューが自動改行される end */

.font12 {
	/*-- 2008.08.12以前の互換のためsize12と同様のクラスを作成 --*/
	font-size: 12px;
}

.weekday {
	background-color: white;
}

.weekend {
	background-color: #ffe4e1;
}