@charset "UTF-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
}

form.child {
	margin: 15px;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	display: block;
}

html {
	font-size: 62.5%;
}

body, table,
input, textarea, select, option,
h1, h2, h3, h4, h5, h6 {
	font-family: 'メイリオ', Meiryo, ' ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.1;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

table,
input, select, option {
	line-height: 1.1;
}

textarea {
	line-height: 1.5;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img {
	vertical-align: top;
}

a:link {
	color: #0032A0;
}

input::-ms-clear {
	display: none;
}

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft {
	text-align: left !important;
}

.taCenter {
	text-align: center !important;
}

.taRight {
	text-align: right !important;
}

.vTop {
	vertical-align: top !important;
}

.vMiddle {
	vertical-align: middle !important;
}

/* フォントの太さ */
.fwNormal {
	font-weight: normal !important;
}

.fwBold {
	font-weight: bold !important;
}

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 {
	margin-top: 0 !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.pt0 {
	padding-top: 0 !important;
}

.pb0 {
	padding-bottom: 0 !important;
}

/*------------------------------------------------------------
	clearfix（float解除）
------------------------------------------------------------*/
.clearfix {
	*zoom: 1;
}
.clearfix:after {
	display: block;
	clear: both;
	content: "";
}

/*------------------------------------------------------------
	トラッキングタグの余計なスペースを削除
------------------------------------------------------------*/
.trackTags {
	display: none;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	min-width: 900px;
  /* ウインドウ幅で横スクロール時に背景が切れるバグ対策でコンテンツと同じ幅を指定 */
	background-color: #F0F5F5;
	line-height: 1.5;
	text-align: center;
}

#container {
	margin: 0 auto;
	padding: 10px 0 50px;
	/* width: 900px;*/
	width: 100%;
	text-align: left;
}

#main {
	margin: 0 -7px 0 -5px;
	padding: 2px 7px 20px 5px;
	/* width: 900px; */
	width: 99%;
	//background: url(/Images/common/main_middle.png) repeat-y left top;
	position: relative;
	zoom: 1;
	background-size: 99% 100%; /* 調整 */
}


/*
#main:before, #main:after {
	width: 100%;
	height: 20px;
	position: absolute;
	left: 0;
	content: "";
}
#main:before {
	top: 0;
	background: url(/Images/common/main_top.png) no-repeat left top;
	background-size: 99% 100%;
}
#main:after {
	bottom: 0;
	background: url(/Images/common/main_bottom.png) no-repeat left bottom;
	background-size: 99% 100%;
}

#main .frame:after {
	display: block;
	clear: both;
	content: "";
}
*/
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#header {
	margin: -13px -7px 0 -5px;
	padding: 15px 20px 10px 20px;
	/* width: 890px; */
	width: 100%;
	height: 35px;
	background: url(/Images/common/header_bg.png) no-repeat left top;
	letter-spacing: -0.4em;
	background-size: 99% 100%; /* 調整 */
}
#header .logo {
	/*width: 212px;*/
	width: 15%;
	display: inline-block;
	vertical-align: middle;
	margin-top: -30px;
}
#header .logo a {
	display: block;
}
#header .headerPlantNameArea {
    position:absolute;
    top: 78px;
    overflow: hidden;
}
#header .headerPlantName {
    width: 520px;
	height: 20px;
    background: url(/Images/common/logounder.png) no-repeat left top;
    text-align: center;
    font-size: 13px;
    letter-spacing: 1px;
    color: #00008b;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background-size: 514px 19px;
    background-position-x: 4px;
}
#header .headerPlantNameInVisible {
    display:none;
}
#header .userNews {
	/*width: 650px;*/
	width: 82%;
	height: 60px;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: -0.4em;
	text-align: right;
	/*margin-top: -42px;*/
}
#header .userNews .user {
	width: 306px;
	display: inline-block;
	vertical-align: bottom;
	letter-spacing: normal;
    padding-bottom: 7px;
}
#header .userNews .user p {
	margin-top: 1px;
	color: #FFF;
	font-size: 1.2em;
	text-align: right;
	-ms-word-break: break-all;
	word-break: break-all;
    padding-left: 8px;
}
#header .userNews .user p:first-child {
	margin-top: 0;
}
#header .userNews .user p a {
	margin-left: 5px;
	display: inline-block;
	color: #FBCF00;
	font-weight: bold;
}
#header .userNews .user p a:hover {
	text-decoration: none;
}
#header .userNews .user p input[type="submit"] {
	background-color: #009fd5;
	color: #e6e6fa;
	margin-left: 10px;
}
#header .userNews .user p input[type="submit"]:hover,
#header .userNews .user p input[type="submit"]:focus,
#header .userNews .user p input[type="submit"]:active,
#header .userNews .user p input[type="submit"].active {
	background-color: #006ed5;
	border-color: #4682b4;
}
#header .userNews .news {
	margin-left: 8px;
    padding-top: 24px;
	width: 106px;
	display: inline-block;
	vertical-align: top;
}
#header .userNews .news a {
	display: block;
	position: relative;
}
#header #gNavi {
	width: 256px;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}
#header #gNavi ul:after {
	display: block;
	clear: both;
	content: "";
}
#header #gNavi ul li {
	margin-left: 0px;
	float: left;
	position: relative;
}
#header #gNavi ul li:first-child {
	margin-left: 0;
}
#header #gNavi ul li.on .btn img {
	visibility: hidden;
}
#header #gNavi ul li.on .popup {
	visibility: visible;
	z-index: 53;
}

#header #gNavi ul li.contact {
	margin-left: 0px;
}
#header #gNavi ul li a {
	display: block;
}
#header #gNavi ul li .popup {
	width: 363px;
	visibility: hidden;
	position: absolute;
	top: 83px;
	left: -243px;
	z-index: -1;
}
#header #gNavi ul li .popup .frame {
    width: 363px;
	padding: 5px 10px;
	background: url(/Images/common/popup_bg_m.png) repeat-y left top;
	position: relative;
    background-size: 363px auto;
}
#header #gNavi ul li .popup .frame:before, #header #gNavi ul li .popup .frame:after {
	width: 363px;
	position: absolute;
	left: 0;
	content: "";
}
#header #gNavi ul li .popup .frame:before {
    width: 363px;
	height: 14px;
	top: -14px;
	background: url(/Images/common/popup_bg_t.png) no-repeat left top;
    background-size: 363px 14px;
}
#header #gNavi ul li .popup .frame:after {
	height: 5px;
	bottom: -5px;
	background: url(/Images/common/popup_bg_b.png) no-repeat left bottom;
    background-size: 363px 5px;
}
#header #gNavi ul li .popup .frame .btnGroup {
	margin: 0 15px 5px 0;
	letter-spacing: -0.4em;
	text-align: right;
    display:inline-block;
}
#header #gNavi ul li .popup .frame .btnSearch {
	margin: 0;
    width: 260px;
    display:inline-block;
}
#header #gNavi ul li .popup .frame .btnSearch .searchInput {
	width: 180px;
    vertical-align: top;
}
#header #gNavi ul li .popup .frame .btnSearch .searchBtn {
	width: 20px;
	height: 20px;
    background: url(/Images/common/btn_search_icon.png) left top no-repeat;
    background-size: 20px;
    border: transparent;
    cursor: pointer;
}
#header #gNavi ul li .popup .frame .btnSearch .clearSearchBtn {
	width: 20px;
	height: 20px;
    background: url(/Images/common/btn_clear_search_icon.png) left top no-repeat;
    background-size: 20px;
    border: transparent;
    cursor: pointer;
}
#header #gNavi ul li .popup .frame .btnGroup .close,
#header #gNavi ul li .popup .frame .btnGroup .viewResize,
#header #gNavi ul li .popup .frame .btnGroup .allOpen,
#header #gNavi ul li .popup .frame .btnGroup .allClose
 {
    position:relative;
    margin:0 3px 0px 3px;
    top:-5px;
}
#header #gNavi ul li .popup .frame .btnGroup div {
	margin-left: 5px;
	display: inline-block;
}
#header #gNavi ul li .popup .frame .btnGroup div a {
	background: none;
	display: block;
}
#header #gNavi ul li .popup .frame .btnGroup div a img {
	visibility: visible;
}
#header #gNavi ul li .popup .frame .inner {
	padding: 0 10px 10px 0;
	width: 333px;
	height: 400px;
	background-color: #cee3ec;
	position: relative;
	overflow: hidden;
}
#header #gNavi ul li .popup .frame .inner .aco {
	width: auto;
}
#header #gNavi ul li .popup .frame .inner .aco dt, #header #gNavi ul li .popup .frame .inner .aco dd {
	width: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.3em;
	white-space: nowrap;
}
#header #gNavi ul li .popup .frame .inner .aco dt {
	padding: 7px 5px 5px 25px;
	background-image: url(/Images/common/icon_arrow01_r.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	line-height: 1;
}
#header #gNavi ul li .popup .frame .inner .aco dt.open {
	background-image: url(/Images/common/icon_arrow01_b.png);
}
#header #gNavi ul li .popup .frame .inner .aco dd {
	padding: 0 5px 5px 35px;
	display: none;
}
#header #gNavi ul li .popup .frame .inner .aco dd ul li {
	margin: 0;
	float: none;
}
#header #gNavi ul li .popup .frame .inner .aco dd ul li a {
	background: none;
	color: #006BAD;
}
#header #gNavi ul li .popup .frame .inner .aco dd ul li a:hover {
	text-decoration: none;
}
#header #gNavi ul li .popup .frame .favoEdit {
	margin-top: 5px;
	width: 308px;
}
#header #gNavi ul li .popup .frame .favoEdit a {
	display: block;
}

