/*---------------------------------------------

	数値ボックス
	
-----------------------------------------------*/

.box {
	font-family:Arial, Helvetica, sans-serif;
	border-top:2px solid #bababa;
	border-left:2px solid #bababa;
	display:block;
	color:#00b800;
	font-weight:bold;
	font-size:20px;
	text-align:right;
	padding:1px 3px 0 0;
	/* グラデ */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d9d9d9));
	background: -moz-linear-gradient(top, #ffffff, #d9d9d9);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#d9d9d9);
	background: linear-gradient(to bottom, #ffffff, #d9d9d9);  /* IE10とOpera12.50用 */
}
.box,  x:-moz-any-link, x:default  { padding:0 3px 1px 0; }


/*---------------------------------------------

	状態アイコン：グラデーションタイプ
	
-----------------------------------------------*/

.status_green, .status_gray.status_green {
	border: 1px solid #008200;
	padding:4px 0;
	color:#fff;
	text-align:center;
	font-size:13px;
	letter-spacing: 1px;
	font-weight:bold;
	/* グラデ */
	background: -webkit-gradient(linear, left top, left bottom, from(#00e300), to(#007a00));
	background: -moz-linear-gradient(top, #00e300, #007a00);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00e300, endColorstr=#007a00);
	background: linear-gradient(to bottom, #00e300, #007a00);  /* IE10とOpera12.50用 */
	line-height: 1em;
}

.status_red, .status_gray.status_red {
	border: 1px solid #8a0000;
	padding:4px 0;
	color:#fff;
	text-align:center;
	font-size:13px;
	letter-spacing: 1px;
	font-weight:bold;
	/* グラデ */
	background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#960000));
	background: -moz-linear-gradient(top, #ff0000, #960000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0000, endColorstr=#960000);
	background: linear-gradient(to bottom, #ff0000, #960000);  /* IE10とOpera12.50用 */
	line-height: 1em;
}

.status_yellow {
	border: 1px solid #919100;
	padding:4px 0;
	color:#090909;
	text-align:center;
	font-size:13px;
	letter-spacing: 1px;
	font-weight:bold;
	/* グラデ */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffff00), to(#8c8c00));
	background: -moz-linear-gradient(top, #ffff00, #8c8c00);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff00, endColorstr=#8c8c00);
	background: linear-gradient(to bottom, #ffff00, #8c8c00);  /* IE10とOpera12.50用 */
	line-height: 1em;
}

.status_orange {
	border: 1px solid #995900;
	padding:4px 0;
	color:#fff;
	text-align:center;
	font-size:13px;
	letter-spacing: 1px;
	font-weight:bold;
	/* グラデ */
	background: -webkit-gradient(linear, left top, left bottom, from(#ff9c00), to(#d76000));
	background: -moz-linear-gradient(top, #ff9c00, #d76000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9c00, endColorstr=#d76000);
	background: linear-gradient(to bottom, #ff9c00, #d76000);  /* IE10とOpera12.50用 */
	line-height: 1em;
}

.status_gray {
	border: 1px solid #3f3f3f;
	padding:4px 0;
	color:#fff;
	text-align:center;
	font-size:13px;
	letter-spacing: 1px;
	font-weight:bold;
	/* グラデ */
	background: -webkit-gradient(linear, left top, left bottom, from(#8e8e8e), to(#444444));
	background: -moz-linear-gradient(top, #8e8e8e, #444444);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8e8e8e, endColorstr=#444444);
	background: linear-gradient(to bottom, #8e8e8e, #444444);  /* IE10とOpera12.50用 */
	line-height: 1em;
}

.sts_short {
	width:60px;
}

.sts01 {
	width:92px;
	float:left;
	margin:5px 1px 0 0;
}

/*---------------------------------------------

	ベース共通デザイン
	
-----------------------------------------------*/

.ui-dialog {
	background-color:#ffe699;
	border: solid 1px #c29d3a;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	white-space: nowrap;
	padding: 2px 4px 10px 4px;
	margin:0 auto;
	background-image:url(../../../../front/images/wdw_resize.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	/* シャドウ */
	-moz-box-shadow: 3px 2px 6px #737373; /* FireFox */
	-webkit-box-shadow: 3px 2px 6px #737373; /* webkit */
	box-shadow:3px 3px 6px #737373;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#737373,direction=135,strength=3,enabled=true)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#737373,direction=135,strength=3,enabled=true); /* IE5.5+ */
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,"ＭＳ Ｐゴシック","MS PGothic",'Lucida Grande',Arial,Helvetica,sans-serif;
	font-size:14px;
}

.ui-dialog-titlebar {
	font-size:17px;
	background-color:#ffe699;
	border: solid 1px #c29d3a;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	white-space: nowrap;
	padding:6px 2px 0 2px;
	margin:0 auto 0 auto;
	height:28px;
	/* グラデ */
	background: -webkit-gradient(linear, left top, left bottom, from(#f9d64b), to(#e7ab03));
	background: -moz-linear-gradient(top, #f9d64b, #e7ab03);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9d64b, endColorstr=#e7ab03);
	background: linear-gradient(to bottom, #f9d64b, #e7ab03);  /* IE10とOpera12.50用 */
}

.ui-dialog-titlebar .ui-button:hover .ui-icon-closethick,
.ui-dialog-titlebar .ui-button:focus .ui-icon-closethick,
.ui-dialog-titlebar .ui-button .ui-icon-closethick {
	background-image: url(../../../../front/images/wdw_close.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
}


.ui-dialog .ui-dialog-buttonpane {
	border: none;
	background-color: transparent;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	text-align: center;
	width: 100%;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
  border-radius: 7px;
  width: 120px;
  font-size: 17px;
  font-weight: bold;
  color: #FFFFFF;
  background: linear-gradient(to bottom, #8A8A8A, #000000);
  background: -webkit-gradient(linear, left top, left bottom, from(#8A8A8A), to(#000000));
  background: -moz-linear-gradient(top, #8A8A8A, #000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8A8A8A, endColorstr=#000000);
  border: 1px solid #000000;
  box-shadow: 1px 1px 2px rgba(0, 0, 0);
}

body section {
	clear:both;
	margin-top:8px;
}

body header {
	margin-left:10px;
	text-indent:-9999px;
	height: 21px;
}

/*---------------------------------------------

	警報一覧　ウインドウ
	
-----------------------------------------------*/

#alarm_list .alarm_head dl {
	float:left;
	margin-top:2px;
}

#alarm_list .alarm_head dl dt {
	float:left;
	font-weight:bold;
	margin-right:5px;
	padding-top:1px;
}

#alarm_list .alarm_head dl dd {
	margin-right:20px;
	float:left;
	white-space:nowrap;
}

#alarm_list .alarm_head dl dd select {
	max-width: 140px;
}

#alarm_list input[type="text"] {
	width:100px;
	margin:0 2px;
	padding-left:3px;
}

#alarm_list .alarm_head ul {
	background-color:#000;
	width:284px;
	padding:2px 0 2px 10px;
	float: right;
}

#alarm_list .alarm_head ul li {
	float:left;
	width:auto;
	margin-right: 16px;
	font-weight:bold;
	white-space: nowrap;
}

#alarm_list table {
	border-top: 1px solid #3a3a3a;
	border-left: 1px solid #3a3a3a;
	width:100%;
	/* グラデ */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec));
	background: -moz-linear-gradient(top, #ffffff, #ececec);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ececec);
	background: linear-gradient(to bottom, #ffffff, #ececec);  /* IE10とOpera12.50用 */
	clear: both;
}

#alarm_list table th {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #3a3a3a;
	background: -webkit-gradient(linear, left top, left bottom, from(#979797), to(#4c4c4c));
	background: -moz-linear-gradient(top, #979797, #4c4c4c);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#979797, endColorstr=#4c4c4c);
	background: linear-gradient(to bottom, #979797, #4c4c4c);  /* IE10とOpera12.50用 */
	font-size:14px;
	line-height: 1em;
	color:#fff;
	height:19px;
	padding:4px 0 3px 0;
	text-align:center;
	white-space: nowrap;
}

#alarm_list table th:last-child {	
	border-right: 1px solid #3a3a3a;
}

#alarm_list table td {
	font-size:12px;
	padding:3px 4px;
	border-right: 1px solid #3a3a3a;
	border-bottom: 1px solid #3a3a3a;
	color: #000;
}

#alarm_list table tr:nth-child(odd){
	background:#FFFFFF;
}

#alarm_list table tr:nth-child(even){
	background:#d7d7d7;
}


/*---------------------------------------------

	PCS停止　ウインドウ
	
-----------------------------------------------*/

body .wtype02 {
	width:400px;
	min-width:400px;
	min-height:269px;
}

body .wtype02 header {
	background:url(../../../../front/images/wttl_pcs_stop.png) no-repeat 0 0;
	width:300px;
}

#pcs_stop .condition {
	background: url(../../../../front/images/pcs_condition.png) no-repeat 0 8px;
	height:40px;
	width:325px;
	margin:10px auto 0 auto;
}

#pcs_stop .condition .state {
	font-size:16px;
	float:right;
	margin:7px 0 0 0;
	width:120px;
}

#pcs_stop .cancel {
	border: 1px solid #8a8a8a;
	clear:both;
	padding:10px 13px;
	font-size:12px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5));
	background: -moz-linear-gradient(top, #ffffff, #e5e5e5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e5e5e5);
	background: linear-gradient(to bottom, #ffffff, #e5e5e5);
}

#pcs_stop .cancel_btn {
	text-align:right;
	margin-top:6px;
}

/*---------------------------------------------

	認証　ウインドウ
	
-----------------------------------------------*/

#confirm dl {
	width:270px;
	margin:0 auto;
}

#confirm dl dt {
	background:url(../../../../front/images/confirm_idpw.png) no-repeat 0 0;
	float:left;
	height:28px;
	width:80px;
	text-indent:-9999px;
	clear:left;
}

#confirm dl dt.id {
	background:url(../../../../front/images/confirm_idpw.png) no-repeat 0 3px;
}

#confirm dl dt.pw {
	background:url(../../../../front/images/confirm_idpw.png) no-repeat 0 -31px;
}

#confirm dl input[type="text"],#confirm dl input[type="password"] {
	width:168px;
	margin:0 2px;
	padding:2px 4px;
	font-size:16px;
}

#confirm dl dd {
	margin-bottom:7px;
}

#confirm .confirm_btn {
	text-align:center;
}

#confirm .confirm_btn input {
	margin:0 2px;
}

/*---------------------------------------------

	データダウンロード　ウインドウ
	
-----------------------------------------------*/

#deta_dld section {
	border:1px solid #363636;
}

#deta_dld section .ttl {
	text-align:center;
	height:26px;
	font-size: 17px;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#c4c4c4));
	background: -moz-linear-gradient(top, #e8e8e8, #c4c4c4);
	background: linear-gradient(to bottom, #e8e8e8, #c4c4c4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e8e8e8, endColorstr=#c4c4c4);
}
#deta_dld section .inner {
	padding:5px 7px 2px 7px;
	/* グラデ */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e4e4));
	background: -moz-linear-gradient(top, #ffffff, #e4e4e4);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e4e4e4);
	background: linear-gradient(to bottom, #ffffff, #e4e4e4);  /* IE10とOpera12.50用 */
}
#deta_dld table td {
	padding:4px 3px;
	font-weight:bold;
}

#deta_dld table select {
	font-size:16px;
}

#deta_dld p img {
	margin:4px 0 -3px 0;
	padding:0;
}


#deta_dld table input[type="text"] {
	width:110px;
	margin:0 3px;
	padding-left:3px;
	font-size:16px;
}

/*---------------------------------------------

	積算グラフ　ウインドウ
	
-----------------------------------------------*/

#graph_stacked .graph_head {
	height:23px;
}

