@charset "UTF-8";
/* CSS Document */

/* ===== 20150331 =====*/
/* ===== 20150415 =====*/
/* ===== 20150518 =====*/
/* ===== 20150901 =====*/
/* ===== 20160114 =====*/
/* ===== 20160206 =====*/ /* V1.2対応 */
/* ===== 20160218 =====*/ /* 登録施設一覧内「計測データ管理ボタン」改訂 */


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

section

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

.section.type01 {

}
	.section.type01 .sectionHeader h2 { background:url(/img/bullet_corp.gif) no-repeat 7px 6px; }
	.section.type01 .sectionBody { margin:0 -16px 50px 0;}

.section.type02 {
	margin:0 0 50px 0;
	padding-bottom:15px;
}
    .section.type02.booking .sectionHeader h2 { background:url(/img/bullet_calendar.png) no-repeat 7px 6px; }
    .section.type02.id .sectionHeader h2 { background:url(/img/bullet_user.png) no-repeat 7px 6px; }
    .section.type02.dmndLog .sectionHeader h2 { background:url(/img/bullet_log.png) no-repeat 7px 6px; }
    .section.type02.mail .sectionHeader h2 { background:url(/img/bullet_mail.png) no-repeat 7px 6px; }
    .section.type02.disable .sectionHeader h2 { background:url(/img/bullet_eraser.png) no-repeat 7px 6px; }
    .section.type02.facility .sectionHeader h2 { background:url(/img/breadcrumb_home.png) no-repeat 7px 6px; }
    .section.type02.errorLog .sectionHeader h2 { background:url(/img/bullet_error.png) no-repeat 7px 6px; }
    .section.type02.loglist .sectionHeader h2 { background:url(/img/bullet_log.png) no-repeat 7px 6px; }
    .section.type02 .sectionBody { margin:0 15px; }
    .section.type02.controller_info .sectionHeader h2 { background:url(/img/bullet_controller.png) no-repeat 7px 6px; }
	.section.type02.filebox .sectionHeader h2 { background:url(/img/filebox_panel-title_bullet.gif) no-repeat 7px 6px; }

.section.typeGraph {
	margin:0 0 50px 0;
	padding-bottom:15px;
}

.section.typeGraph .sectionHeader h2 { background:url(/img/bullet_graph.png) no-repeat 7px 6px; }
/* ===== 20160506 =====*/
.section.typeGraph .sectionBody { margin:0 15px; position:relative; height:550px; }
/* ===== 20160506 =====*/
.section.typeGraph.disable .sectionBody { margin:0 15px; height:auto; }

/*計測データの無効化 テキストボックス*/
/* ===== 20160506 =====*/
.section.type02 .sectionBody > p,
.section.typeGraph.disable .sectionBody > p {
    background:#EFEFF2;
    font-size:0.8em;
    padding:15px;
    line-height:1.2em;
}




.column { float:left; }
.column.type01.left { width:515px; margin-right:70px; }
.column.type01.right { width:515px; margin-right:0px; }

.column.type02.left { width:269px; margin: 0 10px 50px 0; }
.column.type02.right { width:821px; margin: 0 0 50px 0; }


/* ======================================
ClearFix
=======================================*/

#topicsArea:after,
#topicsArea:before,
.section.type01 .sectionBody:after,
.section.type01 .sectionBody:before,
.section.type02 .sectionBody:after,
.section.type02 .sectionBody:before,
.section.typeGraph:after,
.section.typeGraph:before,
#parentdiv > div #mwBodyDate:after,
#parentdiv > div #mwBodyDate:before,
#parentdiv > div #mwBodyDate ul:after,
#parentdiv > div #mwBodyDate ul:before,
#parentdiv > div #mwBody:after,
#parentdiv > div #mwBody:before,
#parentdiv > div #mwBody ul:after,
#parentdiv > div #mwBody ul:before
 {
    content: " ";
    display: table;
}
#topicsArea:after,
.section.type01 .sectionBody:after,
.section.type02 .sectionBody:after,
.section.typeGraph:after,
#parentdiv > div #mwBodyDate:after,
#parentdiv > div #mwBodyDate ul:after,
#parentdiv > div #mwBody:after,
#parentdiv > div #mwBody ul:after {
    clear: both;
}
#topicsArea,
.section.type01 .sectionBody,
.section.type02 .sectionBody,
.section.typeGraph,
#parentdiv > div #mwBodyDate,
#parentdiv > div #mwBodyDate ul,
#parentdiv > div #mwBody,
#parentdiv > div #mwBody ul {
    *zoom: 1;
}

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

ログイン画面

------------------------- */
#loginWp { width:562px; margin:100px auto 0; }

#loginWp h2 {
        color:#FFF;
        background-color:#323c5a;
        height:40px;
        font-size:1em;
        line-height:40px;
        padding:0 0 0 15px;
        margin: 0 0 10px 0;
}

#loginWp > img { margin:0 0 30px 0; }

#loginWp #loginPanel,
#loginWp #confirmPanel {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background:#848a9c;
    text-align:center;
}

#loginWp #loginPanel #inputBox,
#loginWp #confirmPanel #inputBox {
    background:#6f768b;

    -webkit-border-radius: 10px 10px 0 0 ;
    -moz-border-radius: 10px 10px 0 0 ;
    border-radius: 10px 10px 0 0 ;
    /*
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    */
    box-shadow: 0px 5px 5px #4D546D;

    padding:50px 0 35px;
}

#loginWp #loginPanel #inputBox #userNameBox,
#loginWp #loginPanel #inputBox #passwordBox {
    width:301px;
    height:44px;
    padding:0 0 0 45px;
    margin:0 auto 15px;
}

#loginWp #loginPanel #inputBox #userNameBox { background:url(/img/login_icon_man.gif) no-repeat left top; }
#loginWp #loginPanel #inputBox #passwordBox { background:url(/img/login_icon_key.gif) no-repeat left top; }

#loginWp #loginPanel #inputBox #userNameBox input[type="text"],
#loginWp #loginPanel #inputBox #passwordBox input[type="text"],
#loginWp #loginPanel #inputBox #passwordBox input[type="password"] {
    width:290px;
    height:34px;
    margin:0;
    padding:5px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    border:none;
}

#loginWp #loginPanel input[type="submit"] {
    width:300px;
    height:45px;
    margin:15px 0;
    background:url(/img/btn_bg_blue.gif);
    border:none;
    color:#FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#loginWp > p {
    text-align:center;
    font-size:0.7em;
    color:#989dac;
    margin-top:50px;
}

/* ===== 20160206 =====*/
#passwordBox{ position: relative; display: inline-block; }
#passwordBox input[type="password"] { padding-right: 30px; }
#passwordBox input[type="checkbox"] { opacity : 0; }
#passwordBox input[type="checkbox"] + label {
    background: url(/img/icon_show_pass.gif) 0 0;
        width: 18px;
        height: 18px;
        position: absolute;
        right: 8px;
        top: 13px;
        cursor: pointer;
}
#passwordBox input[type="checkbox"]:checked + label { background-position:0 -18px; }

#loginWp #inputBox > .errorBox {
    background: none repeat scroll 0 0 #444c67;
    border-radius: 10px;
    box-shadow: 0 1px 1px #444;
    padding:10px;
    text-align:center;
    color:#FFFFFF;
    margin:0px auto;
    width:70%;
    font-size:14px;
}

#loginWp #inputBox > .alertBox {
    background: none repeat scroll 0 0 #444c67;
    border-radius: 10px;
    box-shadow: 0 1px 1px #444;
    padding:30px 10px;
    text-align:center;
    color:#FFFFFF;
    margin:0px auto;
    width:70%;
    font-size:16px;
}

#loginWp #confirmPanel input[type="submit"],
#loginWp #confirmPanel input[type="button"] {
    width:150px;
    height:45px;
    margin:15px 0;
    background:url(/img/btn_bg_blue.gif);
    border:none;
    color:#FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* ===== 20160206 =====*/
#passwordBox{ position: relative; display: inline-block; }
#passwordBox input[type="password"] { padding-right: 30px; }
#passwordBox input[type="checkbox"] { opacity : 0; }
#passwordBox input[type="checkbox"] + label {
    background: url(/img/icon_show_pass.gif) 0 0;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 8px;
	top: 13px;
	cursor: pointer;
}
#passwordBox input[type="checkbox"]:checked + label { background-position:0 -18px; }



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

/* ID管理画面 */
#passwordRow { position: relative; display: inline-block; }
#passwordRow input[type="password"],
#passwordRow input[type="text"] {
        padding-right: 30px;
        font-family: Tahoma;
}
#showPW { opacity : 0; }
#showPW + label {
    background: url(/img/icon_show_pass.gif) 0 0;
        width: 18px;
        height: 17px;
        position: absolute;
        right: 18px;
        top: 3px;
        cursor: pointer;
}
#passwordRow input[type="checkbox"]:checked + label { background-position:0 -18px; }

#newpassRow { position: relative; display: inline-block; }
#newpassRow input[type="password"],
#newpassRow input[type="text"] {
	padding-right: 30px;
	font-family: Tahoma;
}
#showPW1 { opacity : 0; }
#showPW1 + label {
    background: url(/img/icon_show_pass.gif) 0 0;
        width: 18px;
        height: 17px;
        position: absolute;
        right: 18px;
        top: 3px;
        cursor: pointer;
}
#newpassRow input[type="checkbox"]:checked + label { background-position:0 -18px; }

#newpass2Row { position: relative; display: inline-block; }
#newpass2Row input[type="password"],
#newpass2Row input[type="text"] {
	padding-right: 30px;
	font-family: Tahoma;
}
#showPW2 { opacity : 0; }
#showPW2 + label {
    background: url(/img/icon_show_pass.gif) 0 0;
        width: 18px;
        height: 17px;
        position: absolute;
        right: 18px;
        top: 3px;
        cursor: pointer;
}
#newpass2Row input[type="checkbox"]:checked + label { background-position:0 -18px; }


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

登録施設一覧

------------------------- */
.normal {} .attention{} .interrupt{} .overflow{} .message{} .break{}

/*トピックス*/
#topicsAreaTop {
    background:#444C67;
    width:790px;
    max-height:180px;
    margin:0 auto;
    padding:20px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0px 1px 1px #444;
}

#topicsAreaTop h3 {
    color:#FFF;
    font-size:1em;
    font-weight:bold;
    float:left;
    background:url(/img/icon_topics.png) no-repeat left 3px;
    padding:5px 0 0 25px;
    margin:0 20px 10px 0;
}

#topicsAreaTop > a {
    color:#FFF;
    font-size:0.8em;
    background: url(/img/icon_topics_edit.png) no-repeat 10px 3px #313C5A;
    padding:7px 15px 5px 35px;
    margin:0 20px 0 0;
    float:left;
    text-decoration:none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#topicsAreaBottom {
    background:#444C67;
    width:790px;
    margin:0 auto 50px;
    padding:20px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 0px 1px 1px #444;
}

#topicsAreaBottom div {
    max-height:140px;
    overflow:auto;
}

#topicsAreaBottom dl {
    clear:both;
    border-top:1px solid #515973;
    padding:0 0 10px 0 ;
    margin:0 0 0 0 ;
    color:#FFF;
}

#topicsAreaBottom dl dt {
    width:100px;
    font-size:0.8em;
    float:left;
    color:#FFF;
    margin:14px 20px 0 0;
    padding:3px 0 0 20px;
}

#topicsAreaBottom dl dt.new {
    background:url(/img/icon_new_flag.png) no-repeat left 0 ;
}

#topicsAreaBottom dl dd {
    margin:14px 0 0 0 ;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#topicsAreaBottom dl dd a {
    color:#FFF;
    font-size:0.9em;
    text-decoration:none;
    line-height:1.3em;
}

#topicsArea {
    background:#444C67;
    width:790px;
    max-height:180px;
    margin:0 auto 50px;
    padding:20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 1px #444;
}

#topicsArea h3 {
    color:#FFF;
    font-size:1em;
    font-weight:bold;
    float:left;
    background:url(/img/icon_topics.png) no-repeat left 3px;
    padding:5px 0 0 25px;
    margin:0 20px 10px 0;
}

#topicsArea > a {
    color:#FFF;
    font-size:0.8em;
    background: url(/img/icon_topics_edit.png) no-repeat 10px 3px #313C5A;
    padding:7px 15px 5px 35px;
    margin:0 20px 0 0;
    float:left;
    text-decoration:none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#topicsArea dl {
    clear:both;
    border-top:1px solid #515973;
    padding:0 0 0 0 ;
    margin:15px 0 0 0 ;
    color:#FFF;
}

#topicsArea dl dt {
    width:100px;
    font-size:0.8em;
    float:left;
    color:#FFF;
    margin:14px 20px 0 0;
    padding:3px 0 0 20px;
}

#topicsArea dl dt.new {
    background:url(/img/icon_new_flag.png) no-repeat left 0 ;
}

#topicsArea dl dd {
    margin:14px 0 0 0 ;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#topicsArea dl dd a {
    color:#FFF;
    font-size:0.9em;
    text-decoration:none;
    line-height:1.3em;
}


/*登録施設一覧　タイトルエリア*/
#listTitleArea {
    text-align:center;
    margin-bottom:20px;
    position:relative;
}

#listTitleArea h1 {
    color:#FFF;
    font-weight:bold;
    font-size:1.2em;
    margin:0 auto;
}

/*タイムスタンプとリロードボタン*/
#listTitleArea .timeStamp {
    width:300px;
    height:42px;
    margin:10px auto 0;
    background:url(/img/list_img_timestamp.gif) no-repeat;
    position:relative;
}

#listTitleArea .timeStamp p {
    line-height:42px;
    font-size:0.8em;
    color:#000;
    padding-right:54px;
}

#listTitleArea .timeStamp a {
    display:block;
    width:54px;
    height:40px;
    background:url(/img/list_btn_reload.gif) no-repeat;
    position:absolute;
    top:0; right:0;

    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

/* ソートボタン */
#sort-form .sort-box {
    height:35px;
    padding-top: 10px;
}
#sort-form .sort-box div {
    float: left;
}
#sort-form .sort-box div.hanrei {
    float: right;
}
#sort-form .sort-box div button {
    font-size: 12pt;
    height: 35px;
    width: 200px;
    margin: 0;
    background: url(../img/btn_bg_blue.gif);
    border: none;
    color: #FFF;
    border-radius: 5px;
}
#sort-form .sort-box div button.selected {
    color: #ffd700;
}

/* 凡例 */
#listTitleArea .btnHanrei {
    position:relative;
    top: 10px;
    cursor:pointer;
    color:#FFF;
    font-size:0.9em;
    font-weight:bold;
    background:url(/img/list_btn_hanrei.png) no-repeat left 0;
    line-height:20px;
    padding-left:25px;
}

#hanrei {
    display:none;
    background:#444C67;
    margin-bottom:20px;
    padding:0 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 1px #444;
}


/*セクション見出しとメニューボタン*/
.section { }

/*見出し　共通*/
.section .sectionHeader,
#parentdiv > div h2,
.column.type02.right .sectionHeader  {
    box-shadow: 0px 3px 3px #444;
    position:relative;
    margin-bottom:15px;
}

.section .sectionHeader h2,
#parentdiv > div h2,
.column.type02.right .sectionHeader h2 {
    font-size:0.9em;
    font-weight:bold;
    line-height:30px;
    color:#FFF;
    padding-left:35px;
}

/*見出し内メニューボタン　共通*/
.section .sectionHeader ul {
    position:absolute;
    top:5px; right:15px;
}

.section .sectionHeader ul li {
    height:20px;
    font-size:0.7em;
    color:#FFF;
    padding:0 10px 0 10px;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.panel-heading-document-top {
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #e6e9e4;
    border-bottom: 1px solid #aaa;
    border-left: 6px solid #18a2df;
}

.panel-heading-document {
    margin-top: 20px;
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #e6e9e4;
    border-bottom: 1px solid #aaa;
    border-left: 6px solid #18a2df;
}
/*.section .sectionHeader ul li + li { border-left:1px solid #CCC; }*/

.section .sectionHeader ul li a {
    text-decoration:none;
    color:#FFF;
    display:block;
    line-height:20px;
}

/* error-msg */
div#constructor-errmsg p,
div#user-errmsg p {
    font-size: 1.0em !important;
}

/*各施設ボックス*/
.section.type01 .bldgBox {
  float: left;
  width: 263px;
  margin:0 16px 20px 0;
}

/*デマンド状態アイコン*/
.section.type01 .bldgBox .dmndIcon,
#contents > .bldgBox .dmndIcon {
    width:32px;
    height:32px;
    float:left;
    margin:0 2px 2px 0;
    box-shadow: 0px 2px 1px #444;
}
        /*デマンド状態アイコン　４種*/
        .section.type01 .bldgBox.normal .dmndIcon,
        #contents > .bldgBox.normal .dmndIcon { background:url(/img/list_dmnd_icon_normal.gif) no-repeat; }             /* 警報なし */
        .section.type01 .bldgBox.attention .dmndIcon,
        #contents > .bldgBox.attention .dmndIcon { background:url(/img/list_dmnd_icon_attention.gif) no-repeat; }       /* 注意警報 */
        .section.type01 .bldgBox.interrupt .dmndIcon,
        #contents > .bldgBox.interrupt .dmndIcon { background:url(/img/list_dmnd_icon_interrupt.gif) no-repeat; }       /* 遮断警報 */
        .section.type01 .bldgBox.overflow .dmndIcon,
        #contents > .bldgBox.overflow .dmndIcon { background:url(/img/list_dmnd_icon_overflow.gif) no-repeat; }         /* 抑制不可 */

/*デマンド状態表示帯*/
.section.type01 .bldgBox .dmndBelt,
#contents > .bldgBox .dmndBelt {
    width:229px;
    height:32px;
    float:left;
    margin:0 0 2px 0;
    box-shadow: 0px 2px 1px #444;
    position:relative;
}
        /*デマンド状態　帯　４種*/
        .section.type01 .bldgBox.normal .dmndBelt,
        #contents > .bldgBox.normal .dmndBelt { background:url(/img/list_dmnd_belt_normal.png) no-repeat right top; }           /* 警報なし */
        .section.type01 .bldgBox.attention .dmndBelt,
        #contents > .bldgBox.attention .dmndBelt { background:url(/img/list_dmnd_belt_attention.png) no-repeat right top; }     /* 注意警報 */
        .section.type01 .bldgBox.interrupt .dmndBelt,
        #contents > .bldgBox.interrupt .dmndBelt { background:url(/img/list_dmnd_belt_interrupt.png) no-repeat right top; }     /* 遮断警報 */
        .section.type01 .bldgBox.overflow .dmndBelt,
        #contents > .bldgBox.overflow .dmndBelt { background:url(/img/list_dmnd_belt_overflow.png) no-repeat right top; }       /* 抑制不可 */

/*制御停止中、遮断制御中マーク*/
.section.type01 .bldgBox .dmndBelt .dmndMark,
#contents > .bldgBox .dmndBelt .dmndMark {
    width:90px;
    height:24px;
    position:absolute;
    top:4px; right:4px;
}
    /*デマンド状態　遮断制御中マーク*/
    .section.type01 .bldgBox.interrupt .dmndBelt .dmndMark,
    .section.type01 .bldgBox.overflow .dmndBelt .dmndMark,
    #contents > .bldgBox.interrupt .dmndBelt .dmndMark,
    #contents > .bldgBox.overflow .dmndBelt .dmndMark { background: url(/img/list_dmnd_mark_control.gif) no-repeat; }

    /*デマンド状態　制御停止中マーク*/
    .section.type01 .bldgBox.break .dmndBelt .dmndMark,
    #contents > .bldgBox.break .dmndBelt .dmndMark { background: url(/img/list_dmnd_mark_break.gif) no-repeat; }


