@charset "UTF-8";
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 *
 *    [ eneview DC ] signage_parts.css
 *    @version 1.0.0
 *    追加：2017/04/13 PISC	「掲示板表示」を対応    ........................Key
 *_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/

.signageImageIcon {
	height: 50px;
	vertical-align: baseline;
	margin: -25px 0px 0px 10px;
}

.signageImageSelectLabel {
	margin: 0px 0px 0px 350px;
}

.signageImageBack {
	position: absolute;
}

.signageLocationMapAreaBack {
	margin: 5px 0px 0px 5px;
	width: 1180px;
	height: 600px;
	border: 1px #cccccc solid;
	background-color: #ffffff;
	position: absolute;
}

.signageLocationMapAreaInner {
	margin: 0px 0px 0px 0px;
	border: 0px;
	overflow: auto;
	width: 1180px;
	height: 600px;
	background-color: #ffffff;
	position: absolute;
}

.signageLocationMapArea {
	margin: 0px 0px 0px 0px;
	width: 1920px;
	height: 1080px;
	border: 1px #0000ff dashed;
	position: absolute;
}

.signageLocationMapAreaHalfLineV {
	margin: 0px 0px 0px 0px;
	width: 960px;
	height: 1080px;
	border-right: 1px #0000ff dashed;
	position: absolute;
}

.signageLocationMapAreaHalfLineH {
	margin: 0px 0px 0px 0px;
	width: 1920px;
	height: 540px;
	border-bottom: 1px #0000ff dashed;
	position: absolute;
}

.signageLocationMapArea .targetPart {
	position: absolute;
	border: 1px #ff0000 dashed;
}

.signageLocationMapArea .targetArea {
	/*
	position: absolute;
	background-color: #ffffff;
	filter: alpha(opacity=0);
	opacity: 1;
	*/
	/*
	border: 1px #ff00ff dashed;
	*/
}

.signageLocationMapArea .other {
	position: absolute;
	border: 1px #0000ff dashed;
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.signageLocationMapAreaButtons {
	margin: 15px 0px 0px 5px;
	width: 1180px;
	top: 600px;
	text-align: right;
	position: absolute;
}

.signageInfoEditTableBack {
	margin-left: 20px;
	width: 910px;
	height: 380px;
	border: 1px #8c8c8c solid;
}

.signageInfoEditTable {
	margin: 10px 10px 0px 10px;
	border: 1px #cccccc solid;
	width: 860px;
	border-collapse: collapse;
}

.signageInfoEditTable th {
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	white-space: nowrap;
	background-color: #dddddd;
	color: #666666;
}

.signageInfoEditTable td {
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	white-space: nowrap;
	background-color: #ffffff;
	color: #666666;
}

.signageInfoEditTable .header {
	width: 80px;
}

.signageInfoEditTable .label {
	font-weight: bold;
	text-align: left;
}

.signageInfoEditTable .label2 {
	font-weight: normal;
}

.signageInfoEditTable .label7 {
	text-align: center;
}

.signageInfoEditTable .number {
	padding: 0px 10px 0px 10px;
	font-weight: bold;
	text-align: center;
	width: 40px;
}

.signageInfoEditTable .other {
	margin: 3px 0px 3px 0px;
}

.signageInfoEditTable .groupCircuit {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

.signageInfoEditTable .groupCircuit th {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

.signageInfoEditTable .groupCircuit td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

.signageInfoEditTable .groupCircuit.border {
	border-top: 1px #cccccc dashed;
}

.signageInfoEditTable .groupCircuitNo {
	white-space: nowrap;
	/*width: 20px;*/
}

.signageInfoEditTableButtons {
	width: 920px;
}

.styleColorSample {
	padding: 0px 25px 0px 25px;
	border: 1px #cccccc solid;
	cursor: crosshair;
}

/*===========================================================
 signage parts layout
===========================================================*/

.bodyBackDocSignage {
	background-color: #ffffff;
	position: absolute;
}

.bodyBackDocSignage #container {
	margin: 0px 0px 0px 0px;
}

.backImage {
	position: absolute;
}

.backImageArea {
	position: absolute;
}

.signageArea {
	position: absolute;
}

.signage {
	position: absolute;
}

.signage .signageTitle {
	position: absolute;
	color: #333333;
	font-weight: bold;
}

.signage .signageDate {
	position: absolute;
	color: #333333;
	font-weight: bold;
	text-align: right;
}

.signage .signageBody {
	position: absolute;
}

.signage .displayArea {
	position: absolute;
	/*
	border: 1px #ff0000 solid;
	*/
}

.signage .signageCache {
	position: absolute;
}

.signage .displayArea .graphTitle {
	position: absolute;
	color: #333333;
	font-weight: bold;
	white-space: nowrap;
}

.signage .graphAxisBack {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	background-color: #ffffff;
}

.signage .displayArea .gridX1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	/*overflow: hidden;*/
	/*background-color: #ffffff;*/
}

.signage .displayArea .gridX2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	/*overflow: hidden;*/
	background-color: #f7f7f7;
}