#graph_stacked select {
	font-size:14px;
	margin-top:1px;
}

#graph_stacked .graph_head dl {
	float:left;
}

#graph_stacked .graph_head dl dt {
	float:left;
	font-weight:bold;
	margin-right:6px;
	padding-top:1px;
}

#graph_stacked .graph_head dl dd {
	float:left;
	white-space:nowrap;
}

#graph_stacked .graph_head ul {
	float: left;
	margin:0 6px 0 10px;
} 

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome */
    #graph_stacked .graph_head ul {
        margin-top: 1px;
}
}

#graph_stacked .graph_head ul li {
	float:left;
	width:auto;
	font-weight:bold;
	white-space: nowrap;
	display:block;
	margin-right:4px;
}

#graph_stacked .graph_head ul li a {
	border: 1px solid #686868;
	padding:3px 6px 2px 6px;
	color:#000;
	text-align:center;
	font-size:14px;
	letter-spacing: 1px;
	font-weight:bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#c6c6c6));
	background: -moz-linear-gradient(top, #f4f4f4, #c6c6c6);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f4f4, endColorstr=#c6c6c6);
	background: linear-gradient(to bottom, #f4f4f4, #c6c6c6);
	line-height: 1em;
	text-decoration:none;
	display:block;
}

#graph_stacked .graph_head ul li a:hover,
#graph_stacked .graph_head ul li a.on {
	border: 1px solid #070707;
	color:#fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#070707));
	background: -moz-linear-gradient(top, #666666, #070707);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#666666, endColorstr=#070707);
	background: linear-gradient(to bottom, #666666, #070707);
}

#graph_stacked .date {
	float:left;
	white-space:nowrap;
	width:auto;
}

#graph_stacked .date select {
	margin-right:3px;
}