/*各施設ボックス*/
.section.type01 .bldgBox .dmndBox,
#contents > .bldgBox .dmndBox {
	clear:both;
	height:76px;
	box-shadow: 0px 2px 1px #444;
	position:relative;
}

		/*デマンド状態テキスト背景　４種*/
		/* ===== 20160218 =====*/
		.section.type01 .bldgBox.normal .dmndBox { background-color:#FFF; }				/* 警報なし */
		.section.type01 .bldgBox.attention .dmndBox { background-color:#ffffcc; }		/* 注意警報 */
		.section.type01 .bldgBox.interrupt .dmndBox { background-color:#ffcccc; }		/* 遮断警報 */
		.section.type01 .bldgBox.overflow .dmndBox { background-color:#cccccc; }		/* 抑制不可 */

/* ===== 20160506 =====*/
ul.controller-sub {
    position:absolute;
    top:10px;
    right:30px;
    z-index:99;
    border-top:1px solid #323c5a;
    border-bottom:1px solid #323c5a;
    background-color:#FFF;
}

ul.controller-sub li {
    border-left:1px solid #323c5a;
    border-right:1px solid #323c5a;
    border-bottom:1px solid #323c5a;
}

ul.controller-sub.top li {
    width:270px;
    border-left:1px solid #323c5a;
    border-right:1px solid #323c5a;
    border-bottom:1px solid #323c5a;
}


ul.controller-sub li a {
    display:block;
    max-width:281px;
    background-color:#f2f2f2;
    padding:8px 10px 8px 34px;
    font-size:0.8em;
    line-height:1.2em;
    text-decoration:none;
    color:#333;
    background-image:url(/img/list_btn_controller.gif);
    background-position:4px center;
    background-repeat:no-repeat;
    height:17px;
}
ul.controller-sub li.linkrot a {
    background-image:url(/img/list_btn_controller_linkrot.gif);
}
ul.controller-sub li.message a {
    background-image:url(/img/list_btn_message.gif);
}

/*工事担当会社名*/
/* ===== 20160206 =====*/
/* ===== 20160218 =====*/
.section.type01 .bldgBox .dmndBox > p {
	font-size:0.7em;
	color:#444;
	height:12px;
	background:url(/img/list_dmnd_mark_shop.png) no-repeat 3px top;
	padding:5px 35px 0 28px;
	position:absolute;
	bottom:6px; left:0;
}

/* 施設名称ボタン */
/* ===== 20160206 =====*/
/* ===== 20160218 =====*/
.section.type01 .bldgBox .dmndBox > a:first-child {
	position:absolute;
	top:0px; left:0px;
	display:block;
	width: 201px;
	height:56px;
	padding:10px 35px 10px 28px;
	font-size:0.9em;
	line-height:1.2em;
	text-decoration:none;
	color:#000;
	z-index:1;
	background:url(/img/list_btn_graph.gif) left 3px no-repeat;
	word-wrap: break-word;
}

/* 計測データ管理ボタン */
/* ===== 20160206 =====*/
/* ===== 20160218 =====*/
.section.type01 .bldgBox .dmndBox > a:nth-of-type(2) {
	width: 34px;
	height: 47px;
	position:absolute;
	top:0; right:0;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	z-index:2;
	background:url(/img/list_btn_measure.gif) center center no-repeat;
	border-left:1px solid #515973;
	border-bottom:1px solid #515973;
}

/* コントローラ設定ボタン */
/* ===== 20160206 =====*/
/* ===== 20160218 =====*/
.section.type01 .bldgBox .dmndBox > a:nth-of-type(3) {
	width: 34px;
	height: 28px;
	position:absolute;
	bottom:0; right:0;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	z-index:2;
	border-left:1px solid #515973;
	background-position: center center !important;
}
/*コントローラ設定ボタン アイコン設定*/
    /* 【1台】メッセージなし */
    .section.type01 .bldgBox .dmndBox > a:nth-of-type(3) { background:url(/img/list_btn_controller.gif) no-repeat; }
    /* 【1台】紐付けなし */
    .section.type01 .bldgBox.linkrot .dmndBox > a:nth-of-type(3) { background:url(/img/list_btn_controller_linkrot.gif) no-repeat; }
    /* 【複数台】メッセージなし */
    .section.type01 .bldgBox.double .dmndBox > a:nth-of-type(3) { background:url(/img/list_btn_controller_double.gif) no-repeat; }
    /* 【複数台】紐付けなし */
    .section.type01 .bldgBox.double.linkrot .dmndBox > a:nth-of-type(3) { background:url(/img/list_btn_controller_double_linkrot.gif) no-repeat; }
    /* 【共通】メッセージあり */
    .section.type01 .bldgBox.message .dmndBox > a:nth-of-type(3) { background:url(/img/list_btn_message.gif) no-repeat; }


/* 区切りタイトル */
.section.type01 h3 {
    clear:both;
    margin:0 0 20px 0;
    padding:15px 0 0 0 ;
    font-size:0.9em;
    font-weight:bold;
    color:#FFF;
}


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

デマンドグラフ画面

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

/*各施設上部ナビエリア（施設毎 専用）*/
#contents > .bldgBox {
  float: none;
  margin:0 0 30px 0;
}

#contents > .bldgBox .dmndBelt { width:1066px; }
#contents > .bldgBox .dmndBox {
    background: #FFF;
    position:relative;
    height:76px;
    box-shadow: 0px 2px 1px #444;
    overflow:visible;
}

#contents > .bldgBox .dmndBox:before {
    position: absolute;
    top:2px; left:2px;
    content: '';
    border: 1px solid #515973;
    width: 1094px;
    height: 70px;
}

#contents > .bldgBox .dmndBox p {
    position:absolute;
    top:12px; left:10px;
    font-size:0.7em;
    height:12px;
}

#contents > .bldgBox .dmndBox p span:first-child:after {
    content: '|' ;
    margin:0 0 0 15px;
    color:#444;
}

#contents > .bldgBox .dmndBox p span:last-child {
    color:#444;
    padding:0 0 0 23px;
    margin:0 0 0 15px;
    background:url(/img/list_dmnd_mark_shop.png) no-repeat left center;
}

#contents > .bldgBox .dmndBox h2 {
    position:absolute;
    top:40px; left:10px;
    padding:0 0 0 0;
    font-size:1.2em;
    font-weight:bold;
    line-height:1.2em;
    color:#323c5a;
    width:640px;
    height:25px;
    overflow:hidden;
}




/* ===== 20160506 =====*/
/* コントローラが１台の時用 */
#contents > .bldgBox .dmndBox > ul {
    position:absolute;
    top:3px; right:3px;
    height:85px;
}
#contents > .bldgBox .dmndBox > ul li {
    width:141px;
    height:85px;
    float:left;
}
#contents > .bldgBox .dmndBox > ul li a {
    width:141px;
    height:68px;
    display:block;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
#contents > .bldgBox .dmndBox > ul li.graph { background:url(/img/btn_navi_01.png) no-repeat left 0; }
#contents > .bldgBox .dmndBox > ul li.controller { background:url(/img/btn_navi_02.png) no-repeat left 0; }
#contents > .bldgBox .dmndBox > ul li.data { background:url(/img/btn_navi_03.png) no-repeat left 0; }
#contents > .bldgBox .dmndBox > ul li.selected { background-position: left -85px;}
#contents > .bldgBox.message .dmndBox > ul li span {
    background:url(/img/icon_message_balloon.gif) no-repeat 70px 5px ;
    width:141px;
    height:68px;
    display:block;
}

/* ===== 20160506 =====*/
/* コントローラが複数台の時用 */
#contents > .bldgBox .dmndBox > a {
    position:absolute;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    display:block;
}
#contents > .bldgBox .dmndBox > a:nth-of-type(1) {
    background-image:url(/img/btn_navi_01b.gif);
    top:3px; right:285px;
    width:141px;
    height:36px;
}
#contents > .bldgBox .dmndBox > a:nth-of-type(2) {
    background-image:url(/img/btn_navi_02b.gif);
    top:3px; right:144px;
    width:141px;
    height:36px;
}
#contents > .bldgBox .dmndBox > a:nth-of-type(3) {
    background-image:url(/img/btn_navi_03.png);
    top:3px; right:3px;
    width:141px;
    height:85px;
}
#contents > .bldgBox .dmndBox > a:nth-of-type(1).selected,
#contents > .bldgBox .dmndBox > a:nth-of-type(2).selected { background-position: left -36px; }
#contents > .bldgBox .dmndBox a:nth-of-type(3).selected { background-position: left -85px;}



#contents > .bldgBox .dmndBox > .controllerSelect {
    position:absolute;
    background-image:url(/img/btn_navi_04.png);
    top:39px; right:144px;
    width:282px;
    height:51px;
}
#contents > .bldgBox .dmndBox > .controllerSelect.selected { background-position: left -51px; }
#contents > .bldgBox .dmndBox > .controllerSelect > a {
    width:227px;
    height:41px;
    padding:10px 20px 0 35px;
    font-size:0.8em;
    line-height:1.2em;
    text-decoration:none;
    color:#333;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    cursor:pointer;

    background-image:url(/img/list_btn_controller.gif);
    background-position:4px 4px;
    background-repeat:no-repeat;
}
#contents > .bldgBox .dmndBox > .controllerSelect > a.linkrot {
    background-image:url(/img/list_btn_controller_linkrot.gif);
}
#contents > .bldgBox .dmndBox > .controllerSelect > a.message {
    background-image:url(/img/list_btn_message.gif);
}
#contents > .bldgBox .dmndBox > .controllerSelect.linkrot a { }
#contents > .bldgBox .dmndBox > .controllerSelect ul.controller-sub {
    top:34px; left:0px;
    width:283px;
    display:none;
}

/*
#contents > .bldgBox .dmndBox ul {
    position:absolute;
    top:3px; right:3px;
    height:85px;
}
#contents > .bldgBox .dmndBox ul li {
    width:141px;
    height:85px;
    float:left;
}

#contents > .bldgBox .dmndBox ul li a {
    width:141px;
    height:68px;
    display:block;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

#contents > .bldgBox .dmndBox ul li.graph { background:url(/img/btn_navi_01.png) no-repeat left 0; }
#contents > .bldgBox .dmndBox ul li.controller { background:url(/img/btn_navi_02.png) no-repeat left 0; }
#contents > .bldgBox .dmndBox ul li.data { background:url(/img/btn_navi_03.png) no-repeat left 0; }

#contents > .bldgBox .dmndBox ul li.selected { background-position: left -85px;}

#contents > .bldgBox.message .dmndBox ul li span {
    background:url(/img/icon_message_balloon.gif) no-repeat 70px 5px ;
    width:141px;
    height:68px;
    display:block;
}
*/


.section.typeGraph { position: relative; }
.section.typeGraph .sectionHeader p {
    width:300px;
    height:26px;
    color:#FFF;
    font-size:0.9em;
    font-weight:bold;
    position:absolute;
    top:2px; left:50%;
    margin-left:-150px;
    background:#FF0000;
    line-height:26px;
    text-align:center;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.section.typeGraph.pulse {
    background-color: #84969c;
}
.section.typeGraph.ct {
    background-color: #84839c;
}

.blinking {
    -webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite  alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.1;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.1;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.1;}
    100% {opacity:1;}
}

/*デマンドレスポンス制御中サイン*/
#dmndReSign {
    position:absolute;
    top:230px; left:90px;
    width:126px; height:81px;
    background:url(/img/graph_sign_dr.gif) no-repeat 0 0;
    z-index:5;
    display:none;
}

/*デマンド監視計測サイン*/
#graphTypeSign {
    position: absolute;
    top: 145px;
    left: 90px;
    width: 126px;
    height: 23px;
    z-index: 5;
    text-align: center;
    font-size: 14px;
    padding-top: 47px;
    display:none;
}
#graphTypeSign.pulse {
    background: url(/img/graph_sign_pulse.gif) no-repeat 0 0;
}
#graphTypeSign.ct {
    background: url(/img/graph_sign_ct.gif) no-repeat 0 0;
}

/* ===== 20160506 =====*/
#controllerStatus {
    margin-left:39px;
    display: none;
}

#controllerStatus .statusArea {
	width:32px; height:32px;
	padding:11px;
	float:left;
}
#controllerStatus.break .statusArea,
#controllerStatus.interrupt .statusArea,
#controllerStatus.overflow .statusArea { width:124px; }
#controllerStatus.normal .statusArea { background:url(/img/graph_status_normal.gif); }
#controllerStatus.attention .statusArea { background:url(/img/graph_status_attention.gif); }
#controllerStatus.interrupt .statusArea { background:url(/img/graph_status_interrupt.gif); }
#controllerStatus.overflow .statusArea { background:url(/img/graph_status_overflow.gif); }


#controllerStatus .statusArea .dmndMark { width:32px; height:32px; }
#controllerStatus.normal .statusArea .dmndMark { background:url(/img/list_dmnd_icon_normal.gif); }
#controllerStatus.attention .statusArea .dmndMark { background:url(/img/list_dmnd_icon_attention.gif); }
#controllerStatus.interrupt .statusArea .dmndMark { background:url(/img/list_dmnd_icon_interrupt.gif); }
#controllerStatus.overflow .statusArea .dmndMark { background:url(/img/list_dmnd_icon_overflow.gif); }
#controllerStatus.break .statusArea .dmndMark,
#controllerStatus.interrupt .statusArea .dmndMark,
#controllerStatus.overflow .statusArea .dmndMark { float:left; }

#controllerStatus.break .statusArea .dmndAction,
#controllerStatus.interrupt .statusArea .dmndAction,
#controllerStatus.overflow .statusArea .dmndAction { width:90px; height:32px; float:left; margin-left:2px; }
#controllerStatus.break .statusArea .dmndAction { background:url(/img/list_dmnd_mark_break_2.gif) !important; }
#controllerStatus.interrupt .statusArea .dmndAction,
#controllerStatus.overflow .statusArea .dmndAction { background:url(/img/list_dmnd_mark_control_2.gif); }

#controllerStatus .controllerName {
	background-color:#efeff2;
	width:955px;
	height:34px;
	float:left;
	margin-left:2px;
	padding:10px 10px;
}
#controllerStatus.break .controllerName,
#controllerStatus.interrupt .controllerName,
#controllerStatus.overflow .controllerName { width:863px; }
#controllerStatus.normal .controllerName { background-color:#efeff2; }
#controllerStatus.attention .controllerName { background-color:#ffffcc; }
#controllerStatus.interrupt .controllerName { background-color:#ffcccc; }
#controllerStatus.overflow .controllerName { background-color:#cccccc; }

#controllerStatus .controllerName p {
	font-size:0.6em;
	color:#666;
	margin-bottom:5px;
}
#controllerStatus .controllerName h3 {
	font-size:1em;
	font-weight:bold;
	color:#323c5a;
}

/*デマンドグラフ　グラフ部分*/
#dmndGraphArea {
    position:absolute;
    left:0;
    width:890px;
    height:450px;
    margin:0;
}
/* コントローラ1台の場合ヘッダが無いため、グラフ部分の高さをその分拡大 */
#dmndGraphArea.no-header {
    height:504px;
}

/*デマンドグラフ　データ表示エリア*/
#dmndDataArea {
    position:absolute;
    top:10px; left:890px;
    width:163px;
    height:280px;
    margin:10px 0 0 17px;
    background:url(/img/graph_hanrei_bg.png) no-repeat;
    position:relative;
}

#dmndDataArea p {
    color:#FFF;
    font-size:0.9em;
    font-weight:bold;
    text-align:right;
    position:absolute;
    right:88px;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.4);
}
#dmndDataArea p.target { top:55px; }
#dmndDataArea p.interruptP { top:113px; }
#dmndDataArea p.interrupt { top:133px; }
#dmndDataArea p.attentionP { top:183px; }
#dmndDataArea p.attention { top:203px; }


/*デマンドグラフ　凡例*/
ul#dmndHanreiArea {
    position:absolute;
    top:360px; right:0px;
    width:113px;
    background:#EFEFF2;
    padding:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

ul#dmndHanreiArea li {
    font-size:12px;
    line-height:12px;
    height:12px;
    padding-left:35px;
    margin:0 0 10px 0;
}
ul#dmndHanreiArea li:last-child { margin-bottom:0; }

ul#dmndHanreiArea li.parts1 { background:url(/img/graph_hanrei_parts1.png) no-repeat; }
ul#dmndHanreiArea li.parts2 { background:url(/img/graph_hanrei_parts2.png) no-repeat; }
ul#dmndHanreiArea li.parts3 { background:url(/img/graph_hanrei_parts3.png) no-repeat; }
ul#dmndHanreiArea li.parts4 { background:url(/img/graph_hanrei_parts4.png) no-repeat; }


/*デマンドグラフ　デマンド情報*/
ul#dmndInfoArea {
    position:absolute;
    bottom:0px; left:0px;
    width:100%;
    margin:20px 0 0;
}

ul#dmndInfoArea li {
    background:url(/img/graph_infobox_bg.png) no-repeat #efeff2;
    width:244px;
    height:27px;
    margin:0 0 0 40px;
    padding:13px 0 0 10px;
    float:left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

ul#dmndInfoArea li p { float:left; font-size:14px; height:16px; }

ul#dmndInfoArea li p:first-child {
    color:#FFF;
    width:100px;
    font-weight:bold;
    padding:2px 0 0 20px;
}

ul#dmndInfoArea li p:last-child {
    margin:2px 0 0 15px;
}
ul#dmndInfoArea li p.time { background:url(/img/bullet_clock.png) no-repeat left 0; }
ul#dmndInfoArea li p.remain { background:url(/img/bullet_sandglass.png) no-repeat left 0; }
ul#dmndInfoArea li p.pattern { background:url(/img/bullet_mode.png) no-repeat left 0; }




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

コントローラ設定画面

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


#controllerArea,
#serverArea {
    height:195px;
    padding:90px 0 0;
    float:left;
    text-align:right !important;
}

#controllerDirectEditArea {
    height:220px;
    padding:65px 0 0;
    float:left;
    text-align:right !important;
}

/*コントローラエリア*/
#controllerArea {
    background:url(/img/title_controller.png) #848A9C no-repeat center 20px;
    width:350px;
    margin:0 25px 50px 0;
}
#controllerArea.forUser {
    width:100%;
    height:190px;
    margin:0 0 50px 0;
}
#controllerArea .controllerName h3 {
    font-weight: bold;
    font-size: 0.9em;
    margin: 10px 0 5px;
    text-align: center;
    color: #FFF;
}
#controllerArea .controllerName p {
    font-size: 0.8em;
    text-align: center;
    color: #FFF;
}
#controllerDirectEditArea {
    background:url(/img/title_controller.png) #848A9C no-repeat center 20px;
    width:350px;
    margin:0 25px 50px 0;
}

/*サーバエリア*/
#serverArea {
    background:url(/img/title_server.png) #848A9C no-repeat center 20px;
    width:725px;
    margin:0 0 50px 0;
}

#serverArea .btnWp { width:240px; }

#serverArea .btnWp > p {
    color:#FFF;
    font-size:0.6em;
    line-height:16px;
    text-align:left;
    margin:5px 0 0 20px;
    padding:1px 0 0 20px;
}
#serverArea .btnWp > p.saveTime { background:url(/img/bullet_check.png) no-repeat left top; }
#serverArea .btnWp > p.loadTime { background:url(/img/bullet_install.png) no-repeat left top; }
#serverArea .btnWp > p.backUpTime { background:url(/img/bullet_backup.png) no-repeat left top; }

/* グラフエリア */
#graphArea {
    background:url(/img/title_graph.png) #848A9C no-repeat center 20px;
    height: 85px;
    margin-bottom : 15px;
    width: 257px;
}

#controllerArea a,
#controllerArea span,
#controllerDirectEditArea span,
#serverArea .btnWp a,
#serverArea .btnWp span {
    width:240px;
    height:130px;
    display:block;

    text-decoration:none;
    text-align:center;
    margin:0 auto;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    box-shadow: 0px 1px 1px #444;
}

#controllerArea a,
#controllerArea span,
#controllerDirectEditArea span,
#serverArea .btnWp a,
#serverArea .btnWp span,
#parentdiv > div #mwBody table td button[type="submit"] {
    background-image:url(/img/btn_bg.gif) ;
}
#serverArea .btnWp { float:left;  margin:0 0 0 83px;}
#serverArea .btnWp:first-child {  }

#controllerArea a h2,
#controllerArea span h2,
#controllerDirectEditArea span h2,
#serverArea .btnWp a h2,
#serverArea .btnWp span h2 {
    font-size:1.1em;
    color:#5b637b;
    font-weight:bold;
    padding:15px 0 10px 0;
}

#serverArea a img,
#serverArea span img {
    float:left;
}

#serverArea a p,
#serverArea span p {
    width:155px;
    color:#4d4d4d;
    font-size:13px;
    line-height:1.3em;
    text-align:left;
    text-justify:auto;
    float:left;
}

/*タブ切り替え*/
.section.type02.mail .sectionBody ul {  }
.section.type02.mail .sectionBody ul li { width:50%; }

.section.type02.mail .sectionBody ul li {
    float:left;
    text-align:center;
    margin-bottom:10px;
}

.section.type02.mail .sectionBody ul li a,
.section.type02.mail .sectionBody ul li span {
    font-size:0.8em;
    text-decoration:none;   display:block;
    padding:10px 0 ;
    color:#515973;
    background:#848a9c;
    border:1px solid #5b637b;
}

.section.type02.mail .sectionBody ul li a.active,
.section.type02.mail .sectionBody ul li span.active {
    color:#FFF;
    background:#313C5A;
    border:1px solid #313C5A;
    font-weight:bold;
}

/*計測データの無効化 テキストボックス*/
.section.type02.disable .sectionBody p {
    background:#EFEFF2;
    font-size:0.8em;
    padding:15px;
    line-height:1.2em;
}

/*施設情報 テキストボックス*/
.section.type02.facility .sectionBody p {
    background:#EFEFF2;
    font-size:0.8em;
    padding:15px;
    line-height:1.2em;
}

/*コントローラ情報の編集 テキストボックス*/
.section.type02.controller_info .sectionBody p {
    background:#EFEFF2;
    font-size:0.8em;
    padding:15px;
    line-height:1.2em;
}

/*ログ系セクションタイトル　メニューボタン*/
.section.type02.errorLog .sectionHeader ul {
    height:20px !important;
}

.section.type02.errorLog .sectionHeader ul li {
    width:26px;
    height:20px;
}

.section.type02.errorLog .sectionHeader ul li a {
    width:26px;
    height:20px;
    display:block;

    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;

    /*
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    */
}


.section .sectionHeader ul li.reload a,
.section .sectionHeader ul li.download a,
.section .sectionHeader ul li.trash a {

}
.section.type02.errorLog .sectionHeader ul li.reload { background:url(/img/bullet_reload.png) no-repeat 15px 2px; }

.section.type02.errorLog .sectionHeader ul li.trash { background:url(/img/bullet_trash.png) no-repeat 15px 2px; }

.section.type02.errorLog .sectionHeader ul li a {
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	width:26px;
	height:20px;
	display:block;
}


.section.type02.errorLog .sectionHeader p {
    color:#FFF;
    font-size:0.8em;
    position:absolute;
    top:10px;
}

.section.type02.errorLog .sectionHeader p { right:120px; }


/*警報連絡先リスト*/
.section.type02.mail .sectionBody .logWp { clear:both; }

