@charset "UTF-8";
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 *
 *    [ PVC ] custom.css
 *    @version 1.0.0
 *
 *_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/

a {
	color: #7b983e !important;
}

.bodyBackDoc {
	background-color: #fafafa;
	background-repeat: repeat-x;
	background-image: url(../img/body.gif);
}

#container {
	margin: 0px auto 0px auto;
	min-width: 1000px;
	background-color: #d7d7d7;
	background-repeat: repeat-x;
	background-image: url(../img/body2.gif);
	border-left: 1px #d3d3d3 solid;
	border-right: 1px #d3d3d3 solid;
}

#containerLogin {
	margin: 120px auto auto auto;
	width: 600px;
	background-color: #cfcfcf;
	background-repeat: repeat-x;
	background-image: url(../img/body3.gif);
	border: 1px #d3d3d3 solid;
}

#containerLogin #header {
	border-bottom: 7px #88a746 solid;
}

#containerLogin #header .message .sub {
	margin: 0px 0px 0px 170px;
	color: #777777;
	font-weight: normal;
}

#containerRoot {
	min-width: 1000px;
	height: 560px;
}

#header {
	font-size: 12px;
	background-color: #d3d3d3;
}

#header .message {
	color: #666666;
}

#headerBorder {
	margin: -50px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 5px;
	height: 50px;
}

#header .message a {
	text-decoration: none;
}

#header .message a:hover {
	text-decoration: none;
}

#header .message .title {
	margin: 0px 0px 0px 10px;
	font-size: 12px;
}

#header .message .title .logo {
	padding-top: 5px;
	margin-left: -15px
}

#header .message .title .name {
	color: #82ad53;
	font-size: 12px;
	font-weight: normal;
}

#topTitle {
	margin: 0px auto 0px auto;
	width: 990px;
	height: 100px;
	position: absolute;
	top: 280px;
	text-align: center;
}

#topTitle .logo {
	margin: -20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#topTitle .title {
	padding: 0px 0px 0px 0px;
	margin: -20px 0px 0px 0px;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
}

#version {
	position: absolute;
	text-align: right;
	width: 990px;
	top: 598px;
}

#version .message {
	padding: 0px 10px 0px 0px;
	font-size: 10px;
	color: #999999;
}

#footer {
	margin: 7px auto 0px auto;
	height: 30px;
	border: 0px;
	background-color: #cccccc;
}

#copyright {
	color: #7b983e;
}

.logout {
	color: #7b983e;
}

.section .notice {
	margin: 10px auto 0px auto;
	width: 80%;
}

.section .error {
	margin: 10px auto 0px auto;
	width: 80%;
}

.sectionLogin {
	margin-top: 10px;
	width: 260px;
}

.sectionLogin .box {
	background-color: #eeeeee;
	border: 1px #888888 solid;
}

.sectionLogin .box .bar {
	height:20px;
	background-repeat: repeat-x;
	background-image: url(../img/bar.gif);
	background-color: #606060;
}

.identifier {
	color: #000000;
}

.required {
	color: #ff60af;
}

.grayBack {
	background-color: #dddddd;
}

.textfieldSize1 {
	width:150px;
}

.textfieldSize2 {
	width:400px;
}

.textfieldSize3 {
	width:300px;
}

.textfieldSize4 {
	width:120px;
}

.textfieldSize5 {
	width:180px;
}

.textfieldSize6 {
	width:35px;
}

.textfieldSize7 {
	width:250px;
}

.textfieldSize8 {
	width:70px;
}

.textfieldSize9 {
	width:60px;
}

.textfieldSize10 {
	width:180px;
}

.textfieldSize11 {
	width:190px;
}

.textfieldSize12 {
	width:100px;
}

.textfieldSize13 {
	width:760px;
}

.textfieldSize14 {
	width:150px;
}

.textfieldSize15 {
	width:430px;
}

.textfieldSize16 {
	width:550px;
}

.textfieldSize17 {
	width:20px;
}

.textfieldSize18 {
	width:200px;
}

.textfieldSize19 {
	width:680px;
}

.buttonSize1 {
	width:80px;
}

.buttonSize2 {
	width:40px;
}

.buttonSize3 {
	padding: 0px 0px 0px 0px;
	width:60px;
	height:20px;
}

.buttonSize4 {
	width:130px;
}

.buttonSize5 {
	margin: 2px 2px 2px 2px;
	padding: 0px 0px 0px 0px;
	width:30px;
	font-size: 10px;
}

.textfieldRow1 {
	text-align: right;
}

.buttonRow1 {
	text-align: right;
}