/*------------------------------------------------------------
	グローバルナビ
------------------------------------------------------------*/
/*------------------------------------------------------------
	システムエラー
------------------------------------------------------------*/
.messageBox {
	margin: 0 -7px 12px -5px;
	width: 912px;
	background: url(/Images/common/error_ttl_bg_t.png) no-repeat top left;
	position: relative;
}
.messageBox:after {
	width: 912px;
	height: 12px;
	background: url(/Images/common/error_bg_b.png) no-repeat top left;
	position: absolute;
	bottom: -12px;
	left: 0;
	content: "";
}
.messageBox .ttl {
	padding: 5px 0;
	background: url(/Images/common/error_ttl_bg_b.png) no-repeat bottom left;
	color: #FFF;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
}
.messageBox .frame {
	padding: 6px 13px 5px 16px;
	background: url(/Images/common/error_bg_m.png) repeat-y top left;
}
.messageBox .frame .inner {
	padding: 0 12px 10px;
	height: 50px;
	overflow: scroll;
}
.messageBox .frame .inner span {
	font-size: 1.2em;
	white-space: nowrap;
}
.messageBox.normal {
	background-image: url(/Images/common/normal_ttl_bg_t.png);
}
.messageBox.normal:after {
	background-image: url(/Images/common/normal_bg_b.png);
}
.messageBox.normal .ttl {
	background-image: url(/Images/common/normal_ttl_bg_b.png);
}
.messageBox.normal .frame {
	background-image: url(/Images/common/normal_bg_m.png);
}

/*------------------------------------------------------------
	パンクズリスト
------------------------------------------------------------*/
#pagePath {
	margin-bottom: 10px;
}
#pagePath li {
	margin-right: 2px;
	display: inline;
}
#pagePath li a {
	margin-right: 5px;
}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#conts {
	/* padding: 0 20px;*/
	margin: 0 3%;
	/* width: 679px;*/
	width: 75%;
	float: right;
}

/*------------------------------------------------------------
	サイドバー
------------------------------------------------------------*/
#sideBar {
	padding-left: 1%;
	/*width: 179px;*/
	width:18%;
	float: left;
}
#sideBar .ttl {
	margin-bottom: 10px;
	text-align: center;
}
#sideBar ul li.open a img {
	visibility: hidden;
}
#sideBar ul li a {
	display: block;
}
#sideBar ul li .level1 {
	margin-top: 2px;
	padding-left: 32px;
	display: none;
}
#sideBar ul li .level1 li a {
	background: none;
}
#sideBar ul li .level1 li a img {
	visibility: visible;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#footer {
	margin: 0 -7px -5px -5px;
	padding: 20px 55px 0 25px;
	/* width: 872px;*/
	width: 100%;
	height: 35px;
	background: url(/Images/common/footer_bg.png) no-repeat left top;
	background-size:97% 100%;
}
#footer:after {
	display: block;
	clear: both;
	content: "";
}
#footer .subNavi {
	float: left;
}
#footer .subNavi:after {
	display: block;
	clear: both;
	content: "";
}
#footer .subNavi li {
	margin-right: 30px;
	float: left;
}
#footer .subNavi li a {
	display: block;
}
#footer .logo {
	margin-top: -5px;
	float: right;
	padding-right:3%;
}

/*------------------------------------------------------------
	見出し
------------------------------------------------------------*/
.ttl01 {
	margin-bottom: 10px;
	padding: 6px 6px 4px;
	background-color: #0032A0;
	color: #FFF;
	font-size: 1.4em;
	line-height: 1;
}

/*------------------------------------------------------------
	ボタン
------------------------------------------------------------*/
.imgBtn {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	outline: none;
}
.imgBtn img {
	vertical-align: top;
}

button[type="submit"],
button[type="reset"] {
	cursor: pointer;
}

/*------------------------------------------------------------
	リスト
------------------------------------------------------------*/
.list li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.list.horizon li {
	display: inline-block;
}
.list.col2 li {
	width: 50%;
	float: left;
}
.list.col3 li {
	width: 33.3333%;
	float: left;
}
.list.col4 li {
	width: 25%;
	float: left;
}
.list.col5 li {
	width: 20%;
	float: left;
}
.list.col6 li {
	width: 16.6666%;
	float: left;
}
.list.col7 li {
	width: 14.28571%;
	float: left;
}
.list.col8 li {
	width: 12.5%;
	float: left;
}
.list.col9 li {
	width: 11.11111%;
	float: left;
}
.list.col10 li {
	width: 10%;
	float: left;
}

/*------------------------------------------------------------
	アイコン
------------------------------------------------------------*/
.iconDownload {
	padding-right: 22px;
	background: url(/Images/common/icon_download.png) no-repeat right center;
}

/*------------------------------------------------------------
	フォントファミリー
------------------------------------------------------------*/
.ffNum {
	font-family: 'Arial';
}

/*------------------------------------------------------------
	[共通線]
	hr
------------------------------------------------------------*/
.line01 {
	margin: 0 0 20px;
	border: none;
	border-top: 1px #0032A0 solid;
}

/*------------------------------------------------------------
	ボタンリスト
------------------------------------------------------------*/
#conts .btnRows {
	padding: 20px 130px 10px 0;
	border-top: 1px #0032A0 solid;
	text-align: left;
}
#conts .btnRows:after {
	display: block;
	clear: both;
	content: "";
}
#conts .btnRows li {
	margin: 0 5px 5px 0;
	float: left;
	vertical-align: top;
	letter-spacing: normal;
}
#conts .btnRows li:first-child {
	margin-right: 15px;
}

