@CHARSET "UTF-8";
/* body共通 */
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	-webkit-print-color-adjust: exact;	
}

/* デフォルトフォント */
*{
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: 100%;
}
/* 基本フォント */
.font {
/* 	font-family: MS Gothic; */
	font-family: Liberation Serif, Times New Roman;
}

/* 画面中央寄せ用 */
.wrapper {
    width: 950px;
    min-width: 950px;
    height: 645px;
    margin: 0 auto;
    border: none;
    background-color: white;
    position: relative;
}
.wrapper16_9 {
    width: 950px;
    min-width: 950px;
    height: 420px;
    margin: 0 auto;
    position: relative;
}
.wrapper16_9_hems {
    width: 950px;
    min-width: 950px;
    height: 420px;
    margin: 0 auto;
    position: relative;
}

/* ボタン画像共通 */
.btn {
	cursor: pointer;
}
/* グラフツールチップ共通 */
.graphToolTip{
	color:#664d1f;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo;
	font-size: 12px;
	position:absolute;
	padding: 5px;
    z-index: 20;
   	-moz-border-radius: 10px;
 	-webkit-border-radius: 10px;
 	border-radius: 10px 10px 10px 10px;
 	background-color: white;
 	border-width: 2px;
 	border-style: solid;
 	/* 背景透過 */
 	filter:alpha(opacity=95);
    -moz-opacity:0.95;
    -khtml-opacity: 0.95;
    opacity:0.95;
}

/* ログインフォーム */
.LoginForm{
	position:absolute;
	width:130px;
	height:22px;
	padding: 0;
	border: 0;
	color: #2D9D4C;
	background-color:transparent;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	padding: 0px 5px;
}

.tableEditableTxt{
	font-size: 12px;
	background-color: transparent;
	height: 18px;
	padding: 0;
	padding-top: 1px;
	border: 0;
	color: #3367BF;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	padding:0;
}

.tableNotEditable{
	font-size: 12px;
	background-color: transparent;
	height: 18px;
	padding: 0;
	border: 0;
	color: #664D1F;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	border:1px solid #EFE1C9;
	padding:0;
}

.tableEllipsis{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.spanHeader{
	font-size: 12px;
	text-align: center;
	height: 20.5px;
	padding: 0;
	color: #664D1F;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

.spnaInput{
	height: 20.5px;
	padding: 0;
	background-color: transparent;
	border-width: 1px;
}
.tblCust{
	border:1px solid #EFE1C9;
	padding:0;
	height: 20.5px;
	font-size:12px;
	font-size: 12px;
	text-align: center;
	height: 20.5px;
	padding: 0;
	color: #664D1F;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	border:1px solid #EFE1C9;
}

/* 電力量グラフ画面カレンダー用 */
.textCal {
	width: 100px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo;
	border: none;
	outline:none;
	font-size: 14px;
	margin: 0px;
}

#drawGraphArea{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

canvas{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* フォーム */
.form {
	position: absolute;
	padding: 0;
	border: 0;
	color: #2D9D4C;
	background-color: transparent;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	padding: 0px 5px;
}

/* imgタグ選択時のハイライトを消す */
img{
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* チェックボックス＆ラジオボタン */
.checkbox_input,
.radio_input{
	display: none;
}
.checkbox_label{
	cursor: pointer;
	width: 13px;
    height: 13px;
	background:url('../img/ChkedOff.png');
	display:inline-block;
	background-size: 13px 13px;
    background-size: contain;
}
.checkbox_label_selected{
	cursor: pointer;
	width: 13px;
    height: 13px;
	background:url('../img/ChkedOn.png');
	background-size: 13px 13px;
    background-size: contain;
}
.radio_label{
	cursor: pointer;
	width: 13px;
    height: 13px;
	background:url('../img/RadioOff.png');
	display:inline-block;
	background-size: 13px 13px;
    background-size: contain;
}
.radio_label_selected{
	cursor: pointer;
	width: 13px;
    height: 13px;
	background:url('../img/RadioOn.png');
	background-size: 13px 13px;
    background-size: contain;
}

/* オーバーレイ背景拡張用 */
#bg{
	visibility: hidden;
}

table {
	table-layout: fixed;
}

/* hr {
	border-width: 1px 0 0 0;
	border-style: solid;
	height: 1px;
	clear: both;
} */

.ui-icon {
	color: #000000;
}


/* フッター */
#footer{
	position: absolute;
	top: 605px;
}
#footerW{
	position: absolute;
	top: 380px;
}