#windowMessage {
	margin: 10px 0px 0px 0px;
	white-space: nowrap;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-align: center;
}

#windowMessage .icon {
	margin: 0px 0px 5px 0px;
}

#windowMessageError {
	margin: 10px 0px 0px 5px;
	white-space: nowrap;
	font-size: 12px;
	color: #ff0000;
	font-weight: bold;
	text-align: center;
}

#windowMessageError .icon {
	margin: 0px 0px 5px 0px;
}

#menu {
	margin: 5px 0px 0px 0px;
	background-color: transparent;
}

#menu a {
	border: 1px #999999 solid;
	padding: 2px 0px 2px 0px;
}

#menu .dummy {
	margin: 0px 0px 0px 5px;
	padding: 3px 0px 3px 0px;
}

#menu .tab {
	width:100px;
}

#menu .tab:hover {
	text-decoration: none;
}

#menu a.selected {
	color: #f3f3f3;
	border: 1px #8daf46 solid;
	background-color: #96b94c;
}

#menu a.selected:hover {
	color: #f3f3f3;
	border: 1px #7b983e solid;
	background-color: #7b983e;
}

#menuDummy {
    height: 34px;
}

.menuTitle {
	margin: 0px 0px 0px 0px;
	padding: 3px 20px 3px 20px;
	color: #333333;
	border-left: 8px #ff8040 solid;
	/*border-bottom: 1px #cccccc dashed;*/
	background-color: #ffffff;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
	position: absolute;
	left: 250px;
	top: 10px;
}

.menuSub {
	margin: 0px 0px 0px 0px;
	color: #666666;
}

.menuSub .titleB {
	margin: 5px 0px -25px 10px;
	font-weight: bold;
	text-align: left;
}

.menuSub .link {
	margin: 20px 10px 0px 500px;
	text-align: right;
}

.menuSub .linkB {
	margin: 15px 10px 0px 500px;
	text-align: right;
}

.menuSub .linkC {
	margin: 0px 10px -10px 500px;
	text-align: right;
}

.menuSub .linkD {
	margin: 35px 10px 0px 500px;
	text-align: right;
}

.detailSetupTableButtons {
	margin: 15px 0px 0px 5px;
	width: 380px;
	text-align: right;
}

.detailSetupTableButtonsA {
	margin: 15px 0px 0px 5px;
	width: 380px;
	text-align: right;
}

.detailSetupTableButtonsB {
	margin: 15px 0px 0px 5px;
	width: 880px;
	text-align: right;
}

.detailSetupTableButtonsC {
	margin: 10px 0px 0px 5px;
	width: 880px;
	text-align: right;
}

.detailSetupTableButtonsD {
	margin: -30px 5px 0px 5px;
	text-align: left;
	color: #666666;
	width: 500px;
	line-height: 20px;
	height: 20px;;
}

.detailSetupTableTitle {
	margin: 10px 0px -8px 10px;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	white-space: nowrap;
}

.detailSetupTableLink {
	margin: 3px 0px 0px 5px;
	color: #666666;
	text-align: left;
	width: 380px;
}

.detailSetupTableBack {
	margin: 5px 0px 0px 5px;
	overflow: auto;
	width: 380px;
	height: 235px;
	border: 1px #cccccc solid;
	background-color: #ffffff;
}

.infoEditTableBackB {
	width: 880px;
	height: 480px;
}

.detailSetupTableBack .innerB {
	margin: 10px 10px 0px 10px;
	width: 842px;
}

.detailSetupTableBack .innerC {
	margin: 0px 0px 0px 0px;
	width: 810px;
}

.detailSetupTableBack .add {
	margin: 3px 10px 5px 10px;
	text-align: right;
	width: 842px;
}

.detailSetupTable {
	margin: 5px 0px 0px 5px;
	border: 1px #cccccc solid;
	width: 380px;
	border-collapse: collapse;
}

.detailSetupTable 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;
}

.detailSetupTable 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;
}

.detailSetupTable .header {
	width: 130px;
	height: 25px;
}

.detailSetupTable .fixed {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	width: 130px;
}

.detailSetupTable .header2 {
	width: 140px;
	height: 25px;
}

.detailSetupTable .fixed2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	width: 140px;
}

.detailSetupTable .header3 {
	width: 100px;
	height: 25px;
}

.detailSetupTable .fixed3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	width: 100px;
}

.detailSetupTable .fixed4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	width: 60px;
}

.detailSetupTable .fixed5 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	width: 180px;
}

.detailSetupTable .fixed6 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	width: 240px;
}

.detailSetupTable .fixed7 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	width: 250px;
}

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