/*------------------------------------------------------------
	[顧客アコーディオン]
	/Setting/PowerPlantGroup
	/Setting/GraphSetting
------------------------------------------------------------*/
#conts .data:after {
	display: block;
	clear: both;
	content: "";
}
#conts .data .customer {
	padding: 10px;
	width: 182px;
	background: url(/Images/common/popup_lt.png) no-repeat top left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	position: relative;
}
#conts .data .customer:before, #conts .data .customer:after {
	position: absolute;
	content: "";
}
#conts .data .customer:before {
	width: 10px;
	height: 100%;
	background: url(/Images/common/popup_rt.png) no-repeat top right white;
	top: 0;
	right: 0;
}
#conts .data .customer:after {
	width: 100%;
	height: 10px;
	background: url(/Images/common/popup_b.png) no-repeat top left white;
	bottom: 0;
	left: 0;
}
#conts .data .customer .frame {
	width: 160px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
#conts .data .customer .frame .inner {
	background-color: #CEE3EC;
}
#conts .data .customer .frame .inner.odd {
	background-color: #E4F0F5;
}
#conts .data .customer .frame .inner .acoTtl {
	padding: 5px 0 5px 20px;
	background-image: url(/Images/common/icon_arrow01_r.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	font-size: 1.3em;
}
#conts .data .customer .frame .inner .acoTtl.open {
	background-image: url(/Images/common/icon_arrow01_b.png);
}
#conts .data .customer .frame .inner .aco {
	width: auto;
	display: none;
}
#conts .data .customer .frame .inner .aco dt, #conts .data .customer .frame .inner .aco dd {
	width: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.3em;
	white-space: nowrap;
}
#conts .data .customer .frame .inner .aco dt {
	padding: 7px 5px 5px 30px;
	background-image: url(/Images/common/icon_arrow01_r.png);
	background-position: 20px center;
	background-repeat: no-repeat;
	line-height: 1;
}
#conts .data .customer .frame .inner .aco dt.open {
	background-image: url(/Images/common/icon_arrow01_b.png);
	color: #006BAD;
	text-decoration: underline;
}
#conts .data .customer .frame .inner .aco dt.odd {
	background-color: #E4F0F5;
}
#conts .data .customer .frame .inner .aco dt.odd + dd {
	background-color: #E4F0F5;
}
#conts .data .customer .frame .inner .aco dd {
	padding: 0 5px 5px 35px;
	display: none;
}
#conts .data .customer .frame .inner .aco dd ul li {
	margin: 0;
	float: none;
}
#conts .data .customer .frame .inner .aco dd ul li a {
	background: none;
	color: #006BAD;
}
#conts .data .customer .frame .inner .aco dd ul li a:hover {
	text-decoration: none;
}

/*------------------------------------------------------------
	[選択中のグループ]
	/Setting/PowerPlantGroup.html
	/Display/FavoriteEdit.html
------------------------------------------------------------*/
#conts .editForm {
	margin-left: 20px;
	width: 477px;
	float: left;
}
#conts .editForm .item {
	margin-top: 25px;
}
#conts .editForm .item:first-child {
	margin-top: 0;
}
#conts .editForm .item dl {
	font-size: 1.3em;
}
#conts .editForm .item dl dt {
	margin-bottom: 5px;
}
#conts .editForm .item dl dt .btn {
	margin-left: 8px;
	display: inline-block;
	vertical-align: middle;
}
#conts .editForm .item dl dd {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#conts .editForm .item dl dd input[type="text"],
#conts .editForm .item dl dd textarea {
	margin: 0;
	padding: 2px 5px;
	border: 1px solid #79B3CB;
	font-size: 13px;
}
#conts .editForm .item dl dd input[type="text"] {
	width: 180px;
}
#conts .editForm .item dl dd textarea {
	width: 467px;
	height: 200px;
}
#conts .editForm .item dl dd .input {
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}
#conts .editForm .item dl dd .btn {
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}
#conts .editForm .item dl dd .sort {
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
}
#conts .editForm .item dl dd .sort .btnSort {
	margin-top: -3px;
	display: inline-block;
	vertical-align: middle;
}
#conts .editForm .item dl dd .sort .btnSort li {
	height: 10px;
}
#conts .editForm .item dl dd .sort .btnSort li:first-child {
	margin-bottom: 3px;
}

/*------------------------------------------------------------
	[グラフとその表示データのパネル]
	SolarGraph
	StringGraph
------------------------------------------------------------*/
#conts .panel {
	margin-bottom: 14px;
	background: #CCD6EC;
}
#conts .panel:before, #conts .panel:after {
	width: 100%;
	height: 10px;
	display: block;
	content: "";
}
#conts .panel:before {
	background: url(/Images/common/frame02_t.png) no-repeat;
}
#conts .panel:after {
	background: url(/Images/common/frame02_b.png) no-repeat;
}
#conts .panel .graph {
	margin-bottom: 10px;
	text-align: center;
}
#conts .panel.dataTable {
	margin-top: 35px;
	position: relative;
	font-size: 130%;
}
#conts .panel.dataTable > .frame .scrollTable {
	margin: 10px 20px;
	height: 180px;
	overflow: scroll;
}
#conts .panel.dataTable .viewBtn {
	width: 120px;
	height: 20px;
	position: absolute;
	top: -20px;
	right: 20px;
	cursor: pointer;
}
#conts .panel.dataTable .viewBtn.toggle-show img {
	visibility: hidden;
}
#conts .panel.dataTable table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	font-size: 107.69231%;
}
#conts .panel.dataTable table th, #conts .panel.dataTable table td {
	padding: 4px 5px 2px;
	width: 124px;
	background: #FFF;
	border: 1px solid #808080;
	font-weight: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-break: break-all;
}
#conts .panel.dataTable table th {
	background: #4D4D4D;
	color: #fff;
	text-align: center;
}
#conts .panel.dataTable table .strong th, #conts .panel.dataTable table .strong td {
	background: #E6F5FC;
	font-weight: bold;
}
#conts .panel.dataTable table .strong th {
	color: #333;
	text-align: left;
}
#conts .panel.dataTable .csvOutput {
	margin: 5px 20px 0;
}
#conts .panel.dataTable .csvOutput .dateYMD {
	width: 90px;
	height: 23px;
	background: url(/Images/common/input_bg03.png) no-repeat;
	border: none;
	font-size: inherit;
	text-align: center;
}
#conts .panel.dataTable .csvOutput .pseudoSelect {
	width: 80px;
}
#conts .panel.dataTable .csvOutput .pseudoSelect input {
	font-size: inherit;
}
#conts .panel.dataTable .csvOutput .unit {
	font-weight: bold;
}
#conts .panel.dataTable .csvOutput .txt {
	font-weight: bold;
}

.ie8 #conts .dateChange .year input, .ie8 #conts .dateChange .month input, .ie8 #conts .dateChange .day input {
	padding-top: 5px;
}
.ie8 #conts .panel.dataTable .csvOutput .dateYMD {
	padding-top: 5px;
}

/*------------------------------------------------------------
	[角丸背景]
	PowerPlant
------------------------------------------------------------*/
.panel05 {
	margin-bottom: 14px;
	background: #D2E6EE;

}
.panel05:before, .panel05:after {
	width: 100%;
	height: 10px;
	display: block;
	content: "";
}
/*
.panel05:before {
	background: url(/Images/common/frame05_t.png) no-repeat;
	background-size: 99% 100%;
}
.panel05:after {
	background: url(/Images/common/frame05_b.png) no-repeat;
	background-size: 99% 100%;
}
*/

/*------------------------------------------------------------
	[検索（検索カテゴリセレクトとキーワードが並ぶ）]
------------------------------------------------------------*/
.search {
	margin-bottom: 20px;
}
.search:after {
	display: block;
	clear: both;
	content: "";
}
.search dl {
	float: left;
}
.search dt, .search dd {
	display: inline-block;
	vertical-align: middle;
}
.search .category {
	margin-right: 20px;
}
.search .category.pseudoSelectSimple {
	width: 180px;
}
.search .keyword {
	background: #E9F2F6;
	border: 1px solid #79b3cb;
	overflow: hidden;
}
.search .keyword .word {
	margin: 0;
	padding: 0 5px;
	width: 128px;
	height: 20px;
	background: none;
	border: none;
	float: left;
}
.search .keyword .submit {
	width: 51px;
	float: left;
}
.search .newRegistration {
	float: right;
}