.signage .displayArea .gridX3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	/*overflow: hidden;*/
	/*background-color: #ffffff;*/
}

.signage .displayArea .gridX4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	/*overflow: hidden;*/
	background-color: #f7f7f7;
}

.signage .legendSignage {
	position: absolute;
}

.signage .legendSignage .legendBack {
	background-color: #ffffff;
	border: 1px #999999 solid;
}

.signage .legendSignage .legendBack .legendArea {
	vertical-align: top;
}

.signage .legendSignage .legend {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*position: absolute;*/
	background-color: #ffffff;
	/*border: 1px #999999 solid;*/
	border-collapse: separate;
	cursor: auto;
}

.signage .legendSignage .legend td {
	border-width: 0px;
}

.signage .legendSignage .legend .border {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	cursor: auto;
}

.signage .legendSignage .legend .name {
	/*font-weight: bold;*/
}

.signage .legendSignage .legend .name.demand {
	white-space: nowrap;
}

.signage .targetValue {
	position: absolute;
	white-space: nowrap;
}

.signage .graphSignage {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
}

.signage .graphSignage .graphLineArea {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
}

.signage .graphSignage .gridSubY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	overflow: hidden;
	background-color: #dddddd;
}

.signage .graphSignage .gridY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	overflow: hidden;
	background-color: #aaaaaa;
}

.signage .graphSignage .axisYR {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	overflow: hidden;
	background-color: #aaaaaa;
}

.signage .graphSignage .axisX {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	overflow: hidden;
	background-color: #aaaaaa;
}

.signage .graphSignage .axisXT {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	overflow: hidden;
	background-color: #aaaaaa;
}

.signage .graphSignage .axisY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	overflow: hidden;
	background-color: #aaaaaa;
}

.signage .graphSignage .unitX {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	font-weight: normal;
	text-align: right;
	color: #666666;
}

.signage .graphSignage .labelX {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	font-weight: normal;
	color: #666666;
	text-align: right;
}

.signage .graphSignage .labelX.current {
	color: #ff8080;
	font-weight: bold;
}

.signage .graphSignage .unitY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	font-weight: normal;
	color: #666666;
	text-align: right;
}

.signage .graphSignage .labelY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	font-weight: normal;
	text-align: right;
	color: #666666;
}

.signage .graphSignage .unitYR {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	font-weight: normal;
	color: #666666;
	text-align: left;
}

.signage .graphSignage .labelYR {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	font-weight: normal;
	color: #666666;
	text-align: left;
}

.signage .iconAreaBack {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
}

.signage .iconAreaTable{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	position: absolute;

	/*
	border: 1px #ff0000 solid;
	*/
}

.signage .iconArea {
	text-align: center;
	vertical-align: center;
}

.signage .currentValueCircle {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
}