.detailSetupTable .numberB {
	text-align: center;
	width: 30px;
}

.detailSetupTable .orderB {
	text-align: center;
	width: 60px;
}

.detailSetupTable .labelB {
	width: 240px;
}

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

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

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

.detailSetupTable .label8 {
	text-align: right;
}

.detailSetupTable .label9 {
	border: 0px;
}

.detailSetupTable .panelTable {
    width: 100%;
    border-collapse: collapse;
    margin: 0px 0px 0px 0px;
}

.detailSetupTable .panelTable th {
    margin: 0px 0px 0px 0px;
    padding: 2px 5px 2px 5px;
    border: none;
    border-right: 1px #cccccc solid;
    white-space: nowrap;
    background-color: #dddddd;
    color: #666666;
    width: 10%;
    height: 25px;
}

.detailSetupTable .panelTable th.borderLeft {
    border-left: 0px;
}

.detailSetupTable .panelTable td {
    margin: 0px 0px 0px 0px;
    padding: 2px 10px 2px 10px;
    border: none;
    white-space: nowrap;
    background-color: #ffffff;
    color: #666666;
}

.detailSetupTable .panelTable td.borderRight {
    border-right: 1px #cccccc solid;
}

.detailSetupTable .panelTable .borderBottom {
    border-bottom: 1px #cccccc solid;
}


.deviceSetupTable {
	margin: 5px 0px 0px 10px;
	border-collapse: collapse;
}

.deviceSetupTable .pcsNum {
	padding: 0px 5px 0px 5px;
	text-align: center;
	font-weight: bold;
	width: 20px;
}

.detailSetupTableCalendar .start {
	display: none;
	margin: 5px 0px 0px 110px;
}

.detailSetupTableCalendar .end {
	display: none;
	margin: 5px 0px 0px 120px;
}

.detailSetupTableBackEdit {
    margin: 10px 10px 10px 10px;
    overflow: auto;
    width: 772px;
    height: 380px;
    border: 1px #cccccc solid;
    background-color: #ffffff;
}

.detailSetupTableBackEdit .innerB {
    margin: 10px 10px 0px 10px;
    width: 734px;
}

.detailSetupTableLinksEdit {
    margin: 10px 10px 0px 10px;
    text-align: left;
    color: #666666;
    width: 772px;
    line-height: 20px;
    height: 20px;;
}

.detailSetupTableButtonsEdit {
    margin: 10px 10px 10px 10px;
    width: 772px;
    text-align: right;
}

.detailSetupTableButtonsEdit .button1 {
    margin: 0px 0px -20px 0px;
    text-align: left;
    font-weight: bold;
    color: #666666;
    line-height: 20px;
    height: 20px;
}

.currentPage {
	color: #ff60af;
}

.currentDeviceStatusBack {
	margin: 10px 10px 10px 10px;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	background-color: #ffffff;
	overflow: auto;
	height: 395px;
}

.currentDeviceStatusBack td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

.currentDeviceStatusBack .inner1Left {
	width: 280px;
}

.currentDeviceStatusBack .inner1Right {
	width: 350px;
}

.currentDeviceStatusBack .inner2 {
	width: 450px;
}

.currentDeviceStatusBack .inner3 {
	width: 550px;
}

.currentDeviceStatusBack .inner4 {
    width: 600px;
}

.currentStatusTableTitle {
	margin: 10px 20px 0px 20px;
	padding: 5px 5px 5px 5px;
	/*font-size: 16px;*/
	border-left: 8px #77933c solid;
	/*border-bottom: 1px #cccccc dashed;*/
	font-weight: bold;
}

.currentStatusTableBack td {
	vertical-align: top;
}

.currentStatusTable {
	margin: 10px 20px 20px 20px;
	border: 1px #cccccc solid;
	border-collapse: collapse;
}

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

.currentStatusTable th.header {
	width: 110px;
}

.currentStatusTable th.header2 {
	width: 100px;
}

.currentStatusTable th.header3 {
	width: 50px;
}

.currentStatusTable th.border {
	border-bottom: 1px #cccccc solid;
}

.currentStatusTable td {
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 2px 10px;
	border-bottom: 0px;
	border-left: 1px #cccccc solid;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #ffffff;
	color: #666666;
	height: 30px;
}

.currentStatusTable td.border {
	border-bottom: 1px #cccccc solid;
}

.currentStatusTable td.label {
	border-left: 0px;
	text-align: left;
}

.currentStatusTable td.labelright {
	border-left: 0px;
	text-align: right;
}