/*------------------------------------------------------------
	[共通テーブル1]
------------------------------------------------------------*/
.comTable {
	margin-bottom: 20px;
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 130%;
}
.comTable th {
	padding: 9px 7px 7px;
	width: 160px;
	background: #1F80A9;
	border-bottom: 2px solid #D2E6EE;
	color: #fff;
	font-weight: normal;
	text-align: right;
	vertical-align: top;
	border-right: 2px solid #D2E6EE;
}
.comTable td {
	/*padding: 9px 11px 7px;*/
	padding:0 0 0 5px;
	text-align: left;
	vertical-align: middle;
}
.comTable td input[type="text"],
.comTable td input[type="password"],
.comTable td textarea {
	margin: 0;
	padding: 2px 5px;
	width: 180px;
	border: 1px solid #79B3CB;
	font-size: 13px;
}
.comTable td input[type="text"]:disabled {
	background: #E9E9E9;
}
.comTable td.input {
	padding: 5px 9px 3px;
}
.comTable td.file {
	padding: 5px 9px 3px;
}
.comTable td.file textarea {
	margin-bottom: 3px;
}
.comTable td.file .fileUploder {
	width: 440px;
	height: 25px;
	position: relative;
	overflow: hidden;
}
.comTable td.file .fileUploder input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 379px;
	height: 100%;
	min-height: 20px;
	float: left;
}
.comTable td.file .fileUploder .ref {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 5px;
	height: 100%;
	background: #79B3CB;
	border: none;
	float: left;
	color: #fff;
	font-size: 107.69231%;
	font-weight: bold;
}
.comTable td.file .fileUploder .uploader {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	font-size: 315px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
.comTable td.file .dirSelect {
	width: 440px;
	height: 25px;
	position: relative;
	overflow: hidden;
}
.comTable td.file .dirSelect input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 379px;
	height: 100%;
	min-height: 20px;
	float: left;
}
.comTable td.file .dirSelect .ref {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 5px;
	height: 100%;
	background: #79B3CB;
	border: none;
	float: left;
	color: #fff;
	font-size: 107.69231%;
	font-weight: bold;
}
.comTable td.imgFile {
	padding: 5px 9px 3px;
}
.comTable td.imgFile textarea {
	margin-bottom: 3px;
}
.comTable td.imgFile .fileUploder {
	width: 308px;
	border: 1px solid #79B3CB;
	position: relative;
	overflow: hidden;
}
.comTable td.imgFile .fileUploder input {
	padding: 0 5px;
	width: 143px;
	min-height: 20px;
	border: none;
	float: left;
}
.comTable td.imgFile .fileUploder .ref {
	margin: 0;
	padding: 0;
	width: 155px;
	height: 20px;
	background: none;
	border: none;
	display: block;
	float: left;
}
.comTable td.imgFile .fileUploder .ref img {
	width: 155px;
	height: 20px;
	display: block;
}
.comTable td.imgFile .fileUploder .uploader {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	font-size: 315px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
.comTable td.radio {
	padding: 7px 9px;
}
.comTable td.radio .pseudoRadiobtn {
	width: 130px;
}
.comTable td.radio .pseudoRadiobtn label {
	background-image: url(/Images/common/radiobtn02_off.png);
}
.comTable td.textarea {
	padding: 7px 9px;
}
.comTable td.textarea textarea {
	width: 100%;
}
.comTable td.select {
	padding: 5px 9px 3px;
}
.comTable td.group {
	position: relative;
}
.comTable td.group .left, .comTable td.group .right {
	margin-top: -16px;
	position: absolute;
	top: 50%;
	z-index: 10;
}
.comTable td.group .right {
	margin-left: -1px;
}
.comTable td.group textarea {
	margin-right: 0;
	margin-left: 21px;
	height: 156px;
}
.comTable td.logger .left {
	width: 192px;
	float: left;
}
.comTable td.logger .right {
	float: left;
}
.comTable td.logger .changeBtn {
	margin: 35px 10px 0 10px;
	float: left;
}
.comTable td.logger .changeBtn li {
	margin-bottom: 10px;
}
.comTable td.logger textarea {
	margin-bottom: 3px;
}
.comTable td.table {
	padding-top: 0;
	padding-bottom: 0;
}
.comTable td.table .addBtn {
	margin-bottom: 5px;
}
.comTable td.table .registBtn {
	margin-bottom: 5px;
}
.comTable td.table .setTable {
	margin-bottom: 0;
	width: 410px;
}
.comTable td.table .setTable th.ctrl {
	width: 29px;
}
.comTable td.table .setTable td {
	padding-top: 4px;
	background: #FFF;
}
.comTable td.table .setTable td.select {
	padding: 0;
}
.comTable td.table .setTable td.select .pseudoSelectSimple {
	padding: 2px 0;
	width: auto;
	border: none;
	display: block;
}
.comTable td.table .setTable td.select .pseudoSelectSimple .val {
	margin: 0;
}
.comTable td.table .setTable td.ctrl img {
	width: 16px;
	height: auto;
}
.comTable td a {
	color: #000;
}
.comTable td a:hover {
	text-decoration: none;
}
.comTable td.color01 {
	background-color: #D2E6EE;
	border-bottom: 2px solid #FFF;
}
.comTable td input[type="text"].mailTitle {
		width: 300px;
}
.comTable td textarea.mailText,
#divDisp .comTable td textarea.mailText {
	width: 300px;
	height: 300px;
}
td input[type="text"].mailAddress {
		width: 100%;
	}