.signage .currentValueCircle .name {
	color: #666666;
	text-align: center;
}

.signage .currentValueCircle .value {
	color: #666666;
	text-align: center;
	font-weight: bold;
}


.signage .currentValueCircle .unit {
	color: #666666;
	text-align: center;
	font-weight: bold;
}

.signage .currentValueSqureH {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	position: absolute;
}

.signage .currentValueSqureH td {
	white-space: nowrap;
}

.signage .currentValueSqureH .name {
	color: #666666;
	text-align: left;
}

.signage .currentValueSqureH .value {
	color: #666666;
	text-align: right;
	font-weight: bold;
}


.signage .currentValueSqureH .unit {
	color: #666666;
	text-align: left;
	font-weight: bold;
}


.signage .currentValueSqureH {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	position: absolute;
}

.signage .currentValueSqureH td {
	white-space: nowrap;
}

.signage .currentValueSqureH .name {
	color: #666666;
	text-align: left;
}

.signage .currentValueSqureH .value {
	color: #666666;
	text-align: right;
	font-weight: bold;
}


.signage .currentValueSqureH .unit {
	color: #666666;
	text-align: left;
	font-weight: bold;
}

.signage .currentValueSqureH3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	position: absolute;
}

.signage .currentValueSqureH3 td {
	white-space: nowrap;
}

.signage .currentValueSqureH3 .title {
	color: #666666;
	text-align: center;
}

.signage .currentValueSqureH3 .name {
	color: #666666;
	text-align: right;
}

.signage .currentValueSqureH3 .value {
	color: #666666;
	text-align: right;
	font-weight: bold;
}

.signage .currentValueSqureH3 .subValue {
	color: #666666;
	text-align: center;
	font-weight: normal;
}

.signage .currentValueSqureH3 .unit {
	color: #666666;
	text-align: left;
	font-weight: bold;
}

.signage .currentValueSqureV {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	position: absolute;
}

.signage .currentValueSqureV td {
	white-space: nowrap;
}

.signage .currentValueSqureV .backTop {
	text-align: center;
	vertical-align: bottom;
}

.signage .currentValueSqureV .backBottom {
	text-align: center;
	vertical-align: top;
}

.signage .currentValueSqureV .backCenter {
	text-align: center;
	vertical-align: center;
}

.signage .currentValueSqureV .name {
	color: #666666;
	text-align: center;
}
/* 追加  2017/04/13 PISC 開始         ........................Key */
.signage .currentValueSqureV .nameLeft {
	color: #666666;
	text-align: left;
}

.signage .currentValueSqureV .nameRight {
	color: #666666;
	text-align: right;
}
/* 追加  2017/04/13 PISC 終了         ........................Key */

.signage .currentValueSqureV .value {
	color: #666666;
	text-align: right;
	font-weight: bold;
}

.signage .currentValueSqureV .unit {
	color: #666666;
	text-align: left;
	font-weight: bold;
}

/* 円グラフ用 */

.signage .graphSignage .circleGraphArea {
	margin: 0px 0px 0px 0px;
	position: absolute;
}

.signage .graphSignage .circleGraph {
	margin: 0px 0px 0px 0px;
	position: absolute;
}

.signage .graphSignage .circleGraph .graphLabel {
	position:absolute;
	white-space: nowrap;
	color: #333333;
	font-weight: bold;
}

.signage .graphSignage .circleGraph .totalBack {
	position: absolute;
}

.signage .graphSignage .circleGraph .total {
	position: absolute;
	color: #333333;
}

.signage .graphSignage .circleGraph .total .label {
	position: absolute;
	white-space: nowrap;
	font-weight: bold;
	text-align: center;
}

.signage .graphSignage .circleGraph .total .value {
	position: absolute;
	white-space: nowrap;
	font-weight: bold;
	text-align: center;
}

.signage .graphSignage .circleGraph .total .unit {
	position: absolute;
	white-space: nowrap;
	font-weight: bold;
	text-align: center;
}