/*!
 * 全体的でテンプレートとして使用されるCSSデザイン
 * @create 15/12/10
 * btn-transparentのtransparentをコメント化。 .btn-defaultの透過処理をコメント化。
 */

a.do {
  color: #222222;
  text-decoration: none;
  font-weight: bold;
}
a.do:hover,
a.do:focus {
  color: #FFFFFF;
  text-decoration: underline;
  font-weight: bold;
}

/* disabled汎用設定 */
[disabled] {
    background-color: #d3d3d3;
	-webkit-appearance: none; /* ios css 無効化用 */
}

.groupbox {
	overflow: hidden;
	margin-bottom: 10px;
/*

	padding-left: 15px;
	padding-right: 15px;
*/
}

/* 指定ID or クラス */
.read-bg-image {
  max-width: 100%;
  max-height: 100%;

  /* Image is centered vertically and horizontally at all times */
  background-position: center center;

  /* Image doesn't repeat */
  background-repeat: no-repeat;

  /* Makes the image fixed in the viewport so that it doesn't move when
     the content height is greater than the image height */
  /* background-attachment: fixed; */

  /* This is what makes the background image rescale based on its container's size */
  background-size: cover;

}

.set-bg-image {
  /* background-image: url("../img/sample.jpg"); */

  /* Image is centered vertically and horizontally at all times */
  /* background-position: center center; */

  /* Image doesn't repeat */
  /* background-repeat: no-repeat; */

  /* Makes the image fixed in the viewport so that it doesn't move when
     the content height is greater than the image height */
  /* background-attachment: fixed; */

  /* This is what makes the background image rescale based on its container's size */
  /* background-size: cover; */

  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;

/*
  opacity: 1;
  opacity: 0.9;
*/
}

.set-bg-image-home {
  opacity: 1;
}

.set-bg-image-transmission {
  width: 100%;
  height: 100vh;
  background-color:rgba(0,0,0,0.1);
/*
  height: 100%;
*/
}

.bg-color-transmission {
  background-color:rgba(255,255,255,0.5);
}

#login_div {
	width: 240px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#login_title {
  font-style: oblique;
  font-weight: bold;
  text-align: center;
  font-size: 4em;
}
@media (min-width: 768px) {
	#login_title {
  		font-size: 4em;
	}
}
@media (min-width: 992px) {
	#login_title {
  		font-size: 5em;
	}
}
@media (min-width: 1200px) {
	#login_title {
  		font-size: 6em;
	}
}


#login_content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#space50 {
	height: 50px;
	text-align: right;
}

#footer{
	clear:both;
	text-align: center ;
	padding-top: 10px;
	overflow:auto;
/*
	padding-top: 100px;
	padding-bottom: 30px;
*/
}

.config_table {
	color: #222222;
	border-collapse:separate;
	border-spacing: 3px;
/*
	border-style: solid;
*/
}

.config_table > tr:nth-of-type(odd),
.config_table > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.config_table th {
/*
	border: 1px solid #000;
*/
	border:0;
	border-bottom:2px solid #555;
	text-align: left;
	padding:4px;
	color: #222;
	background-color: transparent;

}

.config_table th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
.config_table th a.asc:after {
	content: ' ・;'
}
.config_table th a.desc:after {
	content: ' ・;'
}
.config_table table tr td {
/*
	border: 1px solid #000;
*/
	border-bottom:1px solid #ddd;
	padding: 6px;
	text-align: left;
	vertical-align: top;
}

.config_table table tr:nth-child(even) {
	background: #f9f9f9;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
.config_table table td.actions a {
	margin: 0px 6px;
	padding:2px 5px;
}

.config_table tbody tr td {
  border-top: 1px solid #dddddd;
  border-left: none;
  border-right: none;
  border-bottom: none;

  white-space: nowrap;
}

.config_table table tr.altrow td {
	background: #f4f4f4;
}

.config_table td:first-child {
	width: 280px;
}

.report_table td:first-child {
	text-align: center;
	white-space: nowrap;
}

.table_width td:first-child {
	width: auto;
}

td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}

textarea.set {
	width:100%;
	min-width: 250px;
	max-width: 550px;
	min-height:100px;
	max-height:600px;
}

textarea.note {
	width:85%;
    height:auto;

	min-height:62px;
	max-height:100px;

	min-width: 250px;
	max-width: 1450px;

	background-color:transparent;

	outline: 0;
	border:none;
	/* border:0; */

	display: block;
	font-size: 100%;
	padding: 0px;
}
textarea.contents {

	margin-top: 9px;
	margin-bottom: 9px;

	width:100%;
	height:450px;

	min-height:100px;
	max-height:600px;
	min-width: 250px;
	max-width: 950px;

	background-color:transparent;

	outline: 0;
	border:none;
	/* border:0; */

	display: block;
	font-size: 100%;

/*
	color: #000;
*/

}

/* 汎用クラス */
.font-size05em {
	font-size: 0.5em;
}
.font-size06em {
	font-size: 0.6em;
}
.font-size07em {
	font-size: 0.7em;
}
.font-size08em {
	font-size: 0.8em;
}
.font-size11em {
	font-size: 1.1em;
}
.font-size12em {
	font-size: 1.2em;
}
.font-size13em {
	font-size: 1.3em;
}
.font-size14em {
	font-size: 1.4em;
}
.font-size15em {
	font-size: 1.5em;
}
.font-size2em {
	font-size: 2em;
}
.font-weight-bold {
	font-weight: bold;
}

.color-login {
	color: #ffffff;
}

.color-base-font {
	color: #222;
}
.color-white {
	color: #f5f5f5;
}
.color-red {
	color: #ff0000;
}
.color-blue {
	color: #0000FF;
}

.bg-color-white {
	background-color: #ffffff;
}

.bg-color-lightblue {
	background-color: #b0c4de;
/*
	background-color: #a9a9a9;
*/
}