.currentStatusTable td.value {
	border-left: 0px;
	text-align: right;
}

.currentStatusTable td.image {
	text-align: center;
}

.currentStatusTable td.icon {
	padding: 2px 0px 2px 0px;
	border-right: 0px;
	text-align: right;
	width: 25px;
}

.currentStatusTable .panelTable {
    width: 100%;
    border-collapse: collapse;
    margin: 0px 0px 0px 0px;
}

.currentStatusTable .panelTable th {
    margin: 0px 0px 0px 0px;
    padding: 2px 5px 2px 5px;
    border-right: 1px #cccccc solid;
    white-space: nowrap;
    background-color: #dddddd;
    color: #666666;
    width: 10%;
}

.currentStatusTable .panelTable th.borderLeft {
    border-left: 0px;
}

.currentStatusTable .panelTable td {
    margin: 0px 0px 0px 0px;
    padding: 2px 10px 2px 10px;
    white-space: nowrap;
    background-color: #ffffff;
    color: #666666;
}

.currentStatusTable .panelTable td.borderRight {
    border-right: 1px #cccccc solid;
}

.currentStatusTable .panelTable .borderBottom {
    border-bottom: 1px #cccccc solid;
}

/* 警報一覧用 */
.currentAlarmList {
	margin: 10px 10px 10px 10px;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	background-color: #ffffff;
	overflow: auto;
	height: 395px;
}

.systemInfoBack {
	margin: 10px 10px 10px 10px;
	height: 400px;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	background-color: #ffffff;
	overflow: auto;
}

.systemInfoBack td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

.systemInfoBack .inner1 {
	width: 360px;
}

.systemInfoTableBack td {
	vertical-align: top;
}

.systemInfoTableTitle {
	margin: 10px 0px -8px 10px;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	white-space: nowrap;
}

.systemInfoTable {
	margin: 20px 10px 10px 10px;
	border: 1px #cccccc solid;
	border-collapse: collapse;
}

.systemInfoTable th {
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 2px 5px;
	border: 1px #cccccc solid;
	white-space: nowrap;
	background-color: #dddddd;
	color: #666666;
	height: 25px;
	vertical-align: middle;
}

.systemInfoTable th.header {
	width: 200px;
}

.systemInfoTable td {
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 2px 5px;
	border: 1px #cccccc solid;
	color: #666666;
	height: 25px;
	vertical-align: middle;
}

.systemInfoButtons {
	margin: 10px 10px 10px 10px;
	text-align: right;
}

.proxyInfoBack {
	margin: 10px 10px 10px 10px;
	height: 453px;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	background-color: #ffffff;
	text-align: center;
}

.proxyInfoTableTitle {
	margin: 10px 10px 10px 10px;
	color: #666666;
	font-weight: bold;
	white-space: nowrap;
}

.proxyInfoTable td {
	white-space: nowrap;
}

.columnSetupTable {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 320px;
}

.columnSetupTable th {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
}

.columnSetupTable td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
}

.columnSetupTable .number {
	width: 40px;
	text-align: center;
}

.columnSetupTable .label {
	text-align: center;
}

.calendarIconLink a:hover{
	text-decoration: none;
}

.calendarIconLink .label {
	margin: 0px 5px 0px 0px;
	color: #666666;
	font-weight: bold;
}

.calendarIconLink .icon {
	margin: 0px 0px 0px 0px;
	cursor: pointer;
}

.calendarIconLink .icon2 {
	position: absolute;
	cursor: pointer;
	top: 5px;
}

.calendarIconLink .startIcon {
	margin: 0px 0px 0px 0px;
	cursor: pointer;
}

.calendarIconLink .endIcon {
	margin: 0px 0px 0px 0px;
	cursor: pointer;
}

.calendarIconLink .startValue {
	margin: -18px 0px 0px 25px;
}

.calendarIconLink .endValue {
	margin: -18px 0px 0px 25px;
}

.calendarIconLink .value {
	margin: -18px 0px 0px 25px;
	white-space: nowrap;
	width: 100px;
}

.calendarIconLink .value2 {
	position: absolute;
	color: #333333;
	left: 25px;
	top: 5px;
	width: 150px;
}

.calendarIconLink .display {
	position: absolute;
	margin: 0px 0px 0px 0px;
	top: 170px;
}

.calendarIconLink .display2 {
	position: absolute;
	top: 30px;
}

.calendarIconDummy {
	width: 20px;
	height: 20px;
}

.searchSetupTableBack {
	margin: 0px 10px 0px 60px;
	text-align: left;
}