#graph_stacked .compare {
	background-color:#6e6e6e;
	float:left;
	width:auto;
	padding:0 5px 0 0;
	color:#fff;
	font-weight:bold;
	margin-left:8px;
}

#graph_stacked .compareSpan {
	float:left;
	white-space:nowrap;
	width:auto;
}
#graph_stacked .compareSpan.hide {
	display: none;
}

#graph_stacked .reload {
	width:29px;
	height:29px;
	float:right;
	margin-top:-4px;
}

#graph_stacked .graph_area {
	clear:both;
	border:1px solid #858585;
	background:#FFFFFF;
	min-height:360px;
}

/*---------------------------------------------

	トレンドグラフ　ウインドウ
	
-----------------------------------------------*/

#graph_trend .graph_head {
	height:23px;
}

#graph_trend select {
	font-size:14px;
	margin-top:1px;
}

#graph_trend input[type="text"].date {
	border:1px solid #898989;
	height:17px;
	text-align:center;
	width:100px;
	font-size:14px;
	float:left;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome */
  #graph_trend input[type="text"] {
    margin:0 0 0 -1px !important;
  }
}

#graph_trend .graph_head dl {
	float:left;
}

#graph_trend .graph_head dl dt {
	float:left;
	font-weight:bold;
	margin-right:6px;
	padding-top:1px;
}