/*ログ系リスト*/
.section.type02.errorLog .sectionBody .logWp { max-height:200px; overflow: auto; clear:both; }

.section.type02.errorLog .sectionBody .logWp p {
    font-size:0.8em;
    line-height:1.2em;
    background:#EFEFF2;
    margin:0 0 1px 0;
    padding:10px 5px;
}


/*チェックボックス*/
.section.type02.errorLog .sectionBody .logWp table th label,
#parentdiv > div #mwBody table td label { display:block; line-height:1.4em; }
.section.type02.errorLog .sectionBody .logWp table input,
#parentdiv > div #mwBody table td label input { margin:0 10px 0 0; }

/*動作履歴*/
.section.type02.loglist .sectionBody table {
    width: 100%;
}
.section.type02.loglist .sectionBody p {
    font-size:0.8em;
    line-height:1.2em;
    background:#EFEFF2;
    padding:15px;
}
.section.type02.loglist .sectionBody ul.singleBtn li a {
    background: #313C5A;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor:pointer;
    padding:5px 10px;
}
.section.type02.loglist .sectionBody table .buttonArea {
    width:72px;
    text-align:center;
    font-size:0.8em;
}
/*動作履歴(一覧)*/
.mwBody #logAll {
    height:344px;
    width:610px;
    overflow-y:scroll;
    margin:0 0 20px;
}
.mwBody #logServer {
    height:344px;
    width:610px;
    overflow-y:scroll;
    margin:0 0 20px;
}
.mwBody #logController {
    height:344px;
    width:610px;
    overflow-y:scroll;
    margin:0 0 20px;
}
.logMenu p {
    top: -13px;
    right: 165px;
    font-size: 0.8em;
    line-height: 1.4em;
    text-align: center;
    margin-top: 20px;
    color: #FFF;
    position: absolute;
}
.logMenu ul {
    position: absolute;
    top: 5px;
    right: 15px;
}
.logMenu ul {
    height: 20px !important;
}
.logMenu ul li.reload {
    background: url(/img/bullet_reload.png) no-repeat 15px 0px;
}
.logMenu ul li.download {
    background: url(/img/bullet_download.png) no-repeat 15px 0px;
}
.logMenu ul li.trash {
    background: url(/img/bullet_trash.png) no-repeat 15px 0px;
}
.logMenu ul li {
    width: 26px;
}
.logMenu ul li + li { border-left:1px solid #CCC; }
.logMenu ul li {
    top: 2px;
    height: 0px;
    font-size: 0.7em;
    color: #FFF;
    padding: 10px 10px 10px 10px;
    display: -moz-inline-box;
    display: inline-block;
}
.logMenu ul li span {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    width: 26px;
    height: 20px;
    display: block;
    cursor: pointer;
}
.logMenu ul li span {
    text-decoration: none;
    color: #FFF;
    display: block;
    line-height: 20px;
}
ul.btnTabs.log li {
    width: 33.3%;
}
ul.btnTabs li {
    width: 50%;
    float: left;
    text-align: center;
    margin-bottom: 10px;
}
ul.btnTabs li a.active, ul.btnTabs li span.active {
    color: #FFF;
    background: #313C5A;
    border: 1px solid #313C5A;
    font-weight: bold;
}
ul.btnTabs li a, ul.btnTabs li span {
    font-size: 0.8em;
    text-decoration: none;
    display: block;
    padding: 10px 0;
    color: #515973;
    background: #848a9c;
    border: 1px solid #5b637b;
}
#mwLog #mwBody .next { display:none; }
#mwLog.switch  #mwBody p,
#mwLog.switch  #mwBody > ul { display:none; }
#mwLog.switch  #mwBody .next { display:block; }

table.log tr.errorLog th,
table.log tr.errorLog td {
    background-color:#ffeaf1;
}

table.log { width:100%; font-size:0.7em; }
table.log tr th,
table.log tr td { padding: 5px; vertical-align:top; line-height:1.4em; background:#EFEFF2; border-right: none; }
table.log tr th { width:140px; text-align:left; white-space: nowrap; }
table.log tr th + td { width:50px; }
table.log tr.unsent th,
table.log tr.unsent td { background-color:#ffeaf1 !important; }
table.log tr.unsent td:last-child {
	padding-right:50px !important;
	background:url(/img/icon_unsent_mail.png) no-repeat #ffeaf1 right center !important;
}
table.log th {
    border-bottom: 1px solid #848A9C;
}
table.log td {
    border-bottom: 1px solid #848A9C;
}
table.log tr td.unsent span { display:block; }

#mwBody .logMenu ul { height:16px !important;  }
#mwBody .logMenu ul li a {
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	width:26px;
	height:20px;
	display:block;
}
#mwBody .logMenu p {
	color:#FFF;
	font-size:0.8em;
	position:absolute;
	top:10px;
}
#mwBody .logMenu p { right:165px; }
#mwBody .logMenu p { top:-13px; }

#mwBody .logWp { max-height:400px; overflow: auto; clear:both; }

#mwBody .logWp p {
	font-size:0.8em;
	line-height:1.2em;
	background:#EFEFF2;
	margin:0 0 1px 0;
	padding:10px 5px;
}

#mwBody .logWp table th label { display:block; line-height:1.4em; }
#mwBody .logWp table input { margin:0 10px 0 0; }

#mwLogList ul {
    display: block;
    margin-top: 20px;
}

#mwLogList ul li a.mvBtnPosi,
#mwLogList  ul li span.mvBtnNega,
#mwLogList  ul li span.mvBtnInactive {
    width: 160px;
    height: 45px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#mwLoglist  ul li span.btnClose {
    width: 160px;
    height: 45px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    pointer-events:auto;
    background: #313C5A;
    cursor: pointer;
    position: relative;
    left: 220px;
}

/*
#parentdiv > div #mwBody table tr th {
    padding: 10px;
}
#parentdiv > div #mwBody table tr th {
    background-color: #d6d8de;
}
#parentdiv > div #mwBody table th, #parentdiv > div #mwBody table td {
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}
*/

/*コントローラ情報の編集*/
.section.type02.controller_info .sectionBody table {
    width: 100%;
}

.section.type02.controller_info .sectionBody p {
    font-size:0.8em;
    line-height:1.2em;
    background:#EFEFF2;
    padding:15px;
}
.section.type02.controller_info .sectionBody ul.singleBtn li a {
    background: #313C5A;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor:pointer;
    padding:5px 10px;
}
.section.type02.controller_info .sectionBody ul.singleBtn span {
    width:53px;
    height:31px;
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:1em;
	font-weight:bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    background:#ced0d7;
    color:#e6e6e6;
    cursor:not-allowed;
}
.section.type02.controller_info .sectionBody li {
    padding:4px 0px 0px;
    display: inline-block;
}
.section.type02.controller_info .sectionBody table .buttonArea {
    width:72px;
    text-align:center;
    font-size:0.8em;
}
/*計測データの無効化*/
.section.type02.disable .sectionBody table {
    width: 100%;
}

.section.type02.disable .sectionBody p {
    font-size:0.8em;
    line-height:1.2em;
    background:#EFEFF2;
    padding:15px;
}
.section.type02.disable .sectionBody ul.singleBtn li a {
    background: #313C5A;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor:pointer;
    padding:5px 10px;
}
.section.type02.disable .sectionBody table .buttonArea {
    width:72px;
    text-align:center;
    font-size:0.8em;
}
/*施設情報の編集*/
.section.type02.facility .sectionBody table {
    width: 100%;
}
.section.type02.facility .sectionBody ul.singleBtn li a {
    background: #313C5A;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor:pointer;
    padding:5px 10px;
}
.section.type02.facility .sectionBody table .buttonArea {
    width:72px;
    text-align:center;
    font-size:0.8em;
}

/*警報通知メール*/
.section.type02.mail .sectionBody ul.singleBtn li a {
    background: #313C5A;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor:pointer;
    padding:8px 10px;
}
.section.type02.mail .sectionBody ul.singleBtn li{
    width:60px;
}
.section.type02.mail .sectionBody table .buttonArea {
    width:52px;
    text-align:center;
}

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

各編集画面

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

.column.type02.left #controllerArea,
.column.type02.left #controllerDirectEditArea,
.column.type02.left #serverArea {
    width:257px;
    margin-bottom:10px;
}

.column.type02.left #serverArea .btnWp { width:257px; margin:0 auto; }

.column.type02.right { background:#FFF !important; }


.column.type02.right .sectionHeader h2 { padding-left:10px; }

.column.type02.right #editBody {
    padding:0 15px 15px;
}

.column.type02.left #apiVersionArea {
    width:240px;
    margin:5px auto;
    font-weight:bold;
    color:#FFF;
    text-align:center;
}
.column.type02.left #serverVersionArea {
	padding-top:135px;
    width:240px;
    margin:5px auto;
    font-size:0.8em;
    font-weight:bold;
    color:#FFF;
    text-align:center;
}

.column.type02.left #modeArea {
    width:240px;
    margin:10px auto;
}

.column.type02.left #modeArea p {
    float:left;
    width:112px;
    height:30px;
    background:#848a9c;
    border:1px solid #5b637b;
    text-align:center;
    line-height:30px;
    font-size:0.9em;
    color:#5b637b;
    font-weight:bold;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.column.type02.left #modeArea p:first-child { margin-right:11px; }

.column.type02.left #modeArea p.on {
    background:#33BAB1;
    border:1px solid #33BAB1;
    color:#FFF;
}

/*編集画面ナビゲーション*/
dl.editNavi { width:257px; position:relative; }

dl.editNavi dt > a {
    color: #fff !important;
    font-weight: bold;
    text-decoration: none;
}

dl.editNavi dt {
    background-color: #848a9c !important;
    background-position: 10px center !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    border-bottom: 1px solid #515973;
    color: #fff !important;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: bold;
    height: 47px;
    position: relative;
    text-decoration: none;
}

dl.editNavi dt > a,
dl.editNavi dt > span {
    height:17px;
    display:block !important;
    padding:15px 0 15px 45px;
}

dl.editNavi dt.menu01 { background: url(/img/edit_icon_01.png); }
dl.editNavi dt.menu02 { background: url(/img/edit_icon_02.png); }
dl.editNavi dt.menu03 { background: url(/img/edit_icon_03.png); }
dl.editNavi dt.menu04 { background: url(/img/edit_icon_04.png); }
dl.editNavi dt.menu05 { background: url(/img/edit_icon_05.png); }
dl.editNavi dt.menu06 { background: url(/img/edit_icon_06.png); }
dl.editNavi dt.menu07 { background: url(/img/edit_icon_07.png); }
dl.editNavi dt.menu08 { background: url(/img/edit_icon_08.png); }
/* ===== 20160526 ver1.5 =====*/
dl.editNavi dt.menu14 { background: url(/img/edit_icon_14.png); }
dl.editNavi dt.menu15 { background: url(/img/edit_icon_15.png); }
dl.editNavi dt.menu16 { background: url(/img/edit_icon_16.png); }
dl.editNavi dt.menu18 { background: url(/img/edit_icon_compare.png); }

dl.editNavi dt.graph01 { background: url(/img/graph_sample/graph_icon_01.png); }
dl.editNavi dt.graph02 { background: url(/img/graph_sample/graph_icon_02.png); }
dl.editNavi dt.graph03 { background: url(/img/graph_sample/graph_icon_03.png); }
dl.editNavi dt.graph04 { background: url(/img/graph_sample/graph_icon_04.png); }

dl.editNavi dt span:before {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: -8px;
  background: #FFF;
}

dl.editNavi dt span:after {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: -13px;
  background: #848a9c;
}

dl.editNavi dt.active span:before {
  margin-top: -2px;
}

dl.editNavi dt.active span:after {
  margin-top: 3px;
}

/* ===== 20160114 =====*/
dl.editNavi dt.selected span:after,
dl.editNavi dt.selected.active span:after {
  background: #33BAB1;
}


/* ===== 20150518 =====*/
dl.editNavi dd {
}

dl.editNavi dd ul li {
    border-bottom:1px solid #323c5a;
    border-left:10px solid #313C5A;
    background-color:#FFF;
}

dl.editNavi dd ul li.selected {
    border-left:10px solid #33BAB1 !important;
}

dl.editNavi dd ul li a {
    font-size:0.8em;
    text-decoration:none;
    color:#323c5a;
    padding:15px 10px;
    display:block;
    line-height:1.4em;
    font-weight:bold;
}

dl.editNavi dt.selected { background-color:#33BAB1 !important; }
dl.editNavi dd ul li.selected { background-color:#FFF; }

dl.editNavi dt.menu01.selected { background: url(/img/edit_icon_01_on.png); }
dl.editNavi dt.menu02.selected { background: url(/img/edit_icon_02_on.png); }
dl.editNavi dt.menu03.selected { background: url(/img/edit_icon_03_on.png); }
dl.editNavi dt.menu04.selected { background: url(/img/edit_icon_04_on.png); }
dl.editNavi dt.menu05.selected { background: url(/img/edit_icon_05_on.png); }
dl.editNavi dt.menu06.selected { background: url(/img/edit_icon_06_on.png); }
dl.editNavi dt.menu07.selected { background: url(/img/edit_icon_07_on.png); }
dl.editNavi dt.menu08.selected { background: url(/img/edit_icon_08_on.png); }
dl.editNavi dt.menu09.selected { background: url(/img/edit_icon_09_on.png); }
dl.editNavi dt.menu10.selected { background: url(/img/edit_icon_10_on.png); }
dl.editNavi dt.menu11.selected { background: url(/img/edit_icon_11-new_on.png); }
/* ===== 20160206 =====*/
dl.editNavi dt.menu12.selected { background: url(/img/edit_icon_12_on.png); }
dl.editNavi dt.menu13.selected { background: url(/img/edit_icon_13_on.png); }
/* ===== 20160526 ver1.5 =====*/
dl.editNavi dt.menu14.selected { background: url(/img/edit_icon_14_on.png); }
dl.editNavi dt.menu15.selected { background: url(/img/edit_icon_15_on.png); }
dl.editNavi dt.menu16.selected { background: url(/img/edit_icon_16_on.png); }
dl.editNavi dt.menu17.selected { background: url(/img/icons/icon_14_on_40x40.png); }
dl.editNavi dt.menu18.selected { background: url(/img/edit_icon_compare_on.png); }

dl.editNavi dd {
    display:none;
}

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

common elements

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

/* table 共通 */
.section.type02 .sectionBody table,
#parentdiv > div #mwBody table,
#parentdiv > div #mwBodyDate table,
.column.type02.right #editBody table {
    border-collapse: separate;
    border-spacing: 0px;
}
.section.type02 .sectionBody table tr th,
.section.type02 .sectionBody table tr td {
    border-right: 1px solid #848A9C;
    border-bottom: 1px solid #848A9C;
}
.section.type02 .sectionBody table tr th,
#parentdiv > div #mwBody table tr th,
.column.type02.right #editBody table tr:not(.check-error-bg) th:not(.today):not(.datepicker-switch):not(.next):not(.prev):not(.dow) { background-color: #d6d8de; }
.section.type02 .sectionBody table tr td,
#parentdiv > div #mwBody table tr td,
.column.type02.right #editBody table tr td:not(.day) { background-color: #efeff2; }

/* datepicker */
#datepicker table tr td:not(.day) { background-color: #ffffff !important; }
#datepicker th { text-align:center !important; }
#datepicker span { background-color: #ffffff; }
#datepicker td .active {
    color: #fff !important;
    background-color: #3071a9 !important;
    border-color: #285e8e !important;
}
#datepicker .day.thisMonth:not(.active) {
	color: black;
}
#datepicker .day.thisMonth.not-active {
    color: black !important;
    border-right: 1px solid #FFF !important;
    background: 0 0 !important;
    cursor: default !important;
}
#datepicker .day.not-thisMonth.not-active {
    border-right: 1px solid #FFF;
    background: 0 0 !important;
    color: #999 !important;
    cursor: default !important;
}
#editBody #datepicker {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

/* table デマンドレスポンス用 */
.section.type02.dr .sectionBody table { width:100%; font-size:0.7em; }
.section.type02.dr .sectionBody table tr th,
.section.type02.dr .sectionBody table tr td { padding: 10px; }

/* table デマンドレスポンス予約用 */
.section.type02.booking .sectionBody table { width:525px; float:left; margin-right:20px; font-size:0.7em; }
.section.type02.booking .sectionBody table:last-child { margin-right:0; }
.section.type02.booking .sectionBody table tr th,
.section.type02.booking .sectionBody table tr td { padding: 10px; word-wrap: break-word; word-break: break-all; }

/* アカウント情報テーブル文字位置調整用 */
.section.type02.booking .sectionBody .accountManage { text-align: left; }
.sectionBody .accountManage tr td input[type="button"] {
    font-size: 1.3em;
    width: 115px;
    height: 35px;
    margin: 0;
    background: url(/img/btn_bg_blue.gif);
    border: none;
    color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* table 月別最大デマンドログ用 */
.section.type02.dmndLog .sectionBody table { width:100%; font-size:0.7em; }
.section.type02.dmndLog .sectionBody tabl tre th,
.section.type02.dmndLog .sectionBody table tr td { padding: 5px; text-align: center; }
.section.type02.dmndLog .sectionBody table tr td:last-child { font-weight:bold; }

/*  table 警報通知メール用 */
.section.type02.mail .sectionBody table,
#parentdiv > div #mwBodyDate table,
#parentdiv > div #mwBody table { width:100%; font-size:0.8em; }
.section.type02.mail .sectionBody table tr th,
.section.type02.mail .sectionBody table tr td,
#parentdiv > div #mwBody table tr th,
#parentdiv > div #mwBody table tr td { padding: 10px; }
.section.type02.mail .sectionBody table tr td p,
#parentdiv > div #mwBody table p { line-height:1.4em; }

/*  table 警報通知メール用 */
.section.type02.mail .sectionBody table,
#parentdiv > div #mwBodyDate table,
#parentdiv > div #mwBody table { width:100%; font-size:0.8em; }
.section.type02.mail .sectionBody table tr th,
.section.type02.mail .sectionBody table tr td,
#parentdiv > div #mwBody table tr th,
#parentdiv > div #mwBody table tr td { padding: 10px; }
.section.type02.mail .sectionBody table td tr p,
#parentdiv > div #mwBody table p { line-height:1.4em; }

/*  table 現在発生中の異常、動作ログ用 */
.section.type02.errorLog .sectionBody table,

.section.type02.errorLog .sectionBody table tr th,
.section.type02.errorLog .sectionBody table tr td,

.section.type02.errorLog .sectionBody table tr th,

.section.type02.errorLog .sectionBody table tr th + td,

/*  コントローラ情報の編集用 */
#parentdiv > div #mwBody .circuit-number-text {
    padding-left:15px;
    line-height: 1.5em;
}

#mwBody .controller-name-setting table {
    font-size: 1em !important;
}
#mwBody .controller-name-setting table tr td {
    border-right: 0px !important;
    border-bottom: 0px !important;
    padding: 2px !important;
}
#mwBody .controller-name-setting table td input[type="text"] {
    width: 345px !important;
}
#mwBody .controller-info-setting-list {
    overflow:auto;
    max-height:370px;
}

.section.type02.errorLog .sectionBody table tr th { width:150px; text-align:left; white-space: nowrap; }



/* Modal Window Elements */
#lean_overlay{
    position: fixed; z-index:9999;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}
.modal_close{
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    width: 14px;
    height: 14px;
    background: url(/img/modal_close.png);
    z-index: 2;
}
#parentdiv > div {
    width: 640px;
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    padding: 0;
    display: none;
 }
#parentdiv > div h2 { padding-left:10px; }
#parentdiv > div #mwBody { padding:0 15px 15px; }
#parentdiv > div #mwBodyDate { padding:0 15px 15px; }

#parentdiv > div #mwBody ul,
#parentdiv > div #mwBodyDate ul { display:block; margin-top:20px; }

#parentdiv > div #mwBody ul li,
#parentdiv > div #mwBodyDate ul li {
    margin-left:15px;
    float:left;
}

#parentdiv > div #mwBody ul li:first-child,
#parentdiv > div #mwBodyDate ul li:first-child { margin-left:140px; }

#parentdiv > div #mwBody ul li a.mvBtnPosi,
#parentdiv > div #mwBody ul li span.mvBtnNega,
#parentdiv > div #mwBody ul li span.mvBtnInactive {
    width:160px;
    height:45px;
    display: table-cell;
    vertical-align:middle;
    text-align:center;
    text-decoration:none;
    color:#FFF;
    font-size:1em;
    font-weight:bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#parentdiv > div #mwBody ul li a.mvBtnPosi { background:#313C5A; }
#parentdiv > div #mwBody ul li span.mvBtnNega { background:#313C5A; cursor:pointer; }
#parentdiv > div #mwBody ul li span.mvBtnInactive { background:#D6D8DE; }

#parentdiv > div #mwBodyDate ul li a.mvBtnPosi,
#parentdiv > div #mwBodyDate ul li span.mvBtnNega,
#parentdiv > div #mwBodyDate ul li span.mvBtnInactive {
    width:160px;
    height:45px;
    display: table-cell;
    vertical-align:middle;
    text-align:center;
    text-decoration:none;
    color:#FFF;
    font-size:1em;
    font-weight:bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#parentdiv > div #mwBodyDate ul li a.mvBtnPosi { background:#313C5A; }
#parentdiv > div #mwBodyDate ul li span.mvBtnNega { background:#313C5A; cursor:pointer; }
#parentdiv > div #mwBodyDate ul li span.mvBtnInactive { background:#D6D8DE; }