.powerEnergyTotal {
	margin: 0px 0px 0px 0px;
	position: absolute;
	left: 344px;
	top: 10px;
	text-align: right;
	width: 450px;
}

.searchSetupTable {
	margin: 0px 0px 0px 0px;
	border: 0px #cccccc solid;
	border-collapse: collapse;
	color: #666666;
}

.powerEnergyTotal .searchSetupTable {
	background-color: #eeeeee;
	height: 25px;
}

.searchSetupTable th {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	border-bottom: 0px #cccccc solid;
	border-left: 0px #cccccc solid;
	white-space: nowrap;
	/*background-color: #cccccc;*/
}

.searchSetupTable td {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	border-bottom: 0px #cccccc solid;
	border-left: 0px #cccccc solid;
	white-space: nowrap;
	/*background-color: #ffffff;*/
}

.searchSetupTable .td1 {
	width: 80px;
	white-space: nowrap;
	text-align: center;
}

.alarmPatternIcon {
	width: 19px;
}


.graphAreaBack {
	margin: 10px 10px 10px 10px;
	height: 400px;
}

.graph {
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	width: 722px;		/* 5px X 6 X 24 + 2px  */
	height: 386px;
	left: 60px;
	top: 63px;
	background-color: #ffffff;
}

.graph .axisX {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	width: 722px;
	height: 2px;
	left: 0px;
	top: 384px;
	overflow: hidden;
	clip: rect(0px 722px 2px 0px);
	background-color: #555555;
}

.graph .gridX {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	width: 722px;
	height: 96px;
	left: 0px;
	overflow: hidden;
	clip: rect(0px 722px 96px 0px);
}

.graph .gridX1 {
	top: 288px;
	background-color: #707070;
}

.graph .gridX2 {
	top: 192px;
	background-color: #666666;
}

.graph .gridX3 {
	top: 96px;
	background-color: #707070;
}

.graph .gridX4 {
	top: 0px;
	background-color: #666666;
}

.graph .unitX {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	width: 80px;
	height: 20px;
	top: 386px;
	left: 593px;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	line-height: 20px;
	text-align: right;
}

.graph .labelX {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	width: 40px;
	height: 20px;
	top: 386px;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	line-height: 20px;
	text-align: right;
}

.graphDay .labelX0 {
	left: -36px;
}

.graphDay .labelX1 {
	left: 145px;
}

.graphDay .labelX2 {
	left: 330px;
}

.graphDay .labelX3 {
	left: 510px;
}

.graphDay .labelX4 {
	left: 685px;
}

/*
.graphDay .labelX5 {
	left: px;
}

.graphDay .labelX6 {
	left: px;
}

.graphDay .labelX7 {
	left: px;
}

.graphDay .labelX8 {
	left: px;
}

.graphDay .labelX9 {
	left: px;
}

.graphDay .labelX10 {
	left: px;
}

.graphDay .labelX11 {
	left: px;
}

.graphDay .labelX12 {
	left: px;
}

.graphDay .labelX13 {
	left: px;
}

.graphDay .labelX14 {
	left: px;
}

.graphDay .labelX15 {
	left: px;
}

.graphDay .labelX16 {
	left: px;
}

.graphDay .labelX17 {
	left: px;
}

.graphDay .labelX18 {
	left: px;
}

.graphDay .labelX19 {
	left: px;
}

.graphDay .labelX20 {
	left: px;
}

.graphDay .labelX21 {
	left: px;
}

.graphDay .labelX22 {
	left: px;
}

.graphDay .labelX23 {
	left: px;
}

.graphDay .labelX24 {
	left: px;
}
*/

.graphDay .gridSubY1 {
	width: 1px;
}

.graphDay .gridSubY2 {
	width: 1px;
}

.graphDay .gridSubY3 {
	width: 1px;
}

.graphDay .gridSubY4 {
	width: 1px;
}

.graphDay .gridSubY5 {
	width: 1px;
}

.graphDay .gridSubY6 {
	width: 1px;
}

.graphDay .gridSubY7 {
	width: 1px;
}

.graphDay .gridSubY8 {
	width: 1px;
}

.graphDay .gridSubY9 {
	width: 1px;
}

.graphDay .gridSubY10 {
	width: 1px;
}

.graphDay .gridSubY11 {
	width: 1px;
}

.graphDay .gridSubY12 {
	width: 1px;
}

.graphDay .gridSubY13 {
	width: 1px;
}

.graphDay .gridSubY14 {
	width: 1px;
}

.graphDay .gridSubY15 {
	width: 1px;
}

.graphDay .gridSubY16 {
	width: 1px;
}

.graphDay .gridSubY17 {
	width: 1px;
}