#graph_trend .graph_head dl dd {
	float:left;
	white-space:nowrap;
	margin-right:25px;
}

#graph_trend .graph_area {
	clear:both;
	border:1px solid #858585;
	background:#FFFFFF;
	min-height:360px;
}

.arrow01 {
	background:url(../../../../front/images/graph_trend_arrow.png) no-repeat 0 0;
	height:19px;
	width:19px;
	border-top:1px solid #898989;
	border-bottom:1px solid #898989;
	border-left:1px solid #898989;
	display:block;
	float:left;
	cursor:pointer;
}

.arrow02 {
	background:url(../../../../front/images/graph_trend_arrow.png) no-repeat -20px 0px;
	height:19px;
	width:19px;
	border-top:1px solid #898989;
	border-bottom:1px solid #898989;
	border-right:1px solid #898989;
	display:block;
	float:left;
	cursor:pointer;
}

/*---------------------------------------------

	ストリングボックス　ウインドウ
	
-----------------------------------------------*/

#stringbox .stringbox_head {
	height:23px;
}

#stringbox .stringbox_head ul {
	height:29px;
	min-width:66px;
	float:right;
	margin-top: -3px;
}

#stringbox .stringbox_head ul li {
	height:29px;
	width:29px;
	display:block;
	float:left;
	margin-left:4px;
}