/*モーダルウィンドウたち*/
#parentdiv > div #mwBody table th,
#parentdiv > div #mwBody table td,
#parentdiv > div #mwBodyDate table th,
#parentdiv > div #mwBodyDate table td {
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

/*datepicker 今日ボタン スタイル*/
#parentdiv > div #mwBodyDate div label#nowday {
    width: 219px;
    line-height: 30px;
    text-align:center;
    font-size: 14px;
    margin: 5px 0 5px 0;
    cursor: pointer;
    display: inline-block;
}
#parentdiv > div #mwBodyDate div label#nowday:hover{
    background-color:#eee;
}

#parentdiv > div #mwBody table td input[type="text"] { width:310px; height:18px; margin-right:5px; }
#parentdiv > div #mwBody table td button[type="submit"] {
    width:80px;
    height:22px;
    padding:3px 10px;
    font-size:0.8em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 1px 1px #444;
}
#parentdiv > div #mwBody table th.bgWhite { background:#FFF; }
#parentdiv > div #mwBodyDate table th.bgWhite { background:#FFF; }

#parentdiv > div #mwBody table th.bgWhiteMessage,
#parentdiv > div #mwBody table td.bgWhiteMessage {
    background:#FFF;
    padding: 0 0 15px 5px;
}
#parentdiv > div #mwBody table td.bgWhiteMessage p {
    margin: 0px;
    text-align: left;
    font-size: 1em;
    color: #999;
}

#parentdiv > div #mwBody p {
    font-size:0.8em;
    line-height:1.4em;
    text-align:center;
    margin-top:20px;
}
#mwDisable #mwBody p input[type="checkbox"] { margin-right:5px; }

#mwLog #mwBody .next { display:none; }
#mwLog.switch  #mwBody p,
#mwLog.switch  #mwBody ul { display:none; }

#mwLog.switch  #mwBody .next { display:block ; }


/* dl/dt/dd 共通
.section.type02 .sectionBody dl dt,
.section.type02 .sectionBody dl dd { float:left; padding:10px; font-size:0.8em; margin:0 0 1px 0; }
.section.type02 .sectionBody dl dt { clear:left; background:#d6d8de; }
.section.type02 .sectionBody dl dd { background:#efeff2; display:block; margin-left:1px; }
 */

/* dl/dt/dd デマンドレスポンス予約用
.section.type02.booking .sectionBody dl {
    float:left;
    width:525px;
    margin-right:20px;
}
.section.type02.booking .sectionBody dl:last-child { margin-right:0; }
.section.type02.booking .sectionBody dl dt { width:80px; }
.section.type02.booking .sectionBody dl dd { width:404px; }
*/



/* ======================================
    Responsive
=======================================*/


@media screen and (max-width: 1758px) {     /* ５列 */

ul#breadcrumb,
#contents.variable,
#integrated_ver { width:1379px; }
#header img.pLogo { margin-right:570px; }
#header #userMenu { width:390px; }
#footer ul { margin-right:270px; }
#footer p { margin-left:500px; }
}

@media screen and (max-width: 1479px) {     /* ４列 */

ul#breadcrumb,
#contents.variable,
#integrated_ver { width:1100px; }
#header img.pLogo { margin-right:430px; }
#header #userMenu { width:250px; }
#header #userMenu p:first-child { padding:10px 0 0 25px; }
#footer ul { margin-right:130px; }
#footer p { margin-left:360px; }
}

@media screen and (max-width: 1210px) {     /* ３列（for Tablet） */

ul#breadcrumb,
#contents,
#contents.variable,
#integrated_ver { width:821px; }
#header img.pLogo { margin-right:290px; }
#header #userMenu { width:110px; }
#header #userMenu p:first-child { display:none; }
#header ul#userMenu-sub { margin-left:232px; }
#header #userMenu p { padding:22px 0 0 25px; }
#footer ul { margin-right:-10px; }
#footer p { margin-left:220px; }

#contents > .bldgBox .dmndBelt { width:787px!important; }
#contents > .bldgBox .dmndBox:before { width: 815px!important; }
#contents > .bldgBox .dmndBox p { top:6px!important; font-size:0.6em!important; line-height:1.6em; }
#contents > .bldgBox .dmndBox p span:first-child:after { content: "\A"!important; white-space: pre!important; margin:0!important; }
#contents > .bldgBox .dmndBox p span:last-child { margin:0!important; }
#contents > .bldgBox .dmndBox h2 { top:47px!important; font-size:1em!important; width:380px!important; height:20px!important; }

.section.typeGraph .sectionBody { height:750px !important; }
#controllerStatus .controllerName { width:675px !important; }
#controllerStatus.break .controllerName,
#controllerStatus.interrupt .controllerName,
#controllerStatus.overflow .controllerName { width:583px !important; }
#dmndGraphArea { width:790px !important; height:400px !important;}
#dmndGraphArea.no-header { height:454px !important;}
#dmndDataArea { top:400px !important; left:8px !important; margin:0 !important; }
#dmndDataArea.no-header { top:454px !important; }
ul#dmndHanreiArea { width:570px !important; top:450px !important; }
ul#dmndHanreiArea li { float:left !important; margin:20px 13px 0 13px !important; height:30px !important; }

ul#dmndInfoArea { width:590px !important; bottom:0px !important; left:200px !important; }
ul#dmndInfoArea li { width:580px !important; float:none !important; margin:0 0 20px 0 !important; }

.section.type02.booking .sectionBody table { width:791px !important; margin:0 !important; }

.column.type01.left { width:100% !important; margin-right:0px !important; }
.column.type01.right { width:100% !important; }

#contents > #controllerArea, #controllerDirectEditArea, #serverArea { float:none !important; padding-top:80px; padding-top:20px !important; }
#contents > #controllerArea { width:100% !important; height:190px !important; margin:0 0 15px 0 !important; background-position:20px center; }
#contents > #controllerArea a { margin:0 0 0 210px !important; }
#contents > #controllerDirectEditArea { width:100% !important; height:150px !important; margin:0 0 15px 0 !important; background-position:20px center; }
#contents > #serverArea { width:100% !important; height:190px !important;margin:0 0 50px 0 !important; background-position:20px 60px !important; }
#contents > #serverArea .btnWp:first-child { margin-left:210px !important; }
#contents > #controllerArea .controllerName{ margin-right:155px; }

.column.type02.left { clear:both !important; width:100% !important; margin:0 0 0 0;}
.column.type02.left #controllerArea,
.column.type02.left #serverArea {
    width:100% !important;
    height:70px !important;
    padding:18px 0 0 0 !important;
    margin:0 0 2px 0;
    background-position: 15px 17px;
}
.column.type02.left #controllerDirectEditArea {
    width:100% !important;
    height:80px !important;
    padding:18px 0 0 0 !important;
    margin:0 0 2px 0;
    background-position: 15px 17px;
}
.column.type02.left #controllerArea span, .column.type02.left #serverArea .btnWp span {  height:50px !important; margin:0 0 0 200px; }
.column.type02.left #controllerDirectEditArea span {  height:50px !important; margin:-18px 0 0 200px; }
.column.type02.left #controllerArea img,
.column.type02.left #controllerDirectEditArea img,
.column.type02.left #serverArea .btnWp img,
.column.type02.left #serverArea .btnWp span p { visibility:hidden; }
.column.type02.left #serverArea .btnWp > p { width:200px; float:left; }
.column.type02.left #serverArea .btnWp span { float:left; }
.column.type02.left #apiVersionArea { width:50px; float:none; position:relative; top:48px; left:60px; margin:0 0 0 0px;}
.column.type02.left #serverVersionArea { float:none; position:relative; top:-35px; left:425px; padding-top:0px; margin:0px 0 0 0px;}

.column.type02.left #serverArea .btnWp { width:100%; }

.column.type02.left #controllerArea span { float:left; }
.column.type02.left #controllerDirectEditArea span { float:left; }
.column.type02.left #modeArea { float:left; margin:-18px 0 0 120px;}
.column.type02.left #modeArea p { height:45px; line-height:45px; }

dl.editNavi { display:table; width:821px; margin-bottom:15px; clear:both; }
dl.editNavi dt {
    display:table-cell;
    border-bottom:none;
    border-right:1px solid #515973;
    border-left:1px solid #515973;
    border-bottom:2px solid #515973;
    height:60px !important;
    background-size:40px 40px !important;
    background-position:center center !important;
    width:275px;
}

dl.editNavi dt.server {
    display:table-cell;
    border-bottom:none;
    border-right:1px solid #515973;
    border-left:1px solid #515973;
    border-bottom:2px solid #515973;
    height:60px !important;
    background-size:40px 40px !important;
    background-position:center center !important;
    width:164px;
}

dl.editNavi dt.user_direct {
    display:table-cell;
    border-bottom:none;
    border-right:1px solid #515973;
    border-left:1px solid #515973;
    border-bottom:2px solid #515973;
    height:60px !important;
    background-size:40px 40px !important;
    background-position:center center !important;
    width:50%;
}

/* ===== 20150518 =====*/* ===== 20160114 =====*/
dl.editNavi dt.active { border-bottom:2px solid #515973; }

dl.editNavi dt a,
dl.editNavi dt span {
    height:60px !important;
    padding:0 !important;
    margin:0 !important;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    display:block;
}

dl.editNavi dt span:before,
dl.editNavi dt span:after {  display: none; visibility:hidden; }

/* ===== 20150518 =====*/
/* ===== 20160114 =====*/
dl.editNavi dd {
	position: absolute !important;
	top:62px !important;
	left:0px !important;
	z-index:9999;
	width:40%;
	text-align:center;
	background-color:#c1c4cd;
	margin:0 !important;
	padding:0!important;
}

dl.editNavi dd.user_direct {
	position: absolute !important;
	top:62px !important;
	left:0px !important;
	z-index:9999;
	width:50%;
	text-align:center;
	background-color:#c1c4cd;
	margin:0 !important;
	padding:0!important;
}

/* ===== 20160114 =====*/
dl.editNavi dt.menu02 + dd.admin_direct { margin-left:81px !important; }
dl.editNavi dt.menu02 + dd.admin_direct_1_5 { margin-left:117px !important; }
dl.editNavi dt.menu02 + dd.user_direct { margin-left:135px !important; }
dl.editNavi dt.menu02 + dd.user_direct_1_5 { margin-left:273px !important; }
dl.editNavi dt.menu03 + dd.admin_direct { margin-left:410px !important; }
dl.editNavi dt.menu03 + dd.admin_direct_1_5 { margin-left:234px !important; }
dl.editNavi dt.menu04 + dd.admin_direct { margin-left:492px !important; }
dl.editNavi dt.menu04 + dd.admin_direct_1_5 { margin-left:351px !important; }
dl.editNavi dt.menu05 + dd.admin_direct { margin-left:494px !important; }
dl.editNavi dt.menu05 + dd.admin_direct_1_5 { margin-left:468px !important; }
dl.editNavi dt.menu05 + dd.user_direct { margin-left:410px !important; }
dl.editNavi dt.menu06 + dd.admin_direct { margin-left:494px !important; }
dl.editNavi dt.menu07 + dd.admin_direct { margin-left:494px !important; }
/* ===== 20160526 vwr1.5 =====*/
dl.editNavi dt.menu14 + dd.admin_direct { margin-left:163px !important; }
dl.editNavi dt.menu14 + dd.user_direct { margin-left:273px !important; }
dl.editNavi dt.menu15 + dd.admin_direct { margin-left:245px !important; }
dl.editNavi dt.menu15 + dd.user_direct { margin-left:410px !important; }

dl.editNavi dt.menu02 + dd.server { margin-left:0px !important; }
dl.editNavi dt.menu02 + dd.server_1_5 { margin-left:0px !important; }
dl.editNavi dt.menu03 + dd.server { margin-left:163px !important; }
dl.editNavi dt.menu03 + dd.server_1_5 { margin-left:409px !important; }
dl.editNavi dt.menu04 + dd.server { margin-left:327px !important; }
dl.editNavi dt.menu04 + dd.server_1_5 { margin-left:494px !important; }
dl.editNavi dt.menu05 + dd.server { margin-left:329px !important; }
dl.editNavi dt.menu05 + dd.server_1_5 { margin-left:494px !important; }
dl.editNavi dt.menu06 + dd.server { margin-left:493px !important; }
dl.editNavi dt.menu06 + dd.server_1_5 { margin-left:494px !important; }
/* ===== 20160801 vwr1.5_p2 =====*/
dl.editNavi dt.menu14 + dd.server { margin-left:101px !important; }
dl.editNavi dt.menu15 + dd.server { margin-left:205px !important; }
/* ===== 20160831 vwr1.5_p3 =====*/
dl.editNavi dt.menu17 + dd.data_manage { margin-left:494px !important; }

dl.editNavi dt span:before {
  display: none !important;
  content: normal !important;
  width:0 !important;
  height:0 !important;
  margin-top:0 !important;
}

 dl.editNavi dd ul li {
	 /*border-left:none !important;*/
	 border-left:2px solid #515973;
	 border-right:2px solid #515973;
	 background:#C1C4CD;
}
 dl.editNavi dt.active { background-color:#F2F2F2 !important; }

/* ===== 20160114 =====*/
dl.editNavi dt.selected.active {
	background-color:#33BAB1 !important;
	border-bottom:2px solid #515973;
}
dl.editNavi dd ul li.selected {
	background-color:#33BAB1 !important;
	border-left:2px solid #515973 !important;
}
dl.editNavi dd ul li.selected a {
	color:#FFF;
}

.column.type02.left ul#editNavi li.spacer { display:none; }

.column.type02.right { clear:both; }


}


.column.type02.left #dataArea {
    background:url(/img/title_data.png) #848A9C no-repeat center 20px;
    margin:0 0 10px 0;
    width:257px;
    height:85px;
}
.column.type02.left #compArea {
    background:url(/img/title_compare.png) #848A9C no-repeat center 20px;
    margin:0 0 10px 0;
    width:257px;
    height:85px;
}

dl.editNavi dt.menu08 { background: url(/img/edit_icon_08.png); }
dl.editNavi dt.menu09 { background: url(/img/edit_icon_09.png); }
dl.editNavi dt.menu10 { background: url(/img/edit_icon_10.png); }
dl.editNavi dt.menu11 { background: url(/img/edit_icon_11.png); }

/*
.column.type02.right #editBody ul { display:block; margin-top:40px; }
.column.type02.right #editBody ul li { float:left; }

.column.type02.right #editBody ul li a.BtnPosi,
.column.type02.right #editBody ul li span.BtnNega {
    height:45px;
    padding:0 15px;
    display: table-cell;
    vertical-align:middle;
    text-align:center;
    text-decoration:none;
    color:#FFF;
    font-size:1em;
    font-weight:bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.column.type02.right #editBody ul li a.BtnPosi { background:#313C5A; }
.column.type02.right #editBody ul li span.BtnNega { background:#D6D8DE; cursor:pointer; }
*/

.column.type02.right #editBody table.tbCol2 {
    width:49%;
    font-size:0.8em;
    float:left;
}
.column.type02.right #editBody table.tbCol2 tr th,
.column.type02.right #editBody table.tbCol2 tr td { padding:10px; height:20px; }
.column.type02.right #editBody table tr th,
.column.type02.right #editBody table tr td { border-right: 1px solid #FFF; }




@media screen and (max-width: 1210px) {
    .column.type02.left #dataArea {
        width:100% !important;
        height:70px !important;
        padding:18px 0 0 0 !important;
        margin:0 0 2px 0;
        background-position: 15px 17px;
    }
}
@media screen and (max-width: 1210px) {
    .column.type02.left #compArea {
        width:100% !important;
        height:70px !important;
        padding:18px 0 0 0 !important;
        margin:0 0 2px 0;
        background-position: 15px 17px;
    }
}

/* コントローラダイレクト編集共通 */
#editBody {
    font-family : "メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Helvetica Neue",Helvetica,Arial,Roboto,"Droid Sans",sans-serif;
    color: #333;
    font-size: 14px;
    line-height: 1.42857;
    width : 791px;
}

/* ===== 2015,9,1 =====*/

dl.editNavi dt.menu11 { background: url(/img/edit_icon_11-new.png); }
dl.editNavi dt.menu12 { background: url(/img/edit_icon_12.png); }
dl.editNavi dt.menu13 { background: url(/img/edit_icon_13.png); margin-top:15px;}
dl.editNavi dt.menu17 { background: url(/img/icons/icon_14_40x40.png); }

ul.dataTab {
    width:100%;
    height:auto;
    border-bottom:1px solid #313c5a;
    margin-top:23px;
    display:block;
}

ul.dataTab li {
    width:145px;
    height:30px;
    background-color:#d6d8de;
    border:1px solid #FFF;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    text-align:center;
    margin-top:9px;
    float:left;
}

ul.dataTab li a {
    color:#FFF;
    font-size:0.9em;
    line-height:30px;
    font-weight:bold;
    text-decoration:none;
    display:block;
}

ul.dataTab li.selected,
ul.dataTab li:hover {
    height:40px;
    margin-top:0;
}
ul.dataTab li.selected {
    background-color:#313c5a;
    border-color:#313c5a;
    margin-right:1px;
}
ul.dataTab li:hover {
    background-color:#313c5a;
}

ul.dataTab li.selected a,
ul.dataTab li:hover a { line-height:40px; }

.changeBox {
    background-color:#d6d8de;
    padding:10px;
    margin-top:1px;
}

.changeBox label {
    float:left;
    font-size:0.8em;
    line-height:2.2em;
    margin-right:15px;
}
.changeBox label select {
    font-size:1.2em;
}
.changeBox label input[type="checkbox"] {
    margin-right:5px;
}

/*　ボタン */
ul.btnLine {
    width:100%;
    text-align: center;
    clear:both;
}
ul.btnLine li {
    display: -moz-inline-box;
    display: inline-block;
//    display: inline;
}

ul.btnLine li a.BtnPosi,
ul.btnLine li a.BtnNega,
ul.btnLine li span.BtnNega {
    height:45px;
    padding:0 15px;
    display: table-cell;
    vertical-align:middle;
    text-align:center;
    text-decoration:none;
    color:#FFF;
    font-size:1em;
    font-weight:bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

ul.btnLine li a.short { width:70px; /* 100px */ }
ul.btnLine li a.middle { width:110px; /* 120px */ }
ul.btnLine li a.long { width:130px; /* 160px */ }

ul.btnLine li a.BtnPosi { background:#313C5A; }
ul.btnLine li span.BtnNega,
ul.btnLine li a.BtnNega { background:#D6D8DE; cursor:pointer; }

ul.btnLine li a.BtnPosi.mini,
ul.btnLine li a.BtnNega.mini,
ul.btnLine li span.BtnNega.mini {
    height:25px;
    padding:0 5px;
    display: table-cell;
    vertical-align:middle;
    text-align:center;
    text-decoration:none;
    color:#FFF;
    font-size:0.8em;
    font-weight:bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.orange { background:#f15a24 !important; }

ul.btnLine li a.iconRefresh:before { content:url(/img/bullet_reload.png); margin-right:5px;}
ul.btnLine li a.iconDownload:before { content:url(/img/bullet_download.png); margin-right:5px; }
ul.btnLine li a.iconInput:before { content:url(/img/bullet_edit.png); margin-right:5px; }
ul.btnLine li a.iconSave:before { content:url(/img/bullet_save.png); margin-right:5px;}
ul.btnLine li a.iconCancel:before { content:url(/img/bullet_cancel.png); margin-right:5px; }
/* 20170403 */
ul.btnLine li a.iconFileBox:before { content:url(/img/filebox_panel-title_bullet.gif); margin-right:5px; }

.column.type02.right #editBody h3 {
    height:auto;
    font-size:0.9em;
    color:#FFF;
    padding:5px 0;
    font-weight:bold;
    text-indent:10px;
    margin-top:15px;
    margin-bottom:1px;
    background-color:#313c5a;
    clear:both;
}


.column.type02.right #editBody .commentBalloon {
    width:430px;
    height:56px;
    padding:10px 10px 10px 40px;
    background-image:url(/img/comment_balloon.gif);
    float:left;
}

.column.type02.right #editBody .commentBalloon p {
    font-size:0.8em;
    line-height:1.6em;
    color:#313c5a;
}

ul.graphLegends {
    width:100%;
    text-align: center;
    clear:both;
    background-color:#efeff2;
    padding:10px 0;
}

ul.graphLegends li {
    font-size:0.8em;
    display: -moz-inline-box;
    display: inline-block;
//    display: inline;
    margin:0 15px;
}
ul.graphLegends li img { margin-right:5px; }

table.tbWorst,
table.tbBasic,
table.tbConfig {
    width:100%;
    font-size:0.8em;
}

table.tbWorst tr td,
table.tbBasic tr td,
table.tbConfig tr td {
    padding:10px;
}
table.tbWorst tr td:first-child {
    text-align:center;
    width:30px;
}
table.tbWorst tr td:nth-child(2) {
    width:250px;
}

table.tbWorst tr:nth-child(even) td,
table.tbBasic tr:nth-child(even) td {
    background-color:#f7f7f8 !important;
}

table.tbBasic tr td:first-child {
    width:200px;
}

#dataSaveDate {
    width:100%;
    text-align:right;
    font-size:0.7em;
    line-height:25px;
}
#dataSaveDate img {
    margin:5px 5px 0 0;
}


#tbWpLeft {
    width:403px;
    height:auto;
    float:left;
    margin-right:2px;
}

table.dataHeadTB {
    width:100%;
    font-size:0.7em;
}
table.dataBodyTB {
    width:auto;
    font-size:0.7em;
}


