@charset "utf-8";
div, span, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline:0;
}
input, button, select, textarea {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
img {
	border: 0;
}
/*---------------------------------------------------------------
　ヘッダー,フッター
---------------------------------------------------------------*/
html {
	height:100%; /* 高さ100％のボックス */
}
body {
	height:100%; /* 高さ100％のボックス */
	width: 100%; /* IE横スクロールバー */
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 100%;
	background: #ffffff;
	margin: 0;
	padding: 0;
	color: #333333;/*line-height:1.4; */
}
#container {
	width: 100%;
	/*width: 1000px;*/
  /*width: 1220px;*/
	background: #FFFFFF;
	/*margin: 0 auto;*/ /* 中央揃え */
	border: 0;
	text-align: left;
	position: relative; /* フッターを画面下に表示 */
	height: 100%; /* 高さ100％のボックス */
	min-height: 100%; /* IE7 firefox 高さ100％のボックス */
}
* html div#container {
	height:100%; /* IE6 高さ100％のボックス */
}
body > #container {
	height: auto; /* IE6 高さ100％のボックス */
}
#header {
	background: #dcecf9;
	height: 120px;
	padding: 0 20px;
}
#header div.logo {
	padding: 10px 0;
	/* background-image: url(/ssm_images/logo.gif);
	background-repeat: no-repeat;
	background-position: left; */
	width: 300;
	height: 37px;
}
#header div.logo2 {
	padding: 10px 0;
	background-image: url(/ssm_images/solarmonitor_logo.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 300;
	height: 37px;
}
#header div.username {
	font-size: 12px;
	clear: right;
	float: right;
	padding: 23px 30px 0 0;
}
#header h1 {
	font-size: 16px;
	margin: 0;
	padding: 30px 0;
}
#header div.message {
	font-size: 14px;
}
#content {
	padding: 0 20px;
	background: #FFFFFF;
	padding-bottom: 40px; /* footerのheight値と同じ */
}
#footer {
	position: absolute; /* フッターを画面下に表示 */
	bottom: 0px; /* フッターを画面下に表示 */
	height: 40px; /* contentのpadding-bottom値も変える */
	width: 100%;
	background: #dcecf9;
}
#footer p {
	text-align: center;
	font-size: 11px;
	margin: 0;
	padding: 13px 0 0 0;
}
/*---------------------------------------------------------------
　ログイン画面
---------------------------------------------------------------*/
div.title {
	width: 600px;
	height: 120px;
	border: solid 1px #333333;
	margin: 60px auto 30px;
	background-image: url(/ssm_images/top_solarmonitor.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
div.title h2 {
	font-size: 30px;
	padding: 22px 60px 10px;
}
div.title p {
	font-size: 12px;
	padding: 0 60px;
}
table.login {
	width: 600px;
	margin: 0 auto;
}
table.login tr {
	height: 50px;
}
table.login th {
	width: 110px;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	padding-left: 60px;
}
table.login input {
	height: 22px;
	width: 350px;
	font-size: 14px;
}
table.login .login_button {
	width: 120px;
	height: 40px;
	cursor: pointer;
	font-size: 14px;
	margin: 30px auto;
}
/*---------------------------------------------------------------
　メニュー画面
---------------------------------------------------------------*/
div.menu {
	width: 500px;
	height: 270px;
	margin: 0 auto;
	padding: 40px 0;
}
div.menu .menu_buttonL {
	width: 200px;
	height: 50px;
	cursor: pointer;
	clear: left;
	float: left;
	margin: 20px 0;
}
div.menu .menu_buttonR {
	width: 200px;
	height: 50px;
	cursor: pointer;
	clear: right;
	float: right;
	margin: 20px 0;
}
div.logout {
	width: 500px;
	margin: 0 auto;
}
div.logout .logout_button {
	width: 120px;
	height: 40px;
	cursor: pointer;
	font-size: 14px;
	margin: 0 0 30px 0;
}
/*---------------------------------------------------------------
　
---------------------------------------------------------------*/
div.navi {
	width: 960px;
	padding: 40px 0;
	margin: 0 auto;
}
div.navi .navi_button {
	width: 180px;
	height: 42px;
	font-size: 14px;
	cursor: pointer;
	padding-right: 8px;
	border: 0px;
}
h3 {
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	width: 470px;
	padding: 10px 0;
}
.module h3 ,
.cubicle h3,
.setsuzokubako h3,
.battery h3 {
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	width: 471px;
	padding: 10px 0;
}
.hatsudensho_site h3, 
.kanshi h3 {
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	/*width: 477px;*/
	width: 643px;
	padding: 10px 0;
}
.bg_blue {
	background-color: #006699;
}
.bg_orange {
	background-color: #FF9900;
}
.bg_red {
	background-color: #CC3300;
}
.category {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 25px 0;
	overflow: auto;
}
.module ,
.cubicle,
.setsuzokubako,
.battery {
	width: 942px;
}
.hatsudensho_site {
	width: 960px;
}
.kanshi {
	width: 960px;
}
.left {
	width: 470px;
	clear: left;
	float: left;
}
.right {
	width: 470px;
	clear: right;
	float: right;
}
.category table.W1 {
	width: 960px;
	width: 100%\9; /* IE8 */
}
.module table.W1,
.cubicle table.W1,
.setsuzokubako table.W1,
.battery table.W1 {
	width: 942px;
	width: 100%\9; /* IE8 */
}
.category table.W2 {
	width: 470px;
}
.category table.W3 {
	width: 320px;
}
.category table.T0 {
	margin-top: -36px;
}
.category table.T1 {
	margin-top: 20px;
}
.category table.T2 {
	margin-top: 55px;
}
.lineLB {
	border-left: solid 1px #006699;
	border-bottom: solid 1px #006699;
}
.lineTR {
	border-top: solid 1px #006699;
	border-right: solid 1px #006699;
}
.lineRB {
	border-right: solid 1px #006699;
	border-bottom: solid 1px #006699;
}
.lineTL {
	border-top: solid 1px #006699;
	border-left: solid 1px #006699;
}
.lineT {
	border-top: solid 1px #006699;
}
.lineL {
	border-left: solid 1px #006699;
}
.lineR {
	border-right: solid 1px #006699;
}
.lineB {
	border-bottom: solid 1px #006699;
}
.category table th {
	font-size: 12px;
	padding: 10px 2px;
	font-weight: normal;
	text-align: center;
	width: 160px;
}
.kanrisha table th, 
.password table th, 
.hatsudensho table th, 
.yosou table th, 
.kanshi_settei table th, 
.shoyusha table th {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 164px;
}
.category table td {
	font-size: 12px;
	padding: 10px 0px;
	text-align: center;
}
.kanrisha table td, 
.password table td, 
.hatsudensho table td, 
.yosou table td, 
.kanshi_settei table td, 
.shoyusha table td {
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
}
.hatsudensho_site table td.w6L, 
.kanshi table td.w6L {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 157px;
}
.hatsudensho_site table td.w6, 
.kanshi table td.w6 {
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
}
.module table td.w4L {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 165px;
}
.module table td.w4R {
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
}
.cubicle table td.w2L,
.cubicle table th.w2L {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 40px;
}
.cubicle table td.w4R, 
.cubicle table th.w4R{
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
	width: 150px;
}
.cubicle table td.w8R,
.cubicle table th.w8R {
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
	width: 230px;
}
.cubicle table td.w16R,
.cubicle table th.w16R {
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
	width: 430px;
}
.setsuzokubako table td.w2L,
.setsuzokubako table th.w2L {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 60px;
}
.setsuzokubako table td.w2R,
.setsuzokubako table th.w2R {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 60px;
}
.kanrisha table td input, 
.password table td input, 
.hatsudensho table td input, 
.yosou table td input, 
.kanshi_settei table td input, 
.module table td input, 
.shoyusha table td input {
	vertical-align: text-top;
	width: 272px;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.cubicle table td.w4R input {
	vertical-align: text-top;
	width: 100px;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.cubicle table td.w8R input {
	vertical-align: text-top;
	width: 200px;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.setsuzokubako table td.w2R input,
.setsuzokubako table td.w4R input  {
	vertical-align: text-top;
	width: 30px;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.hatsudensho_site table td input, 
.kanshi table td input {
	vertical-align: text-top;
	width: 130px;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.hatsudensho_site table td.ip3g input {
	width: 15px;
}
.category table td input.radio_btn, 
.category table td input.check_btn {
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.kanrisha table td span, 
.password table td span, 
.hatsudensho table td span, 
.yosou table td span, 
.kanshi_settei table td span, 
.module table td span {
	vertical-align: text-top;
	display: block; /* spanの幅指定 */
	width: 272px;
	margin: 0 auto;
	text-align: left;
}
.cubicle table td span {
	vertical-align: text-top;
	display: block; /* spanの幅指定 */
	width: 132px;
	margin: 0 auto;
	text-align: left;
}
.cubicle table td.w2L span {
	vertical-align: text-top;
	display: block; /* spanの幅指定 */
	width: 18px;
	margin: 0 auto;
	text-align: left;
}
.setsuzokubako table td span {
	vertical-align: text-top;
	display: block; /* spanの幅指定 */
	width: 52px;
	margin: 0 auto;
	text-align: left;
}
.setsuzokubako table td.w2L span {
	vertical-align: text-top;
	display: block; /* spanの幅指定 */
	width: 18px;
	margin: 0 auto;
	text-align: left;
}
.hatsudensho_site table td span {
	vertical-align: text-top;
	display:  block; /* spanの幅指定 */
	width: 130px;
	margin: 0 auto;
	text-align: left;
}
select {
	width: 190px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.hatsudensho select, 
.kanshi_settei select, 
.module select, 
.shoyusha select {
	width: 275px;
	margin: 0 auto;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.cubicle select {
	width: 100px;
	margin: 0 auto;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.cubicle table td.w16R select {
	width: 200px;
	margin: 0 auto;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.hatsudensho_site select {
	width: 133px;
	margin: 0 auto;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
/*---------------------------------------------------------------
　発電所登録・修正画面
---------------------------------------------------------------*/
div.photo {
	height: 50px;
	margin: 7px 0 0 0;
}
div.photo .photo_button {
	width:180px;
	height: 42px;
	cursor: pointer;
	clear: right;
	float: right;
}
/*---------------------------------------------------------------
　管理発電所状況一覧
---------------------------------------------------------------*/
.hatsudensho_ichiran {
	width: 960px; 
}
.hatsudensho_ichiran table td.w8L {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 64px;
}
.hatsudensho_ichiran table td.w8R1 {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 128px;
}
.bc_green {
    background-color: #00BE00;
}
.bc_red {
    background-color: #FF0000;
}
.bc_yellow {
    background-color: #FFFF00;
}
.hatsudensho_ichiran table td span {
	vertical-align: text-top;
	display: block; /* spanの幅指定 */
	width: 108px;
	margin: 0 auto;
	text-align: left;
}
.hatsudensho_ichiran table td span.c {
	text-align: center;
}
ul.pagelinks li {
   width: 45px;
   line-height: 16px;
   list-style-type: none;  /* 先頭記号なし */
   float: left;            /* 横に並べる */
   margin: 0px;
   padding: 0px;
   font-size: 12px;
   font-weight: normal;
   text-align: center;
}
ul.pagelinks li.borderL {
   border-left: 1px solid #999999;
}
ul.pagelinks li.borderR {
   border-right: 1px solid #999999;
}
ul.pagelinks li a {
   display: block;        /* ブロック化 */
   text-decoration: none; /* 下線を消す */
}
ul.pagelinks {
   margin: 0;
   width: 330px;
   height: 16px;
}
.category table.T3 {
	margin-top: 5px;
}
/*---------------------------------------------------------------
　発電状況詳細画面
---------------------------------------------------------------*/
.hatsudensho2 table th {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 164px;
} 
.hatsudensho2 table td {
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
}
.hatsudensho2 table td input {
	vertical-align: text-top;
	width: 272px;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.hatsudensho2 table td span {
	vertical-align: text-top;
	display: block; /* spanの幅指定 */
	width: 272px;
	margin: 0 auto;
	text-align: left;
}
.hatsudensho2 select {
	width: 275px;
	margin: 0 auto;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.reportout table th {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 164px;
}
.reportout table td {
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
}
.reportout table td input {
	vertical-align: text-top;
	width: 272px;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.reportout table td span {
	vertical-align: text-top;
	display: block; /* spanの幅指定 */
	width: 272px;
	margin: 0px auto;
	text-align: left;
	padding: 2px 0;
}
.reportout select {
	width: 275px;
	margin: 0 auto;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.reportout table td.reporttype {
	padding: 2px 0;
}
.reportout table td input.radio_btn, 
.reportout table td input.check_btn {
	margin: 0 5px 0 20px;
	vertical-align: middle;
	width: 15px;
}
div.btn_reportout {
    height: 42px;
	margin: 20px 0 0 0;
}
div.btn_reportout .img_reportout {
	width:180px;
	height: 42px;
	cursor: pointer;
	clear: left;
	float: left;
}
.hatsuden_kanshi h3 {
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	width: 477px;
	padding: 10px 0;
	margin-bottom: 10px;
}
.hatsuden_kanshi h4 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	width: 200px;
	padding: 10px 0;
}
.bg_sky {
	background-color: #3C9DFF;
}
.hatsuden_kanshi {
	width: 960px;
}
.hatsuden_kanshi div.w16t {
	width: 960px;
	float: left;
	clear: left;
}
.hatsuden_kanshi table td.w16L {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 60px;
}
.hatsuden_kanshi table td.w16R1 {
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
	width: 60px;
}
.hatsuden_kanshi table td input {
	vertical-align: text-top;
	width: 40px;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.category table.T4 {
	margin-top: 10px;
}
.hatsuden_kanshi table th {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 164px;
} 
.hatsuden_kanshi table td.date {
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
}
.hatsuden_kanshi table td.date input {
	vertical-align: text-top;
	width: 272px;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.hatsuden_kanshi table td.date span {
	vertical-align: text-top;
	display: block; /* spanの幅指定 */
	width: 272px;
	margin: 0 auto;
	text-align: center;
	padding: 2px 0;
}
.hatsuden_kanshi table td.date select {
	width: 275px;
	margin: 0 auto;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.bc_green2 {
    background-color: #00BE00;
}
.bc_green3 {
    background-color: #339900;
}
.lineTw {
	border-top: solid 1px #ffffff;
}
.lineLw {
	border-left: solid 1px #ffffff;
}
.category table td.pa2 {
	font-size: 12px;
	padding: 0px 0px;
	text-align: center;
}
.lineLwBn {
	border-left: solid 1px #ffffff;
	border-bottom: none;
}
/*---------------------------------------------------------------
　各サイト（キュービクル計測）の稼働状況
---------------------------------------------------------------*/
.cubicleJokyo h4 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	width: 471px;
	padding: 10px 0;
}
.cubicleJokyo {
	width: 960px;
}
.cubicleJokyo div.w16t {
	width: 960px;
	float: left;
	clear: left;
}
.cubicleJokyo table td.w16L {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 150px;
}
.cubicleJokyo table td.w16R1 {
        word-break: break-all;
	font-size: 12px;
	padding: 10px 1px;
	text-align: center;
	width: 40px;
}
.cubicleJokyo table th {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 164px;
} 
.cubicleJokyo table td.date span {
	vertical-align: text-top;
	display: block; /* spanの幅指定 */
	width: 272px;
	margin: 0 auto;
	text-align: center;
	padding: 2px 0;
}
.cubicleJokyo table td.date {
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
}
.cubicleJokyo table td.date input {
	vertical-align: text-top;
	width: 272px;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.cubicleJokyo table td.date span {
	vertical-align: text-top;
	display: block; /* spanの幅指定 */
	width: 272px;
	margin: 0 auto;
	text-align: center;
	padding: 2px 0;
}
.cubicleJokyo table td.date select {
	width: 275px;
	margin: 0 auto;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}


/*---------------------------------------------------------------
　ストリング監視
---------------------------------------------------------------*/
.setsuzokubakoJokyo h3 {
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	width: 477px;
	padding: 10px 0;
	margin-bottom: 10px;
}
.setsuzokubakoJokyo h4 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	width: 471px;
	padding: 10px 0;
}
.setsuzokubakoJokyo {
	width: 960px;
}
.setsuzokubakoJokyo div.w16t {
	width: 960px;
	float: left;
	clear: left;
}
.setsuzokubakoJokyo table td.w16L {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 60px;
}
.setsuzokubakoJokyo table td.w16R1 {
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
	width: 60px;
}
.setsuzokubakoJokyo table td input {
	vertical-align: text-top;
	width: 40px;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.setsuzokubakoJokyo table th {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 164px;
} 
.setsuzokubakoJokyo table td.date {
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
}
.setsuzokubakoJokyo table td.date input {
	vertical-align: text-top;
	width: 272px;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.setsuzokubakoJokyo table td.date span {
	vertical-align: text-top;
	display: block; /* spanの幅指定 */
	width: 272px;
	margin: 0 auto;
	text-align: center;
	padding: 2px 0;
}
.setsuzokubakoJokyo table td.date select {
	width: 275px;
	margin: 0 auto;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/*---------------------------------------------------------------
　蓄電池監視
---------------------------------------------------------------*/
.batteryJokyo h3 {
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	width: 477px;
	padding: 10px 0;
	margin-bottom: 10px;
}
.batteryJokyo h4 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	width: 471px;
	padding: 10px 0;
}
.batteryJokyo {
	width: 960px;
}
.batteryJokyo div.w16t {
	width: 960px;
	float: left;
	clear: left;
}
.batteryJokyo table td.w16L {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 60px;
}
.batteryJokyo table td.w16R1 {
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
	width: 35px;
	max-width: 35px;
}
.batteryJokyo table td input {
	vertical-align: text-top;
	width: 40px;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.batteryJokyo table th {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 164px;
} 
.batteryJokyo table td.date {
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
}
.batteryJokyo table td.date input {
	vertical-align: text-top;
	width: 272px;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.batteryJokyo table td.date span {
	vertical-align: text-top;
	display: block; /* spanの幅指定 */
	width: 272px;
	margin: 0 auto;
	text-align: center;
	padding: 2px 0;
}
.batteryJokyo table td.date select {
	width: 275px;
	margin: 0 auto;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/*---------------------------------------------------------------
　EV充電器監視
---------------------------------------------------------------*/
.evJokyo h3 {
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	width: 477px;
	padding: 10px 0;
	margin-bottom: 10px;
}
.evJokyo h4 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	width: 471px;
	padding: 10px 0;
}
.evJokyo {
	width: 960px;
}
.evJokyo div.w16t {
	width: 960px;
	float: left;
	clear: left;
}
.evJokyo table td.w16L {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 60px;
}
.evJokyo table td.w16R1 {
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
	width: 35px;
	max-width: 35px;
}
.evJokyo table td input {
	vertical-align: text-top;
	width: 40px;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.evJokyo table th {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 164px;
} 
.evJokyo table td.date {
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
}
.evJokyo table td.date input {
	vertical-align: text-top;
	width: 272px;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.evJokyo table td.date span {
	vertical-align: text-top;
	display: block; /* spanの幅指定 */
	width: 272px;
	margin: 0 auto;
	text-align: center;
	padding: 2px 0;
}
.evJokyo table td.date select {
	width: 275px;
	margin: 0 auto;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/*---------------------------------------------------------------
　異常履歴状況
---------------------------------------------------------------*/
.HIjoRireki {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 25px 0;
	overflow: auto;
}
.HIjoRireki table.W1 {
	width: 960px;
	width: 100%\9; /* IE8 */
}
.HIjoRireki table.B1 {
	margin-bottom: 40px;
}

.HIjoRireki h4 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	width: 471px;
	padding: 10px 0;
	margin-bottom: 20px;
}
.HIjoRireki table th.kensakujoken {
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
	width: 165px;
}
.HIjoRireki table td.kensakujoken {
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
	width: 772px;
}
.HIjoRireki table td.pcsIndex {
	font-size: 12px;
	padding: 10px 0 10x 55px;
	text-align: left;
	width: 737px;
}
.HIjoRireki table td.message {
	font-size: 12px;
	padding: 10px 0 10px 55px;
	text-align: left;
	width: 737px;
}
.HIjoRireki table td.kiki {
	font-size: 12px;
	padding: 10px 0 10px 55px;
	text-align: left;
	width: 737px;
}
.HIjoRireki table td.hizuke {
	font-size: 12px;
	padding: 10px 0 10px 55px;
	text-align: left;
	width: 737px;
}
.HIjoRireki table td.message input {
	width: 450px;
}
.HIjoRireki table td.pcsIndex select {
	width: 50px;
	margin:0px 0px 0px 55px;
}
.HIjoRireki table td.kiki input {
	width: 150px;
}
.HIjoRireki table td.hizuke input {
    margin-right: 10px;
}
.HIjoRireki table td.hizuke input.hizuke {
	width: 150px;
	text-align: center;
}
.HIjoRireki table td.kensakujoken table {
	text-align: center;
	width: 680px;
	margin: 0 auto;
}
.HIjoRireki table td.kensakujoken table.narabi {
	text-align: left;
	width: 340px;
	margin: 0  0 0 55px;
}
.HIjoRireki table td.kensakujoken table td {
	text-align: left;
	padding:10px 0;
}
.HIjoRireki table td.caldata {
	vertical-align: text-top;
	display: block; /* spanの幅指定 */
	width: 272px;
	margin: 0px auto;
	text-align: left;
	padding: 2px 0;
}

.HIjoRireki table td.caldata table th, 
.HIjoRireki table td.caldata table td {
	/*display: block; /* spanの幅指定 */
	width: auto;
	margin: 0;
	padding: 0;
	font-size: 11px;
}
.HIjoRireki .countmessage {
	font-size: 14px;
	text-align: left;
}
.HIjoRireki .pageno td table td {
	font-size: 14px;
	text-align: left;
	padding: 10px 10px;
}
.HIjoRireki table.ichiran th {
	font-size: 12px;
	font-weight: normal;
	padding: 10px 0;
	text-align: center;
	width: 108px;
	background: #dcecf9;
}
.HIjoRireki table.ichiran td {
	font-size: 12px;
	font-weight: normal;
	padding: 10px 0;
	text-align: center;
	width: 108px;
}
.HIjoRireki table.ichiran th.no {
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
	width: 42px;
}
.HIjoRireki table.ichiran td.no {
	font-size: 12px;
	font-weight: normal;
	padding: 10px 0;
	text-align: center;
	width: 42px;
}
.HIjoRireki table.ichiran th.message {
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
	width: 370px;
}
.HIjoRireki table.ichiran td.message {
	font-size: 12px;
	font-weight: normal;
	padding: 10px 0 10px 20px;
	text-align: left;
	width:350px;
}
.HIjoRireki .btn_kensaku {
    float:right;
	margin-right:50px;
}


/*---------------------------------------------------------------
　PCSパネル枚数情報
---------------------------------------------------------------*/

.pcsPanelSu h3 {
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	width: 520px;
	padding: 10px 0;
}

.pcsPanelSu table td.w4L {
	font-size: 12px;
	padding: 10px 0;
	font-weight: normal;
	text-align: center;
	width: 128px;
}
.pcsPanelSu table td.w4R {
	font-size: 12px;
	padding: 10px 10px;
	text-align: left;
}

.pcsPanelSu table td input {
	vertical-align: text-top;
	width: 130px;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.pcsPanelSu select {
	width: 180px;
	margin: 0 auto;
	font-size: 12px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}


/*---------------------------------------------------------------
　モーダル表示（PCSCMD一覧）
---------------------------------------------------------------*/
/*モーダルを開くボタン*/
.modal-open{
	display: inline;
	color:black;
	font-weight: bold;
	border-radius: 50%;
	cursor:pointer;
	background-color:darksalmon;
	margin: 0pt 0pt 0pt 0pt;
	padding: 2pt 5pt;
  }
  /*モーダル本体の指定 + モーダル外側の背景の指定*/
  .modal-container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,50%);
	padding: 40px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-sizing: border-box;
  }
  /*モーダル本体の擬似要素の指定*/
  .modal-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
  }
  /*モーダル本体に「active」クラス付与した時のスタイル*/
  .modal-container.active{
	opacity: 1;
	visibility: visible;
  }
  /*モーダル枠の指定*/
  .modal-body{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 800px;
	width: 90%;
  }
  /*モーダルを閉じるボタンの指定*/
  .modal-close{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: -40px;
	right: -40px;
	width: 40px;
	height: 40px;
	font-size: 40px;
	color: #fff;
	cursor: pointer;
  }
  /*モーダル内のコンテンツの指定*/
  .modal-content{
	background: #fff;
	text-align: left;
	padding: 30px;
  }

  
/*---------------------------------------------------------------
　PCSCMD一覧セルスタイル
---------------------------------------------------------------*/
div .table-cell-left{
	display:flex; 
	flex-basis:100%; 
	border-left: solid 1pt ;
	border-bottom: solid 1pt ;
	border-right: solid 1pt;
	padding: 3pt 0pt 3pt 5pt;
}

div .table-cell-right {
	display:flex; 
	flex-basis:100%; 
	flex-shrink:10; 	
	border-bottom: solid 1pt ;
	border-right: solid 1pt;
	padding: 3pt 0pt 3pt 5pt;
}

div .table-cell-header {
	border-top: solid 1pt;
	background-color:darkcyan;
	border-color: black;
	color: white;
	font-weight: bold;
	padding: 7pt 0pt 7pt 5pt;
}

div .table-cell-odd-row {
	background-color: lightgoldenrodyellow;
}


/*---------------------------------------------------------------
　PCSCMD説明書きスタイル
---------------------------------------------------------------*/
.pcscmd-help-midashi {
	font-weight:bold; 
	margin-top: 35pt;
}

.pcscmd-help-setsumei {
	font-size:small; 
	margin-left:15pt;
	padding-left: 10pt;
}

.pcscmd-help-codeblock {
	background-color: #eeeeee; 
	font-size: 8pt;
	font-weight: bold;
}