/*------------------------------------------------------------
	[共通テーブル2]
------------------------------------------------------------*/
.comTable02 {
	margin-bottom: 20px;
	width: 100%;
	border-collapse: collapse;
	font-size: 107.69231%;
	line-height: 1.3;
}
.comTable02 th, .comTable02 td {
	padding: 5px 5px 4px;
	background: #E6F5FC;
	border: 1px solid #808080;
}
.comTable02 th.sort, .comTable02 td.sort {
	padding: 7px 5px 2px;
}
.comTable02 th {
	background: #4D4D4D;
	color: #fff;
	text-align: center;
	white-space: nowrap;
}
.comTable02 thead th {
	background: #4D4D4D;
	color: #fff;
	text-align: center;
	white-space: nowrap;
}
.comTable02 tfoot td {
	padding: 4px;
	background: #4D4D4D;
	color: #fff;
}
.comTable02 tfoot .pager {
	font-size: 71.42857%;
}
.comTable02 .pager {
	padding: 0;
	font-size: 71.42857%;
}
.comTable02 .pager td {
	padding: 4px;
	background: #4D4D4D;
}
.comTable02 .pager td table {
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
.comTable02 .pager td table td {
	padding: 0 3px 0 0;
	border: none;
	border-left: 1px #4D4D4D solid;
	color: #fff;
}
.comTable02 .pager td table td a, .comTable02 .pager td table td span {
	padding: 3px;
	background: #FFF;
	display: block;
	color: #0098E1;
	font-weight: bold;
	text-decoration: none;
	line-height: 1;
}
.comTable02 .pager td table td a:hover {
	background: #0098E1;
	color: #fff;
}
.comTable02 .pager td table td span {
	background: #0098E1;
	color: #fff;
}

/*------------------------------------------------------------
	[ポップアップ・ツールチップ]
------------------------------------------------------------*/
.popupItem,
.popupHelp,
.tooltipItem {
	width: 174px;
	position: absolute;
	display: none;
	font-size: 120%;
}
.popupItem:before, .popupItem:after,
.popupHelp:before, .popupHelp:after,
.tooltipItem:before,
.tooltipItem:after {
	width: 10px;
	height: 100%;
	position: absolute;
	content: "";
}
.popupItem:before,
.popupHelp:before,
.tooltipItem:before {
	width: 100%;
	background: url(/Images/common/popup_lt.png) no-repeat 10px 10px;
	top: -10px;
	left: -10px;
}
.popupItem:after,
.popupHelp:after,
.tooltipItem:after {
	background: url(/Images/common/popup_rt.png) no-repeat 0 10px;
	top: -10px;
	right: 0;
}
.popupItem.positionTop .arrow, .popupItem.positionBottom .arrow,
.popupHelp.positionTop .arrow, .popupHelp.positionBotton .arrow,
.tooltipItem.positionTop .arrow,
.tooltipItem.positionBottom .arrow {
	width: 10px;
	height: 11px;
	position: absolute;
	left: 16px;
	z-index: 1;
}
.popupItem.positionTop,
.popupHelp.positionTop,
.tooltipItem.positionTop {
	margin-top: -10px;
}
.popupItem.positionTop > .arrow,
.popupHelp.positionTop > .arrow,
.tooltipItem.positionTop > .arrow {
	background: url(/Images/common/popup_arrow_bottom.png) no-repeat;
	bottom: -9px;
}
.popupItem.positionBottom,
.popupHelp.positionBottom,
.tooltipItem.positionBottom {
	margin-top: 6px;
}
.popupItem.positionBottom > .arrow,
.popupHelp.positionBotton > .arrow,
.tooltipItem.positionBottom > .arrow {
	background: url(/Images/common/popup_arrow_top.png) no-repeat;
	top: -9px;
}
.popupItem.positionLeft .arrow,
.popupHelp.positionLeft .arrow,
.tooltipItem.positionLeft .arrow {
	width: 10px;
	height: 11px;
	background: url(/Images/common/popup_arrow_left.png) no-repeat;
	position: absolute;
	top: 10px;
	left: -8px;
	z-index: 1;
}
.popupItem > .inner,
.popupHelp > .inner,
.tooltipItem > .inner {
	position: relative;
}
.popupItem > .inner:before, .popupItem > .inner:after,
.popupHelp > .inner:before, .popupHelp > .inner:after,
.tooltipItem > .inner:before,
.tooltipItem > .inner:after {
	width: 10px;
	height: 10px;
	position: absolute;
	content: "";
}
.popupItem > .inner:before,
.popupHelp > .inner:before,
.tooltipItem > .inner:before {
	width: 100%;
	background: url(/Images/common/popup_lb.png) no-repeat 10px 0;
	bottom: 0;
	left: -10px;
}
.popupItem > .inner:after,
.popupHelp > .inner:after,
.tooltipItem > .inner:after {
	background: url(/Images/common/popup_rb.png) no-repeat;
	bottom: 0;
	right: 0;
}
.popupItem > .inner > .body,
.popupHelp > .inner > .body,
.tooltipItem > .inner > .body {
	padding: 5px 10px 10px;
	position: relative;
}
.popupItem > .inner > .body .year, .popupItem > .inner > .body .month,
.tooltipItem > .inner > .body .year,
.tooltipItem > .inner > .body .month {
	margin: 0 auto;
	width: 85px;
	position: relative;
	font-weight: bold;
}
.popupItem > .inner > .body .year .prev, .popupItem > .inner > .body .year .next, .popupItem > .inner > .body .month .prev, .popupItem > .inner > .body .month .next,
.tooltipItem > .inner > .body .year .prev,
.tooltipItem > .inner > .body .year .next,
.tooltipItem > .inner > .body .month .prev,
.tooltipItem > .inner > .body .month .next {
	margin-top: -6px;
	position: absolute;
	top: 50%;
	cursor: pointer;
}
.popupItem > .inner > .body .year .prev, .popupItem > .inner > .body .month .prev,
.tooltipItem > .inner > .body .year .prev,
.tooltipItem > .inner > .body .month .prev {
	left: 0;
}
.popupItem > .inner > .body .year .next, .popupItem > .inner > .body .month .next,
.tooltipItem > .inner > .body .year .next,
.tooltipItem > .inner > .body .month .next {
	right: 0;
}
.popupItem > .inner > .body table,
.tooltipItem > .inner > .body table {
	width: 100%;
	border-space: 1px;
}
.popupItem > .inner > .body table th, .popupItem > .inner > .body table td,
.tooltipItem > .inner > .body table th,
.tooltipItem > .inner > .body table td {
	padding: 3px 0 2px;
	background: #FFF;
	cursor: pointer;
}
.popupItem > .inner > .body table .sun,
.tooltipItem > .inner > .body table .sun {
	color: #E60012;
}
.popupItem > .inner > .body table .sat,
.tooltipItem > .inner > .body table .sat {
	color: #2C44B3;
}
.popupItem > .inner > .body .time,
.tooltipItem > .inner > .body .time {
	margin-top: 10px;
}
.popupItem > .inner > .body .time p,
.tooltipItem > .inner > .body .time p {
	margin-bottom: 2px;
	padding-bottom: 2px;
	border-bottom: 2px #00B4DC solid;
	color: #00B4DC;
	font-weight: bold;
	text-align: center;
}
.popupItem > .inner > .body .time .timeNum,
.tooltipItem > .inner > .body .time .timeNum {
	margin-bottom: 2px;
	padding-bottom: 0;
	border-bottom: none;
	color: #000;
	font-weight: normal;
}
.popupItem > .inner > .body .time .timeControl,
.tooltipItem > .inner > .body .time .timeControl {
	margin-bottom: 10px;
	color: #006BAD;
	font-weight: bold;
	text-align: left;
}
.popupItem > .inner > .body .time .timeControl .frame:after,
.tooltipItem > .inner > .body .time .timeControl .frame:after {
	display: block;
	clear: both;
	content: "";
}
.popupItem > .inner > .body .time .timeControl .frame .barControl,
.tooltipItem > .inner > .body .time .timeControl .frame .barControl {
	width: 130px;
	float: left;
	position: relative;
}
.popupItem > .inner > .body .time .timeControl .frame .barControl .bar,
.tooltipItem > .inner > .body .time .timeControl .frame .barControl .bar {
	width: 130px;
	height: 10px;
	background: url(/Images/common/bar_cal_time02.png) no-repeat left center;
	position: relative;
}
.popupItem > .inner > .body .time .timeControl .frame .barControl .bar .ui-slider-handle,
.tooltipItem > .inner > .body .time .timeControl .frame .barControl .bar .ui-slider-handle {
	margin-left: -2px;
	width: 4px;
	height: 10px;
	background: url(/Images/common/bar_cal_time.png) no-repeat;
	position: absolute;
	top: 0;
	cursor: pointer;
}
.popupItem > .inner > .body .time .timeControl .frame .btnControl,
.tooltipItem > .inner > .body .time .timeControl .frame .btnControl {
	padding-top: 2px;
	width: 18px;
	float: right;
}
.popupItem > .inner > .body .time .timeControl .frame .btnControl:after,
.tooltipItem > .inner > .body .time .timeControl .frame .btnControl:after {
	display: block;
	clear: both;
	content: "";
}
.popupItem > .inner > .body .time .timeControl .frame .btnControl li,
.tooltipItem > .inner > .body .time .timeControl .frame .btnControl li {
	margin-left: 2px;
	height: 8px;
	float: left;
	cursor: pointer;
}
.popupItem > .inner > .body .time .timeControl .frame .btnControl li:first-child,
.tooltipItem > .inner > .body .time .timeControl .frame .btnControl li:first-child {
	margin-left: 0;
}
.popupItem > .inner > .body .yearList,
.tooltipItem > .inner > .body .yearList {
	padding-right: 15px;
	width: 46px;
	height: 160px;
	overflow: hidden;
}
.popupItem > .inner > .body .yearList ul li,
.tooltipItem > .inner > .body .yearList ul li {
	margin-top: 1px;
	padding: 3px;
	background-color: #FFF;
}
.popupItem > .inner > .body .yearList ul li:first-child,
.tooltipItem > .inner > .body .yearList ul li:first-child {
	margin-top: 0;
}
.popupItem > .inner > .body .nowtime,
.tooltipItem > .inner > .body .nowtime {
	margin-top: 10px;
	cursor: pointer;
}
.popupItem.calendarYMDWM,
.tooltipItem.calendarYMDWM {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 52;
}
.popupItem.calendarYMDWM .year,
.tooltipItem.calendarYMDWM .year {
	color: #00B4DC;
	font-size: 91.66667%;
}
.popupItem.calendarYMDWM .month,
.tooltipItem.calendarYMDWM .month {
	margin-top: -3px;
	color: #006BAD;
}
.popupItem.calendarYMDWM .month span,
.tooltipItem.calendarYMDWM .month span {
	font-size: 166.66667%;
}
.popupItem.calendarYMDW,
.tooltipItem.calendarYMDW {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 52;
}
.popupItem.calendarYMDW .year,
.tooltipItem.calendarYMDW .year {
	color: #00B4DC;
	font-size: 91.66667%;
}
.popupItem.calendarYMDW .month,
.tooltipItem.calendarYMDW .month {
	margin-top: -3px;
	color: #006BAD;
}
.popupItem.calendarYMDW .month span,
.tooltipItem.calendarYMDW .month span {
	font-size: 166.66667%;
}
.popupItem.calendarYMD,
.tooltipItem.calendarYMD {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 52;
}
.popupItem.calendarYMD .year, .popupItem.calendarYMD .month,
.tooltipItem.calendarYMD .year,
.tooltipItem.calendarYMD .month {
	margin: 0 45px;
}
.popupItem.calendarYMD .year,
.tooltipItem.calendarYMD .year {
	color: #00B4DC;
	font-size: 91.66667%;
}
.popupItem.calendarYMD .month,
.tooltipItem.calendarYMD .month {
	margin-top: -3px;
	color: #006BAD;
}
.popupItem.calendarYMD .month span,
.tooltipItem.calendarYMD .month span {
	font-size: 166.66667%;
}
.popupItem.calendarYM,
.tooltipItem.calendarYM {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 52;
}
.popupItem.calendarYM > .inner > .body,
.tooltipItem.calendarYM > .inner > .body {
	padding: 10px;
}
.popupItem.calendarYM > .inner > .body table th, .popupItem.calendarYM > .inner > .body table td,
.tooltipItem.calendarYM > .inner > .body table th,
.tooltipItem.calendarYM > .inner > .body table td {
	width: 25%;
}
.popupItem.calendarYM .year,
.tooltipItem.calendarYM .year {
	margin: -3px 30px 0;
	color: #006BAD;
}
.popupItem.calendarYM .year span,
.tooltipItem.calendarYM .year span {
	font-size: 166.66667%;
}
.popupItem.calendarY,
.tooltipItem.calendarY {
	width: 82px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 52;
}
.popupItem.calendarY > .inner > .body,
.tooltipItem.calendarY > .inner > .body {
	padding: 10px;
}

.tooltipItem {
	width: auto;
	max-width: 800px;
	position: absolute;
	display: none;
}
.tooltipItem > .inner > .body {
	padding: 5px 10px 3px;
	min-width: 15px;
	min-height: 17px;
	text-align: left;
}

/*------------------------------------------------------------
	[擬似チェックボックス]
------------------------------------------------------------*/
.pseudoCheckbox label {
	padding-left: 17px;
	min-height: 20px;
	position: relative;
	background: url(/Images/common/checkbox_off.png) no-repeat left center;
}
.pseudoCheckbox label input {
	position: absolute;
	top: 0;
	left: -3px;
	z-index: -1;
}
.pseudoCheckbox label.normal {
	background: none;
}
.pseudoCheckbox label.normal:before, .pseudoCheckbox label.normal:after {
	display: none;
}

.pseudoCheckbox .inactive {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.ie8 .pseudoCheckbox .inactive label {
	background-image: url(/Images/checkbox_inactive.png);
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*------------------------------------------------------------
	[擬似ラジオボタン]
------------------------------------------------------------*/
.pseudoRadiobtn label {
	padding-left: 17px;
	min-height: 20px;
	position: relative;
	background: url(/Images/common/radiobtn_off.png) no-repeat left center;
}
.pseudoRadiobtn label.checked {
	background-image: url(/Images/radiobtn_on.png);
}
.pseudoRadiobtn label input {
	position: absolute;
	top: 0;
	left: -3px;
	z-index: -1;
}
.pseudoRadiobtn label.normal {
	background: none;
}
.pseudoRadiobtn label.normal:before, .pseudoRadiobtn label.normal:after {
	display: none;
}

.pseudoRadiobtn .inactive {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.ie8 .pseudoRadiobtn .inactive label {
	background-image: url(/Images/radiobtn_inactive.png);
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*------------------------------------------------------------
	[擬似セレクトボックス]
------------------------------------------------------------*/
.pseudoSelect {
	background: #FFF;
	display: inline-block;
	position: relative;
}
.pseudoSelect:after {
	width: 15px;
	height: 100%;
	background: gray url(/Images/common/select_arrow.png) no-repeat center;
	position: absolute;
	top: 0;
	right: 0;
	content: "";
}
.pseudoSelect input {
	margin: 0;
	padding: 3px 30px 1px 15px;
	width: 100%;
	display: inline-block;
	background: none;
	border: none;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.selectItem {
	width: 100%;
	max-height: 90px;
	background: #cccccc url(/Images/common/select_knob_bg.png) repeat-y right top;
	overflow: hidden;
	position: absolute;
	left: 0;
	z-index: 100;
	display: none;
}
.selectItem:before, .selectItem:after {
	margin: 0;
	padding: 0;
	width: 100%;
	background-position: right top;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	content: "";
}
.selectItem:before {
	height: 6px;
	background-image: url(/Images/common/select_shadow_top.png);
	top: 0;
}
.selectItem:after {
	height: 4px;
	background-image: url(/Images/common/select_shadow_bottom.png);
	bottom: 0;
}
.selectItem .jspVerticalBar {
	width: 15px;
}
.selectItem .jspVerticalBar .jspTrack {
	background: none;
}
.selectItem .jspVerticalBar .jspTrack .jspDrag {
	background: #e3c481 url(/Images/common/select_knob.png) no-repeat center;
}
.selectItem ul {
	padding: 10px 15px 4px 0;
}
.selectItem li {
	text-align: center;
	cursor: default;
}
.selectItem li.selected, .selectItem li:hover {
	background: #F0F0F0;
}

/*------------------------------------------------------------
	[擬似セレクトボックスシンプル]
------------------------------------------------------------*/
.pseudoSelectSimple {
	padding-right: 10px;
	background: #E6E6E6;
	position: relative;
	z-index: 1;
	vertical-align: middle;
	display: inline-block;
}
.pseudoSelectSimple:before {
	width: 15px;
	height: 100%;
	background: gray url(/Images/common/icon_arrow02_b.png) no-repeat center;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
	content: "";
}
.pseudoSelectSimple .val {
	padding: 2px 15px 0 5px;
	position: relative;
	z-index: 1;
}
.pseudoSelectSimple select {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	opacity: 0;
	filter: alpha(opacity=0);
}

/*------------------------------------------------------------
	[擬似セレクトボックスシンプル パターン1]
------------------------------------------------------------*/
.pseudoSelectSimple.pattern1 {
	min-height: 21px;
	background: #E9F2F6;
	border: 1px solid #79b3cb;
}
.pseudoSelectSimple.pattern1:before {
	background: #a5ccdd url(/Images/common/select_arrow_pattern01.png) no-repeat center;
}
/*------------------------------------------------------------
	[擬似セレクトボックスシンプル パターン2]
------------------------------------------------------------*/
.pseudoSelectSimple.pattern2 {
	padding-right: 20px;
	width: 180px;
	height: 22px;
	background: #fff;
	border: 1px solid #79B3CB;
	overflow: hidden;
	white-space: nowrap;
}
.pseudoSelectSimple.pattern2:before {
	width: 20px;
	background: #79b3cb url(/Images/common/icon_arrow04_b.png) no-repeat center;
}
.pseudoSelectSimple.pattern2 .val {
	margin: 2px 0;
	padding-bottom: 2px;
}
/*------------------------------------------------------------
	[擬似セレクトボックスシンプル パターン3]
------------------------------------------------------------*/
.pseudoSelectSimple.pattern3 {
	padding-right: 20px;
	width: 25px;
	height: 20px;
	background: #fff;
	border: 1px solid #79B3CB;
	overflow: hidden;
	white-space: nowrap;
}
.pseudoSelectSimple.pattern3:before {
	width: 20px;
	background: #79b3cb url(/Images/common/icon_arrow04_b.png) no-repeat center;
}
.pseudoSelectSimple.pattern3 .val {
	margin: 0px 0;
	padding-bottom: 0px;
}
/*------------------------------------------------------------
	入力欄
------------------------------------------------------------*/
.input input[type="text"] {
	margin: 0;
	padding: 2px 5px;
	border: 1px solid #79B3CB;
	font-size: 13px;
	line-height: 22px;
}

.textarea textarea {
	margin: 0;
	padding: 2px 5px;
	border: 1px solid #79B3CB;
	font-size: 13px;
}

/*------------------------------------------------------------
	[スクロール装飾]
	全ページのヘッダー
	擬似セレクトボックス
------------------------------------------------------------*/
.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {
	width: auto !important;
	min-width: 100%;
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	z-index: 51;
}

.jspHorizontalBar {
	background-color: #1F80A9;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	z-index: 51;
}

.jspCap {
	display: none;
}

.jspHorizontalBar .jspCap {
	float: left;
}

.jspTrack {
	background: #fff;
	position: relative;
}

.jspDrag {
	background: #006BAD;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 10px;
}

.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow {
	height: 16px;
}

.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}

.jspCorner {
	background: #E4F0F5;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}

/*------------------------------------------------------------
	[アコーディオン]
------------------------------------------------------------*/
.accordion > .accordion-trigger {
	cursor: pointer;
}

.accordion > .accTtl {
	margin-bottom: 10px;
	padding: 3px 6px;
	background: #0032A0;
	position: relative;
	color: #fff;
	font-size: 140%;
}
.accordion > .accTtl:after {
	width: 21px;
	height: 100%;
	background: url(/Images/icon_arrow03_b.png) no-repeat center;
	border-left: 1px solid #fff;
	position: absolute;
	top: 0;
	right: 0;
	content: "";
}
.accordion > .accTtl.accordion-open:after {
	background-image: url(/Images/icon_arrow03_t.png);
}

/*------------------------------------------------------------
	tab
------------------------------------------------------------*/
#conts .tab {
	margin-bottom: 10px;
}
#conts .tab > .tab-menu {
	padding-left: 10px;
	overflow: hidden;
}
#conts .tab > .tab-menu:after {
	display: block;
	clear: both;
	content: "";
}
#conts .tab > .tab-menu .tab-trigger {
	margin-bottom: 0;
	margin-right: 3px;
	float: left;
	position: relative;
	cursor: pointer;
}
#conts .tab > .tab-menu .tab-trigger:hover, #conts .tab > .tab-menu .tab-trigger.tab-open {
	top: 0;
}
#conts .tab > .tab-menu .tab-trigger:hover img, #conts .tab > .tab-menu .tab-trigger.tab-open img {
	visibility: hidden;
}