#stringbox .cont {
	clear:both;
	border:1px solid #858585;
	padding:10px 6px;
	/* グラデ */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));
	background: -moz-linear-gradient(top, #ffffff, #ebebeb);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#ebebeb);
	background: linear-gradient(to bottom, #ffffff, #ebebeb);  /* IE10とOpera12.50用 */
}

#stringbox .cont .cont_head {
	height:37px;
	margin:0 0 0 5px;
}

#stringbox .cont .cont_head dt {
	float:left;
	height:25px;
	font-weight: bold;
	font-size: 16px;
	margin:3px 0 0 0;
}

#stringbox .cont .cont_head dd {
	float:left;
	height:25px;
}

#stringbox .cont .cont_head dt.t01 {
	width:73px;
}

#stringbox .cont .cont_head .d01 {
	width:120px;
	padding:7px 0 0 0;
	font-weight:bold;
	font-size:15px;
}

#stringbox .cont .cont_head .d01 .box {
	width:79px;
	float: left;
	margin: -7px 4px 0 0;
}

#stringbox .cont .cont_head dt.t02 {
	width:55px;
	margin-left:90px;
}

#stringbox .cont .cont_head .d02 {
	width:70px;
}

#stringbox .cont .cont_head dt.t03 {
	background-position:-272px 4px;
	width:40px;
	margin-left:25px;
}

#stringbox .cont .cont_head .d03 {
	width:70px;
}

#stringbox .cont .cont_head .switch {
	padding:4px 0 4px 0;
	font-weight:bold;
	font-size:16px;
	width:70px !important;
	display:block;
}

#stringbox .cont .cont_head .spd {
	padding:4px 0 4px 0;
	font-weight:bold;
	font-size:16px;
	width:70px !important;
	display:block;
}

#stringbox table {
	clear:both;
	width:100%;
	font-weight:bold;
	border-collapse: collapse;
}

#stringbox table th {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #3a3a3a;
	/* グラデ */
	background: -webkit-gradient(linear, left top, left bottom, from(#525252), to(#050505));
	background: -moz-linear-gradient(top, #525252, #050505);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#525252, endColorstr=#050505);
	background: linear-gradient(to bottom, #525252, #050505);  /* IE10とOpera12.50用 */
	font-size:14px;
	line-height: 1em;
	color:#fff;
	height:19px;
	padding:3px 0;
	text-align: center;
}

#stringbox table th:last-child {
	border-right: 1px solid #3a3a3a;
}

#stringbox table td {
	border: 1px solid #3a3a3a;
	font-size:12px;
	padding:2px 4px;
}


#stringbox table td .box {
	width:82px;
    float: left;
}

#stringbox table td .unit {
    padding:11px 0 0 3px;
    font-weight:bold;
    font-size:15px;
    float:left;
    line-height:1em;
}

#stringbox table td .string {
	padding:5px 0 5px 0;
	font-size:13px;
	width:80px !important;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
}

/*---------------------------------------------

	ストリング監視　ウインドウ
	
-----------------------------------------------*/


body .wtype08 #stringmonitor {
    padding-left:6px;
}

#stringmonitor .selectHead {
    height:2em;
}

#stringmonitor .selectHead select {
    font-size:14px;
    margin-top:1px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome */
    #stringmonitor .selectHead input[type="text"] {
        margin:0 0 0 -1px !important;
    }
}