.bg-color-red {
	/* background-color: #ff0000; */
	background: #ff8080; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff8080 0%, #ff2b2b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8080), color-stop(100%,#ff2b2b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff8080 0%,#ff2b2b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff8080 0%,#ff2b2b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff8080 0%,#ff2b2b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff8080 0%,#ff2b2b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
.bg-color-blue {
	/* background-color: #0000FF; */
	background: #6699ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #6699ff 0%, #2b2bff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6699ff), color-stop(100%,#2b2bff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6699ff 0%,#2b2bff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6699ff 0%,#2b2bff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6699ff 0%,#2b2bff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6699ff 0%,#2b2bff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
.bg-color-yellow {
	/* background-color: #ffff00; */
	background: #fffacd; /* Old browsers */
	background: -moz-linear-gradient(top,  #fffacd 0%, #ffff00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffacd), color-stop(100%,#ffff00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fffacd 0%,#ffff00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fffacd 0%,#ffff00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fffacd 0%,#ffff00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fffacd 0%,#ffff00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
.bg-color-gray {
	/* background-color: #808080; */
	background: rgb(206,220,231); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
}


.form-horizontal .control-label {
	text-align: left;
}

.width-auto {
  width: auto;
}

.display-block {
	display: block;
}

.display-inline-block {
	display: inline-block;
}


.margin-left0 {
	margin-left: 0px;
}
.margin-left5 {
	margin-left: 5px;
}

.margin-left20 {
	margin-left: 20px;
}

.margin-right5 {
	margin-right: 5px;
}

.margin-right20 {
	margin-right: 20px;
}

.margin-bottom0 {
	margin-bottom: 0px;
}

.margin-bottom05 {
	margin-bottom: 0.5em;
}

.margin-bottom1 {
	margin-bottom: 1em;
}

.margin-bottom2 {
	margin-bottom: 2em;
}

.margin-bottom10 {
	margin-bottom: 10px;
}

.margin-top0 {
	margin-top: 0px;
}
.margin-top5 {
	margin-top: 5px;
}
.margin-top7 {
	margin-top: 7px;
}

.margin-top10 {
	margin-top: 10px;
}

.margin-top05 {
	margin-top: 0.5em;
}

.margin-top1 {
	margin-top: 1em;
}
.margin-top2 {
	margin-top: 2em;
}

.margin-topbottom5 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.left {
	text-align : left ;
}

.right {
	text-align : right ;
}

.center {
	text-align : center ;
}

.padding-leftright0 {
	padding-left: 0px;
	padding-right: 0px;
}
.padding-left0 {
	padding-left: 0px;
}
.padding-left15 {
	padding-left: 15px;
}

.padding-right0 {
	padding-right: 0px;
}

.padding-right15 {
	padding-right: 15px;
}

.padding-leftright15 {
	padding-left: 15px;
	padding-right: 15px;
}
.padding-top15 {
	padding-top: 15px;
}
.padding-bottom15 {
	padding-bottom: 15px;
}
.padding-topbottom15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.clear_both {
	clear: both ;
}
/*
.nowrap {
	white-space: nowrap;

}

.urlitem {
  color: #FFFFFF;
  text-decoration: none;
}
.urlitem:hover,
.urlitem:focus {
  color: #FFFFFF;
  text-decoration: none;
}

.width100 {
	width:100%;
}

.height100 {
	height:100%;
}

html, body {
	height:100%;
}

.maxwidth {
	max-width:400px;
}
*/

.minwidth200 {
	min-width:200px;
}

.border_none {
	border: none;
}

.bc-pt1{
	color: #333333;
	background-color: #f5f5f5;
	border-color: #dddddd;
}

.bc-pt2{
 	color: #666666;
	background-color: #dddddd;
	border-color: #dddddd;
}

.bc-pt3{
 	color: #FFF;
	background-color: #395c82;
	border-color: #395c82;
}

/* base.cssから引き継ぎ */
/* エラー表示関連 */
/*
form .error {
	background: #FFDACC;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: normal;
}
*/
form .error-message {
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	border: none;
	background: none;
	margin: 0;
	padding-left: 4px;
	padding-right: 0;
	font-weight: bold;
}
form .error,
form .error-message {
	color: #9E2424;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

/** Notices and Errors **/
.message {
	clear: both;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 5px;
}

.success,
.message,
.cake-error,
.cake-debug,
.notice,
p.error,
.error-message {
	background: #ffcc00;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -ms-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#E6B800));
	background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -o-linear-gradient(top, #ffcc00, #E6B800);
	background-image: linear-gradient(top, #ffcc00, #E6B800);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin-bottom: 18px;
	padding: 7px 14px;
	color: #404040;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

	display: block;
}
.success,
.message,
.cake-error,
p.error,
.error-message {
	clear: both;
	color: #fff;
	background: #c43c35;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.success {
	clear: both;
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background: #3B8230;
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
	background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -ms-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -o-linear-gradient(top, #76BF6B, #3B8230);
	background-image: linear-gradient(top, #76BF6B, #3B8230);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
p.error {
/*
	font-family: Monaco, Consolas, Courier, monospace;
*/
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	font-weight: normal;
	line-height: 140%;
}
.notice {
	color: #000;
	display: block;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	color: #fff;
}

/* divボックス関連 */
/* divボックス */
div.box_right {
	margin-left: auto;
	width: auto;
	height: auto;
	padding-left: 15px;
}
/* divボックス(左) */
div.box_left {
	clear:left;
	float: left;
	width: 360px;
	font-size: 1em;
/*
	width: 340px;
	width: 240px;
	折り返さない
	white-space: nowrap;
	はみ出さない
	overflow:hidden;
*/

}
/* divボックス */
div.box {
	float: left;
	width: 360px;
	font-size: 1em;
	text-align: center;
/*
	width: 340px;
	width: 240px;
	折り返さない
	white-space: nowrap;
	はみ出さない
	overflow:hidden;
*/
}

/*
@media (min-width: 1200px) {
	div.box_left,div.box {
		width: 240px;
	}
}

@media (min-width: 768px) {
	div.box_left,div.box {
		width: 365px;
	}
}
@media (min-width: 992px) {
	div.box_left,div.box {
		width: 315px;
	}
}
@media (min-width: 1200px) {
	div.box_left,div.box {
		width: 288px;
	}
}
*/

/* divボックス */
div.smallbox {
	float: left;
	width: 100px;
	text-align: center;
	padding-left: 15px;
}
/* divビッグボックス(左) */
div.bigbox_left {
	clear:left;
	float: left;
	width: 500px;
	font-size: 200%;
	padding-left: 15px;
}
/* divビッグボックス */
div.bigbox {
	float: left;
	width: 500px;
	font-size: 200%;
	text-align: center;
	padding-left: 15px;
}

div.textitem {
	text-align: left;
}
div.item {
	text-align: center;
	border: 1px solid #222222;
	margin: 1px 1px;
/*
	padding: 9px 0px;
	margin: 8px 5px;
*/
}

div.signage {
    color: #222222;
	text-align: center;
	border: 1px solid #222222;
	margin: 1px 1px;
/*
	padding: 9px 0px;
	margin: 8px 5px;
*/
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #c0c0c0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#c0c0c0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#c0c0c0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 0%,#c0c0c0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#c0c0c0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5f5f5 0%,#c0c0c0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}

div.normal {
	text-align: center;
    color: #222222;
	border: 1px solid #222222;
	margin: 1px 1px;
/*
	padding: 9px 0px;
	margin: 8px 5px;
*/
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #f0f8ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#f0f8ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#f0f8ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 0%,#f0f8ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#f0f8ff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5f5f5 0%,#f0f8ff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}

div.digital, div.state {
    color: #222222;
	text-align: center;
	border: 1px solid #222222;
	margin: 1px 1px;
/*
	padding: 9px 0px;
	margin: 8px 5px;
*/
	background: #b8f1b8; /* Old browsers */
	background: -moz-linear-gradient(top,  #b8f1b8 0%, #72e272 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8f1b8), color-stop(100%,#72e272)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b8f1b8 0%,#72e272 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b8f1b8 0%,#72e272 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b8f1b8 0%,#72e272 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b8f1b8 0%,#72e272 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
div.digital_abn, div.state_abn, div.state_upper {
    color: #222222;
	text-align: center;
	border: 1px solid #222222;
	margin: 1px 1px;
/*
	padding: 9px 0px;
	margin: 8px 5px;
*/
	background: #ff8080; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff8080 0%, #ff2b2b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8080), color-stop(100%,#ff2b2b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff8080 0%,#ff2b2b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff8080 0%,#ff2b2b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff8080 0%,#ff2b2b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff8080 0%,#ff2b2b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
div.state_lowwer {
    color: #222222;
	text-align: center;
	border: 1px solid #222222;
	margin: 1px 1px;
/*
	padding: 9px 0px;
	margin: 8px 5px;
*/
	background: #6699ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #6699ff 0%, #2b2bff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6699ff), color-stop(100%,#2b2bff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6699ff 0%,#2b2bff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6699ff 0%,#2b2bff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6699ff 0%,#2b2bff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6699ff 0%,#2b2bff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
div.state_mask {
    color: #222222;
	text-align: center;
	border: 1px solid #222222;
	margin: 1px 1px;
/*
	padding: 9px 0px;
	margin: 8px 5px;
*/
	background: #ff8080; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff8080 0%, #ff2b2b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8080), color-stop(100%,#ff2b2b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff8080 0%,#ff2b2b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff8080 0%,#ff2b2b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff8080 0%,#ff2b2b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff8080 0%,#ff2b2b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
div.digital_none, div.state_none {
    color: #222222;
	text-align: center;
	border: 1px solid #222222;
	margin: 1px 1px;
/*
	padding: 9px 0px;
	margin: 8px 5px;
*/
	background: rgb(206,220,231); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
}
div.state_yellow {
    color: #222222;
	text-align: center;
	border: 1px solid #222222;
	margin: 1px 1px;
/*
	padding: 9px 0px;
	margin: 8px 5px;
*/
	background: #fffacd; /* Old browsers */
	background: -moz-linear-gradient(top,  #fffacd 0%, #ffff00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffacd), color-stop(100%,#ffff00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fffacd 0%,#ffff00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fffacd 0%,#ffff00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fffacd 0%,#ffff00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fffacd 0%,#ffff00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
div.state_normal {
    color: #222222;
	text-align: center;
	border: 1px solid #222222;
	margin: 1px 1px;
/*
	padding: 9px 0px;
	margin: 8px 5px;

	#f5f5f5
	#dcdcdc
*/
	/* background: ; */ /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #dcdcdc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 0%,#dcdcdc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#dcdcdc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5f5f5 0%,#dcdcdc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
div.state_white {
    color: #222222;
	text-align: center;
	border: 1px solid #222222;
	margin: 1px 1px;
	background-color: #FFFFFF;
}
/* 異常非選択時 */
a.abnormal {
	font-size: 100%;
	color: #FF0000;
/*
	background-color:#FFFFFF;
*/
	font-weight: normal;
	text-decoration: none;
}
/* 異常選択時 */
a.abnormal:hover {
	color: #FFFFFF;
	background-color:#FF0000;
}
/* 非選択時 */
a.normal {
	font-size: 100%;
	color: #333;
/*
	background-color:#FFFFFF;
*/
	font-weight: normal;
	text-decoration: none;
}
/* 選択時 */
a.normal:hover {
	color: #FFFFFF;
	background-color:#333;
}


/* Pagingクラス(Paginator用) */
.paging {
	color: #ccc;
	margin-top: 1em;
	margin-bottom: 1em;
	clear:both;
	padding-left: 30px;
}

.paging .current,
.paging .disabled,
.paging a {
	text-decoration: none;
	padding: 5px 8px;
	display: inline-block;
	font-weight: bold;
/*
	color: #003d4c;
*/
	background-color:#FFFFFF;
}
.paging a:hover {
	color: #006687;
/*
	color: #367889;
*/
}
.paging div.disabled {
	color: #ddd;
	display: inline;
}
.paging span.current {
	color: #222;
}
.paging > span {
	display: inline-block;
	border: 1px solid #ccc;
	border-left: 0;
	background-color:#FFFFFF;
}
.paging > span:hover {
	background-color:#FFFFFF;
}
.paging .prev {
	border-left: 1px solid #ccc;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.paging .next {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.paging .disabled {
	color: #ddd;
}
.paging .current {
	color: #c73e14;
}


/* ボタン関連 */
.btn-primary,
.btn-default,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-green,
.btn-blue,
.btn-orange,
.btn-red,
.btn-black,
.btn-navy,
.btn-darkgray,
.btn-gray,
.btn-transparent,
.btn-transparent-off{
	border-radius: 4px;
/*
	border: 1px solid transparent;

	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);

	background-color: transparent;
*/
	border: 1px solid rgba(0, 0, 0, 0.5);
/*
	background-color: transparent;
*/
}

/* 黒のボタン */
.btn-black {
  background-image: -webkit-linear-gradient(#6d7070, #474949 50%, #3d3f3f);
  background-image: -o-linear-gradient(#6d7070, #474949 50%, #3d3f3f);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6d7070), color-stop(50%, #474949), to(#3d3f3f));
  background-image: linear-gradient(#6d7070, #474949 50%, #3d3f3f);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d7070', endColorstr='#ff3d3f3f', GradientType=0);
  -webkit-filter: none;
          filter: none;
  border: 1px solid #2e2f2f;
}
.btn-black:hover {
  background-image: -webkit-linear-gradient(#636565, #3d3f3f 50%, #333434);
  background-image: -o-linear-gradient(#636565, #3d3f3f 50%, #333434);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#636565), color-stop(50%, #3d3f3f), to(#333434));
  background-image: linear-gradient(#636565, #3d3f3f 50%, #333434);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff636565', endColorstr='#ff333434', GradientType=0);
  -webkit-filter: none;
          filter: none;
  border: 1px solid #242525;
}
.btn-black {
  color: #ffffff;
  background-color: #474949;
  border-color: #474949;
}
.btn-black:focus,
.btn-black.focus {
  color: #ffffff;
  background-color: #2e2f2f;
  border-color: #080808;
}
.btn-black:hover {
  color: #ffffff;
  background-color: #2e2f2f;
  border-color: #292a2a;
}
.btn-black:active,
.btn-black.active,
.open > .dropdown-toggle.btn-black {
  color: #ffffff;
  background-color: #2e2f2f;
  border-color: #292a2a;
}
.btn-black:active:hover,
.btn-black.active:hover,
.open > .dropdown-toggle.btn-black:hover,
.btn-black:active:focus,
.btn-black.active:focus,
.open > .dropdown-toggle.btn-black:focus,
.btn-black:active.focus,
.btn-black.active.focus,
.open > .dropdown-toggle.btn-black.focus {
  color: #ffffff;
  background-color: #1c1d1d;
  border-color: #080808;
}
.btn-black:active,
.btn-black.active,
.open > .dropdown-toggle.btn-black {
  background-image: none;
}
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled.focus,
.btn-black[disabled].focus,
fieldset[disabled] .btn-black.focus {
  background-color: #474949;
  border-color: #474949;
}
.btn-black .badge {
  color: #474949;
  background-color: #ffffff;
}
/* 紺のボタン */
.btn-navy {
  background-image: -webkit-linear-gradient(#6d94bf, #446e9b 50%, #3e648d);
  background-image: -o-linear-gradient(#6d94bf, #446e9b 50%, #3e648d);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6d94bf), color-stop(50%, #446e9b), to(#3e648d));
  background-image: linear-gradient(#6d94bf, #446e9b 50%, #3e648d);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d94bf', endColorstr='#ff3e648d', GradientType=0);
  -webkit-filter: none;
          filter: none;
  border: 1px solid #345578;
}
.btn-navy:hover {
  background-image: -webkit-linear-gradient(#5f8ab9, #3e648d 50%, #385a7f);
  background-image: -o-linear-gradient(#5f8ab9, #3e648d 50%, #385a7f);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5f8ab9), color-stop(50%, #3e648d), to(#385a7f));
  background-image: linear-gradient(#5f8ab9, #3e648d 50%, #385a7f);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5f8ab9', endColorstr='#ff385a7f', GradientType=0);
  -webkit-filter: none;
          filter: none;
  border: 1px solid #2e4b69;
}
.btn-navy {
  color: #ffffff;
  background-color: #446e9b;
  border-color: #446e9b;
}
.btn-navy:focus,
.btn-navy.focus {
  color: #ffffff;
  background-color: #345578;
  border-color: #1d2f42;
}
.btn-navy:hover {
  color: #ffffff;
  background-color: #345578;
  border-color: #315070;
}
.btn-navy:active,
.btn-navy.active,
.open > .dropdown-toggle.btn-navy {
  color: #ffffff;
  background-color: #345578;
  border-color: #315070;
}
.btn-navy:active:hover,
.btn-navy.active:hover,
.open > .dropdown-toggle.btn-navy:hover,
.btn-navy:active:focus,
.btn-navy.active:focus,
.open > .dropdown-toggle.btn-navy:focus,
.btn-navy:active.focus,
.btn-navy.active.focus,
.open > .dropdown-toggle.btn-navy.focus {
  color: #ffffff;
  background-color: #2a435f;
  border-color: #1d2f42;
}
.btn-navy:active,
.btn-navy.active,
.open > .dropdown-toggle.btn-navy {
  background-image: none;
}
.btn-navy.disabled:hover,
.btn-navy[disabled]:hover,
fieldset[disabled] .btn-navy:hover,
.btn-navy.disabled:focus,
.btn-navy[disabled]:focus,
fieldset[disabled] .btn-navy:focus,
.btn-navy.disabled.focus,
.btn-navy[disabled].focus,
fieldset[disabled] .btn-navy.focus {
  background-color: #446e9b;
  border-color: #446e9b;
}
.btn-navy .badge {
  color: #446e9b;
  background-color: #ffffff;
}

/* 濃灰のボタン */
.btn-darkgray {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bfbfbf), color-stop(50%, #999), to(#8f8f8f));
  background-image: linear-gradient(#bfbfbf, #999 50%, #8f8f8f);
  background-repeat: no-repeat;
  -webkit-filter: none;
          filter: none;
  border: 1px solid #807f7f;
}

.btn-darkgray:not(.disabled):hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b5b5b5), color-stop(50%, #8f8f8f), to(#858585));
  background-image: linear-gradient(#b5b5b5, #8f8f8f 50%, #858585);
  background-repeat: no-repeat;
  -webkit-filter: none;
          filter: none;
  border: 1px solid #757575;
}

.btn-darkgray {
  color: #fff;
  background-color: #999;
  border-color: #999;
}

.btn-darkgray:hover {
  color: #fff;
  background-color: #868686;
  border-color: #807f7f;
}

.btn-darkgray:focus, .btn-darkgray.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(168, 168, 168, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(168, 168, 168, 0.5);
}

.btn-darkgray.disabled, .btn-darkgray:disabled {
  color: #fff;
  background-color: #999;
  border-color: #999;
}

.btn-darkgray:not(:disabled):not(.disabled):active, .btn-darkgray:not(:disabled):not(.disabled).active,
.show > .btn-darkgray.dropdown-toggle {
  color: #fff;
  background-color: #807f7f;
  border-color: #797979;
}

.btn-darkgray:not(:disabled):not(.disabled):active:focus, .btn-darkgray:not(:disabled):not(.disabled).active:focus,
.show > .btn-darkgray.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(168, 168, 168, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(168, 168, 168, 0.5);
}


/* 薄灰のボタン */
.btn-gray {
  background-image: -webkit-linear-gradient(#ffffff, #eeeeee 50%, #e4e4e4);
  background-image: -o-linear-gradient(#ffffff, #eeeeee 50%, #e4e4e4);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #eeeeee), to(#e4e4e4));
  background-image: linear-gradient(#ffffff, #eeeeee 50%, #e4e4e4);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe4e4e4', GradientType=0);
  -webkit-filter: none;
          filter: none;
  border-bottom: 1px solid #d5d5d5;
}
.btn-gray {
  color: #777777;
  background-color: #e4e4e4;
  border-color: #e4e4e4;
}
.btn-gray:focus,
.btn-gray.focus {
  color: #777777;
  background-color: #978e83;
  border-color: #777777;
}
.btn-gray:hover {
  color: #777777;
  background-color: #978e83;
  /* border-color: #011d37; */
  border-color: #777777;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  color: #777777;
  background-color: #978e83;
  /* border-color: #011d37; */
  border-color: #777777;
}
.btn-gray:active:hover,
.btn-gray.active:hover,
.open > .dropdown-toggle.btn-gray:hover,
.btn-gray:active:focus,
.btn-gray.active:focus,
.open > .dropdown-toggle.btn-gray:focus,
.btn-gray:active.focus,
.btn-gray.active.focus,
.open > .dropdown-toggle.btn-gray.focus {
  color: #777777;
  background-color: #01101f;
  border-color: #000000;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  background-image: none;
}
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled.focus,
.btn-gray[disabled].focus,
fieldset[disabled] .btn-gray.focus {
  background-color: #e4e4e4;
  border-color: #e4e4e4;
}
.btn-gray .badge {
  color: #e4e4e4;
  background-color: #ffffff;
}

/* 赤のボタン */
.btn-red {
  background-image: -webkit-linear-gradient(#ff1d1b, #cd0200 50%, #b90200);
  background-image: -o-linear-gradient(#ff1d1b, #cd0200 50%, #b90200);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff1d1b), color-stop(50%, #cd0200), to(#b90200));
  background-image: linear-gradient(#ff1d1b, #cd0200 50%, #b90200);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff1d1b', endColorstr='#ffb90200', GradientType=0);
  -webkit-filter: none;
          filter: none;
  border: 1px solid #9a0200;
}
.btn-red:hover {
  background-image: -webkit-linear-gradient(#ff0906, #b90200 50%, #a40200);
  background-image: -o-linear-gradient(#ff0906, #b90200 50%, #a40200);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0906), color-stop(50%, #b90200), to(#a40200));
  background-image: linear-gradient(#ff0906, #b90200 50%, #a40200);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff0906', endColorstr='#ffa40200', GradientType=0);
  -webkit-filter: none;
          filter: none;
  border: 1px solid #860100;
}
.btn-red {
  color: #ffffff;
  background-color: #cd0200;
  border-color: #cd0200;
}
.btn-red:focus,
.btn-red.focus {
  color: #ffffff;
  background-color: #9a0200;
  border-color: #4e0100;
}
.btn-red:hover {
  color: #ffffff;
  background-color: #9a0200;
  border-color: #900100;
}
.btn-red:active,
.btn-red.active,
.open > .dropdown-toggle.btn-red {
  color: #ffffff;
  background-color: #9a0200;
  border-color: #900100;
}
.btn-red:active:hover,
.btn-red.active:hover,
.open > .dropdown-toggle.btn-red:hover,
.btn-red:active:focus,
.btn-red.active:focus,
.open > .dropdown-toggle.btn-red:focus,
.btn-red:active.focus,
.btn-red.active.focus,
.open > .dropdown-toggle.btn-red.focus {
  color: #ffffff;
  background-color: #760100;
  border-color: #4e0100;
}
.btn-red:active,
.btn-red.active,
.open > .dropdown-toggle.btn-red {
  background-image: none;
}
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled.focus,
.btn-red[disabled].focus,
fieldset[disabled] .btn-red.focus {
  background-color: #cd0200;
  border-color: #cd0200;
}
.btn-red .badge {
  color: #cd0200;
  background-color: #ffffff;
}

/* 橙のボタン */
.btn-orange {
  background-image: -webkit-linear-gradient(#ff9c21, #d47500 50%, #c06a00);
  background-image: -o-linear-gradient(#ff9c21, #d47500 50%, #c06a00);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9c21), color-stop(50%, #d47500), to(#c06a00));
  background-image: linear-gradient(#ff9c21, #d47500 50%, #c06a00);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
  -webkit-filter: none;
          filter: none;
  border: 1px solid #a15900;
}
.btn-orange:hover {
  background-image: -webkit-linear-gradient(#ff930d, #c06a00 50%, #ab5e00);
  background-image: -o-linear-gradient(#ff930d, #c06a00 50%, #ab5e00);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff930d), color-stop(50%, #c06a00), to(#ab5e00));
  background-image: linear-gradient(#ff930d, #c06a00 50%, #ab5e00);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff930d', endColorstr='#ffab5e00', GradientType=0);
  -webkit-filter: none;
          filter: none;
  border: 1px solid #8d4e00;
}
.btn-orange {
  color: #ffffff;
  background-color: #d47500;
  border-color: #d47500;
}
.btn-orange:focus,
.btn-orange.focus {
  color: #ffffff;
  background-color: #a15900;
  border-color: #552f00;
}
.btn-orange:hover {
  color: #ffffff;
  background-color: #a15900;
  border-color: #975300;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  color: #ffffff;
  background-color: #a15900;
  border-color: #975300;
}
.btn-orange:active:hover,
.btn-orange.active:hover,
.open > .dropdown-toggle.btn-orange:hover,
.btn-orange:active:focus,
.btn-orange.active:focus,
.open > .dropdown-toggle.btn-orange:focus,
.btn-orange:active.focus,
.btn-orange.active.focus,
.open > .dropdown-toggle.btn-orange.focus {
  color: #ffffff;
  background-color: #7d4500;
  border-color: #552f00;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  background-image: none;
}
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled.focus,
.btn-orange[disabled].focus,
fieldset[disabled] .btn-orange.focus {
  background-color: #d47500;
  border-color: #d47500;
}
.btn-orange .badge {
  color: #d47500;
  background-color: #ffffff;
}

/* 水色のボタン */
.btn-blue {
  background-image: -webkit-linear-gradient(#7bbdf7, #3399f3 50%, #208ff2);
  background-image: -o-linear-gradient(#7bbdf7, #3399f3 50%, #208ff2);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7bbdf7), color-stop(50%, #3399f3), to(#208ff2));
  background-image: linear-gradient(#7bbdf7, #3399f3 50%, #208ff2);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7bbdf7', endColorstr='#ff208ff2', GradientType=0);
  -webkit-filter: none;
          filter: none;
  border: 1px solid #0e80e5;
}
.btn-info:blue {
  background-image: -webkit-linear-gradient(#68b3f6, #208ff2 50%, #0e86ef);
  background-image: -o-linear-gradient(#68b3f6, #208ff2 50%, #0e86ef);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#68b3f6), color-stop(50%, #208ff2), to(#0e86ef));
  background-image: linear-gradient(#68b3f6, #208ff2 50%, #0e86ef);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff68b3f6', endColorstr='#ff0e86ef', GradientType=0);
  -webkit-filter: none;
          filter: none;
  border: 1px solid #0c75d2;
}
.btn-blue {
  color: #ffffff;
  background-color: #3399f3;
  border-color: #3399f3;
}
.btn-blue:focus,
.btn-blue.focus {
  color: #ffffff;
  background-color: #0e80e5;
  border-color: #09589d;
}
.btn-blue:hover {
  color: #ffffff;
  background-color: #0e80e5;
  border-color: #0d7bdc;
}
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {
  color: #ffffff;
  background-color: #0e80e5;
  border-color: #0d7bdc;
}
.btn-blue:active:hover,
.btn-blue.active:hover,
.open > .dropdown-toggle.btn-blue:hover,
.btn-blue:active:focus,
.btn-blue.active:focus,
.open > .dropdown-toggle.btn-blue:focus,
.btn-blue:active.focus,
.btn-blue.active.focus,
.open > .dropdown-toggle.btn-blue.focus {
  color: #ffffff;
  background-color: #0c6dc4;
  border-color: #09589d;
}
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {
  background-image: none;
}
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled.focus,
.btn-blue[disabled].focus,
fieldset[disabled] .btn-blue.focus {
  background-color: #3399f3;
  border-color: #3399f3;
}
.btn-blue .badge {
  color: #3399f3;
  background-color: #ffffff;
}

/* 黄緑のボタン */
.btn-green {
  background-image: -webkit-linear-gradient(#61dd45, #3cb521 50%, #36a41e);
  background-image: -o-linear-gradient(#61dd45, #3cb521 50%, #36a41e);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#61dd45), color-stop(50%, #3cb521), to(#36a41e));
  background-image: linear-gradient(#61dd45, #3cb521 50%, #36a41e);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff61dd45', endColorstr='#ff36a41e', GradientType=0);
  -webkit-filter: none;
          filter: none;
  border: 1px solid #2e8a19;
}
.btn-green:hover {
  background-image: -webkit-linear-gradient(#52da34, #36a41e 50%, #31921b);
  background-image: -o-linear-gradient(#52da34, #36a41e 50%, #31921b);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#52da34), color-stop(50%, #36a41e), to(#31921b));
  background-image: linear-gradient(#52da34, #36a41e 50%, #31921b);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52da34', endColorstr='#ff31921b', GradientType=0);
  -webkit-filter: none;
          filter: none;
  border: 1px solid #287916;
}
.btn-green {
  color: #ffffff;
  background-color: #3cb521;
  border-color: #3cb521;
}
.btn-green:focus,
.btn-green.focus {
  color: #ffffff;
  background-color: #2e8a19;
  border-color: #18490d;
}
.btn-green:hover {
  color: #ffffff;
  background-color: #2e8a19;
  border-color: #2b8118;
}
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green {
  color: #ffffff;
  background-color: #2e8a19;
  border-color: #2b8118;
}
.btn-green:active:hover,
.btn-green.active:hover,
.open > .dropdown-toggle.btn-green:hover,
.btn-green:active:focus,
.btn-green.active:focus,
.open > .dropdown-toggle.btn-green:focus,
.btn-green:active.focus,
.btn-green.active.focus,
.open > .dropdown-toggle.btn-green.focus {
  color: #ffffff;
  background-color: #246c14;
  border-color: #18490d;
}
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green {
  background-image: none;
}
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled.focus,
.btn-green[disabled].focus,
fieldset[disabled] .btn-green.focus {
  background-color: #3cb521;
  border-color: #3cb521;
}
.btn-green .badge {
  color: #3cb521;
  background-color: #ffffff;
}

/* デフォルト(透過専用)のボタン
　 透過として利用しない場合はすべてコメントアウトすること */
.btn-transparent-off:focus,
.btn-transparent-off.focus {
  color: #333333;
  background-color: transparent;
  border-color: #8c8c8c;
}
.btn-transparent-off:hover {
  color: #FFFFFF;
  background-color: transparent;
  border-color: #FFFFFF;
}
.btn-transparent-off:active,
.btn-transparent-off.active,
.open > .dropdown-toggle.btn-transparent-off {
  color: #333333;
  background-color: transparent;
  border-color: #adadad;
}
.btn-transparent-off:active:hover,
.btn-transparent-off.active:hover,
.open > .dropdown-toggle.btn-transparent-off:hover,
.btn-transparent-off:active:focus,
.btn-transparent-off.active:focus,
.open > .dropdown-toggle.btn-transparent-off:focus,
.btn-transparent-off:active.focus,
.btn-transparent-off.active.focus,
.open > .dropdown-toggle.btn-transparent-off.focus {
  color: #FFFFFF;
  background-color: transparent;
  border-color: #8c8c8c;
}
.btn-transparent-off:active,
.btn-transparent-off.active,
.open > .dropdown-toggle.btn-transparent-off {
  background-image: none;
}
.btn-transparent-off.disabled:hover,
.btn-transparent-off[disabled]:hover,
fieldset[disabled] .btn-transparent-off:hover,
.btn-transparent-off.disabled:focus,
.btn-transparent-off[disabled]:focus,
fieldset[disabled] .btn-transparent-off:focus,
.btn-transparent-off.disabled.focus,
.btn-transparent-off[disabled].focus,
fieldset[disabled] .btn-transparent-off.focus {
  background-color: transparent;
  border-color: #cccccc;
}
.btn-transparent-off .badge {
  color: #e7e7e7;
  background-color: transparent;
}

/* 透過のボタン */
.btn-transparent {
  color: #333333;
  background-color: transparent;
  border-color: #cccccc;
}
.btn-transparent:focus,
.btn-transparent.focus {
  color: #333333;
  background-color: transparent;
  border-color: #8c8c8c;
}
.btn-transparent:hover {
  color: #333333;
  background-color: transparent;
  border-color: #adadad;
}
.btn-transparent:active,
.btn-transparent.active,
.open > .dropdown-toggle.btn-transparent {
  color: #333333;
  background-color: transparent;
  border-color: #adadad;
}
.btn-transparent:active:hover,
.btn-transparent.active:hover,
.open > .dropdown-toggle.btn-transparent:hover,
.btn-transparent:active:focus,
.btn-transparent.active:focus,
.open > .dropdown-toggle.btn-transparent:focus,
.btn-transparent:active.focus,
.btn-transparent.active.focus,
.open > .dropdown-toggle.btn-transparent.focus {
  color: #333333;
  background-color: transparent;
  border-color: #8c8c8c;
}
.btn-transparent:active,
.btn-transparent.active,
.open > .dropdown-toggle.btn-transparent {
  background-image: none;
}
.btn-transparent.disabled:hover,
.btn-transparent[disabled]:hover,
fieldset[disabled] .btn-transparent:hover,
.btn-transparent.disabled:focus,
.btn-transparent[disabled]:focus,
fieldset[disabled] .btn-transparent:focus,
.btn-transparent.disabled.focus,
.btn-transparent[disabled].focus,
fieldset[disabled] .btn-transparent.focus {
  background-color: transparent;
  border-color: #cccccc;
}
.btn-transparent .badge {
  color: #e7e7e7;
  background-color: transparent;
}



/* ツールチップのレイアウト */
.custom_tooltip {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	padding: 3px 5px;
	border: 1px solid #696969;
	font-size: 0.8em;
	z-index:9999!important;
}


/* amcharts用のレイアウト */
/* コメントアウト
#chartdiv {
	height: 500px;
}
*/

.chartdiv_s {
	height: 500px;
}
@media (min-width: 768px) {
	.chartdiv_s {
		height: 500px;
	}
}
@media (min-width: 992px) {
	.chartdiv_s {
		height: 500px;
	}
}
@media (min-width: 1100px) {
	.chartdiv_s {
		height: 500px;
	}
}
@media (min-width: 1500px) {
	.chartdiv_s {
		height: 700px;
	}
}

.chartdiv_m {
	height: 500px;
}
@media (min-width: 768px) {
	.chartdiv_m {
		height: 500px;
	}
}
@media (min-width: 992px) {
	.chartdiv_m {
		height: 500px;
	}
}
@media (min-width: 1100px) {
	.chartdiv_m {
		height: 700px;
	}
}
@media (min-width: 1500px) {
	.chartdiv_m {
		height: 700px;
	}
}

.chartdiv_l {
	height: 500px;
}
@media (min-width: 768px) {
	.chartdiv_l {
		height: 500px;
	}
}
@media (min-width: 992px) {
	.chartdiv_l {
		height: 500px;
	}
}
@media (min-width: 1100px) {
	.chartdiv_l {
		height: 900px;
	}
}
@media (min-width: 1500px) {
	.chartdiv_l {
		height: 900px;
	}
}

/**
 * ブラウザ画面サイズ指定値以下の場合
 */
/* 不要になった
@media (max-width: 767px) {
	.nav-justified {
		display: table;
		//table-layout: fixed;
		text-align: center;
	}

	.nav-justified > li {
		display: table-cell;
		vertical-align: middle;
	}

	.nav > li > a {
		padding: 10px 0px;
	}

	.slide-contents {
		height: 200px;
		overflow-y: auto;
	}

}
*/

/* 画面別タブレイアウト変更 */
@media (max-width: 767px) {
	.tab_icon_span {
		font-size:70%;
		min-width:30px;
		margin-top:2px;
	}
}
@media (max-width: 400px) {
	.tab_icon_span {
		font-size:45%;
		min-width:20px;
		margin-top:2px;
	}
}

/* weather用のレイアウト */
.weather {
	height: 50px;
	display: flex;
	align-items: center;
}

/* map用のレイアウト */
#map {
	min-width:336px;
	overflow: hidden;
	width:100%;
	height: 500px;
}
@media (min-width: 768px) {
	#map {

		height: 650px;
	}
}
@media (min-width: 992px) {
	#map {
		height: 650px;
	}
}
@media (min-width: 1200px) {
	#map {
		height: 780px;
	}
}

.leaflet-marker-icon-color-blue   { -webkit-filter: hue-rotate( 30deg); filter: hue-rotate( 30deg); }
.leaflet-marker-icon-color-pink   { -webkit-filter: hue-rotate( 90deg); filter: hue-rotate( 90deg); }
.leaflet-marker-icon-color-red    { -webkit-filter: hue-rotate(150deg); filter: hue-rotate(150deg); }
.leaflet-marker-icon-color-yellow { -webkit-filter: hue-rotate(210deg); filter: hue-rotate(210deg); }
.leaflet-marker-icon-color-green  { -webkit-filter: hue-rotate(270deg); filter: hue-rotate(270deg); }
.leaflet-marker-icon-color-alua   { -webkit-filter: hue-rotate(330deg); filter: hue-rotate(330deg); }

/* テーブル設定にてstickyを利用する場合のCSS宣言 */
table.fixed {
	white-space: nowrap;/* fixedクラス利用時はデフォルトで折り返さない */
/*
	border-collapse: separate;
	border-top-width: 0px;
	border-left-width: 0px;
*/

}

/* ヘッダ行 */
.fixed > thead > tr > th {
	position: -webkit-sticky; /* iOS用 */
	position: sticky; /* ヘッダ行の位置を設定 */
	top: 0px; /* 表示画面内に残す */
	z-index: 2; /* 数値が大きい方が手前に表示 */

	border-top-width: 0px;
	border-left-width: 0px;

	vertical-align: middle;
}

.fixed > tbody > tr > td {
	border-top-width: 0px;
	border-left-width: 0px;
}

.fixed > tbody > tr > td.normal {
	min-width: 250px;
	white-space: normal;/* 折り返す */
/*
	width:100%;
	min-width: 250px;
	max-width: 600px;
	white-space: normal;/* 折り返す */
*/
}

/* 最初(左端)のヘッダ */
.fixed > thead > tr > th.first_fixed:first-of-type {
	left: 0; /* 0のみ */
	z-index: 3; /* 数値が大きい方が手前に表示 */
}


/* パワコン制御要求未処理（制御日時経過:past）時のテーブル色 */
td.expired {
	background-color: #666;
/*
	color: #333;
*/
}


/* 最初(左端)の要素を固定する */
tbody.first_fixed tr td:first-of-type {
	position: -webkit-sticky; /* iOS用 */
	position: sticky;
	left: 0px;  /* 表示画面内に残す */
}

/* 2行目のヘッダ固定 */
th.two {
	position: -webkit-sticky; /* iOS用 */
	position: sticky; /* ヘッダ行の位置を設定 */
	top: 26px; /* 表示画面内に残す */
	z-index: 4; /* 数値が大きい方が手前に表示 */
}

/* 3行目のヘッダ固定 */
th.three {
	position: -webkit-sticky; /* iOS用 */
	position: sticky; /* ヘッダ行の位置を設定 */
	top: 53px; /* 表示画面内に残す */
	z-index: 5; /* 数値が大きい方が手前に表示 */
}


/* データピッカーの表示を上位に変更する */
.ui-datepicker{
	z-index:9999!important;
}


/* 接点出力制御ボタン(max-widthはboxの幅によって調整が必要)  */
.toggle.btn-xs{
	min-width:35px;
	min-height:22px;
	width: 100%;
	max-width: 350px;
/*
	max-width: 330px;
	max-width: 230px;
*/
}


/* グラフ凡例表示欄 */
#legenddiv {
	min-height: 30px;
	position: relative;
}

/* sortable */
#sortable1, #sortable2 {
	border: 1px solid #eee;
	min-width: 100px;
	width: auto;
	min-height: 140px;
	list-style-type: none;
	margin: 0;
	padding: 5px 0 0 0;
/*
	float: left;
	margin-right: 10px;
*/
}
#sortable1 li, #sortable2 li {
	margin: 0 5px 5px 5px;
	padding: 5px;
	width: auto;
}
#sortable1 li, #sortable2 li {
	background-color: #FFFFFF;
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
/*
	background-color: #d9edf7;
*/
}
#sortable1 li:active, #sortable2 li:active {
	background-color: #d9edf7;
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
/*
	background-color: #f2dede;
*/
}


.iND-myTitle{
	font-size:18px;
}

@media (max-width: 600px) {
/*
	#legenddiv {
		display: none;
	}
*/
	.iND-myTitle{
		font-size:14px;
	}
}


/* 20/08/19 設定画面 一定幅未満の場合、テーブルの要素を非表示にする */
@media (max-width: 1200px) {
	.width_min_hide {
		display: none;
	}
}


/* トグルボタン対応 */
/* 参考URL https://webdesignfacts.net/entry/checkboxes-css/#gsc.tab=0 */
input[type='checkbox']{
	&.switch {
    	--active: #275EFE;
	    --active-inner: #fff;
	    --focus: 2px rgba(39, 94, 254, .3);
	    --border: #BBC1E1;
	    --border-hover: #275EFE;
	    --background: #fff;
	    --disabled: #F6F8FF;
	    --disabled-inner: #E1E6F9;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    height: 21px;
	    outline: none;
	    display: inline-block;
	    vertical-align: top;
	    position: relative;
	    margin: 0;
	    cursor: pointer;
	    border: 1px solid var(--bc, var(--border));
	    background: var(--b, var(--background));
	    transition: background .3s, border-color .3s, box-shadow .2s;
		width: 38px;
		border-radius: 11px;

		cursor: help; /* タイトル確認用に明示的に別途追加 */
	    &:after {
			content: '';
			display: block;
			left: 0;
			top: 0;
			position: absolute;
			transition: transform var(--d-t, .3s) var(--d-t-e, ease), opacity var(--d-o, .2s);

			left: 2px;
			top: 2px;
			border-radius: 50%;
			width: 15px;
			height: 15px;
			background: var(--ab, var(--border));
			transform: translateX(var(--x, 0));
	    }
	    &:checked {
			--b: var(--active);
			--bc: var(--active);
			--d-o: .3s;
			--d-t: .6s;
			--d-t-e: cubic-bezier(.2, .85, .32, 1.2);

			--ab: var(--active-inner);
			--x: 17px;
	    }
	    &:disabled {
			--b: var(--disabled);
			cursor: not-allowed;
			opacity: .9;
			&:checked {
				--b: var(--disabled-inner);
				--bc: var(--border);
			}
			&:not(:checked) {
				&:after {
					opacity: .6;
				}
			}
			& + label {
				cursor: not-allowed;
			}
	    }
	    &:hover {
			&:not(:checked) {
				&:not(:disabled) {
					  --bc: var(--border-hover);
				}
			}
	    }
	    &:focus {
			box-shadow: 0 0 0 var(--focus);
	    }
	}
}

input[type='checkbox'].color-green{
	&.switch {
    	--active: #66ff66;
	    --active-inner: #fff;
	    --border: #BBC1E1;
	    --border-hover: #66ff66;
	    --background: #fff;
	    --disabled: #F6F8FF;
	    --disabled-inner: #E1E6F9;
	}
}

input[type='checkbox'].color-red{
	&.switch {
    	--active: #ff1919;
	    --active-inner: #fff;
	    --border: #BBC1E1;
	    --border-hover: #ff1919;
	    --background: #fff;
	    --disabled: #F6F8FF;
	    --disabled-inner: #E1E6F9;
	}
}


/* 発電種別別背景色 */
.solar_power {
	background-color: #ffa94d
}
.hydro_power {
	background-color: #4a90e2
}
.biomass_power {
	background-color: #4ec76e
}

/* 地図情報コントロールレイアウト用 */
.power-card {
	width: 280px;
	margin: 3px 3px;
	padding-left: 0px;
	padding-right: 0px;
}
.card-header {
	font-size: 1.2rem;
	color: white;
	padding: 5px 10px;
	font-weight: bold;
}
.card-body {
	display: flex;
	align-items: center;
	background-color: #fff;
}
.icon-section {
	flex: 0 0 80px;
	text-align: center;
}
.icon-image {
	width: 50px;
	height: 50px;
}
.icon-label {

}
.data-section {
	flex: 1;
	text-align: center;
}
.weather-icon {
	width: 50px;
	height: 50px;
}
.power-value {
	font-size: 1.5rem;
	font-weight: bold;
}


/* 帳票一覧レイアウト用 */
/* テーブル全体の設定 */
.data-table {
  border-collapse: collapse;
  table-layout: auto;  /* fixed → auto に変更：列幅を内容に基づいて自動計算 */
  width: auto;           /* 最小幅は諦めて、利用可能な幅を使用 */
}

/* テーブルヘッダーの設定 */
.data-table th {
	color: white;
	padding: 8px 4px;
	text-align: center;
	border: 1px solid #ddd;
	font-weight: bold;
	min-width: 60px;
	max-width: 100px;

}

/* 最初の列（時刻/項目名）の幅設定と固定表示 */
.data-table th:first-child,
.data-table td:first-child {
	width: 80px !important; /* 列幅を80px固定 */
	min-width: 80px; /* 最小幅も80pxに設定 */
	max-width: 80px; /* 最大幅も80pxに設定 */
	position: sticky; /* 固定表示 */
	left: 0; /* 左端に固定 */
	z-index: 2; /* 他の要素より前面に表示 */
}

/* 最後の列（合計）の幅設定 */
.data-table th:last-child,
.data-table td:last-child {

}

/* 合計列の強調表示 */
.total-cell {
	background-color: #f9f9f9;
	/* font-weight: bold; */
	/* color: #e67e22; */
	/* background-color: #fdf2e9; */
}

/* テーブルセルの基本設定 */
.data-table td {
	padding: 8px 4px;
	text-align: center;
	border: 1px solid #ddd;
	min-width: 60px;
	/*max-width: 100px;*/
	white-space: nowrap; /* テキスト改行を防止して列幅の一貫性を保つ */



}

/* 棒グラフセルの設定 */
.bar-cell {
	position: relative;
	height: 50px; /* 50pxが100%表示イコールになる */
	vertical-align: bottom;
}
/* 棒グラフの視覚表現 */
.bar {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 20px;
	background: linear-gradient(to top, #4a90e2, #87ceeb);
	border-radius: 2px 2px 0 0;
	transition: all 0.3s ease;
}
/* 棒グラフのホバー効果 */
.bar:hover {
	background: linear-gradient(to top, #357abd, #5dade2);
	transform: translateX(-50%) scale(1.1);
}

/* 太陽光発電の棒グラフの視覚表現時の背景色 */
.bar-solar_power {
	background: linear-gradient(to top, #ffa94d, #fcd28d);
}
/* 太陽光発電の棒グラフのホバー効果時の背景色 */
.bar-solar_power:hover {
	background: linear-gradient(to top, #e88e2f, #f3b861);
}
/* 小水力発電の棒グラフの視覚表現時の背景色 */
.bar-hydro_power {
	background: linear-gradient(to top, #4a90e2, #87ceeb);
}
/* 小水力発電の棒グラフのホバー効果時の背景色 */
.bar-hydro_power:hover {
	background: linear-gradient(to top, #357abd, #5dade2);
}
/* バイオマス発電の棒グラフの視覚表現時の背景色 */
.bar-biomass_power {
	background: linear-gradient(to top, #4ec76e, #a8e6cf);
}
/* バイオマス発電の棒グラフのホバー効果時の背景色 */
.bar-biomass_power:hover {
	background: linear-gradient(to top, #3cae5f, #7fd8a9);
}

/* 発電種別・発電所名称ラベル */
.h4-base {
	width: 380px !important; /* 列幅を380px固定 */
	min-width: 380px; /* 最小幅も380pxに設定 */
	max-width: 380px; /* 最大幅も380pxに設定 */
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 1.3rem;
    font-weight: bold;
    color: #495057;
    margin: 5px 0;
    padding: 5px 5px;
    background: #ffffff;
    border-left: 6px solid #FF8C00;
    border-radius: 0 10px 10px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
/* 太陽光発電の発電種別・発電所名称ラベルの左端色 */
.h4-solar_power {
    border-left: 6px solid #ffa94d;
}
/* 小水力発電の発電種別・発電所名称ラベルの左端色 */
.h4-hydro_power {
    border-left: 6px solid #4a90e2;
}
/* バイオマス発電の発電種別・発電所名称ラベルの左端色 */
.h4-biomass_power {
    border-left: 6px solid #4ec76e;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
	.data-table {
		font-size: 10px;
	}
	.bar {
		width: 15px;
	}
}

/* SVGアイコンのサイズ調整 */
.icon-small {
    width: 30px;
    height: 30px;
}
.icon-medium {
    width: 40px;
    height: 40px;
}
.icon-large {
    width: 50px;
    height: 50px;
}