/*-----------------------------------------------------------*/
/* ヘッダの発電所ツリー お気に入りツリー */
#header #gNavi ul li.plant * a,
#header #gNavi ul li.favo * a{
 	background: none;
}

#header #gNavi ul li .popup .frame .inner td img {
	vertical-align : middle;
}
#header #gNavi ul li .popup .frame .inner td a {
	color : #000000;
	padding-top : 3px;
	padding-bottom : 3px;
	font-size : 1.3em!important;
}
#header #gNavi ul li .popup .frame .inner td a.select {
	font-weight:bold;
	background: Highlight;
	color: InactiveBorder;
}
#header #gNavi ul li .popup .frame .inner td a.leaf {
	text-decoration:underline!important;
}


/* Checkbox */
.pseudoCheckbox input[type='checkbox'] {
	-moz-appearance: none;
	width:0px!important;
	height:0px!important;
	position:absolute;
}

.pseudoCheckbox input[type='checkbox']:checked + label {
	background-image: url(/Images/common/checkbox_on.png);
}
.pseudoCheckbox input[type='checkbox']:disabled + label {
	color: #999999;
	background: url(/Images/common/checkbox_off_inactive.png) no-repeat left center;
}
.pseudoCheckbox input[type='checkbox']:disabled:checked + label {
	background: url(/Images/common/checkbox_on_inactive.png) no-repeat left center;
}