#stringmonitor .selectHead dl dt {
    float:left;
    font-weight:bold;
    margin-right:6px;
    padding-top:1px;
    margin-left:28px;
}

#stringmonitor .selectHead dl dd {
    float:left;
    white-space:nowrap;
}

#stringmonitor section.pcsWrap {
    width:234px;
    border:1px solid #7e7e7e;
    background:#fff;
    clear: none;
    float:left;
    margin-right:4px;
    min-height:375px;
}

#stringmonitor section.pcsWrap:last-child {
    margin-right:0;
}

#stringmonitor .pcs_ttl {
    height:22px;
    /*width:228px;*/
    text-align:center;
    font-size:16px;
    font-weight:bold;
    line-height:1em;
    padding-top:7px;
    /* グラデ */
    background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#c9c9c9));
    background: -moz-linear-gradient(top, #f0f0f0, #c9c9c9);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0, endColorstr=#c9c9c9);
    background: linear-gradient(to bottom, #f0f0f0, #c9c9c9);  /* IE10とOpera12.50用 */
}

#stringmonitor .pcs_ttl span {
    font-size:23px;
    letter-spacing:1px;
}
#stringmonitor .pcs_ttl span.i18n {
    font-size:16px;
}

#stringmonitor .pcsWrap .pcs_deta {
    padding:0 5px 2px 7px;
}

#stringmonitor .pcsWrap .pcs_deta .ttl {
    height:15px;
    color: #787878;
    font-weight: bold;
    line-height: 1.2em;
}

#stringmonitor .pcsWrap .pcs_deta dl {
    padding:4px 0 2px 0;
    border-bottom:2px solid #c5c5c5;
}

#stringmonitor .pcsWrap .pcs_deta dt {
    float:left;
    height:23px;
    width:210px;
    font-size: 16px;
    font-weight: bold;
    padding: 3px 0 0 0;
}
.jp #stringmonitor .pcsWrap .pcs_deta dt {
    width:71px;
}

#stringmonitor .pcsWrap .pcs_deta dd {
    float:left;
    height:18px;
    width:145px;
    margin-bottom:2px;
    padding: 8px 0px 0px 80px;
    font-weight: bold;
}
.jp #stringmonitor .pcsWrap .pcs_deta dd {
    padding: 8px 0px 0px 0px;
}

#stringmonitor .pcsWrap .pcs_deta .box {
    width:100px;
    height:23px;
    float: left;
    margin: -8px 3px 0 0;
}

#stringmonitor .pcsWrap .box_deta {
    padding:0 0 3px 6px;
    clear:both;
}

#stringmonitor .pcsWrap .box_deta .ttl {
    height:15px;
    color: #787878;
    font-weight: bold;
    line-height: 1.2em;
    padding: 7px 7px 7px 0;
    float: left;
}

#stringmonitor .pcsWrap .box_deta .ttlbtn {
    padding: 0 15px 0 0;
    float: right;
}

#stringmonitor .pcsWrap .box_deta ul li {
    width:50px;
    letter-spacing: -0.05em;
    display:block;
    float: left;
    margin:0 3px 3px 0;
    font-family:Arial, Helvetica, sans-serif;
    padding:3px 0px !important;
    cursor: pointer;
}

/*---------------------------------------------

	PCS詳細情報　ウインドウ
	
-----------------------------------------------*/

body .wtype09 {
	width:845px;
	min-width:845px;
	min-height:343px;
}

body .wtype09 header {
	background:url(../../../../front/images/wttl_pcs_details.png) no-repeat 0 0;
	width:300px;
}

#pcs_details .details_head {
	height:40px;
}

#pcs_details .details_head .leftWrap {
	float:left;
	width:500px;
	margin-top:7px;
}

#pcs_details .details_head .leftWrap .string {
	float:left;
	width:110px;
	margin-right:20px;
}
#pcs_details .details_head .leftWrap .rated {
	float:left;
	padding-top:1px;
	font-weight:bold;
}