table.dataHeadTB tr th,
table.dataHeadTB tr td,
table.dataBodyTB tr th,
table.dataBodyTB tr td,
table.tbConfig tr th,
table.tbConfig tr td {
    border-top:1px solid #FFF;
    padding:10px 5px;
    white-space:nowrap;
}

table.dataHeadTB tr th,
table.dataHeadTB tr td,
table.dataBodyTB tr th { height:22px !important; }

/*チェックボックス セル*/
table.dataHeadTB tbody tr:nth-child(odd) td:nth-child(1) { max-width:30px; }

/*名称 セル*/
table.dataHeadTB tbody tr:nth-child(odd) td:nth-child(2) { max-width:210px; overflow:hidden; }

/*合計 セル*/
table.dataHeadTB tbody tr:nth-child(odd) td:nth-child(3) { width:90px; }

/*エネルギー種別 セル*/
table.dataHeadTB tbody tr:nth-child(even) td:nth-child(1) { width:134px; }

/*単位 セル*/
table.dataHeadTB tbody tr:nth-child(even) td:nth-child(2) { width:65px; }


table.dataHeadTB tr th,
table.dataBodyTB tr th,
table.tbConfig tr th { background-color:#adb1bd !important; color:#FFF; font-weight:bold; }
table.dataHeadTB tr td { background-color:#f0f1f3 !important;}
table.dataHeadTB tr:nth-child(4n) td { background-color:#e6e8eb !important; }
table.dataHeadTB tr:nth-child(4n-1) td { background-color:#e6e8eb !important; }


table.dataBodyTB tr th,
table.dataBodyTB tr td { min-width:90px !important; }

table.dataBodyTB tr td { height:65px; text-align:right; }
table.dataBodyTB tr:nth-child(odd) td { background-color:#e6e8eb !important; }


table.dataHeadTB tbody tr:nth-child(odd) td:nth-child(1) {
    max-width:30px;
}


table.dataHeadTB tbody tr:nth-child(odd) td:nth-child(2) input { width:210px; }
table.dataHeadTB tbody tr:nth-child(odd) td:nth-child(2) input { max-width:204px; }
table.dataHeadTB tbody tr:nth-child(odd) td:nth-child(3) input { width:84px; text-align:right; }

table.dataBodyTB tr td input { width:84px; text-align:right; }

table.tbConfig { margin-bottom:15px; }
table.tbConfig tr th { width:200px; }
table.tbConfig tr:nth-child(1) td:nth-child(3) { width:160px; font-size:1.4em; }




#tbWpTop {
    width:401px;
    height:30px;
    padding:12px 0 0 5px;
    float:left;
    background-color:#adb1bd;
    border-top:1px solid #FFF;
}
#tbWpTop p {
    color:#FFF;
    font-size:0.8em;
    font-weight:bold;
    margin:5px 0 0 3px;
}

#tbWpRight {
    width:406px;
    height:auto;
    float:left;
    overflow-x:scroll;
}

input.reductionRate { width:40px; margin:0 5px; }

p.referenceValue input[type="radio"] { margin:0 5px; }
p.referenceValue input[type="text"] { width:70px; margin:0 5px; text-align:right; }
/*p.referenceValue label:last-child { opacity:0.3; }*/

.data_graph #editBody {
    font-size: 100%;
}

/* ===== 2015,9,1 =====*/
ul.dataTab {
	width:100%;
	height:auto;
	border-bottom:1px solid #313c5a;
	margin-top:23px;
	display:block;
}

ul.dataTab li {
	width:145px;
	height:30px;
	background-color:#d6d8de;
	border:1px solid #FFF;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	text-align:center;
	margin-top:9px;
	float:left;
}

ul.dataTab li a {
	color:#FFF;
	font-size:0.9em;
	line-height:30px;
	font-weight:bold;
	text-decoration:none;
	display:block;
}

ul.dataTab li.selected,
ul.dataTab li:hover {
	height:40px;
	margin-top:0;
}
ul.dataTab li.selected {
	background-color:#313c5a;
	border-color:#313c5a;
	margin-right:1px;
}
ul.dataTab li:hover {
	background-color:#313c5a;
}

ul.dataTab li.selected a,
ul.dataTab li:hover a { line-height:40px; }

ul.dataTab li.disabled,
ul.dataTab li.disabled:hover {
    color:#FFF;
    background-color: #d6d8de;
    font-size:0.9em;
    line-height:30px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    height:30px;
    margin-top:10px;
}

ul.dataTab li.disabled_selected,
ul.dataTab li.disabled_selected:hover {
    color:#FFF;
    background-color: #d6d8de;
    font-size:0.9em;
    line-height:40px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    height:40px;
    margin-top:0;
}

.changeBox {
	background-color:#d6d8de;
	padding:10px;
	margin-top:1px;
}

.changeBox label {
	float:left;
	font-size:0.8em;
	line-height:2.2em;
	margin-right:15px;
}
.changeBox label select {
	font-size:1.2em;
}
.changeBox label input[type="checkbox"] {
	margin-right:5px;
}

/*　ボタン */
ul.btnLine {
	width:100%;
	text-align: center;
	clear:both;
}
ul.btnLine li {
	display: -moz-inline-box;
	display: inline-block;
	//display: inline;
}

ul.btnLine li a.BtnPosi,
ul.btnLine li a.BtnNega,
ul.btnLine li span.BtnNega {
	height:45px;
	padding:0 15px;
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:1em;
	font-weight:bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

ul.btnLine li a.short { width:70px; /* 100px */ }
ul.btnLine li a.middle { width:110px; /* 120px */ }
ul.btnLine li a.long { width:130px; /* 160px */ }

ul.btnLine li a.BtnPosi { background:#313C5A; }
ul.btnLine li span.BtnNega,
ul.btnLine li a.BtnNega { background:#D6D8DE; cursor:pointer; }

ul.btnLine li a.BtnPosi.mini,
ul.btnLine li a.BtnNega.mini,
ul.btnLine li span.BtnNega.mini {
	height:25px;
	padding:0 5px;
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:0.8em;
	font-weight:bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.orange { background:#f15a24 !important; }

ul.btnLine li a.iconRefresh:before { content:url(/img/bullet_reload.png); margin-right:5px;}
ul.btnLine li a.iconDownload:before { content:url(/img/bullet_download.png); margin-right:5px; }
ul.btnLine li a.iconInput:before { content:url(/img/bullet_edit.png); margin-right:5px; }
ul.btnLine li a.iconSave:before { content:url(/img/bullet_save.png); margin-right:5px;}
ul.btnLine li a.iconCancel:before { content:url(/img/bullet_cancel.png); margin-right:5px; }
/* 20170403 */
ul.btnLine li a.iconFileBox:before { content:url(/img/filebox_panel-title_bullet.gif); margin-right:5px; }

.column.type02.right #editBody h3 {
	height:auto;
	font-size:0.9em;
	color:#FFF;
	padding:5px 0;
	font-weight:bold;
	text-indent:10px;
	margin-top:15px;
	margin-bottom:1px;
	background-color:#313c5a;
	clear:both;
}


.column.type02.right #editBody .commentBalloon {
	width:430px;
	height:56px;
	padding:10px 10px 10px 40px;
	background-image:url(/img/comment_balloon.gif);
	float:left;
}

.column.type02.right #editBody .commentBalloon p {
	font-size:0.8em;
	line-height:1.6em;
	color:#313c5a;
}

ul.graphLegends {
	width:100%;
	text-align: center;
	clear:both;
	background-color:#efeff2;
	padding:10px 0;
}

ul.graphLegends li {
	font-size:0.8em;
	display: -moz-inline-box;
	display: inline-block;
	//display: inline;
	margin:0 15px;
}
ul.graphLegends li img { margin-right:5px; }

table.tbWorst,
table.tbBasic,
table.tbConfig,
table.actual,
table.actualbtn {
	width:100%;
	font-size:0.8em;
}

table.tbWorst tr td,
table.tbBasic tr td,
table.tbConfig tr td {
	padding:10px;
}
table.tbWorst tr td:first-child {
	text-align:center;
	width:30px;
}
table.tbWorst tr td:nth-child(2) {
	width:250px;
}

table.tbWorst tr:nth-child(even) td,
table.tbBasic tr:nth-child(even) td {
	background-color:#f7f7f8 !important;
}

table.tbBasic tr td:first-child {
	width:200px;
}

#dataSaveDate {
	width:100%;
	text-align:right;
	font-size:0.7em;
	line-height:25px;
}
#dataSaveDate img {
	margin:5px 5px 0 0;
}


#tbWpLeft {
	width:403px;
	height:auto;
	float:left;
	margin-right:2px;
}

table.dataHeadTB {
	width:100%;
	font-size:0.7em;
}
table.dataBodyTB {
	width:auto;
	font-size:0.7em;
}


table.dataHeadTB tr th,
table.dataHeadTB tr td,
table.dataBodyTB tr th,
table.dataBodyTB tr td,
table.tbConfig tr th,
table.tbConfig tr td {
	border-top:1px solid #FFF;
	padding:10px 5px;
	white-space:nowrap;
}

table.dataHeadTB tr th,
table.dataHeadTB tr td,
table.dataBodyTB tr th { height:22px !important; }

/*チェックボックス セル*/
table.dataHeadTB tbody tr:nth-child(odd) td:nth-child(1) { max-width:30px; }

/*名称 セル*/
table.dataHeadTB tbody tr:nth-child(odd) td:nth-child(2) { max-width:210px; overflow:hidden; }

/*合計 セル*/
table.dataHeadTB tbody tr:nth-child(odd) td:nth-child(3) { width:90px; }

/*エネルギー種別 セル*/
table.dataHeadTB tbody tr:nth-child(even) td:nth-child(1) { width:134px; }

/*単位 セル*/
table.dataHeadTB tbody tr:nth-child(even) td:nth-child(2) { width:65px; }


table.dataHeadTB tr th,
table.dataBodyTB tr th,
table.actual tr th,
table.tbConfig tr th { background-color:#adb1bd !important; color:#FFF; font-weight:bold; }
table.dataHeadTB tr td { background-color:#f0f1f3 !important;}
table.dataHeadTB tr:nth-child(4n) td { background-color:#e6e8eb !important; }
table.dataHeadTB tr:nth-child(4n-1) td { background-color:#e6e8eb !important; }


table.dataBodyTB tr th,
table.dataBodyTB tr td { min-width:90px !important; }

table.dataBodyTB tr td { height:65px; text-align:right; }
table.dataBodyTB tr:nth-child(odd) td { background-color:#e6e8eb !important; }


table.dataHeadTB tbody tr:nth-child(odd) td:nth-child(1) {
	max-width:30px;
}


table.dataHeadTB tbody tr:nth-child(odd) td:nth-child(2) input { width:210px; }
table.dataHeadTB tbody tr:nth-child(odd) td:nth-child(2) input { max-width:204px; }
table.dataHeadTB tbody tr:nth-child(odd) td:nth-child(3) input { width:84px; text-align:right; }

table.dataBodyTB tr td input { width:84px; text-align:right; }

table.tbConfig,
table.actual { margin-bottom:15px; }
table.actual td.title { width : 160px; line-height: 15px; }
table.tbConfig tr th { width:200px; }
table.tbConfig tr:nth-child(1) td:nth-child(3) { width:160px; font-size:1.4em; }

.column.type02.right #editBody table.actual tr td { border: 0px solid #FFF; }
.column.type02.right #editBody table tr td.btn_cls {
    background-color: #ffffff !important;
    text-align:center;
}

.column.type02.right #editBody table tr td:not(.day):not(.year):not(.month) { background-color: #efeff2; }

table.actual tr th { width:200px; }
table.actual tr th,
table.actual tr td {
    font-size:0.8em;
    border-top:0px solid #FFF;
    border-right: 0px solid #FFF;
    padding:10px 5px;
    white-space:nowrap;
}

table.actual tr td.btn_cls {
    paddinig: 0px;
}

table.actualbtn tr td {
	width:200px;
    font-size:0.8em;
    border-top:0px solid #FFF;
    border-right: 0px solid #FFF;
    padding:0;
    white-space:nowrap;
}

table.actualbtn tr td.btn_cls {
    paddinig: 0px;
}

.column.type02.right #editBody table.actual tbody tr td.btn_cls {
    text-align: center;
    background-color: #FFFFFF !important;
}

.data_graph div#editBody td.btn_cls {
    display:block;
    margin : 0 auto ;
}
.data_graph div#editBody td.btn_cls button.btn {
    background: #313C5A;
    cursor: pointer;
}
.data_graph div#editBody td.btn_cls button.btn-primary {
    width: 124px;
    height: 36px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    font-size: 1.2em;
    font-weight: 700;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

table.actualbtn tbody tr td input[type="button"] {
    width:100px;
    height:45px;
    margin: 0;
    background:url(/img/btn_bg_blue.gif);
    border:none;
    color:#FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

table.actualbtn tbody tr td input[type="button"][disabled] {
    width:100px;
    height:45px;
    margin: 0;
    background:none;
    border:none;
    background-color:#ddd;
    color:#999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#tbWpTop {
	width:381px;
	height:30px;
	padding:12px 0 0 5px;
	float:left;
	background-color:#adb1bd;
	border-top:1px solid #FFF;
}
#tbWpTop p {
	color:#FFF;
	font-size:0.8em;
	font-weight:bold;
	margin:5px 0 0 3px;
}

#tbWpRight {
	width:386px;
	height:auto;
	float:left;
	overflow-x:scroll;
}


p.referenceValue input[type="radio"] { margin:0 5px; }
p.referenceValue input[type="text"] { width:70px; margin:0 5px; text-align:right; }
/*p.referenceValue label:last-child { opacity:0.3; }*/

.addTBline {
    margin:10px 0 0;
}

.addTBline a {
    font-size:0.8em;
    font-weight:bold;
    text-decoration:none;
    color:#313c5a;
    background:url(/img/bullet_add.gif) no-repeat left center;
    padding-left:20px;
}

/* 施設情報編集 */
#parentdiv > div #mwBody #facility-name { width: 400px }
#parentdiv > div #mwBody #facility-usefulness { width: 400px }
#parentdiv > div #mwBody #facility-zipcode { width: 80px }
#parentdiv > div #mwBody #facility-pref_name { width: 120px }
#parentdiv > div #mwBody #facility-address { width: 400px }
#parentdiv > div #mwBody #facility-manager { width: 400px }
#parentdiv > div #mwBody #facility-general_electric_utilities { width: 400px }
#parentdiv > div #mwBody #facility-total_floor_area { width: 55px }
#parentdiv > div #mwBody #facility-aboveground_floor { width: 35px }
#parentdiv > div #mwBody #facility-start_year_month { width: 60px }
#parentdiv > div #mwBody #facility-representative_office { width: 400px }
#parentdiv > div #mwBody #facility-remarks { width: 400px; height: 105px }

/* 実績報告書 */
#contents .appIconBig {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .section.type02.booking .sectionHeader h2#report {
    background: url(/img/bullet_log.png) no-repeat 7px 6px;
}

    .section.type02.booking .sectionHeader ul li a img {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 24px;
    height: 24px;
}

/* 管理番号一覧 */
#controlNumberList {
	border:0px;
}
#controlNumberList.scrollOn {
	width:670px;
}
#controlNumberList.scrollOff {
    width:685px;
}
#controlNumberList thead,
#controlNumberList tbody {
	display:block;
}
#controlNumberList thead {
	background-color:#d6d8de;
}
#controlNumberList tbody.scrollOnTable {
	overflow-y:scroll;
	height:760px;
}
#controlNumberList th,
#controlNumberList td {
	table-layout:fixed;
}
#controlNumberList th.eachId,
#controlNumberList td.eachId {
    width:65px;
}
#controlNumberList th.circuitNumber,
#controlNumberList td.circuitNumber {
	width:65px;
}
#controlNumberList th.circuitNameScrollOn,
#controlNumberList td.circuitNameScrollOn {
    width:173px;
}
#controlNumberList th.circuitNameScrollOff,
#controlNumberList td.circuitNameScrollOff {
    width:190px;
}
#controlNumberList .wrap-break {
    word-wrap: break-word;
    word-break: break-all;
    padding:0;
    white-space:normal;
}
#controlNumberList .circuitNameShort {
	width:161px;
}
#controlNumberList .circuitNameLong {
    width:178px;
}
#controlNumberList th.weightType,
#controlNumberList td.weightType {
    width:80px;
}
#controlNumberList th.graphEnabled,
#controlNumberList td.graphEnabled,
#controlNumberList th.measureEnabled,
#controlNumberList td.measureEnabled,
#controlNumberList th.reportEnabled,
#controlNumberList td.reportEnabled,
#controlNumberList th.appearEnabled,
#controlNumberList td.appearEnabled {
    width:60px;
}
#controlNumberList th.editButton,
#controlNumberList td.editButton {
    width:59px;
}

/* 動作プログラム設定 */
#scheduleList {
	border:0px;
}
#scheduleList table.scroll {
	width:675px;
}
#scheduleList thead {
	background-color:#d6d8de;
}
#scheduleList thead,
#scheduleList tbody {
	display:block;
}
#scheduleList th,
#scheduleList td {
}
#scheduleList #unit_list{
	overflow-y:scroll;
	height:760px;
}
#scheduleList .wrap-break {
    word-wrap: break-word;
    word-break: break-all;
    padding:0;
    white-space:normal;
}
#scheduleList th.scheduleNo,
#scheduleList td.scheduleNo {
	width:44px;
}

#scheduleList th.scheduleEnabled,
#scheduleList td.scheduleEnabled {
	width:45px;
}

#scheduleList .scheduleName {
	width:140px;
}
#scheduleList .scheduleNameDiv {
	width:128px;
}

#scheduleList th.scheduleTime1,
#scheduleList td.scheduleTime1,
#scheduleList th.scheduleTime2,
#scheduleList td.scheduleTime2 {
    width:78px;
}
#scheduleList th.schedulePoints,
#scheduleList td.schedulePoints {
	width:85px;
}

#scheduleList th.scheduleActDay,
#scheduleList td.scheduleActDay {
	width:160px;
}

#scheduleList th.schedulePeriods,
#scheduleList td.schedulePeriods {
	width:83px;
}

#scheduleList th.scheduleDetail,
#scheduleList td.scheduleDetail {
	width:60px;
}
/* 温度連動制御 動作プログラム設定画面[設定一覧] */
#tempControlList {
    border-collapse: collapse;
    table-layout: fixed;
}
#tempControlList thead,
#tempControlList tbody {
    display: block;
}
#tempControlList tbody.scrollOnTable {
	overflow-y:scroll;
	height:760px;
}
#tempControlList .wrap-break {
    word-wrap: break-word;
    word-break: break-all;
    padding:0;
    white-space:normal;
}
#tempControlList thead {
	background-color:#d6d8de;
}
#tempControlList th.eachId,
#tempControlList td.eachId {
    width:40px;
}
#tempControlList th.chkBox,
#tempControlList td.chkBox {
    width:40px;
}
#tempControlList th.tempHigh,
#tempControlList td.tempHigh {
    width:55px;
}
#tempControlList th.tempLow,
#tempControlList td.tempLow {
    width:55px;
}
#tempControlList th.tempControlContact,
#tempControlList td.tempControlContact {
    width:87px;
}
#tempControlList th.tempControlDate,
#tempControlList td.tempControlDate {
    width:155px;
}
#tempControlList th.tempControlPeriod,
#tempControlList td.tempControlPeriod {
    width:85px;
}
#tempControlList th.tempControlDateAndPeriod,
#tempControlList td.tempControlDateAndPeriod {
    width:240px;
}
#tempControlList th.tempControlConfig,
#tempControlList td.tempControlConfig {
    width:55px;
	text-align: center;
}
#tempControlList th.tempControlName,
#tempControlList td.tempControlName {
    width:140px;
}
#tempControlList th.tempControlNameScrollOn,
#tempControlList td.tempControlNameScrollOn {
    width:200px;
    word-break: break-all;
}
#tempControlList p.exceptionDates {
    margin-left:3em;
    margin-bottom:0px;
    text-indent:-3em;
}

/* 温度連動制御 動作プログラム設定画面[個別設定] */
#tempControlConfigIO .table tbody > tr > td.vert-align {
  vertical-align: middle;
}

#tempControlConfigIO .table tbody > tr > th.vert-align {
  vertical-align: middle;
}

#tempControlConfigIO .io-on {
	width: 75px;
	text-align: center;
	background-color: #F43F37 !important;
}

#tempControlConfigIO .io-off {
	width: 75px;
    text-align: center;
    background-color: #1BBC9B !important;
}

#tempControlConfigIO .io-keep {
	width: 75px;
    text-align: center;
    background-color: grey !important;
}
#tempControlConfigIO .io-not-use {
	width: 75px;
    text-align: center;
}
#tempControlConfigIO .upperlimit {
    width: 230px;
}
#tempControlConfigIO .lowerlimit {
    width: 230px;
}
#tempControlConfigIO .deadband {
    width: 230px;
}
#tempControlConfigIO tr.point .point-name {
	height: 33px;
}