.pseudoCheckbox.pattern02 input[type='checkbox'] + label {
	background: url(/Images/common/checkbox02_off.png) no-repeat left center;
}
.pseudoCheckbox.pattern02 input[type='checkbox']:checked + label {
	background: url(/Images/common/checkbox02_on.png) no-repeat left center;
}

/* pseudoRadiobtn */
.pseudoRadiobtn input[type='radio'] {
	-moz-appearance: none;
	width:0px!important;
	height:0px!important;
	position:absolute;
	opacity:0;
}
.pseudoRadiobtn input[type='radio']:checked + label {
	background-image: url(/Images/common/radiobtn_on.png);
}
.pseudoRadiobtn input[type='radio']:disabled + label {
	color: #999999;
	background-image: url(/Images/common/radiobtn_off_inactive.png);
}
.pseudoRadiobtn input[type='radio']:disabled:checked + label {
	background-image: url(/Images/radiobtn_on_inactive.png);
}
.comTable td.radio .pseudoRadiobtn input[type='radio']:checked + label {
	background-image: url(/Images/common/radiobtn02_on.png);
}
.comTable td.radio .pseudoRadiobtn input[type='radio']:disabled + label {
	background-image: url(/Images/common/radiobtn02_off_inactive.png);
}
.comTable td.radio .pseudoRadiobtn input[type='radio']:disabled:checked + label {
	background-image: url(/Images/common/radiobtn02_on_inactive.png);
}


/* pseudoSelectSimple */
.pseudoSelectSimple.pattern2.inactive{
	background-color:#f0f0f0;
}
.pseudoSelectSimple.pattern2.inactive:before {
	background: #a8a8a8 url(/Images/common/icon_arrow04_b_inactive.png) no-repeat center;
}

/* select ListBox */
select.listBox {
	margin: 0;
	padding: 2px 5px;
	width: 190px;
	height: 163px;
	border: 1px solid #79B3CB;
	font-size: 13px;
}
.comTable td select.listBox.pattern2 {
	width: 100%;
}
.comTable td select:disabled.listBox {
	background-color:#f0f0f0;
}
.comTable td.group select.listBox.center {
	margin-left:25px;
}

/* Progress */
.progressbase{
    position:fixed;
    top:0%;
	left:0%;
	width:100%;
	height:100%;
	min-height: 100%;  
    display:table;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
    visibility:hidden;
	z-index:1000;
}
img.progress{
	z-index:1001;
	position:fixed;
	position:absolute;
	top:50%;
	left:50%;
	visibility:hidden;
}


/*　ローディング　*/
#loading {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
}