#pcs_details .details_head .rightWrap {
	background-color:#8c8c8c;
	height:31px;
	float:right;
	border:1px solid #525252;
	width:145px;
	background-image:url(../../../../front/images/pcs_details_head01.png);
	background-repeat:no-repeat;
	padding:3px 0 0 108px;
	background-position: 6px 10px;
}

#pcs_details .details_head .rightWrap p.string {
	float:left;
	width:60px;
	margin:3px 3px 0 0;
}

#pcs_details .details_head .rightWrap ul li {
	height:29px;
	width:29px;
	display:block;
	float:left;
	padding:0 5px;
	border-right:1px solid #6f6f6f;
}

#pcs_details .details_head .rightWrap ul li:last-child {
	border-right: none;
	border-left:1px solid #aaaaaa;
}

#pcs_details .cont {
	clear:both;
	border:1px solid #858585;
	margin-top:3px !important;
	padding:4px 0;
	/* グラデ */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));
	background: -moz-linear-gradient(top, #ffffff, #ebebeb);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#ebebeb);
	background: linear-gradient(to bottom, #ffffff, #ebebeb);  /* IE10とOpera12.50用 */
}

#pcs_details .cont dl dd .box {
	width:95px;
	height:23px;
}

#pcs_details .cont dl {
	width:255px;
	padding:0 10px 3px 15px;
	border-right:1px solid #777777;
	min-height:240px;
	float:left;
}

#pcs_details .cont dl:last-child {
	border-right:none;
	padding:0 0 3px 15px;
}

#pcs_details .cont dl dt {
	background:url(../../../../front/images/pcs_details_deta.png) no-repeat;
	float:left;
	text-indent:-9999px;
	height:26px;
	width:110px;
	margin-top:4px;
	clear:left;
}

#pcs_details .cont dd {
	background:url(../../../../front/images/pcs_details_deta.png) no-repeat;
	float:left;
	height:26px;
	width:145px;
	margin-top:4px;
}

#pcs_details .cont .margin_height {
	margin-top:30px;
}

#pcs_details .cont dd.kwh { background-position: -230px 5px;}
#pcs_details .cont dd.kw { background-position: -230px -23px;}
#pcs_details .cont dd.kvar { background-position: -230px -52px;}
#pcs_details .cont dd.percent { background-position: -230px -80px;}
#pcs_details .cont dd.v { background-position: -230px -108px;}
#pcs_details .cont dd.a_type { background-position: -230px -167px;}
#pcs_details .cont dd.hz { background-position: -230px -198px;}

#pcs_details .cont dt.t01_01 { background-position:0 3px;}
#pcs_details .cont dt.t01_02 { background-position:0 -28px;}
#pcs_details .cont dt.t01_03 { background-position:0 -56px;}
#pcs_details .cont dt.t01_04 { background-position:0 -83px;}
#pcs_details .cont dt.t01_05 { background-position:0 -112px;}

#pcs_details .cont dt.t02_01 { background-position:0 -143px;}
#pcs_details .cont dt.t02_02 { background-position:0 -174px;}
#pcs_details .cont dt.t02_03 { background-position:0 -202px;}
#pcs_details .cont dt.t02_04 { background-position:0 -230px;}
#pcs_details .cont dt.t02_05 { background-position:0 -261px;}
#pcs_details .cont dt.t02_06 { background-position:0 -289px;}
#pcs_details .cont dt.t02_07 { background-position:0 -317px;}

#pcs_details .cont dt.t03_01 { background-position:0 -347px;}
#pcs_details .cont dt.t03_02 { background-position:0 -375px;}
#pcs_details .cont dt.t03_03 { background-position:0 -403px;}
#pcs_details .cont dt.t03_04 { background-position:0 -432px;}
#pcs_details .cont dt.t03_05 { background-position:0 -460px;}
#pcs_details .cont dt.t03_06 { background-position:0 -488px;}
#pcs_details .cont dt.t03_07 { background-position:0 -515px;}