#tempControlConfig-ExceptionDate thead th {
    vertical-align:middle !important;
}
#tempControlConfig-ExceptionDate th.eachId,
#tempControlConfig-ExceptionDate td.eachId {
    width:50px;
}
#tempControlConfig-ExceptionDate th.enabled,
#tempControlConfig-ExceptionDate td.enabled {
    width:50px;
}
#tempControlConfig-ExceptionDate th.mstEnabled,
#tempControlConfig-ExceptionDate td.mstEenabled {
    width:75px;
}
#tempControlConfig-ExceptionDate th.name,
#tempControlConfig-ExceptionDate td.name {
    word-break:break-all;
}
#tempControlConfig-Period thead th {
    vertical-align:middle !important;
}
#tempControlConfig-Period th.eachId,
#tempControlConfig-Period td.eachId {
    width:50px;
}
#tempControlConfig-Period th.enabled,
#tempControlConfig-Period td.enabled {
    width:50px;
}
#tempControlConfig-Period th.mstEnabled,
#tempControlConfig-Period td.mstEnabled {
    width:75px;
}
#tempControlConfig-Period th.name,
#tempControlConfig-Period td.name {
    word-break:break-all;
}
#tempControlConfig-Period th.period,
#tempControlConfig-Period td.period {
    width:170px;
}
#mwSettingStartTime input[type="button"] {
    margin-top: -15px;
    color: #000;
    background-color: #FFF;
    border: 1px solid #999;
    font-size: 1.3em;
}
#mwSettingEndTime input[type="button"] {
    margin-top: -15px;
    color: #000;
    background-color: #FFF;
    border: 1px solid #999;
    font-size: 1.3em;
}

/* 温度連動制御：動作予定確認画面 */
#tempControlDaily {
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 13px;
}
#tempControlDaily thead,
#tempControlDaily tbody {
    display: block;
}
#tempControlDaily .wrap-break {
    word-wrap: break-word;
    word-break: break-all;
    padding:0;
    white-space:normal;
}
#tempControlDaily tbody.scrollOnTable {
	overflow-y:scroll;
	height:450px;
}
#tempControlDaily thead {
	background-color:#d6d8de;
}
#tempControlDaily thead th {
    vertical-align:middle !important;
}
#tempControlDaily th.eachId,
#tempControlDaily td.eachId {
    width:40px;
}
#tempControlDaily th.tempHigh,
#tempControlDaily td.tempHigh {
    width:55px;
}
#tempControlDaily th.tempLow,
#tempControlDaily td.tempLow {
    width:55px;
}
#tempControlDaily th.tempControlContact,
#tempControlDaily td.tempControlContact {
    width:85px;
}
#tempControlDaily th.tempControlDate,
#tempControlDaily td.tempControlDate {
    width:155px;
}
#tempControlDaily th.tempControlPeriod,
#tempControlDaily td.tempControlPeriod {
    width:85px;
}
#tempControlDaily th.tempControlDateAndPeriod,
#tempControlDaily td.tempControlDateAndPeriod {
    width:240px;
}
#tempControlDaily th.tempControlConfig,
#tempControlDaily td.tempControlConfig {
    width:55px;
	text-align: center;
}
#tempControlDaily th.tempControlName,
#tempControlDaily td.tempControlName {
    width:230px;
    word-break:break-all;
}
#tempControlDaily th.tempControlNameScrollOn,
#tempControlDaily td.tempControlNameScrollOn {
    width:213px;
    word-break:break-all;
}
#tempControlDaily p.exceptionDates {
    margin-left:3em;
    margin-bottom:0px;
    text-indent:-3em;
}
#tempControlDailyExceptionDates .name {
    word-break:break-all;
}
#tempControlDailyPeriods .name {
    word-break:break-all;
}

/*スケジュール制御：動作予定確認画面*/
#scheduleDailyDetail {
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 13px;
}
#scheduleDailyDetail thead,
#scheduleDailyDetail tbody {
    display: block;
}
#scheduleDailyDetail tbody.scrollOnTable {
	overflow-y:scroll;
	height:450px;
}
#scheduleDailyDetail thead {
	background-color:#d6d8de;
}
#scheduleDailyDetail .wrap-break {
    word-wrap: break-word;
    word-break: break-all;
    padding:0;
    white-space:normal;
}
#scheduleDailyDetail .nameDiv {
    width:72px;
}
#scheduleDailyDetail .nameDivScrollOn {
    width:55px;
}
#scheduleDailyDetail .no {
	width: 40px;
}
#scheduleDailyDetail .ctrl {
	width: 70px;
}
#scheduleDailyDetail .name {
    width:126px;
    word-break:break-all;
}
#scheduleDailyDetail .nameScrollOn{
    width:110px;
    word-break: break-all;
}
#scheduleDailyDetail .time {
	width: 80px;
}
#scheduleDailyDetail .points {
	width: 80px;
}
#scheduleDailyDetail .actDay {
	width: 145px;
}
#scheduleDailyDetail .periods {
	width: 78px;
}
#scheduleDailyDetail .setting {
	width: 60px;
}
#scheduleDailyExceptionDates .name {
    word-break:break-all;
}
#scheduleDailyPeriods .name {
    word-break:break-all;
}

/* スケジュール制御：動作プログラム設定画面 [個別設定] */
#scheduleConfigIO {
    -webkit-tap-highlight-color:rgba(0,0,0,0);  /* safariでのタップ時チラつき防止 */
}
#scheduleConfigIO .io-on {
	width: 75px;
	text-align: center;
	background-color: #F43F37 !important;
}

#scheduleConfigIO .io-off {
	width: 75px;
    text-align: center;
    background-color: #1BBC9B !important;
}

#scheduleConfigIO .io-keep {
	width: 75px;
    text-align: center;
    background-color: grey !important;
}
#scheduleConfigIO .io-not-use {
	width: 75px;
    text-align: center;
}
#scheduleConfigIO tr.point .point-name {
	height: 50px;
}
#scheduleConfigIO .unconfigured {
    width: 75px;
    text-align: center;
}
#scheduleConfigIO .time {
	width: 90px;
}
#scheduleConfigIO .enabled {
	width: 40px;
}
#scheduleConfigIO .delete {
	margin-left:5px;
}
#scheduleConfigExceptionDates .no,
#scheduleConfigExceptionDates .enabled {
	width: 50px;
}
#scheduleConfigExceptionDates .master {
	width: 75px;
}
#scheduleConfigExceptionDates .masterDisabled {
	color:#b0b0b0;
}
#scheduleConfigPeriods .no,
#scheduleConfigPeriods .enabled {
	width: 50px;
}
#scheduleConfigPeriods .master {
	width: 75px;
}
#scheduleConfigPeriods .masterDisabled {
	color:#b0b0b0;
}
#scheduleConfigPeriods .period {
	width: 170px;
}
#scheduleConfigTempRef {
	text-align:center;
}
#scheduleConfigTempRef .ref {
	color:#000000;
	background-color:#f2dede !important;
}
#scheduleConfigTempRef .noref {
	color:#f0f0f0;
	background-color:#ffffff !important;
}
#mwSettingTime1 input[type="button"] {
    margin-top: -15px;
    color: #000;
    background-color: #FFF;
    border: 1px solid #999;
    font-size: 1.3em;
}
#mwSettingTime2 input[type="button"] {
    margin-top: -15px;
    color: #000;
    background-color: #FFF;
    border: 1px solid #999;
    font-size: 1.3em;
}

/*datepicker 今日ボタン スタイル*/
#editBody label#nowday {
    width: 210px;
    line-height: 30px;
    text-align:center;
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0px;
}
#editBody label#nowday:hover{
    background-color:#eee;
}



/*
 * 回路使用量グラフ共通
 */
/* 画面遷移用タブ */
div#editBody.graph-body {
    box-sizing: border-box;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    width: 100% !important;
    padding:0 10px 15px !important;
}
div#editBody.graph-body * {
    box-sizing: border-box;
}
div#editBody.graph-body .graph-tabs .nav-tabs {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    border-bottom: 1px solid #313c5a !important;
}
div#editBody.graph-body .graph-tabs ul {
    margin-top: 0;
}
div#editBody.graph-body .graph-tabs ul > li {
    display: table-cell;
    width: 1%;
    background-color: #d6d8de;
    float: none;
    position: relative;
    border-radius: 4px 4px 0 0;
}
div#editBody.graph-body .graph-tabs ul > li.active,
div#editBody.graph-body .graph-tabs ul > li.active > a {
    background-color: #313c5a;
    color: #fff;
    cursor: default;
}
div#editBody.graph-body .graph-tabs ul > li > a {
    text-decoration: none;
    margin-right: 0px;
    margin-bottom: 0;
    padding : 10px 3px;
    display:block;
    border-bottom: 1px solid #ddd;
    text-align: center;
    border-left: 1px solid #fff;
    border-radius: 4px 4px 0 0;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.42857;
}
div#editBody.graph-body .graph-tabs ul > li.active > a {
    cursor: default;
    border-bottom-color: #313c5a;
}
div#editBody.graph-body .graph-tabs ul > li > a:hover {
    text-decoration: none;
    background-color: #d6d8de;
}
div#editBody.graph-body .graph-tabs ul > li.active > a:hover {
    text-decoration: none;
    background-color: #313c5a;
}
div#editBody.graph-body .graph-tabs .nav-tabs::before,
div#editBody.graph-body .graph-tabs .nav-tabs::after,
div#editBody.graph-body .row::before,
div#editBody.graph-body .row::after {
    content: " ";
    display: table;
}
div#editBody.graph-body .graph-tabs .nav-tabs::after,
div#editBody.graph-body .row::after,
div#editBody.graph-body .nav::after {
    clear: both;
}

/* 検索条件BOX */
div#editBody.graph-body .row {
    margin-left: -15px;
    margin-right: -15px;
}
div#editBody.graph-body .form-horizontal {
    background-color: #efeff2;
    margin-bottom: 2px;
    position: relative;
}
div#editBody.graph-body.form-horizontal > .form-group > div,
div#editBody.graph-body.EM-utilityPanel .form-horizontal > .form-group > div,
div#editBody.graph-body.modal-body .form-horizontal > .form-group > div {
    letter-spacing: 0;
}
div#editBody.graph-body .form-horizontal .form-group {
    letter-spacing: 0;
    margin: 0;
}
div#editBody.graph-body .form-horizontal .form-group > div {
    vertical-align: middle;
    padding: 10px 15px 0 15px;
    border-right: 2px solid #fff;
}
div#editBody.graph-body .form-horizontal .form-group:last-child {
    border-bottom: medium none;
}
div#editBody.graph-body .form-horizontal .form-group .row.condition-input {
    margin-left: -15px;
    margin-right: -15px;
}
div#editBody.graph-body .condition-input {
    margin-bottom: 12px;
    padding-bottom: 5px;
}
div#editBody.graph-body .col-sm-10,
div#editBody.graph-body .col-lg-10 {
    /*width: 83.3333%;*/
    width: 88.5%;
}
div#editBody.graph-body .form-horizontal > .form-group > div,
div#editBody.graph-body .form-horizontal > .form-group > div,
div#editBody.graph-body .modal-body .form-horizontal > .form-group > div {
    /*border-bottom: 2px solid #fff;*/
    border-right: 2px solid #fff;
    display: inline-block;
    float: none !important;
    letter-spacing: 0;
    padding-top: 10px;
    vertical-align: middle;
}
div#editBody.graph-body .col-lg-2 {
    float: left;
    width: 16.6667%;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
div#editBody.graph-body .condition-input .col-lg-5 {
    width: 41.6667%;
    float: left;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
div#editBody.graph-body .col-lg-7 {
    width: 58.3333%;
    float:left;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
div#editBody.graph-body .col-lg-10 {
    width: 58.3333%;
    float:left;
    min-height: 1px;
    padding-left: 10px;
    /*padding-right: 15px;*/
    position: relative;
}
div#editBody.graph-body .form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: right;
    font-weight:700;
}
div#editBody.graph-body .form-horizontal .form-group-sm .control-label {
    font-size: 12px;
    padding-top: 6px;
}
div#editBody.graph-body .form-horizontal .form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
}
div#editBody.graph-body .form-horizontal .input-xs {
    border-radius: 3px;
    font-size: 12px;
    padding: 5px 10px;
}
div#editBody.graph-body .form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}
div#editBody.graph-body .form-group-sm .form-control {
    border-radius: 3px;
    font-size: 12px;
    /*height: 30px;*/
    line-height: 1.5;
    padding: 5px 10px;
}
div#editBody.graph-body .condition-input select {
    margin-bottom: 5px;
}
div#editBody.graph-body .form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    /*color: #555;*/
    display: block;
    font-size: 14px;
    /*height: 34px;*/
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
div#editBody.graph-body select,
div#editBody.graph-body select,
div#editBody.graph-body .modal-body select {
    color: #000;
}
div#editBody.graph-body button,
div#editBody.graph-body input,
div#editBody.graph-body select,
div#editBody.graph-body textarea {
    font-family: inherit;
}
div#editBody.graph-body button,
div#editBody.graph-body select {
    text-transform: none;
}
div#editBody.graph-body .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}
div#editBody.graph-body .main-circuit {
    margin-left: 77px;
}
div#editBody.graph-body .cutoff-date {
    margin-left: 33px;
}
div#editBody.graph-body .fix-y-axis {
    margin-left: 90px;
    padding-left: 0 !important;
}
div#editBody.graph-body label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%;
}
div#editBody.graph-body .compare-div {
    border-top: 2px solid #ffffff;
}
div#editBody.graph-body .form-horizontal .form-group-sm .control-label {
    font-size: 12px;
    padding-top: 6px;
    padding-left: 10px;
}
div#editBody.graph-body .compare-div .compare-label {
    line-height: 30px;
    text-align: center;
}
div#editBody.graph-body input[type="checkbox"] {
    height: 15px;
    vertical-align: middle;
    width: 15px;
}
div#editBody.graph-body input[type="checkbox"],
div#editBody.graph-body input[type="radio"] {
    line-height: normal;
    margin: 4px 0 0;
}
div#editBody.graph-body input[type="checkbox"],
div#editBody.graph-body input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
div#editBody.graph-body .compare-div > .compare-date {
    border-left: 2px solid #ffffff;
}
div#editBody.graph-body .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
}
div#editBody.graph-body .input-group {
    border-collapse: separate;
    display: table;
    position: relative;
}
div#editBody.graph-body .form-horizontal > .form-group .btn,
div#editBody.graph-body .form-horizontal > .form-group .btn,
div#editBody.graph-body .modal-body .form-horizontal > .form-group .btn {
    letter-spacing: 0 !important;
}
div#editBody.graph-body .form-horizontal > .form-group .btn,
div#editBody.graph-body .form-horizontal > .form-group .btn,
div#editBody.graph-body .modal-body .form-horizontal > .form-group .btn {
    margin-bottom: 10px;
    margin-top: 10px;
}
div#editBody.graph-body .btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
div#editBody.graph-body .btn-danger,
div#editBody.graph-body .btn-default,
div#editBody.graph-body .btn-info,
div#editBody.graph-body .btn-primary,
div#editBody.graph-body .btn-success,
div#editBody.graph-body .btn-warning {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
div#editBody.graph-body .btn-default {
    background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
    background-repeat: repeat-x;
    border-color: #ccc;
    text-shadow: 0 1px 0 #fff;
}
div#editBody.graph-body .btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}
div#editBody.graph-body .btn-default.disabled {
    background-color:#ddd;
    color:#999;
}
div#graphModal .modal-body .graph-top .btn-default.disabled {
    background-color:#ddd;
    color:#999;
}
div#editBody.graph-body .btn-group-xs > .btn,
div#editBody.graph-body .btn-xs {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 3px 5px 0;
}
div#editBody.graph-body button,
div#editBody.graph-body input,
div#editBody.graph-body select,
div#editBody.graph-body textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
div#editBody.graph-body button,
div#editBody.graph-body input[type="button"],
div#editBody.graph-body input[type="reset"],
div#editBody.graph-body input[type="submit"] {
    cursor: pointer;
}
div#editBody.graph-body button,
div#editBody.graph-body select {
    text-transform: none;
}
div#editBody.graph-body button {
    overflow: visible;
}
div#editBody.graph-body button,
div#editBody.graph-body input,
div#editBody.graph-body optgroup,
div#editBody.graph-body select,
div#editBody.graph-body textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
div#editBody.graph-body .input-group .form-control,
div#editBody.graph-body .input-group-addon,
div#editBody.graph-body .input-group-btn {
    display: table-cell;
}
div#editBody.graph-body .form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    /*height: 34px;*/
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
div#editBody.graph-body .datepicker {
    border-radius: 4px;
    direction: ltr;
    padding: 4px;
}
div#editBody.graph-body .form-group-sm .form-control {
    border-radius: 3px;
    font-size: 12px;
    /*height: 30px;*/
    line-height: 1.5;
    padding: 5px 10px;
}
div#editBody.graph-body .form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}
div#editBody.graph-body .input-group .form-control {
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    z-index: 2;
}
div#editBody.graph-body .form-inline .input-group .form-control,
div#editBody.graph-body .form-inline .input-group .input-group-addon,
div#editBody.graph-body .form-inline .input-group .input-group-btn {
    width: auto;
}
div#editBody.graph-body .input-group-addon:last-child {
    border-left: 0 none;
}
div#editBody.graph-body .input-group .form-control:last-child,
div#editBody.graph-body .input-group-addon:last-child,
div#editBody.graph-body .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
div#editBody.graph-body .input-group-btn:first-child > .btn:not(:first-child),
div#editBody.graph-body .input-group-btn:last-child > .btn,
div#editBody.graph-body .input-group-btn:last-child > .btn-group > .btn,
div#editBody.graph-body .input-group-btn:last-child > .dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
div#editBody.graph-body .input-group-addon {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
}
div#editBody.graph-body .input-group-addon,
div#editBody.graph-body .input-group-btn {
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}
div#editBody.graph-body .input-group .form-control,
div#editBody.graph-body .input-group-addon,
div#editBody.graph-body .input-group-btn {
    display: table-cell;
}
div#editBody.graph-body .form-horizontal > .form-group > span,
div#editBody.graph-body .form-horizontal > .form-group > span,
div#editBody.graph-body .modal-body .form-horizontal > .form-group > span {
    display: inline-block;
    float: none !important;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}
/* 回路別電力使用量グラフ selectBox*/
div#editBody.graph-body .form-group .main-controller,
div#editBody.graph-body .form-group #controller-select,
div#editBody.graph-body .form-group .unit,
div#editBody.graph-body .form-group .sensor-controller,
div#editBody.graph-body .form-group .sensor-circuit {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
div#editBody.graph-body .form-group .main-controller,
div#editBody.graph-body .form-group #controller-select,
div#editBody.graph-body .form-group .unit {
    width: 210px;
}
div#editBody.graph-body .form-group .sensor-controller,
div#editBody.graph-body .form-group .sensor-circuit {
    width: 150px;
}

/* ここまで */
div#editBody.graph-body .col-sm-2 {
    float:left;
    /*width: 16.6667%;*/
    width: 10%;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
div#editBody.graph-body .form-horizontal > .form-group,
div#editBody.graph-body .form-horizontal > .form-group,
div#editBody.graph-body .modal-body .form-horizontal > .form-group {
    /*letter-spacing: -0.4em;*/
}
div#editBody.graph-body .compare-div .checkbox-text {
    padding-top: 10px !important;
    letter-spacing: 0;
}
div#editBody.graph-body .compare-label label > input[type="checkbox"],
div#editBody.graph-body .form-group label > input[type="checkbox"] {
    margin-bottom:5px;
}
div#editBody.graph-body .form-group .btn-update {
    letter-spacing: -0.4em;
    /*padding-left: 15px;
    padding-right: 15px;*/
    box-sizing: border-box;
    font-size: 14px;
}
div#editBody.graph-body .form-horizontal > .form-group .btn,
div#editBody.graph-body .form-horizontal > .form-group .btn,
div#editBody.graph-body .modal-body .form-horizontal > .form-group .btn {
    letter-spacing: 0 !important;
    margin-bottom: 10px;
    margin-top: 10px;
}
div#editBody.graph-body .btn-primary {
    background-color: #323c5a;
    background-image: linear-gradient(to bottom, #515973 0%, #323c5a 100%);
    background-repeat: repeat-x;
    border-color: #323c5a;
    color: #fff;
}
div#editBody.graph-body .btn-primary {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
div#editBody.graph-body .btn-update button[disabled] {
    background-color: #adb1bd;
    border-color: #adb1bd;
    background-image: none;
    pointer-events: auto;
    cursor: not-allowed;
    color: #fff;
    border: 0px;
}

div#editBody.graph-body .date-select {
    padding-left:15px;
    padding-right: 0;
    font-size:14px;
}
div#editBody.graph-body .term-select {
    padding-right: 15px;
    padding-left: 1px;
    padding-top: 1px;
}
div#editBody.graph-body .col-lg-6 {
    width: 50%;
    float:left;
    min-height: 1px;
    /*padding-left: 15px;
    padding-right: 15px;*/
    position: relative;
}
div#editBody.graph-body .date-select .double-arrow-box {
    background-color: #9da1b0;
    width: 45px;
}
div#editBody.graph-body .date-box,
div#editBody.graph-body .single-arrow-box,
div#editBody.graph-body .double-arrow-box {
    border: 1px solid #ffffff;
    color: #ffffff;
    display: table-cell;
    height: 45px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}