#floatingCirclesG{
	position:relative;
	width: 44px;
	height: 44px;
}

.f_circleG{
	position:absolute;
	background-color:#CFE9FC;
	height:8px;
	width:8px;
	-moz-border-radius:4px;
	-moz-animation-name:f_fadeG;
	-moz-animation-duration:1.04s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:normal;
	-webkit-border-radius:4px;
	-webkit-animation-name:f_fadeG;
	-webkit-animation-duration:1.04s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:normal;
	border-radius:4px;
	animation-name:f_fadeG;
	animation-duration:1.04s;
	animation-iteration-count:infinite;
	animation-direction:normal;
}

#frotateG_01{
	left:0;
	top:18px;
	-moz-animation-delay:0.39s;
	-webkit-animation-delay:0.39s;
	animation-delay:0.39s;
}

#frotateG_02{
	left:5px;
	top:5px;
	-moz-animation-delay:0.52s;
	-webkit-animation-delay:0.52s;
	animation-delay:0.52s;
}

#frotateG_03{
	left:18px;
	top:0;
	-moz-animation-delay:0.65s;
	-webkit-animation-delay:0.65s;
	animation-delay:0.65s;
}

#frotateG_04{
	right:5px;
	top:5px;
	-moz-animation-delay:0.78s;
	-webkit-animation-delay:0.78s;
	animation-delay:0.78s;
}

#frotateG_05 {
	right:0;
	top:18px;
	-moz-animation-delay:0.91s;
	-webkit-animation-delay:0.91s;
	animation-delay:0.91s;
}
#frotateG_06 {
	right:5px;
	bottom:5px;
	-moz-animation-delay:1.04s;
	-webkit-animation-delay:1.04s;
	animation-delay:1.04s;
}
#frotateG_07 {
	left:18px;
	bottom:0;
	-moz-animation-delay:1.17s;
	-webkit-animation-delay:1.17s;
	animation-delay:1.17s;
}
#frotateG_08 {
	left:5px;
	bottom:5px;
	-moz-animation-delay:1.3s;
	-webkit-animation-delay:1.3s;
	animation-delay:1.3s;
}

@-moz-keyframes f_fadeG {
	0% {
		background-color:#3FA9F5
	}
	 100% {
		background-color:#CFE9FC
	}
}

@-webkit-keyframes f_fadeG {
	0% {
		background-color:#3FA9F5
	}
	 100% {
		background-color:#CFE9FC
	}
}

@keyframes f_fadeG {
	0% {
		background-color:#3FA9F5
	}
	 100% {
		background-color:#CFE9FC
	}
}

#conts .panel.dataTable > .frame .customScrollTable {
	margin: 10px 20px;
	height: 180px;
    overflow: hidden;
}

/*------------------------------------------------------------
	ModalPopup
------------------------------------------------------------*/
.modalBackground  
{  
    background-color:gray;  
    filter:alpha(opacity=70); /* IE:透明度　透明にしちゃうと親画面が操作できてしまうので注意 */  
    opacity:0.7;            /* Opera・Safari:透明度 */  
    zoom:1;                  /* ModalPopupExtenderでポップアップ表示した際、親画面の背景スタイルがCSSで定義しても生きない(IEのみ)。有効にを適用させるために必要。*/  
}

/*------------------------------------------------------------
	検索条件部分
------------------------------------------------------------*/
.blueBtn {
	background-color: #4169e1;
	color: #e6e6fa;
	height: 30px;
	min-width: 120px;
}

.blueBtn:hover,
.blueBtn:focus,
.blueBtn:active,
.blueBtn.active {
	color: #333333;
	background-color: #b0c4de;
	border-color: #4682b4;
}

.dispBtn {
	display: block;
	margin: 0 0 0 auto;
	height: 20px;
	width:20px;
	min-width: 20px;
}

.referenceBtn {
	margin: 0 3px 0 3px;
	background: #79B3CB;
	border: none;
	color: #fff;
	height:25px;
	min-width: 20px;
}

#divDisp,
#divNonDisp {
	margin-left: 20px;
	margin-right: 20px;
}

#divDisp .referenceBtn {
	float: right;
}

.panelTitle {
	color: #0032A0;
	font-size: 1.4em;
	line-height: 1;
	font-weight: bold;
}
#divDisp .input, 
.tabContent .input {
	height:20px
}
.tabContent .input,
td.histBrunch .input {
	float: left;
}
#divDisp td.histBrunch .referenceBtn {
	float: none;
}
#ContentPlaceHolder1_seachPnl table {
	width: auto;
}
#ContentPlaceHolder1_seachPnl td {
	padding: 0 0 0 5px
}

#ContentPlaceHolder1_seachPnl .panelTitle {
	padding: 5px
}

#seachPnl table {
	width: auto;
}

#seachPnl td {
	padding: 0 0 0 5px
}

#seachPnl .panelTitle {
	padding: 5px
}

.required {
	background-color: #ffdede;
}

div #main{
	margin:50px 0 30px 0;
}

header{
	position:fixed;
	z-index:9999;
}

footer {
	position: fixed;
	bottom: 0;
	z-index: 9999;
}

.dispnone {
	display: none;
}

/* 行の高さを変更する */
#ContentPlaceHolder1_ReportList thead td,
table.result thead td {
	padding-top: 1px;
	padding-bottom: 1px;
}

#ContentPlaceHolder1_ReportList tbody td,
table.result tbody td {
	padding-top: 1px;
	padding-bottom: 1px;
}

/* 行の色を変更する */
#ContentPlaceHolder1_ReportList thead tr,
table.result thead tr {
	background-color: #CCCCCC;
}

#ContentPlaceHolder1_ReportList tbody tr.odd,
table.result tbody tr.odd {
	background-color: #FFFFFF;
}

#ContentPlaceHolder1_ReportList tbody tr.even,
table.result tbody tr.even {
	background-color: #EEEEEE;
}

/* 罫線を引く */
#ContentPlaceHolder1_ReportList thead th:first-child,
table.result thead th:first-child {
	border-left: 1px solid #404040;
}

#ContentPlaceHolder1_ReportList thead th,
table.result thead th {
	border-top: 1px solid #404040;
	border-right: 1px solid #404040;
}

#ContentPlaceHolder1_ReportList tbody td:first-child,
table.result tbody td:first-child {
	border-left: 1px solid #404040;
}

#ContentPlaceHolder1_ReportList tbody td,
table.result tbody td {
	border-right: 1px solid #404040;
}

#ContentPlaceHolder1_MailList_length select {
	background-color: #FFF;
}

#ContentPlaceHolder1_UserList_length select {
	background-color: #FFF;
}

#ContentPlaceHolder1_ReplaceCodeList_length select {
	background-color: #FFF;
}

.hidden {
	visibility:hidden;
}

.pageselected{
	background-color:yellow !important;
}

.dataTables_wrapper .dataTables_length select {
	background-color: #ffffff !important;
}

.alert {
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}
.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

span#ContentPlaceHolder1_ErrorMsg,
span#ErrorMsg {
	font-size: 1.5em;
}

input[type="text"]:read-only {
	background: #E9E9E9;
}

table.tflame {
	width: 99%;
	border: 3px solid #dcb144;
    box-shadow: 4px 4px 10px rgb(0 0 0 / 40%);
	table-layout:fixed;
}
table.tflame tbody tr.tmenu {
	background-color: #2e88e1;
}
table.tflame td.tmenu {
	width: 100%;
	background-color: #2e88e1;
    display: table;
}
table.tflame td.tcont {
	width: 85%;
	background-color: white;
	vertical-align:top;
	padding: 10px;
}
#sideBar {
	width: 95%;
	padding: 20px 2% 2% 2%;
}
#conts {
	width:100%;
	padding:0;
	margin:0;
}

.executesql {
	width: 100%;
	white-space: pre-line;
	background-color: antiquewhite;
}