.graphDay .gridSubY18 {
	width: 1px;
}

.graphDay .gridSubY19 {
	width: 1px;
}

.graphDay .gridSubY20 {
	width: 1px;
}

.graphDay .gridSubY21 {
	width: 1px;
}

.graphDay .gridSubY22 {
	width: 1px;
}

.graphDay .gridSubY23 {
	width: 1px;
}

.graphDay .gridSubY24 {
	width: 1px;
}

.graph .axisY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	width: 2px;
	height: 386px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	clip: rect(0px 2px 386px 0px);
	background-color: #555555;
}

.graph .gridY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	width: 1px;
	height: 386px;
	top: 0px;
	overflow: hidden;
	clip: rect(0px 1px 386px 0px);
	background-color: #bbbbbb;
}

.graph .gridY1 {
	left: 181px;
}

.graph .gridY2 {
	left: 361px;
}

.graph .gridY3 {
	left: 541px;
}

.graph .gridY4 {
	left: 721px;
}

.graphDay .gridY4 {
	width: 0px;
}

.graphDay .gridY5 {
	width: 0px;
}

.graphDay .gridY6 {
	width: 0px;
}

.graph .gridSubY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 0px;
	overflow: hidden;
	background-color: #888888;
	height: 386px;
	clip: rect(0px 1px 386px 0px);
}

.graph .gridSubY1 {
	left: 31px;
}

.graph .gridSubY2 {
	left: 61px;
}

.graph .gridSubY3 {
	left: 91px;
}

.graph .gridSubY4 {
	left: 121px;
}

.graph .gridSubY5 {
	left: 151px;
}

.graph .gridSubY6 {
	left: 181px;
}

.graph .gridSubY7 {
	left: 211px;
}

.graph .gridSubY8 {
	left: 241px;
}

.graph .gridSubY9 {
	left: 271px;
}

.graph .gridSubY10 {
	left: 301px;
}

.graph .gridSubY11 {
	left: 331px;
}

.graph .gridSubY12 {
	left: 361px;
}

.graph .gridSubY13 {
	left: 391px;
}

.graph .gridSubY14 {
	left: 421px;
}

.graph .gridSubY15 {
	left: 451px;
}

.graph .gridSubY16 {
	left: 481px;
}

.graph .gridSubY17 {
	left: 511px;
}

.graph .gridSubY18 {
	left: 541px;
}

.graph .gridSubY19 {
	left: 571px;
}

.graph .gridSubY20 {
	left: 601px;
}

.graph .gridSubY21 {
	left: 631px;
}

.graph .gridSubY22 {
	left: 661px;
}

.graph .gridSubY23 {
	left: 691px;
}

.graph .gridSubY24 {
	left: 721px;
}

.graph .gridSubY25 {
	left: 751px;
}

.graph .gridSubY26 {
	left: 781px;
}

.graph .gridSubY27 {
	left: 811px;
}

.graph .gridSubY28 {
	left: 841px;
}

.graph .gridSubY29 {
	left: 871px;
}

.graph .gridSubY30 {
	left: 1001px;
}

.graph .unitY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	width: 60px;
	height: 20px;
	left: -64px;
	top: 17px;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	line-height: 20px;
	text-align: right;
}

.graph .labelY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	width: 77px;
	height: 20px;
	left: -80px;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	line-height: 20px;
	text-align: right;
}

.graph .labelY0 {
	top: 370px;
}

.graph .labelY1 {
	top: 278px;
}

.graph .labelY2 {
	top: 182px;
}

.graph .labelY3 {
	top: 85px;
}

.graph .labelY4 {
	top: -2px;
}

.graph .graphLineArea {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 2px;
	top: 0px;
	clip: rect(-5px 868px 396px 0px);
	width: 868px;
	height: 396px;
}

.graph .graphLineArea .loaderBack {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 720px;
	height: 386px;
	background-color: #ffffff;
	filter: alpha(opacity=20);
	opacity: 0.2;
}

.graph .graphLineArea .loaderBack .loader {
	margin: 180px 0px 0px 0px;
	text-align: center;
}

.graph .column {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	background-color: #01b0f0;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.graph .balloon {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	display: none;
}

.graph .balloon .shadow {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
}

.graph .balloon .shadow .left {
	position: absolute;
	width: 44px;
	height: 62px;
	left: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/balloon_part_left_shadow.gif);
	filter: alpha(opacity=10);
	opacity: 0.1;
}

.graph .balloon .shadow .leftOutlet {
	position: absolute;
	width: 44px;
	height: 62px;
	left: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/balloon_part_left_outlet_shadow.gif);
	filter: alpha(opacity=10);
	opacity: 0.1;
}