div#editBody.graph-body .date-select .single-arrow-box {
    background-color: #7c8295;
    width: 45px;
}
div#editBody.graph-body .date-select .single-arrow-box:hover,
div#editBody.graph-body .date-select .double-arrow-box {
    cursor: pointer;
}
div#editBody.graph-body .date-select > .date-box {
    background-color: #535c75;
    width: 230px;
}
div#editBody.graph-body .nav-EMpills {
    background-color: #535c75;
}
div#editBody.graph-body .nav-justified {
    width: 100%;
}
div#editBody.graph-body .nav {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
div#editBody.graph-body #date_span_tab.nav-justified {
    padding-right:2px;
}
div#editBody.graph-body .nav-justified > li {
    display: table-cell;
    width: 1%;
}
div#editBody.graph-body .nav-justified > li {
    float: none;
}
div#editBody.graph-body .nav-EMpills > li.active {
    margin-bottom: 0;
}
div#editBody.graph-body .nav-EMpills > li + li {
    margin-left: 2px;
}
div#editBody.graph-body .nav > li {
    display: table-cell;
    position: relative;
    font-size: 14px;
}
div#editBody.graph-body .nav-EMpills > li > a:last-child {
    border: 1px solid #848a9c;
    margin: 5px 5px 5px 3px;
    padding: 9px 3px;
}
div#editBody.graph-body .nav-EMpills > li > a,
div#editBody.graph-body .nav-EMpills > li > a:hover,
div#editBody.graph-body .nav-EMpills > li > a:focus {
    background-color: #535c75;
    border-radius: 4px;
}
div#editBody.graph-body .nav-EMpills > li.active > a,
div#editBody.graph-body .nav-EMpills > li.active > a:hover,
div#editBody.graph-body .nav-EMpills > li.active > a:focus {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px 4px 0 0;
    color: #000;
}
div#editBody.graph-body .nav-EMpills > li > a {
    color: #848a9c;
    font-size: 0.9em;
    margin-right: 0.5px !important;
}
div#editBody.graph-body .nav-justified > li > a {
    margin-bottom: 0;
}
div#editBody.graph-body .nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
}
div#editBody.graph-body .nav > li > a {
    display: block;
    padding: 10px 15px;
    position: relative;
}
div#editBody.graph-body a,
div#editBody.graph-body a:hover {
    color: #fff;
    text-decoration: none;
}
div#editBody.graph-body a {
    color: #337ab7;
    text-decoration: none;
}
div#editBody.graph-body a {
    background-color: transparent;
}
div#editBody.graph-body .graph-top {
    margin-top: 5px;
    text-align: right;
    padding-right: 15px;
}
div#editBody.graph-body #graph_container {
    height: 400px;
    margin: 0 auto;
}
div#editBody.graph-body .modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
}
div#editBody.graph-body .fade {
    opacity: 0;
    transition: opacity 0.15s linear 0s;
}
div#editBody.graph-body .modal.fade .modal-dialog {
    transform: translate(0px, -25%);
    transition: transform 0.3s ease-out 0s;
}
div#editBody.graph-body .modal-dialog {
    height: 100%;
    width: 80%;
}
div#editBody.graph-body .modal-dialog {
    margin: 30px auto;
    width: 600px;
}
div#editBody.graph-body .modal-dialog {
    margin: 10px;
    position: relative;
    width: auto;
}
div#editBody.graph-body .modal-content {
    height: 90%;
    width: 100%;
}
div#editBody.graph-body .modal-content {
    border-radius: 0;
}
div#editBody.graph-body .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
div#editBody.graph-body .modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    position: relative;
}
div#editBody.graph-body .EM-contentsPanel .panel-body > .row > [class*="col-"] > .panel > .panel-body > .form-horizontal:last-child,
div#editBody.graph-body .EM-contentsPanel .panel-body > .panel > .panel-body > .form-horizontal:last-child,
div#editBody.graph-body .EM-contentsPanel .panel-body > .panel:last-child,
div#editBody.graph-body .EM-contentsPanel .panel-body > .panel:last-child .table,
div#editBody.graph-body .EM-contentsPanel .panel-body > .row:last-child > [class*="col-"] > .panel {
    margin-bottom: 0;
}
div#editBody.graph-body .EM-contentsPanel .panel-default,
div#editBody.graph-body .EM-contentsPanel .panel-primary,
div#editBody.graph-body .EM-contentsPanel .panel-success,
div#editBody.graph-body .EM-contentsPanel .panel-info,
div#editBody.graph-body .EM-contentsPanel .panel-warning,
div#editBody.graph-body .EM-contentsPanel .panel-danger {
    border: medium none;
    box-shadow: none;
}
div#editBody.graph-body .panel {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
div#editBody.graph-body .panel-default {
    border-color: #ddd;
}
div#editBody.graph-body .panel {
    background-color: #fff;
    border: 0;
    border-radius: 4px;
    box-shadow: none;
    margin-bottom: 20px;
}
div#editBody.graph-body .panel-default > .panel-heading {
    background-color: #f5f5f5;
    border: 0;
    color: #333;
}
div#editBody.graph-body .panel-default > .panel-heading,
div#editBody.graph-body .panel-primary > .panel-heading {
    color: #fff;
    font-size: 15.4px;
    font-weight: bold;
}
div#editBody.graph-body .panel-default > .panel-heading {
    background-image: linear-gradient(to bottom, #f5f5f5 0px, #e8e8e8 100%);
    background-repeat: repeat-x;
}
div#editBody.graph-body .panel-default > .panel-heading {
    background-image: linear-gradient(to bottom, #b1b4c0 0%, #9da1b0 100%);
    background-repeat: repeat-x;
}
div#editBody.graph-body .panel-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px;
}
div#editBody.graph-body .panel-body {
    padding: 15px 0;
}
div#editBody.graph-body  > .panel-body > .panel > .panel-body,
div#editBody.graph-body  > .panel-body > .row > div > .panel > .panel-body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
}
div#editBody.graph-body .panel-body > .panel:last-child > .panel-body,
div#editBody.graph-body .panel-body > .row:last-child > [class*="col-"] > .panel > .panel-body {
    padding-bottom: 0;
}
div#editBody.graph-body .col-xs-6 {
    width: 50%;
    float:left;
    min-height: 1px;
    position: relative;
}
div#editBody.graph-body .col-xs-7 {
    width: 33.3333%;
    float:left;
    min-height: 1px;
    position: relative;
}
div#editBody.graph-body .form-horizontal,
div#editBody.graph-body .form-horizontal,
div#editBody.graph-body .modal-body .form-horizontal {
    background-color: #efeff2;
    margin-bottom: 2px;
    position: relative;
}
div#editBody.graph-body .col-sm-5 {
    width: 41.6667%;
}
div#editBody.graph-body .form-horizontal > label,
div#editBody.graph-body .form-horizontal > .form-group > label,
div#editBody.graph-body .form-horizontal > label,
div#editBody.graph-body .form-horizontal > .form-group > label,
div#editBody.graph-body .modal-body .form-horizontal > label, div#editBody.graph-body .modal-body .form-horizontal > .form-group > label {
    background-color: #d7dadf;
    border-right: 2px solid #fff;
    bottom: 0;
    color: #323c5a;
    left: 0;
    letter-spacing: 0;
    padding-bottom: 15px !important;
    padding-top: 17px !important;
    position: absolute;
    text-align: left !important;
    top: 0;
    font-size: 14px;
}
div#editBody.graph-body .form-horizontal > .form-group > span,
div#editBody.graph-body .form-horizontal > .form-group > span,
div#editBody.graph-body .modal-body .form-horizontal > .form-group > span {
    display: inline-block;
    float: none !important;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}
div#editBody.graph-body .col-sm-offset-5 {
    margin-left: 41.6667%;
}
div#editBody.graph-body .col-sm-offset-6 {
    margin-left: 38.6667%;
}
div#editBody.graph-body .col-sm-7 {
    width: 58.3333%;
}
div#editBody.graph-body .col-sm-5 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
div#editBody.graph-body .form-horizontal .download-label {
    line-height: 20px !important;
}
div#editBody.graph-body .panel-body .download-l {
    padding-right: 15px;
}
div#editBody.graph-body .panel-body .download-r {
    padding-left: 15px;
}
div#editBody.graph-body #compare_addon {
    margin:0;
    height:30px;
    padding: 6px 10px 6px 10px;
}
div#editBody.graph-body .compare-date button[disabled]{
    pointer-events: auto !important;
    cursor: not-allowed;
}
div#editBody.graph-body fieldset[disabled] input[type="checkbox"],
div#editBody.graph-body fieldset[disabled] input[type="radio"],
div#editBody.graph-body input.disabled[type="checkbox"],
div#editBody.graph-body input[type="checkbox"][disabled],
div#editBody.graph-body input.disabled[type="radio"],
div#editBody.graph-body input[type="radio"][disabled] {
    cursor: not-allowed;
}
div#editBody.graph-body #input-group-addon {
    cursor: pointer;
    padding: 6px 10px 6px 10px;
}
div#editBody.graph-body .double-arrow-disable,
div#editBody.graph-body .single-arrow-disable {
    cursor: not-allowed !important;
    opacity : 0.4;
}

/* 日付入力部 */
div#editBody .input-group .input_date_limit {
	display: table-cell;
	vertical-align: middle;
    padding-left: 3px;
}
div#editBody.graph-body .input-group input.target_span_year {
    width: 145px;
}
div#editBody.graph-body .input-group input.target_span_week {
    width: 118px;
}
div#editBody.graph-body .input-group span.datepicker-btn {
    border-radius: 0px 3px 3px 0px;
    position: relative;
    left: -2px;
    padding: 6px 10px 6px 10px;
}

/* 簡易計測アイコン */
.data_graph .sectionHeader label.is_tem_circuit {
    font-size:12px;
    background-color:#FFA500;
    border-radius: 2px;
    font-weight: bold;
    padding:2px 5px 2px 5px;
    letter-spacing: 2px;
}

/* datepicker */
.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}
.datepicker {
    border-radius: 4px;
    direction: ltr;
    padding: 4px;
}
.datepicker-dropdown {
    left: 0;
    top: 0;
}
.datepicker-dropdown::after, .datepicker-dropdown::before {
    border-top: 0 none;
    content: "";
    display: inline-block;
    position: absolute;
}
.datepicker-dropdown::after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.datepicker-dropdown.datepicker-orient-left::after {
    left: 7px;
}
.datepicker-dropdown.datepicker-orient-top::after {
    border-bottom: 0 none;
    border-top: 6px solid #fff;
    bottom: -6px;
}
.datepicker-dropdown::after, .datepicker-dropdown::before {
    border-top: 0 none;
    content: "";
    display: inline-block;
    position: absolute;
}
.datepicker-dropdown::before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
.datepicker-dropdown.datepicker-orient-left::before {
    left: 6px;
}
.datepicker-dropdown.datepicker-orient-top::before {
    border-bottom: 0 none;
    border-top: 7px solid #999;
    bottom: -7px;
}

/* 積み上げグループ設定画面 */
#editBody .stacked-group-name {
 width:410px !important;
}
#editBody #stackedSettingAllList td.point_number {
    background-color: #d7dadf !important;
    border-collapse: collapse;
}
#editBody #stackedSettingAllList td.point_number a {
    color: #0071bc;
    text-decoration: underline;
    cursor: pointer
}
#editBody #stackedSettingAllList td.point_name {
    width: 200px;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
}
#editBody #stackedSettingAllList td.point_number {
    width: 58px;
    padding: 5px 2px 5px 2px;
}
#editBody #stackedSettingAllList p {
    margin: 0px;
    cursor: default;
}
#editBody .stacked-setting-all-list {
    height:162px;
    overflow-y:auto;
}
#editBody .stacked-setting-all-list::-webkit-scrollbar {
  background:#ccc;
  width:10px;
}
#editBody .stacked-setting-all-list::-webkit-scrollbar-thumb {
  background:#aaa;
}


/* 計算ポイント設定画面 */
#editBody .calc-point-name {
 width:250px !important;
}
#editBody .btn-clear {
    margin-left:20px;
    color: #fff;
    background: #515973;
    border: none;
}
#editBody .btn-clear:hover {
    color: #fff !important;
    background: #313C5A;
}
#editBody #calcPointSettingAllList td.point_number {
    background-color: #d7dadf !important;
    border-collapse: collapse;
}
#editBody #calcPointSettingAllList td.point_number a {
    color: #0071bc;
    text-decoration: underline;
    cursor: pointer
}
#editBody #calcPointSettingAllList td.point_name {
    width: 200px;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
}
#editBody #calcPointSettingAllList td.point_number {
    width: 58px;
    padding: 5px 2px 5px 2px;
}
#editBody .calc-point-setting-all-list {
    height:162px;
}
#editBody #calcPointSettingDetail .eachId {
    width: 4%;
}
#editBody #calcPointSettingDetail .controllerSetting {
    width: 30%;
}
#editBody #calcPointSettingDetail .circuitSetting {
    width: 46%;
}
#editBody #calcPointSettingDetail .operatorAndRatioSetting {
      width: 20%;
}
#editBody #calcPointSettingDetail .operatorAndRatioSetting {
    padding: 5px 0 5px 5px;
}
#editBody #calcPointSettingDetail .operatorAndRatioSetting select {
    width: 66px !important;
}
#editBody #calcPointSettingDetail .operatorAndRatioSetting .ratio {
    width: 55px !important;
}
#editBody #calcPointSettingAllList p {
    margin: 0px;
    cursor: default;
}
div#editBody #calcPointSettingDetail select {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* P・TEM連携ポイント設定画面 */
#editBody.ptem-related-point #page-wrapper {
    padding: 0;
}

#editBody.ptem-related-point .panel-body {
    padding: 0;
}

#editBody.ptem-related-point .explain {
    color: #ff0000;
    padding: 5px 0 15px 0;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.3;
}

#editBody.ptem-related-point .input-name {
    width:410px !important;
}

#editBody.ptem-related-point .ptem-related-point-list {
    margin-bottom: 0px;
}

#editBody.ptem-related-point .header-select {
    display: inline;
    margin-left: 220px;
}

#editBody.ptem-related-point table th {
    height: 40px;
    vertical-align: middle !important;
    border-bottom-width: 0px !important;
}

#editBody.ptem-related-point #units {
    width: 50px;
}

#editBody.ptem-related-point #weight-types {
    width: 120px;
}

/* 計測回路マップ設定画面 */
div#editBody.map-setting * {
    box-sizing: border-box;
    font-size:14px;
    line-height: 1.42857;
}
div#editBody.map-setting .centerize {
    text-align: center;
    padding-bottom:18px;
}
div#editBody.map-setting .btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
div#editBody.map-setting .btn {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
div#editBody.map-setting .btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
}
div#editBody.map-setting .btn-primary {
    background-color: #323c5a;
    background-image: linear-gradient(to bottom, #515973 0%, #323c5a 100%);
    background-repeat: repeat-x;
}
div#editBody.map-setting .btn-success {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-image: linear-gradient(to bottom, #5cb85c 0px, #419641 100%);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
    color: #fff;
}
div#editBody.map-setting .btn-success:focus,
div#editBody.map-setting .btn-success:hover {
    background-color: #419641;
    border-color: #398439;
    color: #fff;
}
div#editBody.map-setting .btn-group-xs > .btn,
div#editBody.map-setting .btn-xs {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 1px 5px;
}
div#editBody.map-setting .table {
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
}
div#editBody.map-setting table {
    background-color: transparent;
    border-spacing: 0;
}
div#editBody.map-setting .table-responsive {
    min-height: 0.01%;
    overflow-x: auto;
}
div#editBody.map-setting .tree-table {
    height: 650px;
    overflow: scroll;
    width: 100%;
}
div#editBody.map-setting .tree-table table {
    overflow: scroll;
}
div#editBody.map-setting .table tbody tr {
    /*background-color: #f7f7f8;*/
}
div#editBody.map-setting table tbody tr td {
    background-color: #f7f7f8 !important;
}
div#editBody.map-setting .tree-table th,
div#editBody.map-setting .tree-table td {
    text-align: center;
}
div#editBody.map-setting th {
    display: table-cell;
    font-weight: bold !important;
}
div#editBody.map-setting .table-bordered > thead > tr > td,
div#editBody.map-setting .table-bordered > thead > tr > th {
    border-bottom-width: 2px;
}
div#editBody.map-setting .table-bordered {
    border: 1px solid #ddd;
}
div#editBody.map-setting table.table thead tr th,
div#editBody.map-setting table.table tbody tr th {
    background-color: #d7dadf;
    border-color: #fff;
    color: #323c5a;
}
div#editBody.map-setting .table > thead > tr > th {
    border-bottom: 2px solid #ddd;
    vertical-align: top;
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    padding: 8px;
    /*vertical-align: top;*/
}
div#editBody.map-setting .table-bordered > tbody > tr > td,
div#editBody.map-setting .table-bordered > tbody > tr > th,
div#editBody.map-setting .table-bordered > tfoot > tr > td,
div#editBody.map-setting .table-bordered > tfoot > tr > th,
div#editBody.map-setting .table-bordered > thead > tr > td,
div#editBody.map-setting .table-bordered > thead > tr > th {
    border: 1px solid #ddd;
}
div#editBody.map-setting .table-bordered > thead > tr > td,
div#editBody.map-setting .table-bordered > thead > tr > th {
    border-bottom-width: 2px;
}
div#editBody.map-setting .table-condensed > tbody > tr > td,
div#editBody.map-setting .table-condensed > tbody > tr > th,
div#editBody.map-setting .table-condensed > tfoot > tr > td,
div#editBody.map-setting .table-condensed > tfoot > tr > th,
div#editBody.map-setting .table-condensed > thead > tr > td,
div#editBody.map-setting .table-condensed > thead > tr > th {
    padding: 5px;
}
div#editBody.map-setting .input-small select,
div#editBody.map-setting .input-small input {
    border-radius: 3px;
    font-size: 12px;
    height: 29px;
    line-height: 1.5;
    padding: 5px 10px;
}
div#editBody.map-setting .form-control {
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
    display: block;
    color: #555;
    background-image: none;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    width: 100%;
}
div#editBody.map-setting .form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}
div#editBody.map-setting .form-control[disabled],
div#editBody.map-setting .form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}
div#editBody.map-setting .tree-table .tree-table-width1 {
    min-width: 260px;
    width:270px;
}
div#editBody.map-setting img.map-setting-tree-img {
    vertical-align: middle;
}
div#editBody.map-setting .tree-table .tree-table-width2 {
    min-width: 170px;
    width:170px;
}
div#editBody.map-setting .table tbody tr th,
div#editBody.map-setting .table tbody tr td {
    border-color: #fff;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-all;
}
div#editBody.map-setting .tree-table .tb-cntrheader {
    background-color: #d7dadf !important;
    width:180px;
}
div#editBody.map-setting .tree-table .tb-header {
    text-align: left;
}
div#editBody.map-setting input[type="checkbox"] {
    height: 15px;
    vertical-align: middle;
    width: 15px;
}
div#editBody.map-setting .tree-table input[type="checkbox"]:disabled {
    cursor: not-allowed;
}
div#editBody.map-setting .check-error,
div#editBody.map-setting .check-error {
    border:#ff0000 2px solid;
}
/*div#editBody.map-setting .tree-table .table .check-error-bg {*/
div#editBody.map-setting .mod_table table .check-error-bg {
    background-color: #ffb6c1 !important;
}
/* ツールチップのデザイン */
div#editBody.map-setting td[data-tooltip].simptip-multiline:after {
    height: auto;
    width: 320px;
    white-space: normal;
    /*background-color:#51B1F5;*/
}



/* 計測回路マップ */
#editBody #map-condition #date-select button[disabled]{
    pointer-events: auto !important;
}

#editBody #map-condition #date-select {
    padding-right: 0px;
}


/* 以下、ツリー表示用 */

#editBody div.tree.well{
    min-height:20px;
    padding:20px 25px 20px;
    margin-bottom:20px;
    background-color:#fbfbfb;
    border:1px solid #e3e3e3;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-40px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:2px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:2px solid #999;
    height:0px;
    top:25px;
    /* 変更 */
    width:148px;
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:2px solid #999;
    border-radius:5px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none;
    font-size:14px;
    line-height: 20px;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.tree span {
    color: #333;
}

/* ここから幅広げる用 */

/*parentのspanの開始位置*/
.parent span {
    margin-left: -24px;
    background-color: #ffffff;
}
/*parentから生える縦棒の位置*/
.parent li::before {
    margin-left: 25px;
}
/*parentから生える横棒の位置*/
.parent li::after {
    margin-left: 25px;
}

/*childのspanの開始位置*/
.child span {
    margin-left: 0px;
}
.child a {
    margin-left: 127px;
}
/*childから生える縦棒の位置*/
.child li::before {
    margin-left: 176px;
}
/*childから生える横棒の位置*/
.child li::after {
    margin-left: 176px;
}

/*grand_childのspanの開始位置*/
.grand_child span {
    margin-left: 0px;
}
.grand_child a {
    margin-left: 278px;
}
/*grand_childから生える縦棒の位置*/
.grand_child li::before {
    margin-left: 325px;
}
/*grand_childから生える横棒の位置*/
.grand_child li::after {
    margin-left: 325px;
}

/*great_grand_childのspanの開始位置*/
.great_grand_child span {
    margin-left: 0px;
}
.great_grand_child a {
    margin-left: 428px;
}
/*great_grand_childから生える縦棒の位置*/
.great_grand_child li::before {
    margin-left: 474px;
}
/*great_grand_childから生える横棒の位置*/
.great_grand_child li::after {
    margin-left: 474px;
}

/*great_great_grand_childのspanの開始位置*/
.great_great_grand_child span {
    margin-left: 0px;
}
.great_great_grand_child a {
    margin-left: 576px;
}
/*great_great_grand_childから生える縦棒の位置*/
.great_great_grand_child li::before {
    margin-left: 390px;
}
/*great_great_grand_childから生える横棒の位置*/
.great_great_grand_child li::after {
    margin-left: 390px;
}

/* ここまで */

.tree li.parent_li span.root-span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
    background:#eee;
    border:1px solid #94a0b4;
    color:#000
}