.graph .balloon .shadow .center {
	position: absolute;
	height: 62px;
	left: 44px;
	background-repeat: repeat-x;
	background-image: url(../img/balloon_part_center_shadow.gif);
	filter: alpha(opacity=10);
	opacity: 0.1;
}

.graph .balloon .shadow .centerOutlet {
	position: absolute;
	width: 30px;
	height: 70px;
	background-repeat: no-repeat;
	background-image: url(../img/balloon_part_center_outlet_shadow.gif);
	filter: alpha(opacity=10);
	opacity: 0.1;
}

.graph .balloon .shadow .right {
	position: absolute;
	width: 44px;
	height: 62px;
	background-repeat: no-repeat;
	background-image: url(../img/balloon_part_right_shadow.gif);
	filter: alpha(opacity=10);
	opacity: 0.1;
}

.graph .balloon .shadow .rightOutlet {
	position: absolute;
	width: 44px;
	height: 62px;
	background-repeat: no-repeat;
	background-image: url(../img/balloon_part_right_outlet_shadow.gif);
	filter: alpha(opacity=10);
	opacity: 0.1;
}

.graph .balloon .back {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
}

.graph .balloon .back .left {
	position: absolute;
	width: 44px;
	height: 57px;
	left: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/balloon_part_left.gif);
	filter: alpha(opacity=90);
	opacity: 0.9;
}

.graph .balloon .back .leftOutlet {
	position: absolute;
	width: 44px;
	height: 57px;
	left: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/balloon_part_left_outlet.gif);
	filter: alpha(opacity=90);
	opacity: 0.9;
}

.graph .balloon .back .center {
	position: absolute;
	height: 57px;
	left: 44px;
	background-repeat: repeat-x;
	background-image: url(../img/balloon_part_center.gif);
	filter: alpha(opacity=90);
	opacity: 0.9;
}

.graph .balloon .back .centerOutlet {
	position: absolute;
	width: 30px;
	height: 70px;
	background-repeat: no-repeat;
	background-image: url(../img/balloon_part_center_outlet.gif);
	filter: alpha(opacity=90);
	opacity: 0.9;
}

.graph .balloon .back .right {
	position: absolute;
	width: 44px;
	height: 57px;
	background-repeat: no-repeat;
	background-image: url(../img/balloon_part_right.gif);
	filter: alpha(opacity=90);
	opacity: 0.9;
}

.graph .balloon .back .rightOutlet {
	position: absolute;
	width: 44px;
	height: 57px;
	background-repeat: no-repeat;
	background-image: url(../img/balloon_part_right_outlet.gif);
	filter: alpha(opacity=90);
	opacity: 0.9;
}

.graph .balloon .message {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
}

.graph .balloon .message .label {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	text-align: center;
	color: #666666;
}