/* ツリー中のツールチップ高さを調整 */
.tree [data-tooltip].simptip-multiline:after {
    height: auto;
    width: auto;
    white-space: pre;
}
/* highcharts modal */
#graphModal .modal-dialog {
    height: 100%;
}
#graphModal .modal-content {
    height: 100%;
}
#graphModal .modal-dialog {
    position: relative;
}
#graphModal .modal-body {
    padding: 10px;
    height: 86%;
}
#graphModal .modal-footer {
    border-top: 0px;
    padding: 0 10px;
    text-align: center;
    height: 11%;
}
#graphModal ul li a.mvBtnPosi {
    background: #313C5A;
    width: 160px;
    height: 45px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#graphModal ul li:first-child {
    display: inline-block;
    text-align: left;
}
div#graphModal .modal-body .graph-top {
    text-align: right;
    padding-right: 15px;
    height: 8%;
}
div#graphModal .modal-body .graph-top-no-button {
    height: 3%;
}

div#graphModal .modal-body .graph-top .btn-default {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 3px 5px 0;
    color: #333;
    background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
    background-repeat: repeat-x;
    border-color: #ccc;
    text-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    border: 1px solid transparent;
    font-weight: 400;
}
div#graphModal #graph_container2 {
    height: 92%;
}
/* 比較系画面 グラフモーダル */
div#graphModal.comp-facility {
    min-height: 400px;
    width: 80%;
    height: 80%;
}
div#graphModal.comp-facility .modal-body {
    padding: 0;
    height: calc(100% - 68px);
}
div#graphModal.comp-facility #graph_container2 {
    overflow-y: auto;
    overflow-x: hidden;
    height: 97%;
}
div#graphModal.comp-facility .modal-content .modal-footer {
    height: 48px;
    padding: 10px 0;
}

/*
 * 以下、積み上げ電力使用量グラフ画面ツリー構成
 */
div#editBody.graph-body #stackTree .panel-default > .panel-heading{
    background-image: -webkit-linear-gradient(top, #b1b4c0 0%, #9da1b0 100%);
    background-image: -o-linear-gradient(top, #b1b4c0 0%, #9da1b0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b1b4c0), to(#9da1b0));
    background-image: linear-gradient(to bottom, #b1b4c0 0%, #9da1b0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb1b4c0', endColorstr='#ff9da1b0', GradientType=0);
    background-repeat: repeat-x;
}
div#editBody.graph-body #stackTree .panel > .panel-body {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
}
div#editBody.graph-body #stackTree table.table thead tr th, div#editBody.graph-body #stackTree table.table tbody tr th {
    background-color: #d7dadf;
    border-color: #FFF;
    color: #323c5a;
}
div#editBody.graph-body #stackTree .info {
    background-color: #d9edf7;
}
div#editBody.graph-body #stackTree table th {
    position: static;
    display: table-cell;
    float: none;
}
div#editBody.graph-body #stackTree .col-sm-4 {
    font-size: 14px;
    font-weight: bold;
}
div#editBody.graph-body #stackTree .col-sm-2 {
    font-size: 14px;
    font-weight: bold;
    width: 16.66666667%;
}
div#editBody.graph-body #stackTree table td {
    background-color: #f7f7f8;
    vertical-align: middle;
    font-size: 14px;
}
div#editBody.graph-body #stackTree .table tbody tr th,
div#editBody.graph-body #stackTree .table tbody tr td,
div#editBody.graph-body #stackTree .table tbody tr th,
div#editBody.graph-body #stackTree .table tbody tr td {
    border-color: #FFF;
    border-top-color: rgb(255, 255, 255);
    border-right-color: rgb(255, 255, 255);
    border-bottom-color: rgb(255, 255, 255);
    border-left-color: rgb(255, 255, 255);
    vertical-align: middle;
}
div#editBody.graph-body #stackTree .table tbody tr td button {
    white-space: normal
}
div#editBody.graph-body #stackTree .btn-disabled {
    background-image: none;
    background-color: #adb1bd;
    border-color: #adb1bd;
}
div#editBody.graph-body #graphModal .modal-dialog{
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
}
div#editBody.graph-body #graphModal .modal-body{
    position: relative;
    padding: 15px;
}
/* ここまで */


/* tooltip */
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #3fa9f5;
    border-radius: 4px;
}
.tooltip-inner {
    background-color: #3fa9f5;
}
.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}
.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9;
}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto;
}
.tooltip {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
}
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    border-top-color: #3fa9f5;
}
/* ここまで */
/* グラフ系画面 共通ボタンimg*/
#editBody img.common-check-btn {
    vertical-align: middle;
    width: 11px;
    height: 11px;
}
#editBody img.common-refresh-btn {
    vertical-align: middle;
    margin-bottom: 2px;
    width: 13px;
    height: 13px;
}
#editBody img.common-refresh-btn-large {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    top: 50%;
    -webkit-transform: translateY(-9%);
}
#editBody .pager #group-id-prev,
#editBody .pager #group-id-next {
    vertical-align: middle;
    -webkit-transform: translateY(-5%);
}
#editBody img.common-download-btn {
    vertical-align: middle;
    margin-bottom: 3px;
    width: 13px;
    height: 13px;
}
#editBody img.common-search-btn {
    vertical-align: middle;
    margin-bottom: 4px;
    width: 13px;
    height: 13px;
}
#editBody img.common-chevron-left-btn {
    vertical-align: middle;
    margin-bottom: 4px;
    width: 10px;
    height: 14px;
}
#editBody img.common-chevron-right-btn {
    vertical-align: middle;
    margin-bottom: 4px;
    width: 10px;
    height: 14px;
}
/* W3001-003 ドキュメント画面 */
textarea.remarks-textarea {
    width : 97%;
}
/* グラフ系 ボタン非活性 */
#editBody .form-group .btn-clear.disabled {
    background-color: #ddd;
    color: #999;
}
#editBody .form-group .btn-success.disabled {
    background-color: #ddd !important;
    color: #999;
    border-color: #ddd !important;
}
#editBody.map-setting .btn-primary.disabled,
#editBody.map-setting .btn-success.disabled {
    background-color: #ddd !important;
    color: #999;
    border-color: #ddd !important;
    background-image: none;
    pointer-events: none;
}


/* ===== 20161122 =====*/
.mod_table{
    width: 781px;
    font-size: 0.8em;
 }
.mod_table table{
    /*width:1000px;*/
    background:#FFF;
    border-collapse: collapse;
}
.mod_table table th,
.mod_table table td{
    border-bottom:solid 1px #FFF;
    border-left:solid 1px #FFF;
    padding:5px;
    text-align:center;
    vertical-align:middle;
}
.mod_table table th.coltitle{
    background:#666;
    color:#FFF;
}
.mod_table table td{
    text-align:center;
}
/*  */
.mod_table table td.hover,
.mod_table table th.hover {
    background-color:#FFFEB5;
}

.mod_table table thead tr th {
    font-weight: bold !important;
    color: #313c5a;
}
.mod_table table thead tr th select {
    width: 150px;
}

.mod_table table tbody tr th:first-child {
    font-weight: bold;
    color: #313c5a;
}
/*
.mod_table table tbody tr th:first-child,
.mod_table table tbody tr td:first-child {
    text-align: left !important;
}
*/
.mod_table table thead tr th img {
    padding-top: 5px;
    vertical-align:-2px;
    margin-right: 3px;
}

.mod_table table tbody tr td {
    z-index: 9999:
}

/*
.mod_table ul.singleBtn > li {padding: 0 25px ;}
.mod_table ul.singleBtn > li > a {
    width:100px;
}
*/
.mod_table ul.singleBtn > li {
    text-align: center;
}
.mod_table ul.singleBtn > li > a {
    text-align: center;
    display: inline-block;
}
.mod_table ul.singleBtn > li > a:hover {
    /*opacity: 0.6!important;*/
}

.treeGroup {text-align:left!important;}
/*.pager { width: 260px; }*/
.pager button {
    background: #FFF;
    padding: 2px 5px;
    color: #313c5a;
    font-weight: bold;
    font-size: 0.8em;
    text-decoration: none;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.pager button[disabled] {
    cursor: not-allowed;
    background-color: #eee;
    color: #999;
}
.pager button.group-refresh-button {
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 4px 6px 4px 6px;
    position: relative;
    left: 2px;
    background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
    border-right: 0 none;
    border: 1px solid #ccc;
}

.cursorHelp {
    cursor: help;
}

/* 計測回路マップ設定画面 */
.table-canvas {
    height:800px;
}
.table-canvas table td,
.table-canvas table th {
    border-bottom-width: 2px;
}
.table-fixed-header-box {
    position:absolute;
    width: 270px;
}
.pager-th {
    height:42px;
}
.table-fixed-header {
    /*text-align:center;*/
    width: 270px;
}
.table-fixed-header th {
    background-color: #d6d8de !important;
    color: #313c5a;
    font-weight: bold !important;
    height: 22px;
    border-bottom-width: 2px;
}
.header-canvas {
    left: 270px;
    overflow-x: hidden;
    position: relative;
    width: 510px;
}
.header-box {
    width:750px;
}
.t-header {

}
.t-header th {
    min-width: 158px !important;
    width:158px !important;
    background-color: #d6d8de !important;
    color: #313c5a;
    font-weight: bold !important;
    height: 22px;
}
.l-text {
    text-align:left !important;
}
.t-header th input[type="text"],
.t-header th select {
    width:100%;
}
.clearBtn {
    border-radius: 3px !important;
    font-size: 12px !important;
    line-height: 1.5;
    padding: 1px 5px !important;
    font-weight: normal !important;
    height:18px !important;
    width:60px !important;
    border: 1px solid #2e6da4 !important;
}
.header-height-gclear {
    height: 34px !important;
}
.header-height-gname {
    height:42px !important;
}
.header-height-gname input {
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
    display: block;
    color: #555;
    background-image: none;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    width: 100%
}
.header-height-gaddress {
    height: 68px !important;
}

.header-height-gaddress select {
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 12px;
    color: #555;
    line-height: 1.5;
    padding: 5px 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    border: 1px solid #ccc;
    width: 100%
}
.header-height-gnumber {
    height:61px !important;
    line-height: 1.5;
}
.header-height-gnumber .pager select {
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 12px;
    color: #555;
    line-height: 1.5;
    padding: 5px 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    border: 1px solid #ccc;
}
.header-height-gnumber img {
    vertical-align: middle;
}
.hidden-br {
    display: none;
}
.first-column {
    height: 540px;
    overflow-y: hidden;
    overflow-x:hidden;
    position: absolute;
}
.t-first-column {
    width:270px;;
}
.t-first-column th,
.t-first-column td {
    overflow-wrap: break-word;
    vertical-align: middle;
    word-break: break-all;
    text-align:left !important;
    height:20px !important;
    width: 260px;
    vertical-align: middle;
    display: table-cell;
}
.body-canvas {
    height: 557px;
    left: 270px;
    overflow: auto;
    position: relative;
    width: 525px;
}
/* スクロールバー */
div.body-canvas::-webkit-scrollbar {
  width:15px;
  background:#eee;
}
div.body-canvas::-webkit-scrollbar:horizontal {
  height:15px;
}
div.body-canvas::-webkit-scrollbar-thumb {
  width:15px;
  background:#aaa;
}
div.body-canvas::-webkit-scrollbar-thumb:horizontal {
  width:15px;
  background:#aaa;
}
div.body-canvas::-webkit-scrollbar-corner {
  background:#ddd;
}
.t-body-box th,
.t-body-box td {
    min-width:158px !important;
    max-width:158px !important;
    height:20px !important;
    background-color: #f7f7f8 !important;
    vertical-align: middle;
}
.t-body-box td input[type="checkbox"] {
    height: 15px;
    vertical-align: middle;
    width: 15px;
}
/* // 計測回路マップ設定画面 */

/* // デマンドグラフ履歴画面 */
.column.type02.data_graph.right.demand_history #editBody {
    position: relative;
    /*height: 550px;*/
}
.column.type02.data_graph.right.demand_history.pulse {
    background-color: #84969c !important;
}
.column.type02.data_graph.right.demand_history.ct {
    background-color: #84839c !important;
}

.demand_history ul.selectHeader {
    width: 100%;
    height: 40px;
    background-color: #5b637b;
    color: #FFF;
}
.demand_history ul.selectHeader li {
    float: left;
    line-height: 40px;
}
.demand_history ul.selectHeader li.graphDate {
    width: 680px;
    text-align: center;
    font-weight: bold;
}
.demand_history ul.selectHeader li.btnBack a {
    height: 40px;
    padding: 0 20px;
    background: #9da1b0;
    display: block;
    line-height: 40px;
    font-size: 0.8em;
    font-weight: bold;
}
.demand_history ul.selectHeader a {
    text-decoration: none;
    color: #FFF;
}

#editBody.graph-body #dmndGraphColumn {
    left: 15px;
    width: 611px;
}
#editBody.graph-body #dmndGraphArea, #dmndGraphColumn {
    position: absolute;
    top: 54px;
    /*left: 0;*/
    /*width: 890px;*/
    height: 450px;
    margin: 0;
}
.demand_history #editBody #graphTypeSign.ct {
    background: url(/img/graph_sign_ct_min.gif) no-repeat 0 0;
    height: 120px;
}
/* モーダル表示時 */
#graphTypeSignModal {
    position: absolute;
    top: 15%;
    left: 90px;
    width: 126px;
    height: 23px;
    z-index: 5;
    text-align: center;
    font-size: 14px;
    padding-top: 47px;
    display:none;
}
#graphTypeSignModal.ct {
    background: url(/img/graph_sign_ct_min.gif) no-repeat 0 0;
}

#dmndDataColumn {
    left: 626px;
}
#dmndDataArea p.target, #dmndDataColumn p {
    top: 55px;
}
#dmndDataArea p.interruptP, #dmndDataColumn p.interruptP {
    top: 113px;
}
#dmndDataArea p.interrupt, #dmndDataColumn p.interrupt {
    top: 133px;
}
#dmndDataArea p.attentionP, #dmndDataColumn p.attentionP {
    top: 183px;
}
#dmndDataArea p.attention, #dmndDataColumn p.attention {
    top: 203px;
}
#dmndDataArea p, #dmndDataColumn p {
    color: #FFF;
    font-size: 0.9em;
    font-weight: bold;
    text-align: right;
    position: absolute;
    right: 88px;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.4);
}
#dmndDataColumn {
    position: absolute;
    top: 82px;
    /*left: 890px;*/
    width: 163px;
    height: 280px;
    margin: 10px 0 0 17px;
    background: url(/img/graph_hanrei_bg.png) no-repeat;
}
ul#dmndHanreiArea.dmnd-hanrei-area-small {
    position: absolute;
    top: 385px;
    right: 0px;
    width: 135px;
    background: #EFEFF2;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    right: 15px;
}
@media screen and (max-width: 1210px) {
    .demand_history ul#dmndHanreiArea {
        width: 135px !important;
        top: 385px !important;
    }
    .demand_history ul#dmndHanreiArea li {
        height: 12px !important;
        margin: 0 0 10px 0 !important;
    }
    .demand_history ul#dmndHanreiArea li:last-child {
        margin-bottom: 0 !important;
    }
}
.column.type02.right .columnHalf {
    width: 388px!important;
    float: left;
}
.column.type02.right .columnHalf {
    width: 388px!important;
    float: left;
}
.ml15 {
    margin-left: 15px!important;
}
.mb30 {
    /*margin-bottom: 30px!important;*/
    font-size: 14px;
}
.ml50 .font92 {
    font-size: 92%;
}
.col-sm-12.graph-top li a {
    width: 60px;
    height: 25px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: linear-gradient(to bottom, #fefefe 0%, #e1e1e1 100%);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    cursor: pointer;
}

.demand_history div#editBody table.tbWorst,
.demand_history div#editBody table.tbBasic,
.demand_history div#editBody table.tbConfig,
.demand_history div#editBody table.tbCommon {
    width: 100%;
    font-size: 0.8em;
}
div#editBody table.tbCommon th,
div#editBody table.tbCommon td {
    padding: 10px;
}
.demand_history ul.singleBtnMin li a {
    width: 60px;
    height: 30px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: linear-gradient(to bottom, #fefefe 0%, #e1e1e1 100%);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    cursor: pointer;
}
.demand_history .tbCommon.mb30 a:hover {
    color: #337ab7 !important;
    text-decoration: none !important;
}
.demand_history h2 span.kani {
    background-color: #FFB113!important;
    margin-left: 15px;
    padding: 3px;
    font-size: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.demand_history span.margin-top-bottom form {
    margin-top: 15px;
    margin-bottom: 15px;
}
table.implementation-history tr:nth-child(odd) td {
    background-color:#f7f7f8 !important;
}

/* 20170403 */ /* メッセージ表示 */
.msgBox {
	width: 100%;
	text-align: center;
	margin: 0 0 10px;
	padding: 20px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.msgBox.alert {
	color: #f15a24;
	background: #fcf7e3;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZjdlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGVmYzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fcf7e3 0%, #f8efc4 100%);
	background: -webkit-linear-gradient(top, #fcf7e3 0%,#f8efc4 100%);
	background: linear-gradient(to bottom, #fcf7e3 0%,#f8efc4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf7e3', endColorstr='#f8efc4',GradientType=0 );
}
.msgBox.success {
	color: #005015;
	background: #cdeb8e;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkZWI4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNWM5NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
	background: -webkit-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
	background: linear-gradient(to bottom, #cdeb8e 0%,#a5c956 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );
}
/* ドキュメント一覧 */
.msgBoxBooking {
	text-align: center;
	padding: 20px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.msgBoxBooking.top {
	margin: 0 15px 10px;
}
.msgBoxBooking.bottom {
	margin: 0 0 10px;
}
.msgBoxBooking.alert {
	color: #f15a24;
	background: #fcf7e3;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZjdlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGVmYzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fcf7e3 0%, #f8efc4 100%);
	background: -webkit-linear-gradient(top, #fcf7e3 0%,#f8efc4 100%);
	background: linear-gradient(to bottom, #fcf7e3 0%,#f8efc4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf7e3', endColorstr='#f8efc4',GradientType=0 );
}

/* 20170403 */ /* 出力ファイルBOX */
.section.type02.filebox .sectionBody h3 {
	font-size: 17px;
	font-weight: bold;
	color: #323c5a;
	margin-bottom: 10px;
}
.section.type02.filebox table { table-layout:fixed; width:100%; }
.section.type02.filebox table tr { height: 51px; }
.section.type02.filebox table tr th:nth-child(1) {width: 23%;}
.section.type02.filebox table tr th:nth-child(3) {width: 18%;}
.section.type02.filebox table tr td:nth-child(1),
.section.type02.filebox table tr td:nth-child(3) {text-align: center;}
.section.type02.filebox table tr td:nth-child(2) {padding-left: 50px; line-height: 20px; }
.section.type02.filebox table tr td ul.singleBtn,
.section.type02.filebox table tr td ul.singleBtn li,
.section.type02.filebox table tr td ul.singleBtn li a { width:120px; margin: 0 auto; }
.section.type02.filebox table tr.new td:nth-child(2) {
	background-image: url(/img/filebox_status-icon_new.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
}
.section.type02.filebox table.reserveList tr td:nth-child(3) { color: #323c5a; font-weight: bold; }
.section.type02.filebox table.reserveList tr td:nth-child(3) img { vertical-align:-5px; margin-right: 10px; }
/*.section.type02.filebox table.doneList tr td { color:#5b637b;}*/
.section.type02.filebox table.doneList tr.new td { color: #000; }
.section.type02.filebox table.doneList tr.allDone td:nth-child(2) { color: #9da1b0; text-align: center;}
.section.type02.filebox table tr.error td:nth-child(3) { color: #79428b; font-weight: bold; }
.section.type02.filebox table tr.error td:nth-child(3) img { vertical-align:-5px; margin-right: 10px; }
.section.type02.filebox table.reserveList tr.allDone td:nth-child(2) { color: #9da1b0; text-align: center;}

.section .sectionHeader ul li.reload,
.section .sectionHeader ul li.prev {
	padding: 0 25px;
}
.section .sectionHeader ul li.reload a,
.section .sectionHeader ul li.prev a {
	background-position: 3px 1px;
	background-repeat: no-repeat;
	padding-left: 40px;
	font-weight: bold;
}
.section .sectionHeader ul li.reload a { background-image: url(/img/bullet_reload.png); }
.section .sectionHeader ul li.prev a { background-image: url(/img/bullet_prev.png); }

.section .sectionHeader ul li.prev {
	list-style-type:none;
	padding-left:15px;
	border-left:1px solid #FFF;
}
.section .sectionHeader ul li.reload {
	list-style-type:none;
	padding-right:25px;
	border-right:1px solid #FFF;
    margin-right: 30px;
}
.section .sectionHeader ul li.prevOnly {
    margin-right: 30px;
	border-right:1px solid #FFF;
}

#mwFileBox #mwBody { text-align: center!important;}
#parentdiv > div #mwBody > ul.xlong li a,
#parentdiv > div #mwBody > ul.xlong li span { width:220px!important; /* 250px */ }
#parentdiv > div #mwBody > ul.xlong li:first-child { margin-left:75px; }
.fileboxName {
	width: 520px;
	margin: 0 auto 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #efeff2;
	padding: 15px;
}
.fileboxName p { margin: 0!important; font-weight: bold;}

.section.type02.filebox table {
    font-size: 14px
}
.section.type02.filebox ul.singleBtn li a {
    background: #313C5A;
    height: 30px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
.section.type02.filebox ul li .backBtn,
.section.type02.booking ul li .backBtn,
.section.type02.filebox ul li .reloadBtn {
    cursor: pointer;
    font-size: 16px;
}