.graph .balloon .message .label .name {
	margin: 0px 3px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

.graph .balloon .message .label .value {
	font-size: 14px;
	font-weight: bold;
	color: #ff8000;
}

.graph .balloon .message .label .unit {
	margin: 0px 0px 0px 3px;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

.graph .balloon .message .comment {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	top: 20px;
}

.graph .balloon .message .close {
	position: absolute;
	width: 60px;
	height: 60px;
}

.graphMonth .gridSubY1 {
	width: 1px;
	left: 23px;
}

.graphMonth .gridSubY2 {
	width: 1px;
	left: 46px;
}

.graphMonth .gridSubY3 {
	width: 1px;
	left: 70px;
}

.graphMonth .gridSubY4 {
	width: 1px;
	left: 92.8px;
}

.graphMonth .gridSubY5 {
	width: 1px;
	left: 116px;
}

.graphMonth .gridSubY6 {
	width: 1px;
	left: 139px;
}

.graphMonth .gridSubY7 {
	width: 1px;
	left: 162px;
}

.graphMonth .gridSubY8 {
	width: 1px;
	left: 186px;
}

.graphMonth .gridSubY9 {
	width: 1px;
	left: 209px;
}

.graphMonth .gridSubY10 {
	width: 1px;
	left: 232px;
}

.graphMonth .gridSubY11 {
	width: 1px;
	left: 255px;
}

.graphMonth .gridSubY12 {
	width: 1px;
	left: 278px;
}

.graphMonth .gridSubY13 {
	width: 1px;
	left: 302px;
}

.graphMonth .gridSubY14 {
	width: 1px;
	left: 325px;
}

.graphMonth .gridSubY15 {
	width: 1px;
	left: 348px;
}

.graphMonth .gridSubY16 {
	width: 1px;
	left: 371px;
}

.graphMonth .gridSubY17 {
	width: 1px;
	left: 394px;
}

.graphMonth .gridSubY18 {
	width: 1px;
	left: 418px;
}

.graphMonth .gridSubY19 {
	width: 1px;
	left: 441px;
}

.graphMonth .gridSubY20 {
	width: 1px;
	left: 464px;
}

.graphMonth .gridSubY21 {
	width: 1px;
	left: 487px;
}

.graphMonth .gridSubY22 {
	width: 1px;
	left: 510px;
}

.graphMonth .gridSubY23 {
	width: 1px;
	left: 534px;
}

.graphMonth .gridSubY24 {
	width: 1px;
	left: 557px;
}

.graphMonth .gridSubY25 {
	width: 1px;
	left: 580px;
}

.graphMonth .gridSubY26 {
	width: 1px;
	left: 603px;
}

.graphMonth .gridSubY27 {
	width: 1px;
	left: 626px;
}

.graphMonth .gridSubY28 {
	width: 1px;
	left: 650px;
}

.graphMonth .gridSubY29 {
	width: 1px;
	left: 673px;
}

.graphMonth .gridSubY30 {
	width: 1px;
	left: 696px;
}

.graphMonth .gridSubY31 {
	width: 0px;
	left: 721px;
}

.graphMonth .labelX0 {
	left: -22px;
}

.graphMonth .labelX1 {
	left: 68px;
}

.graphMonth .labelX2 {
	left: 188px;
}

.graphMonth .labelX3 {
	left: 304px;
}

.graphMonth .labelX4 {
	left: 420px;
}

.graphMonth .labelX5 {
	left: 536px;
}

.graphMonth .labelX6 {
	left: 652px;
}

.graphMonth .gridY1 {
	left: 232px;
}

.graphMonth .gridY2 {
	left: 464px;
}

.graphMonth .gridY3 {
	left: 696px;
}

.graphMonth .gridY4 {
	width: 0px;
}

.graphMonth .gridY5 {
	width: 0px;
}

.graphMonth .gridY6 {
	width: 0px;
}

.graphYear .gridSubY {
	width: 0px;
}

.graphYear .gridSubY1 {
	left: 61px;
	width: 1px;
}

.graphYear .gridSubY2 {
	left: 121px;
	width: 1px;
}

.graphYear .gridSubY3 {
	left: 181px;
	width: 1px;
}

.graphYear .gridSubY4 {
	left: 241px;
	width: 1px;
}

.graphYear .gridSubY5 {
	left: 301px;
	width: 1px;
}

.graphYear .gridSubY6 {
	left: 361px;
	width: 1px;
}

.graphYear .gridSubY7 {
	left: 421px;
	width: 1px;
}

.graphYear .gridSubY8 {
	left: 481px;
	width: 1px;
}

.graphYear .gridSubY9 {
	left: 541px;
	width: 1px;
}

.graphYear .gridSubY10 {
	left: 601px;
	width: 1px;
}

.graphYear .gridSubY11 {
	left: 661px;
	width: 1px;
}

.graphYear .gridSubY12 {
	left: 721px;
	width: 1px;;
}

.graphYear .labelX0 {
	left: -5px;
}

.graphYear .labelX1 {
	left: 55px;
}

.graphYear .labelX2 {
	left: 115px;
}

.graphYear .labelX3 {
	left: 175px;
}

.graphYear .labelX4 {
	left: 235px;
}

.graphYear .labelX5 {
	left: 295px;
}

.graphYear .labelX6 {
	left: 355px;
}

.graphYear .labelX7 {
	left: 415px;
}

.graphYear .labelX8 {
	left: 475px;
}

.graphYear .labelX9 {
	left: 540px;
}

.graphYear .labelX10 {
	left: 600px;
}

.graphYear .labelX11 {
	left: 660px;
}

.graphYear .gridY1 {
	width: 0px;
	height: 0px;
	clip: rect(0px 0px 0px 0px);
}

.graphYear .gridY {
	width: 0px;
}

/* 確認ポップアップ */
.confirmButtons {
	margin: 20px 0px 0px 5px !important;
	width: 380px;
	text-align: right;
}

.confirmMessage {
    margin-left: 50px !important;
    margin-top: 15px !important;
    width: 300px;
    text-align: center;
}

.statusMessage {
    margin-top: 35px !important;
    width: 240px;
    text-align: center;
}

#\#5\;pane {
    overflow-x: auto !important;
    overflow-y: hidden !important;
}