@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic");
@import url("//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700");
* {
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 9pt;
}
.mincho {
  font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
/* CONST */
.displayInline {
  display: inline;
}
.displayInline-Flex {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.displayNone {
  display: none;
}
body {
  color-adjust: exact;
  -webkit-print-color-adjust: exact;
}
.footer {
  position: relative;
  width: 100%;
  margin: 40px auto 4px;
  font-size: 10pt;
}
.footer a {
  color: #337ab7;
  text-decoration: none;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
label.label {
  display: inline-block;
  width: 80px;
  text-align: center;
  color: #fff;
  background-color: #005bac !important;
  padding: 3px;
  font-size: 9pt;
  line-height: 18px;
}
label.label_s {
  font-size: 8pt;
  width: auto;
  padding: 2px 6px;
}
label.form {
  width: 80px;
  text-align: center;
  font-size: 9pt;
  background-color: #cd5c5c;
  color: #fff;
  padding: 4px 4px 0px;
  margin-right: 4px;
}
label.option {
  background-color: #339;
}
label.wauto {
  width: auto;
}
label.pagination,
label.editWeight {
  font-size: 9pt;
}
input[type="text"],
input[type="password"],
input[type="date"] {
  border-radius: 4px;
  height: 18px;
  font-size: 9pt;
  color: #000;
  background-color: #fff;
  border: 1px solid #666;
  padding-left: 2px;
  ime-mode: inactive;
}
input[type="text"].normal,
input[type="password"].normal {
  width: 230px;
}
input[type="text"].small,
input[type="password"].small {
  width: 80px;
}
textarea.normal {
  width: 230px;
  margin-left: 4px;
  border-radius: 4px;
}
button.btn {
  border: solid 1px #666;
  border-radius: 6px;
  width: 120px;
  background-color: #fff;
  padding: 3px 8px 2px;
  line-height: 12px;
  font-weight: bold;
  cursor: pointer;
}
button.btn:hover {
  border: solid 1px #ccc;
  color: #333;
}
button.btn.small {
  width: 60px;
  font-size: 7pt;
}
button.btn.small.wauto,
button.btn.wauto {
  width: auto;
}
button.btn.xs {
  width: auto;
  font-size: 6pt;
  padding: 1px 4px;
}
button:active {
  background: linear-gradient(#69f, #36f);
  outline: none;
}
button.btn.disabled {
  background-color: #ddd !important;
  color: #808080 !important;
  border-color: #ddd !important;
  pointer-events: none;
}
button.btn.large {
  padding: 8px 40px;
  width: auto;
  font-size: 14px;
}
button.btn.caution {
  background-color: #f00;
  color: #fff;
}
button.btn.primary {
  background-color: #6c6;
  color: #fff;
}
button.btn.warning {
  background-color: #fe6;
}
button.btn.btnBule {
  background-color: #005bac;
  border-color: #339;
  color: #fff;
}
button.btn.btnBule:hover {
  border: solid 1px #ccc;
  color: #fff;
}
button.btn.btnBulefix {
  background-color: #005bac;
  border-color: #339;
  color: #fff;
  width: auto;
}
button.btn.btnBulefix:hover {
  border: solid 1px #ccc;
  color: #fff;
  width: auto;
}
div.labelRight {
  position: absolute;
  top: 0px;
  right: 4px;
}
div.labelMiddle {
  position: absolute;
  top: 0px;
  left: 480px;
}
/* PAGE SHARED */
.contentPage {
  margin: 10px 16px;
  width: 96%;
  min-width: 900px;
}
.contentPage .pageHeader {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 9pt;
  width: 100%;
  min-width: 900px;
}
.contentPage .pageHeader .mainLogo {
  position: relative;
  width: 406px;
  height: 54px;
  background-image: url("../images/logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
}
.contentPage .pageHeader .mainLogo > div {
  text-align: center;
  padding-top: 22px;
  font-size: 9pt;
  color: #06c;
}
.contentPage .pageHeader .topMenu {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: space-around;
  -ms-flex-line-pack: space-around;
  align-content: space-around;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  width: 464px;
  height: 60px;
  margin: 8px 12px;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.contentPage .pageHeader .topMenu > div {
  border: solid 1px #696969;
  background-color: #696969;
  border-radius: 4px;
  color: #fff;
  height: 12px;
  padding: 4px 16px;
  margin-left: 4px;
  cursor: pointer;
  text-decoration: underline;
  font-weight: bold;
}
.contentPage .pageHeader .topMenu > div:active {
  background: linear-gradient(#69f, #36f);
  border: solid 1px #fff;
}
.contentPage .pageHeader .topMenu > div.selected {
  background: #005bac;
  border: solid 1px #005bac;
}
.contentPage .pageHeader .topMenu .topMenuBtn {
  max-width: 62px;
}
.contentPage .pageHeader .userPanel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  margin-top: -4px;
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex: 2;
  flex-grow: 2;
}
.contentPage .pageHeader .userPanel > div.loginName {
  margin-top: 8px;
  font-size: 11pt;
  font-weight: bold;
  text-align: right;
}
.contentPage .pageHeader .userPanel > div.diskState {
  margin-top: 8px;
  text-align: right;
  position: relative;
}
.contentPage .pageHeader .userPanel > div.diskState div.meter {
  position: relative;
  display: inline-block;
  margin: 0;
  width: 120px;
  height: 6px;
  border: solid 1px #808080;
  overflow: hidden;
}
.contentPage .pageHeader .userPanel > div.diskState div.meter div.meterInner {
  position: absolute;
  left: -120px;
  top: 0px;
  height: 6px;
  width: 120px;
  background-color: #00f;
}
.contentPage .pageHeader .userPanel > div.diskState div.meterDesc {
  margin-top: 4px;
}
.contentPage .pankuzu {
  background-color: #fff;
  margin: 8px 0 0;
  margin: -24px 0 0;
  font-size: 10pt;
  font-weight: bold;
  padding: 4px;
}
.contentPage .bukkenPanel {
  margin: 8px 0px 0px;
  font-size: 11pt;
  font-weight: bold;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.contentPage .bukkenPanel > div {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  margin-right: 16px;
}
.contentPage .bukkenPanel > div > div.label {
  font-size: 9pt;
  background-color: #339;
  color: #fff;
  padding: 2px 4px;
  margin-right: 4px;
}
.contentPage .bukkenPanel .diskState {
  position: relative;
  display: block;
  height: 20px;
  top: -4px;
  margin-left: 20px;
  margin-right: 0px;
  text-align: center;
}
.contentPage .bukkenPanel .diskState > .meter {
  position: relative;
  width: 120px;
  height: 6px;
  border: solid 1px #808080;
  overflow: hidden;
}
.contentPage .bukkenPanel .diskState > .meter > .meterInner {
  position: absolute;
  top: 0px;
  left: -120px;
  width: 120px;
  height: 6px;
  background-color: #00f;
}
.contentPage .bukkenPanel .diskState > .meterDesc {
  margin-top: 4px;
  font-weight: normal;
  font-size: 12px;
}
.contentPage .contentFrame {
  margin-top: 8px;
}
.buttonPanel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 48px 0 0 80px;
}
.buttonPanel button {
  margin-right: 12px;
}
table.table1 {
  width: 98%;
  margin: 8px 1%;
  border-collapse: separate;
  border-spacing: 2px;
  font-size: 9pt;
}
table.table1 tr:nth-child(even) {
  background: #eef;
}
table.table1 tr:nth-child(odd) {
  background: #ddf;
}
table.table1 th,
table.table1 td {
  padding: 4px 8px;
}
table.table1 th {
  background-color: #fff;
  border: solid 1px #808080;
}
table.table2 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
  font-size: 9pt;
}
table.table2 tr:nth-child(even) {
  background: #eef;
}
table.table2 tr:nth-child(odd) {
  background: #ddf;
}
table.table2 th {
  padding: 8px;
  background-color: #fff;
  border: solid 1px #808080;
}
table.table2 td {
  padding: 4px 8px;
}
table.table2 td.name,
table.table2 th.name {
  width: 200px;
}
table.table2 td.nameS,
table.table2 th.nameS {
  width: 140px;
}
table.table2 td.nameL,
table.table2 th.nameL {
  width: 250px;
}
table.table2 td.xsmall,
table.table2 th.xsmall {
  width: 20px;
}
table.table2 td.small,
table.table2 th.small {
  width: 40px;
}
table.table2 td.middle,
table.table2 th.middle,
table.table2 td.progress,
table.table2 th.progress,
table.table2 td.fileSize,
table.table2 th.fileSize {
  width: 100px;
}
table.table2 td.date,
table.table2 th.date,
table.table2 td.cpName {
  width: 70px;
}
table.table2 td.datetime,
table.table2 th.datetime,
table.table2 td.meter,
table.table2 th.meter {
  width: 120px;
}
table.table2 td.fileSize {
  text-align: right;
}
table.table2 tr.error {
  background-color: #f00;
  opacity: 0.5;
}
table.table3 {
  width: 100%;
  border-collapse: collapse;
  font-size: 9pt;
  border: solid 1px #808080;
}
table.table3 th,
table.table3 td {
  text-align: left;
  padding: 8px;
  border: solid 1px #808080;
}
.smallFont {
  font-size: 60%;
}
.arrowFont {
  font-size: 80%;
}
.red {
  color: #f00;
}
.font120 {
  font-size: 120%;
}
.ffolder {
  position: relative;
  display: inline-block;
  text-align: center;
}
.ffolder:after,
.ffolder:before {
  content: '';
  display: block;
  position: absolute;
}
.ffolder.xs {
  margin: 2px 4px 0 0;
  width: 88px;
  height: 61px;
  width: 15px;
  height: 10px;
  border-radius: 0px 1px 1px 1px;
  background-color: #ffbd00;
}
.ffolder.xs:before {
  top: -2px;
  left: 0;
  width: 5px;
  height: 2px;
  border-radius: 1px 0px 0px 0px;
  background-color: #f1a402;
}
.ffolder.xs:after {
  top: -4px;
  left: 4px;
  border: 2px solid transparent;
  border-bottom-color: #f1a402;
}
div.selected .ffolder.xs {
  background-color: #62de82;
}
div.selected .ffolder.xs:before {
  background-color: #66ca7f;
}
div.selected .ffolder.xs:after {
  border-bottom-color: #66ca7f;
}
.pagination {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.pagination > div.pagePanel {
  margin-left: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.pagination > div.pagePanel > div {
  box-sizing: border-box;
  border: solid 1px #808080;
  border-right: 0;
  padding: 2px 6px;
}
.pagination > div.pagePanel > div a {
  text-decoration: none;
  color: #808080;
}
.pagination > div.pagePanel > div:first-child {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
}
.pagination > div.pagePanel > div:last-child {
  border-right: solid 1px #808080;
  border-radius: 0 4px 4px 0/0 4px 4px 0;
}
.pagination > div.pagePanel > div.selected {
  background-color: #eef;
  color: #000;
}
.pagination > div.pagePanel2 {
  margin: 0 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-family: Arial, sans-serif;
  line-height: 1.1em;
  font-weight: bold;
  font-size: 18px;
}
.pagination > div.pagePanel2 div.pageSkip {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.pagination > div.pagePanel2 div.pageSkip > div {
  width: 0;
  height: 0;
  border: 7px solid transparent;
  pointer-events: none;
}
.pagination > div.pagePanel2 div.pageSkip > div:nth-child(2) {
  margin-left: -7px;
}
.pagination > div.pagePanel2 div.pageSkip.bkwd > div {
  border-right-color: #f00;
}
.pagination > div.pagePanel2 div.pageSkip.fwd > div {
  border-left-color: #f00;
}
.pagination > div.pagePanel2 div.pageSkip.fwd > div:nth-child(1) {
  margin-left: 7px;
}
.pagination > div.pagePanel2 div.pageSkip.disabled {
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}
.pagination > div.pagePanel2 div.pageSkip.fwd.disabled > div {
  border-left-color: #ccc;
}
.pagination > div.pagePanel2 div.pageSkip.bkwd.disabled > div {
  border-right-color: #ccc;
}
.pagination > div.pagePanel2 div.pageSkip:last-child {
  margin-left: -7px;
}
.pagination > div.pagePanel2 div.num {
  width: 18px;
  text-align: center;
  padding: 2px;
  margin: 0 1px;
  cursor: pointer;
}
.pagination > div.pagePanel2 div.num.selected {
  color: #fff;
  background-color: #48f;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: default;
}
.pagination > div.pagePanel2 div.num:hover,
.pagination > div.pagePanel2 div.pageSkip:hover {
  color: #fff;
  background-color: #48f;
  border-radius: 4px;
}
div.mt8 {
  margin-top: 8px;
}
div.mt4 {
  margin-top: 4px;
}
div.mt12 {
  margin-top: 12px;
}
.nop {
  pointer-events: none;
}
.tab {
  position: relative;
  width: 100%;
}
.tab .tabLabels {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  border-bottom: solid 1px #696969;
}
.tab .tabLabels > div {
  position: relative;
  overflow: hidden;
}
.tab .tabLabels > div > p {
  width: 86%;
  font-size: 0.9em;
  font-weight: bold;
  margin: 8px 7%;
  text-align: center;
  overflow: hidden;
  height: 0.9em;
}
.tab .tabLabels > div:nth-child(1) > p {
  margin: 8px 4%;
  text-align: left;
}
.tab .tabLabels > div.s {
  width: 160px;
  height: 24px;
  background-image: url("../images/tabLabelS2_d.svg");
}
.tab .tabLabels > div.s.active {
  background-image: url("../images/tabLabelS2.svg");
}
.tab .tabLabels > div.s:nth-child(1) {
  background-image: url("../images/tabLabelS_d.svg");
}
.tab .tabLabels > div.s.active:nth-child(1) {
  background-image: url("../images/tabLabelS.svg");
}
.tab .tabLabels > div.m {
  width: 200px;
  height: 24px;
  background-image: url("../images/tabLabelM2_d.svg");
}
.tab .tabLabels > div.m.active {
  background-image: url("../images/tabLabelM2.svg");
}
.tab .tabLabels > div.m:nth-child(1) {
  background-image: url("../images/tabLabelM_d.svg");
}
.tab .tabLabels > div.m.active:nth-child(1) {
  background-image: url("../images/tabLabelM.svg");
}
.tab .tabLabels > div.l {
  width: 240px;
  height: 24px;
  background-image: url("../images/tabLabelL2_d.svg");
}
.tab .tabLabels > div.l.active {
  background-image: url("../images/tabLabelL2.svg");
}
.tab .tabLabels > div.l:nth-child(1) {
  background-image: url("../images/tabLabelL_d.svg");
}
.tab .tabLabels > div.l.active:nth-child(1) {
  background-image: url("../images/tabLabelL.svg");
}
.tab .tabBody {
  position: relative;
  width: 100%;
  min-height: 300px;
  background-color: #fff;
  padding: 4px 1px 8px;
  box-sizing: border-box;
  border-color: #696969;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  overflow: auto;
}
.tab .tabBody .sectionTitle {
  width: 98%;
  margin: 8px 1% 12px;
  background-color: #39c;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.tab .tabBody .sectionTitle > div {
  padding: 6px 12px;
}
.tab .tabBody .sectionTitle > div.title {
  min-width: 100px;
}
.tab .tabBody .sectionTitle > div.msg {
  font-size: 12px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.tab .tabBody .sectionTitle.caution {
  background-color: #c33;
}
.tab .tabBody .sectionTitle.warning {
  background-color: #fe6;
  color: #000;
}
.tab .tabLabels2 {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  border-bottom: solid 1px #696969;
  cursor: pointer;
}
.tab .tabLabels2 > div {
  position: relative;
  overflow: hidden;
  margin-left: 2px;
}
.tab .tabLabels2 > div > p {
  width: 96%;
  font-size: 10pt;
  font-weight: bold;
  margin: 6px 2%;
  text-align: center;
  overflow: hidden;
}
.tab .tabLabels2 > div > p a {
  text-decoration: none;
  color: #808080;
}
.tab .tabLabels2 > div > p a:visited {
  color: #808080;
}
.tab .tabLabels2 > div.s {
  width: 100px;
  height: 24px;
  border-radius: 4px 4px 0 0/4px 4px 0 0;
  box-sizing: border-box;
  background-color: #ddd;
  background-color: #696969;
  border: solid 1px #696969;
  border-width: 1px 1px 0 1px;
}
.tab .tabLabels2 > div.active {
  background-color: #005bac;
  border: solid 1px #005bac;
}
.tab .tabLabels2 > div.active a,
.tab .tabLabels2 > div.active a:visited {
  color: #fff;
}
.tab .tabLabels2 > div:nth-child(1) {
  margin-left: 0px;
}
.loginPage {
  position: relative;
  width: 900px;
  margin: 0 auto;
}
.loginPage .pageHeader {
  position: relative;
}
.loginPage .pageHeader .mainLogo {
  position: relative;
  width: 406px;
  height: 120px;
  margin: 32px auto;
  background-image: url("../images/logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.loginPage .pageHeader .mainLogo > div {
  color: #339;
  text-align: center;
  padding-top: 84px;
}
.loginPage .mainContent {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.loginPage .mainContent .loginPanel,
.loginPage .mainContent .logoutPanel {
  position: relative;
  width: 45%;
  margin: 0 auto;
}
.loginPage .mainContent .loginPanel h4,
.loginPage .mainContent .logoutPanel h4 {
  text-align: center;
  margin-bottom: 16px;
}
.loginPage .mainContent .loginPanel .panelBody,
.loginPage .mainContent .logoutPanel .panelBody {
  margin: 0 16px;
}
.loginPage .mainContent .loginPanel .panelBody .formGroup,
.loginPage .mainContent .logoutPanel .panelBody .formGroup {
  margin: 8px auto;
}
.loginPage .mainContent .loginPanel .panelBody #btnLogin,
.loginPage .mainContent .logoutPanel .panelBody #btnLogin {
  margin-left: 100px;
}
.loginPage .mainContent .loginPanel .msg,
.loginPage .mainContent .logoutPanel .msg {
  margin-top: 12px;
  font-size: 0.9em;
  color: #f00;
  text-align: center;
  height: 18px;
  font-weight: bold;
}
.loginPage .mainContent .logoutPanel .panelBody .formGroup {
  margin-top: 32px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.loginPage .mainContent .infoPanel {
  width: 100%;
}
.loginPage .mainContent .infoPanel .newsList {
  width: 98%;
  margin: 4px 1%;
  border-color: #666;
  border-style: solid;
  box-sizing: border-box;
  border-width: 1px 0 0 1px;
}
.loginPage .mainContent .infoPanel .newsList >.news {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
}
.loginPage .mainContent .infoPanel .newsList >.news > div {
  padding: 8px;
  box-sizing: border-box;
  border-color: #666;
  border-style: solid;
  border-width: 0 1px 1px 0;
}
.loginPage .mainContent .infoPanel .newsList >.news .newsDate {
  width: 200px;
  font-size: 0.8em;
}
.loginPage .mainContent .infoPanel .newsList >.news .newsContent {
  font-size: 0.9em;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.topPage {
  position: relative;
}
.topPage .bukkenTopPanel {
  margin: 8px 1%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.topPage .bukkenTopPanel .searchPanel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 8px;
}
.topPage .bukkenTopPanel .searchPanel .formGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.topPage .bukkenTopPanel .searchPanel .formGroup:nth-child(2) {
  margin-left: 4px;
}
.topPage .bukkenTopPanel .searchPanel .row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.topPage .bukkenTopPanel .searchPanel .row:nth-child(2) {
  margin-top: 8px;
}
.topPage .bukkenTopPanel .searchPanel button.btnSearch {
  margin-left: 4px;
  width: 22px;
  height: 22px;
  background-image: url("../images/search.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.topPage .bukkenTopPanel .searchPanel input[type="text"] {
  margin-left: 4px;
  width: 200px;
}
.topPage .bukkenTopPanel .searchPanel input[type="text"].date {
  width: 90px;
}
.topPage .bukkenTopPanel .searchPanel input[type="text"].w130 {
  width: 130px;
}
.topPage .bukkenTopPanel .searchPanel label {
  background-color: #339;
  color: #fff;
}
.topPage .bukkenTopPanel .searchPanel label.label1stL {
  width: 150px;
}
.topPage .bukkenTopPanel .searchPanel label.label1st {
  width: 80px;
}
.topPage .bukkenTopPanel .searchPanel label.label2nd {
  width: 54px;
}
.topPage .bukkenTopPanel .middlePanel {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.topPage .bukkenTopPanel .middlePanel .pagination,
.topPage .bukkenTopPanel .middlePanel .searchRem {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.topPage .bukkenTopPanel .middlePanel .pagination > label,
.topPage .bukkenTopPanel .middlePanel .searchRem > label {
  font-size: 9pt;
}
.topPage .bukkenTopPanel .middlePanel > div.pagination {
  margin-top: 8px;
}
.topPage .bukkenTopPanel .middlePanel > div.searchRem {
  margin-top: 4px;
}
.topPage .bukkenTopPanel .middlePanel label.label {
  background-color: #339;
  color: #fff;
}
.topPage .bukkenTopPanel .rightPanel {
  font-size: 9pt;
}
.topPage .bukkenTopPanel select {
  margin-left: 4px;
  width: 95px;
  font-weight: bold;
}
.topPage div.tables {
  margin: 8px 1%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.topPage div.tables div {
  overflow: hidden;
  position: relative;
}
.topPage div.tables div table.bukkenList {
  margin: 0;
  position: relative;
}
.topPage div.tables > div.block1 {
  min-width: 500px;
  max-width: 500px;
  width: 500px;
}
.topPage div.tables > div.block2 {
  overflow: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex: 1;
  flex-shrink: 1;
}
.topPage div.tables > div.block2 > div.block2In {
  width: 1577px;
}
.topPage div.tables > div.block2 > div.block2In > table.bukkenList {
  left: -500px;
}
.topPage div.tables > div.block3 {
  width: 410px;
}
.topPage div.tables > div.block3 > table.bukkenList {
  left: -1570px;
}
.topPage table.bukkenList {
  width: auto;
  width: 2077px;
  font-size: 9pt;
  table-layout: fixed;
}
.topPage table.bukkenList tr {
  word-break: break-all;
}
.topPage table.bukkenList td {
  text-align: center;
  vertical-align: middle;
}
.topPage table.bukkenList td:nth-child(1),
.topPage table.bukkenList th:nth-child(1) {
  width: 100px;
  max-width: 100px;
  min-width: 100px;
}
.topPage table.bukkenList td:nth-child(2),
.topPage table.bukkenList th:nth-child(2),
.topPage table.bukkenList th:nth-child(3),
.topPage table.bukkenList td:nth-child(3) {
  width: 170px;
  max-width: 170px;
  min-width: 170px;
}
.topPage table.bukkenList td:nth-child(4),
.topPage table.bukkenList th:nth-child(4) {
  width: 100px;
  max-width: 100px;
  min-width: 100px;
}
.topPage table.bukkenList td:nth-child(5),
.topPage table.bukkenList th:nth-child(5),
.topPage table.bukkenList td:nth-child(6),
.topPage table.bukkenList th:nth-child(6),
.topPage table.bukkenList td:nth-child(7),
.topPage table.bukkenList th:nth-child(7) {
  width: 70px;
  max-width: 70px;
  min-width: 70px;
}
.topPage table.bukkenList td:nth-child(8),
.topPage table.bukkenList th:nth-child(8) {
  width: 235px;
  max-width: 235px;
  min-width: 235px;
}
.topPage table.bukkenList td:nth-child(9),
.topPage table.bukkenList td:nth-child(10),
.topPage table.bukkenList td:nth-child(11),
.topPage table.bukkenList td:nth-child(12),
.topPage table.bukkenList th:nth-child(9),
.topPage table.bukkenList th:nth-child(10),
.topPage table.bukkenList th:nth-child(11),
.topPage table.bukkenList th:nth-child(12) {
  width: 75px;
  max-width: 75px;
  min-width: 75px;
}
.topPage table.bukkenList td:nth-child(13),
.topPage table.bukkenList th:nth-child(13) {
  width: 120px;
  max-width: 120px;
  min-width: 120px;
}
.topPage table.bukkenList td:nth-child(14),
.topPage table.bukkenList th:nth-child(14) {
  width: 150px;
  max-width: 150px;
  min-width: 150px;
}
.topPage table.bukkenList td:nth-child(15),
.topPage table.bukkenList td:nth-child(16),
.topPage table.bukkenList td:nth-child(17),
.topPage table.bukkenList th:nth-child(15),
.topPage table.bukkenList th:nth-child(16),
.topPage table.bukkenList th:nth-child(17) {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
}
.topPage table.bukkenList td:nth-child(1),
.topPage table.bukkenList td:nth-child(2),
.topPage table.bukkenList td:nth-child(3),
.topPage table.bukkenList td:nth-child(8) {
  text-align: left;
}
.topPage table.bukkenList th:nth-child(15) {
  background-color: #ff9;
}
.topPage table.bukkenList th:nth-child(16) {
  background-color: #ddd;
}
.topPage table.bukkenList div.mapIcon {
  display: inline-block;
  background-color: #33f;
  border: solid 1px #fff;
  border-radius: 4px;
  color: #fff;
  padding: 2px 4px;
  font-size: 7pt;
  margin-left: 12px;
  float: right;
  cursor: pointer;
}
.topPage table.bukkenList div.mapIcon a,
.topPage table.bukkenList div.mapIcon a:visited,
.topPage table.bukkenList div.mapIcon a:active,
.topPage table.bukkenList div.mapIcon a:hover {
  color: #fff;
  text-decoration: none;
}
.topPage table.bukkenList th > div.btn2 {
  width: 100%;
  font-size: 7pt;
  padding: 4px 2px;
  border-radius: 2px;
  color: #fff;
  background-color: #666;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  margin-top: 4px;
}
.topPage table.bukkenList th > div.btn2:active,
.topPage table.bukkenList th div.btn2:hover {
  background: #69f;
}
.topPage .tab .labelRight {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  top: 0px;
}
.topPage .tab .labelRight .pagination {
  margin-top: 0px;
}
.topPage .tab .labelRight button.btn {
  margin-right: 8px;
}
.shousaiPage .contentFrame .bukkenForm {
  position: relative;
  width: 98%;
  margin: 0px 1%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.shousaiPage .contentFrame .bukkenForm > div {
  width: 360px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.shousaiPage .contentFrame .bukkenForm > div > div.formGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
}
.shousaiPage .contentFrame .bukkenForm input.date {
  width: 80px;
}
.shousaiPage .contentFrame .commandPanel {
  width: 98%;
  margin: 32px 1% 24px;
}
.shousaiPage .contentFrame .commandPanel button {
  min-width: 180px;
  margin-left: 88px;
}
.shousaiPage .contentFrame .extFrame {
  height: 540px;
  height: 680px;
}
.bunshoPage .contentFrame .bunshoFrame {
  font-size: 9pt;
  position: relative;
  width: 98%;
  margin: 8px 1%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame {
  position: relative;
  font-size: 10pt;
  width: 300px;
  min-width: 300px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame #folderLabel {
  font-size: 12pt;
  font-weight: bold;
  margin-bottom: 5px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .scrollArea {
  max-height: 500px;
  width: 340px;
  overflow-y: auto;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .scrollArea2 {
  width: 300px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu {
  overflow: auto;
  width: 280px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div {
  padding: 8px 6px;
  background-color: #eef;
  border: solid 1px #808080;
  border-bottom: solid 1px #ccc;
  border-top: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  word-break: break-all;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div > div {
  margin-right: 4px;
  text-decoration: underline;
  color: #00f;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div > div.folderName {
  width: 110px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div > div.shareFlag {
  font-size: 9pt;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div > div.processName {
  width: 200px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div > div:last-child {
  width: 50px;
  text-align: right;
  margin-right: 0;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div:first-child {
  border-top: solid 1px #808080;
  border-radius: 6px 6px 0 0/6px 6px 0 0;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div:first-child > div.folderName {
  width: 150px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div:first-child > div.processName {
  width: 350px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div:last-child {
  border-bottom: solid 1px #808080;
  border-radius: 0 0 6px 6px/0 0 6px 6px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div.selected {
  background-color: #fcc;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div.single {
  border-radius: 6px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu button.btnUpload {
  width: 80px;
  height: 16px;
  margin-right: 4px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 280px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl > div {
  width: 50px;
  text-align: center;
  box-sizing: border-box;
  border: solid 1px #808080;
  border-right: 0px;
  padding: 4px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl > div:first-child,
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl div:nth-child(4) {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl > div:nth-child(3),
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl div:last-child {
  border-right: solid 1px #808080;
  border-radius: 0 4px 4px 0/0 4px 4px 0;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl > div:nth-child(3) {
  margin-right: 2px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl > div:active {
  background: linear-gradient(#69f, #36f);
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl > div.disabled {
  background-color: #808080;
  color: #ccc;
  pointer-events: none;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl > div.fullLen {
  width: 100%;
  border-radius: 4px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl > div#btnFChange {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .reportInfoMenu {
  overflow: auto;
  width: 280px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .reportInfoMenu > div {
  padding: 8px 6px;
  background-color: #eef;
  border: solid 1px #808080;
  border-bottom: solid 1px #ccc;
  border-top: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  word-break: break-all;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .reportInfoMenu > div > div {
  margin-right: 4px;
  text-decoration: underline;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .reportInfoMenu > div > div.folderName {
  width: 110px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .reportInfoMenu > div > div.shareFlag {
  font-size: 9pt;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .reportInfoMenu > div > div.processName {
  width: 350px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .reportInfoMenu > div:first-child {
  border-top: solid 1px #808080;
  border-radius: 6px 6px 0 0/6px 6px 0 0;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .reportInfoMenu > div:first-child > div.folderName {
  width: 150px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .reportInfoMenu > div:first-child > div.processName {
  width: 350px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .reportInfoMenu > div:last-child {
  border-bottom: solid 1px #808080;
  border-radius: 0 0 6px 6px/0 0 6px 6px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .reportInfoMenu > div.selected {
  background-color: #fcc;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .reportInfoMenu > div.single {
  border-radius: 6px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .reportInfoMenu button.btnUpload {
  width: 80px;
  height: 16px;
  margin-right: 4px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex: 1;
  flex-shrink: 1;
  margin-left: 16px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame label.label {
  padding: 0px;
  width: 60px;
  height: 18px;
  background-color: #339;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .leftPanel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .leftPanel > .title {
  font-size: 12pt;
  font-weight: bold;
  margin-left: 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 20px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .leftPanel > .title > div.mailButtons {
  margin-left: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .leftPanel > .title > div.mailButtons button {
  margin-left: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .leftPanel.wide {
  width: 100%;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .rightPanel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .rightPanel button#btnUpload {
  background-color: #00f;
  color: #fff;
  border: solid 1px #339;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .rightPanel button {
  margin-left: 4px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .pageTitle {
  font-size: 14pt;
  font-weight: bold;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  border-bottom: solid 1px #808080;
  margin-top: 8px;
  padding-bottom: 2px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .formGroup {
  margin-right: 12px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .formGroup select {
  width: 128px;
  font-weight: 12pt;
  margin-left: 4px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .formGroup button,
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .formGroup input {
  margin-left: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .formGroup .editWeight > label {
  padding-top: 5px;
  margin-left: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .formGroup .editWeight > div {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  width: 50px;
  text-align: center;
  box-sizing: border-box;
  border: solid 1px #808080;
  border-right: 0px;
  padding: 4px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .formGroup .editWeight > div:first-child {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
  margin-left: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .formGroup .editWeight > div:last-child {
  border-right: solid 1px #808080;
  border-radius: 0 4px 4px 0/0 4px 4px 0;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .formGroup .editWeight > div.disabled {
  background-color: #808080;
  color: #ccc;
  pointer-events: none;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .pagination select {
  margin-left: 4px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .pagination select.numShow {
  width: 128px;
  font-weight: 12pt;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .groupCommand {
  margin-top: 4px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList > .scrollArea {
  display: inline-block;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList > div > .fileListHeader {
  width: 870px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList > div > .fileListBody {
  width: 870px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 {
  width: 1126px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 th:nth-child(1),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(1) {
  width: 30px;
  text-align: center;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 th:nth-child(2),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(2) {
  width: 120px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 th:nth-child(3),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(3) {
  width: 200px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 th:nth-child(4),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(4) {
  width: 200px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 th:nth-child(5),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(5) {
  width: 120px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 th:nth-child(6),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(6) {
  width: 80px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 th:nth-child(7),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(7) {
  width: 30px;
  text-align: center;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 th:nth-child(8),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(8) {
  width: 104px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 th:nth-child(9),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(9) {
  width: 60px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(8) {
  font-size: 8pt;
  text-align: center;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(6) {
  text-align: right;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 > .scrollArea {
  display: inline-block;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 > div > .fileListHeader {
  width: 870px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 > div > .fileListBody {
  width: 870px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 {
  width: 1006px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 th:nth-child(1),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 td:nth-child(1) {
  width: 30px;
  text-align: center;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 th:nth-child(2),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 td:nth-child(2) {
  width: 120px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 th:nth-child(3),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 td:nth-child(3) {
  width: 200px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 th:nth-child(4),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 td:nth-child(4) {
  width: 200px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 th:nth-child(5),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 td:nth-child(5) {
  width: 80px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 th:nth-child(6),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 td:nth-child(6) {
  width: 30px;
  text-align: center;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 th:nth-child(7),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 td:nth-child(7) {
  width: 104px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 th:nth-child(8),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 td:nth-child(8) {
  width: 60px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 td:nth-child(7) {
  font-size: 8pt;
  text-align: center;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 td:nth-child(5) {
  text-align: right;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .reportInfoList > .scrollArea {
  display: inline-block;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .reportInfoList > div > .reportInfoListHeader {
  width: 870px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .reportInfoList > div > .reportInfoListBody {
  width: 870px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .reportInfoList table.table2 {
  width: 910px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .reportInfoList table.table2 th:nth-child(1),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .reportInfoList table.table2 td:nth-child(1) {
  width: 30px;
  text-align: center;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .reportInfoList table.table2 th:nth-child(2),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .reportInfoList table.table2 td:nth-child(2) {
  width: 120px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .reportInfoList table.table2 th:nth-child(3),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .reportInfoList table.table2 td:nth-child(3) {
  width: 200px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .reportInfoList table.table2 th:nth-child(4),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .reportInfoList table.table2 td:nth-child(4) {
  width: 200px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .reportInfoList table.table2 th:nth-child(5),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .reportInfoList table.table2 td:nth-child(5) {
  width: 80px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .reportInfoList table.table2 th:nth-child(6),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .reportInfoList table.table2 td:nth-child(6) {
  width: 104px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .reportInfoList table.table2 th:nth-child(7),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .reportInfoList table.table2 td:nth-child(7) {
  width: 60px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .reportInfoList table.table2 td:nth-child(5) {
  text-align: right;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .reportInfoList table.table2 td:nth-child(6) {
  font-size: 8pt;
  text-align: center;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel.groupTitle {
  width: 652px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .groupList > .scrollArea {
  max-height: 500px;
  width: 805px;
  overflow-y: auto;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .groupList table.table2 {
  width: 788px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .groupList table.table2 th.small,
.bunshoPage .contentFrame .bunshoFrame .fileFrame .groupList table.table2 td.small {
  width: 45px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .groupList .scrlTblHeader {
  width: 783px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame th.nameContractor,
.bunshoPage .contentFrame .bunshoFrame .fileFrame td.nameContractor {
  width: 23.5%;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame th.nameShiten,
.bunshoPage .contentFrame .bunshoFrame .fileFrame td.nameShiten {
  width: 23.5%;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame th.nameGyousyu,
.bunshoPage .contentFrame .bunshoFrame .fileFrame td.nameGyousyu {
  width: 23.5%;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame th.mailNotice,
.bunshoPage .contentFrame .bunshoFrame .fileFrame td.mailNotice {
  width: auto;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel.procTitle {
  width: 600px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .procList table.table2 {
  width: 600px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .procList table.table2 th:nth-child(1),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .procList table.table2 td:nth-child(1) {
  width: 250px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .procList table.table2 th:nth-child(2),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .procList table.table2 td:nth-child(2) {
  width: 250px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .procList table.table2 th:nth-child(3),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .procList table.table2 td:nth-child(3) {
  width: 60px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .procList table.table2 tr.selected {
  background-color: #fcc;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .updownPanel button:nth-child(1) {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .updownPanel button:nth-child(2) {
  border-radius: 0 4px 4px 0/0 4px 4px 0;
  margin-left: 0;
  border-left: 0;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .updownPanel button.btn.disabled {
  background-color: #808080 !important;
  color: #ccc !important;
  pointer-events: none;
  border-color: #808080 !important;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile {
  width: 240px;
  margin: 0 12px 12px 0;
  position: relative;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .thumb {
  width: 240px;
  height: 180px;
  box-sizing: border-box;
  border: solid 1px #808080;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .thumb.wordDoc {
  width: 240px;
  height: 80px;
  background-image: url("../images/thmb_word.jpg");
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .thumb.xlsDoc {
  width: 240px;
  height: 80px;
  background-image: url("../images/thmb_excel.jpg");
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .thumb.selected {
  border: solid 3px #f00;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .panel {
  margin-top: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .panel > div.detailLink {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  text-align: right;
  text-decoration: underline;
  cursor: pointer;
  color: #00f;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .desc table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .desc table th,
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .desc table td {
  text-align: left;
  padding: 4px;
  border: solid 1px #808080;
  word-break: break-all;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .desc table th {
  width: 90px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .desc table td {
  width: 130px;
}
.bunshoPage .contentFrame .bunshoFrame .fileDesc {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .fileDesc img {
  width: 80px;
}
.bunshoPage .contentFrame .bunshoFrame .fileDesc .fileInfo {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.bunshoPage .contentFrame .bunshoFrame .fileDesc table.table3 {
  margin-top: 6px;
}
.bunshoPage .contentFrame .bunshoFrame .fileDesc table.table3 th {
  width: 120px;
}
.bunshoPage .contentFrame .bunshoFrame .commandPanel {
  margin-top: 32px;
  margin-left: 80px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bunshoPage .contentFrame .bunshoFrame .pathDesc {
  margin-top: 8px;
  font-size: 10pt;
  font-weight: bold;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame#sharePanel {
  display: none;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame#sharePanel .titlePanel:nth-child(2) {
  margin-top: 8px;
}
#dlgFolder {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#dlgFolder > div {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#dlgFolder > div input {
  height: 24px;
  font-size: 14px;
}
#dlgFolder > div:nth-child(2) {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
#dlgShared {
  display: none;
}
#dlgShared > div:nth-child(3) {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 20px;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
#dlgShared > div:nth-child(3) button {
  width: 160px;
  height: 32px;
}
.uploadDialog .title {
  font-size: 12pt;
  font-weight: bold;
  margin-left: 8px;
}
.uploadDialog #fileDropArea {
  width: 90%;
  margin: auto 5%;
  height: 200px;
  border: solid 1px #808080;
  border-radius: 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #eee;
}
.uploadDialog #fileDropArea > div {
  position: relative;
  font-size: 16pt;
  text-align: center;
  color: #999;
  font-weight: bold;
}
.uploadDialog #fileDropArea > div.notice {
  font-size: 14pt;
  margin-top: 12px;
}
.uploadDialog .formGroup {
  margin: 16px 0px;
  font-size: 14px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.uploadDialog div.errMsg {
  text-align: center;
  font-weight: bold;
  color: #f00;
}
.uploadDialog td.progress .meter {
  width: 98px;
  height: 6px;
  overflow: hidden;
  border: solid 1px #808080;
  position: relative;
  background-color: #fff;
}
.uploadDialog td.progress .meter > .meterInner {
  width: 50px;
  height: 6px;
  background-color: #008000;
}
.detailDialog .desc {
  border: solid 1px #808080;
}
.detailDialog .desc button.btn {
  height: 32px;
}
.detailDialog .iconView {
  width: 100%;
  height: 320px;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.detailDialog .iconView.half {
  height: 260px;
}
.detailDialog table {
  width: 100%;
}
.detailDialog table td,
.detailDialog table th {
  padding: 8px;
  border: solid 1px #808080;
}
.detailDialog table th {
  width: 160px;
}
.detailDialog table td {
  word-break: break-all;
}
.detailDialog table .nopadding {
  padding: 0;
}
.shareDialog .header {
  border-bottom: solid 1px #808080;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 12px;
}
.shareDialog .header > div {
  margin-bottom: 8px;
}
.shareDialog .header > div:nth-child(1) {
  margin-left: 8px;
  font-size: 11pt;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.shareDialog .header select {
  margin-right: 8px;
}
.shareDialog .header2 {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.shareDialog .header2 > div:nth-child(1) {
  font-size: 12pt;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.shareMailDialog iframe,
.notifyMailDialog iframe {
  width: 100%;
  height: 320px;
}
.dlgContent.processPatternDlg div.dlgBody > div.section:nth-child(1) {
  height: 270px;
  overflow-y: scroll;
}
.dlgContent.processPatternDlg div.dlgBody > div.section:nth-child(1) table.table1 {
  width: 95%;
}
.dlgContent.processPatternDlg div.dlgBody > div.section:nth-child(1) table.table1 tbody.mProcs {
  max-height: 240px;
}
.dlgContent.processPatternDlg div.dlgBody > div.section:nth-child(1) table.table1 tbody.mProcs td:nth-child(1) {
  width: 30px;
  text-align: center;
}
.rangeLine {
  left: 0px;
  top: 0px;
  width: 0px;
  position: absolute;
  height: 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.rangeLine > div:nth-child(1) {
  margin-left: 2px;
  width: 0px;
  height: 0px;
  border: solid 6px #f00;
  border-radius: 6px;
}
.rangeLine > div:nth-child(2) {
  height: 4px;
  background-color: #808080;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.rangeLine > div:nth-child(3) {
  margin-right: 3px;
  width: 0px;
  height: 0px;
  border: solid 6px #00f;
  border-radius: 6px;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex: 1;
  flex-shrink: 1;
}
.rangeLine.active > div:nth-child(1) {
  border: solid 6px #f99;
}
.rangeLine.active > div:nth-child(2) {
  background-color: #ccc;
}
.rangeLine.active > div:nth-child(3) {
  border: solid 6px #99f;
}
.kouteiCopyDialog .dlgBody .header {
  font-size: 12pt;
  margin-left: 12px;
}
.kouteiCopyDialog .dlgBody .table1 {
  table-layout: fixed;
  margin: 0 1%;
}
.kouteiCopyDialog .dlgBody .table1 td,
.kouteiCopyDialog .dlgBody .table1 th {
  width: 33%;
}
.kouteiCopyDialog .dlgBody .table1 tr.selected td {
  background-color: #fcc;
}
.kouteiCopyDialog .dlgBody .bukkenList {
  height: 220px;
  overflow: scroll;
}
.kouteiCopyDialog .dlgBody .bukkenName {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.kouteiCopyDialog .dlgBody .bukkenName div {
  padding: 4px 8px;
  font-size: 11pt;
}
.kouteiCopyDialog .dlgBody .bukkenName label {
  background-color: #339;
}
.kouteiCopyDialog .dlgBody input#calCopy {
  width: 70px;
  margin-left: 8px;
}
.modalDialog {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  overflow: auto;
}
.modalDialog > .overlay {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  background-color: #000;
  opacity: 0.2;
}
.modalDialog > .dlgContent {
  position: relative;
  padding: 12px;
  background-color: #fff;
  border: solid 1px #fff;
  border-radius: 8px;
  margin: 80px auto;
  width: 50px;
  min-width: 320px;
  min-height: 120px;
}
.modalDialog > .dlgContent .dlgTitle {
  background-color: #39c;
  color: #fff;
  padding: 8px;
  border-radius: 4px;
  font-size: 12pt;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream {
  font-size: 10pt;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream label.label {
  height: 18px;
  padding: 2px;
  margin-left: 6px;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .flexGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0px;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .header {
  border-bottom: solid 1px #808080;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 12px;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .header > div {
  margin-bottom: 8px;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .header > div:nth-child(1) {
  margin-left: 8px;
  font-size: 11pt;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .header select {
  margin-right: 8px;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .header2 {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .header2 > div:nth-child(1) {
  font-size: 12pt;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList .scrollArea {
  max-height: 350px;
  overflow-y: auto;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList select {
  margin-left: 4px;
  width: 90px;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList input[type="text"] {
  margin-left: 4px;
  width: 85px;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 {
  width: 770px;
td
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 th.nameContractor,
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 td.nameContractor {
  width: 17%;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 th.nameShiten,
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 td.nameShiten {
  width: 17%;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 th.nameGyousyu,
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 td.nameGyousyu {
  width: 17%;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 th.nameUser,
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 td.nameUser {
  width: 17%;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 th.notice,
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 td.notice {
  width: 23%;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 td.delete {
  text-align: center;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList > .scrollArea {
  max-height: 400px;
  overflow-y: auto;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList select {
  margin-left: 4px;
  width: 150px;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList input[type="text"] {
  margin-left: 4px;
  width: 145px;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 {
  width: 770px;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 th.nameShiten,
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 td.nameShiten {
  width: 18.8%;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 th.nameBusyo,
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 td.nameBusyo {
  width: 18.8%;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 th.nameUser,
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 td.nameUser {
  width: 18.8%;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 th.nameMailAddressPc,
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 td.nameMailAddressPc {
  width: 18.8%;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 th.nameMailAddressMb,
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 td.nameMailAddressMb {
  width: 18.8%;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 td.xsmall {
  text-align: center;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 td {
  text-align: left;
  border: none;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream > .tab > .tabLabels2 > .shareComments {
  color: #000;
  margin-left: 40px;
  margin-top: 5px;
  text-align: left;
  border: none;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream label.label {
  height: 18px;
  padding: 2px;
  margin-left: 6px;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream .flexGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0px;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream .scrollArea {
  max-height: 400px;
  overflow-y: auto;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream select {
  margin-left: 4px;
  width: 150px;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream input[type="text"] {
  margin-left: 4px;
  width: 145px;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 {
  width: 770px;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 td {
  text-align: left;
  border: none;
  word-break: break-all;
  word-wrap: break-word;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 th.nameContractor,
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 td.nameContractor {
  width: 18%;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 th.nameShiten,
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 td.nameShiten {
  width: 18%;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 th.nameGyousyu,
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 td.nameGyousyu {
  width: 18%;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 th.nameUser,
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 td.nameUser {
  width: 18%;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 th.nameMailAddress,
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 td.nameMailAddress {
  width: 18%;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 th.xsmall,
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 td.xsmall {
  text-align: center;
}
.modalDialog > .dlgContent .dlgBody {
  margin-top: 16px;
  width: 100%;
}
.modalDialog > .dlgContent .dlgBody .header > div:nth-child(1) {
  margin-bottom: 8px;
}
.modalDialog > .dlgContent .dlgBody .header > div:nth-child(1) span.caution {
  padding-left: 16px;
  color: #f00;
}
.modalDialog > .dlgContent .dlgBody .header .formGroup {
  display: block;
}
.modalDialog > .dlgContent .dlgBody .header .formGroup input,
.modalDialog > .dlgContent .dlgBody .header .formGroup .label {
  vertical-align: middle;
}
.modalDialog > .dlgContent .dlgBody .header .formGroup input {
  margin-left: 10px;
}
.modalDialog > .dlgContent .dlgBody .header .formGroup .label {
  background-color: #339;
}
.modalDialog > .dlgContent .dlgBody .section {
  margin-bottom: 16px;
}
.modalDialog > .dlgContent .dlgBody .section .desc {
  margin: 4px;
  font-size: 12px;
  position: relative;
  font-weight: normal;
}
.modalDialog > .dlgContent .dlgBody .section .errMsg {
  margin-top: 12px;
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  color: #f00;
}
.modalDialog > .dlgContent .dlgBody table.table2 {
  width: 783px;
}
.modalDialog > .dlgContent .dlgBody table.table2 tr {
  word-break: break-all;
}
.modalDialog > .dlgContent .dlgBody table.table2 tr,
.modalDialog > .dlgContent .dlgBody table.table2 td {
  vertical-align: top;
  padding-top: 8px;
}
.modalDialog > .dlgContent .dlgBody table.table2 .scrlTblHeader {
  width: 783px;
}
.modalDialog > .dlgContent .dlgBody table.table2 th.dlgGyoshu,
.modalDialog > .dlgContent .dlgBody table.table2 td.dlgGyoshu {
  width: auto;
}
.modalDialog > .dlgContent .dlgBody table.table2 th.dlgGyosha,
.modalDialog > .dlgContent .dlgBody table.table2 td.dlgGyosha,
.modalDialog > .dlgContent .dlgBody table.table2 th.dlgShiten,
.modalDialog > .dlgContent .dlgBody table.table2 td.dlgShiten {
  width: 24%;
}
.modalDialog > .dlgContent .dlgBody table.table2 th.xsmall,
.modalDialog > .dlgContent .dlgBody table.table2 td.xsmall,
.modalDialog > .dlgContent .dlgBody table.table2 td.dlgStaffZero {
  width: 32px;
  text-align: center;
}
.modalDialog > .dlgContent .dlgBody table.table2 td.dlgStaffZero {
  padding: 4px 4px;
  font-size: 8pt;
  color: #f00;
}
.modalDialog > .dlgContent .dlgBody table.table2 th.nameContractor,
.modalDialog > .dlgContent .dlgBody table.table2 td.nameContractor,
.modalDialog > .dlgContent .dlgBody table.table2 th.nameShiten,
.modalDialog > .dlgContent .dlgBody table.table2 td.nameShiten,
.modalDialog > .dlgContent .dlgBody table.table2 th.nameGyousyu,
.modalDialog > .dlgContent .dlgBody table.table2 td.nameGyousyu {
  width: 23.5%;
}
.modalDialog > .dlgContent .dlgBody table.table2 th.mailNotice,
.modalDialog > .dlgContent .dlgBody table.table2 td.mailNotice {
  width: auto;
}
.modalDialog > .dlgContent .dlgBody .mUsers {
  width: 100%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame {
  font-size: 9pt;
  position: relative;
  width: 98%;
  margin: 8px 1%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame .scrollArea {
  max-height: 300px;
  width: 870px;
  overflow-y: auto;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame .frameLabel {
  margin-bottom: 5px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame .frameLabel #processLabel {
  font-size: 12pt;
  font-weight: bold;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame .frameLabel #msgNoCheck {
  color: #f00;
  margin-left: 5px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table {
  width: 850px;
  border-collapse: collapse;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table tbody {
  background-color: #eef;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table th,
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table td {
  border: solid 1px #808080;
  padding: 8px 4px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table th {
  vertical-align: middle;
  font-size: 10pt;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table tr.selected {
  background-color: #fcc;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table th:nth-child(1),
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table td:nth-child(1) {
  width: 100px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table th:nth-child(2),
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table td:nth-child(2) {
  width: 180px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table th:nth-child(3),
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table td:nth-child(3) {
  width: 120px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table th:nth-child(4),
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table td:nth-child(4) {
  width: 160px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table th:nth-child(5),
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table td:nth-child(5) {
  width: auto;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table td:nth-child(5) {
  border-right: none;
  word-break: break-all;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table th,
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table td:nth-child(1),
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table td:nth-child(3),
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table td:nth-child(4) {
  text-align: center;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table th:nth-child(1),
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table td:nth-child(1) {
  border-right-style: double;
  border-right-width: initial;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table tr:nth-child(1) th:nth-child(1) {
  border-bottom: none;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table tr:nth-child(1) td {
  border-top: none;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table tr:nth-child(2) th:nth-child(1) {
  border-top: none;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table input[type="text"],
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame table textarea {
  width: 175px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame .folderControl {
  width: 404px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame .folderControl > div {
  width: 116px;
  font-size: 100%;
  box-sizing: border-box;
  border: solid 1px #808080;
  border-right: 0;
  padding: 4px;
  text-align: center;
  cursor: pointer;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame .folderControl > div:nth-child(1),
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame .folderControl div:nth-child(3) {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame .folderControl > div:last-child,
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame .folderControl div:nth-child(2) {
  border-right: solid 1px #808080;
  border-radius: 0 4px 4px 0/0 4px 4px 0;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame .folderControl > div:nth-child(2) {
  margin-right: 2px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame .folderControl > div.disabled {
  background-color: #808080;
  color: #ccc;
  pointer-events: none;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcPtnFrame .caution {
  font-size: 95%;
  margin-top: 8px;
  margin-bottom: 8px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame {
  font-size: 9pt;
  position: relative;
  width: 98%;
  margin: 8px 1%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame .scrollArea {
  max-height: 300px;
  width: 870px;
  overflow-y: auto;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame .frameLabel {
  margin-bottom: 5px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame .frameLabel #processLabel {
  font-size: 12pt;
  font-weight: bold;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame .frameLabel #msgNoCheck {
  color: #f00;
  margin-left: 5px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table {
  width: 850px;
  border-collapse: collapse;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table tbody {
  background-color: #eef;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table th,
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table td {
  border: solid 1px #808080;
  padding: 8px 4px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table th {
  vertical-align: middle;
  font-size: 10pt;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table tr.selected {
  background-color: #fcc;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table th:nth-child(1),
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table td:nth-child(1) {
  width: 230px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table th:nth-child(2),
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table td:nth-child(2) {
  width: 120px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table th:nth-child(3),
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table td:nth-child(3) {
  width: 160px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table th:nth-child(4),
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table td:nth-child(4) {
  width: auto;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table td:nth-child(4) {
  border-right: none;
  word-break: break-all;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table td:nth-child(5) {
  width: 50px;
  border-left: none;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table th,
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table td:nth-child(2),
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table td:nth-child(3),
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table td:nth-child(5) {
  text-align: center;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table tr:nth-child(1) td {
  border-top: none;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table input[type="text"],
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame table textarea {
  width: 225px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame .folderControl {
  width: 404px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame .folderControl > div {
  width: 116px;
  font-size: 100%;
  box-sizing: border-box;
  border: solid 1px #808080;
  border-right: 0;
  padding: 4px;
  text-align: center;
  cursor: pointer;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame .folderControl > div:nth-child(1),
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame .folderControl div:nth-child(3) {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame .folderControl > div:last-child,
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame .folderControl div:nth-child(2) {
  border-right: solid 1px #808080;
  border-radius: 0 4px 4px 0/0 4px 4px 0;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame .folderControl > div:nth-child(2) {
  margin-right: 2px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame .folderControl > div.disabled {
  background-color: #808080;
  color: #ccc;
  pointer-events: none;
}
.modalDialog > .dlgContent > .dlgBody > .dlgProcFrame .caution {
  font-size: 95%;
  margin-top: 8px;
  margin-bottom: 8px;
}
.modalDialog > .dlgContent > .dlgBody .flexGroupSerch {
  margin-bottom: 8px;
}
.modalDialog > .dlgContent > .dlgBody .flexGroupSerch input[type="text"],
.modalDialog > .dlgContent > .dlgBody .flexGroupSerch textarea {
  margin: 0px 4px 0px 4px;
  width: 160px;
}
.modalDialog > .dlgContent > .dlgBody .flexGroupSerch select {
  margin: 0px 4px 0px 4px;
  width: 160px;
  height: 21.99px;
}
.modalDialog > .dlgContent .dlgButtons {
  margin-top: 12px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.modalDialog > .dlgContent .dlgButtons button {
  height: 32px;
}
.modalDialog > .dlgContent .dlgFooter {
  text-align: center;
}
.modalDialog > .dlgContent .exchangeMeter {
  position: absolute;
  left: 355px;
  bottom: 20px;
  width: 98px;
  margin: 0 auto;
}
.modalDialog > .dlgContent .exchangeMeter .meter {
  width: 98px;
  height: 6px;
  overflow: hidden;
  border: solid 1px #808080;
  position: relative;
  background-color: #fff;
}
.modalDialog > .dlgContent .exchangeMeter .meter > .meterInner {
  width: 50px;
  height: 6px;
  background-color: #008000;
}
.modalDialog > .dlgContent .formGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 12px;
}
.modalDialog > .dlgContent label.form {
  height: 20px;
  margin-right: 8px;
}
.modalDialog > .dlgContent label.form.smallFont {
  font-size: 8pt;
  padding: 4px;
  height: auto;
  width: 86px;
  min-width: 86px;
  max-width: 86px;
}
.modalDialog > .dlgContent label.form.blue {
  background-color: #339;
}
.modalDialog > .dlgContent input[type="text"],
.modalDialog > .dlgContent textarea {
  width: 240px;
}
.modalDialog > .dlgContent label.checkbox {
  margin-top: 2px;
}
.modalDialog > .dlgContent label.labelUpload {
  height: 32px;
  border: solid 1px #666;
  border-radius: 6px;
  width: 120px;
  background-color: #fff;
  line-height: 12px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  padding-top: 6px;
}
.modalDialog > .dlgContent label.labelUpload.disabled {
  background-color: #ddd !important;
  color: #808080 !important;
  border-color: #ddd !important;
  pointer-events: none;
}
.modalDialog > .dlgContent div.msg {
  margin: 20px 8px;
  font-size: 10pt;
}
.modalDialog > .dlgContent.middle {
  width: 500px;
}
.modalDialog > .dlgContent.large {
  width: 800px;
}
.modalDialog > .dlgContent.xlarge {
  width: 900px;
}
.modalDialog > .dlgContent .btnSearch {
  margin-left: 8px;
  width: 22px;
  height: 22px;
  background-image: url("../images/search.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  border: solid 1px #666;
  border-radius: 6px;
  padding: 3px 8px 2px;
  line-height: 12px;
  cursor: pointer;
}
.modalDialog .mUsers {
  display: block;
  max-height: 336px;
  max-height: 224px;
  overflow: auto;
}
.modalDialog.depth2 > .dlgContent {
  margin: 140px auto;
}
.bbsPage .contentFrame .bbsFrame {
  font-size: 9pt;
  position: relative;
  width: 98%;
  margin: 8px 1%;
}
.bbsPage .contentFrame .bbsFrame .comments,
.bbsPage .contentFrame .bbsFrame .inputArea {
  position: relative;
  width: 400px;
}
.bbsPage .contentFrame .bbsFrame .inputArea {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.bbsPage .contentFrame .bbsFrame .inputArea textarea {
  width: 100%;
  height: 84px;
  border: 1px #808080 solid;
  border-radius: 8px;
  margin: 8px;
  font-size: 12pt;
}
.bbsPage .contentFrame .bbsFrame .inputArea button {
  width: 33%;
  height: 20px;
  margin-top: 8px;
}
.bbsPage .contentFrame .bbsFrame .comments {
  margin-top: 16px;
}
.bbsPage .contentFrame .bbsFrame .comments .commentView {
  border: solid 1px #005bac;
  border-radius: 8px;
  margin-top: 16px;
}
.bbsPage .contentFrame .bbsFrame .comments .commentView .commentHeader {
  font-size: 10pt;
  margin: 8px 8px 4px;
}
.bbsPage .contentFrame .bbsFrame .comments .commentView .commentHeader2 {
  margin: 4px 8px;
  padding-bottom: 8px;
  font-size: 9pt;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: dotted 1px #005bac;
}
.bbsPage .contentFrame .bbsFrame .comments .commentView .commentHeader2 .commentCompany {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.bbsPage .contentFrame .bbsFrame .comments .commentView .commentBody {
  margin: 8px;
  font-size: 12pt;
}
.bbsPage .contentFrame .bbsFrame .comments .commentView .commentCommand {
  margin: 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.sharePage .contentFrame .shareFrame {
  position: relative;
  width: 98%;
  margin: 0px 1%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 10pt;
}
.sharePage .contentFrame .shareFrame .leftFrame {
  width: 400px;
}
.sharePage .contentFrame .shareFrame .leftFrame table td:nth-child(1) {
  text-align: left;
  width: 50%;
}
.sharePage .contentFrame .shareFrame .leftFrame table td:nth-child(2),
.sharePage .contentFrame .shareFrame .leftFrame table td:nth-child(3) {
  width: 25%;
}
.sharePage .contentFrame .shareFrame .leftFrame table td.hasAccess,
.sharePage .contentFrame .shareFrame .leftFrame table td.noAccess {
  text-decoration: underline;
  color: #00f;
  cursor: pointer;
}
.sharePage .contentFrame .shareFrame .leftFrame table tbody tr {
  background-color: #f7f7ff;
}
.sharePage .contentFrame .shareFrame .leftFrame table tbody tr.selected {
  background-color: #ccf;
}
.sharePage .contentFrame .shareFrame .rightFrame {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.sharePage .contentFrame .shareFrame .rightFrame tbody tr:nth-child(odd) {
  background-color: #f7f7ff;
}
.sharePage .contentFrame .shareFrame .rightFrame tbody tr:nth-child(even) {
  background-color: #eef;
}
.sharePage .contentFrame .shareFrame .rightFrame tbody td {
  text-align: left;
}
.sharePage .contentFrame .shareFrame .sectionTitle {
  font-size: 12pt;
  color: #000;
  background-color: #fff;
  border-bottom: 1px #808080 solid;
  padding-bottom: 4px;
}
.sharePage .contentFrame .shareFrame table.folderView {
  width: 98%;
}
.sharePage .contentFrame .shareFrame table {
  width: auto;
}
.sharePage .contentFrame .shareFrame table td,
.sharePage .contentFrame .shareFrame table th {
  border: solid 1px #808080;
  padding: 8px;
  text-align: center;
}
.bunshoPage .contentFrame .processFrame {
  font-size: 9pt;
  position: relative;
  width: 98%;
  margin: 8px 1%;
}
.bunshoPage .contentFrame .processFrame .scrollArea {
  max-height: 450px;
  width: 840px;
  overflow-y: auto;
}
.bunshoPage .contentFrame .processFrame .frameLabel {
  margin-bottom: 5px;
}
.bunshoPage .contentFrame .processFrame .frameLabel #processLabel {
  font-size: 12pt;
  font-weight: bold;
}
.bunshoPage .contentFrame .processFrame .frameLabel #msgNoCheck {
  color: #f00;
  margin-left: 5px;
}
.bunshoPage .contentFrame .processFrame table {
  width: 820px;
  border-collapse: collapse;
}
.bunshoPage .contentFrame .processFrame table tbody {
  background-color: #eef;
}
.bunshoPage .contentFrame .processFrame table th,
.bunshoPage .contentFrame .processFrame table td {
  border: solid 1px #808080;
  padding: 8px 4px;
}
.bunshoPage .contentFrame .processFrame table th {
  vertical-align: middle;
  font-size: 10pt;
}
.bunshoPage .contentFrame .processFrame table tr.selected {
  background-color: #fef;
}
.bunshoPage .contentFrame .processFrame table th:nth-child(1),
.bunshoPage .contentFrame .processFrame table td:nth-child(1) {
  width: 280px;
  word-break: break-all;
}
.bunshoPage .contentFrame .processFrame table th:nth-child(2),
.bunshoPage .contentFrame .processFrame table td:nth-child(2) {
  width: 120px;
}
.bunshoPage .contentFrame .processFrame table th:nth-child(3),
.bunshoPage .contentFrame .processFrame table td:nth-child(3) {
  width: 120px;
}
.bunshoPage .contentFrame .processFrame table th:nth-child(4),
.bunshoPage .contentFrame .processFrame table td:nth-child(4) {
  min-width: 250px;
  word-break: break-all;
}
.bunshoPage .contentFrame .processFrame table th,
.bunshoPage .contentFrame .processFrame table td:nth-child(2),
.bunshoPage .contentFrame .processFrame table td:nth-child(3) {
  text-align: center;
}
.bunshoPage .contentFrame .processFrame table tr:nth-child(1) td {
  border-top: none;
}
.bunshoPage .contentFrame .processFrame .folderControl {
  width: 404px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}
.bunshoPage .contentFrame .processFrame .folderControl > div {
  width: 116px;
  font-size: 100%;
  box-sizing: border-box;
  border: solid 1px #808080;
  border-right: 0;
  padding: 4px;
  text-align: center;
  cursor: pointer;
}
.bunshoPage .contentFrame .processFrame .folderControl > div:nth-child(1),
.bunshoPage .contentFrame .processFrame .folderControl div:nth-child(3) {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
}
.bunshoPage .contentFrame .processFrame .folderControl > div:last-child,
.bunshoPage .contentFrame .processFrame .folderControl div:nth-child(2) {
  border-right: solid 1px #808080;
  border-radius: 0 4px 4px 0/0 4px 4px 0;
}
.bunshoPage .contentFrame .processFrame .folderControl > div:nth-child(2) {
  margin-right: 2px;
}
.bunshoPage .contentFrame .processFrame .folderControl > div.disabled {
  background-color: #808080;
  color: #ccc;
  pointer-events: none;
}
.bunshoPage .contentFrame .processFrame .caution {
  font-size: 95%;
  margin-top: 8px;
  margin-bottom: 8px;
}
.bunshoPage .contentFrame .patternFrame .processBaseFrame {
  width: 340px;
  min-width: 340px;
  position: relative;
  margin-bottom: 10px;
}
.bunshoPage .contentFrame .patternFrame .processBaseFrame .processBaseMenu {
  width: 320px;
}
.bunshoPage .contentFrame .patternFrame .processBaseFrame .processBaseMenu > div {
  padding: 8px 6px;
  background-color: #eef;
  border: solid 1px #808080;
  border-bottom: solid 1px #ccc;
  border-top: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  word-break: break-all;
}
.bunshoPage .contentFrame .patternFrame .processBaseFrame .processBaseMenu > div > div {
  margin-right: 4px;
  text-decoration: underline;
  color: #00f;
}
.bunshoPage .contentFrame .patternFrame .processBaseFrame .processBaseMenu > div > div.folderName {
  width: 110px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.bunshoPage .contentFrame .patternFrame .processBaseFrame .processBaseMenu > div > div.shareFlag {
  font-size: 9pt;
}
.bunshoPage .contentFrame .patternFrame .processBaseFrame .processBaseMenu > div > div.processName {
  width: 200px;
}
.bunshoPage .contentFrame .patternFrame .processBaseFrame .processBaseMenu > div > div:last-child {
  width: 1px;
  text-align: right;
  margin-right: 0;
}
.bunshoPage .contentFrame .patternFrame .processBaseFrame .processBaseMenu > div:first-child {
  border-top: solid 1px #808080;
  border-radius: 6px 6px 0 0/6px 6px 0 0;
}
.bunshoPage .contentFrame .patternFrame .processBaseFrame .processBaseMenu > div:first-child > div.folderName {
  width: 150px;
}
.bunshoPage .contentFrame .patternFrame .processBaseFrame .processBaseMenu > div:first-child > div.processName {
  width: 350px;
}
.bunshoPage .contentFrame .patternFrame .processBaseFrame .processBaseMenu > div:last-child {
  border-bottom: solid 1px #808080;
  border-radius: 0 0 6px 6px/0 0 6px 6px;
}
.bunshoPage .contentFrame .patternFrame .processBaseFrame .processBaseMenu > div.selected {
  background-color: #fcc;
}
.bunshoPage .contentFrame .patternFrame .processBaseFrame .processBaseMenu > div.single {
  border-radius: 6px;
}
.bunshoPage .contentFrame .patternFrame .processBaseFrame .processBaseMenu .name {
  width: 240px;
}
.bunshoPage .contentFrame .patternFrame .processBaseFrame .processBaseMenu .btnEdit {
  width: 50px;
  height: 19px;
}
.bunshoPage .contentFrame .patternFrame .folderFrame {
  width: 340px;
  min-width: 340px;
  position: relative;
}
.bunshoPage .contentFrame .patternFrame .folderFrame .scrollArea {
  max-height: 440px;
  width: 340px;
  overflow-y: auto;
}
.bunshoPage .contentFrame .patternFrame .folderFrame .folderMenu {
  width: 320px;
}
.bunshoPage .contentFrame .patternFrame .folderFrame .folderMenu > div {
  background-color: #eef;
  word-break: break-all;
}
.bunshoPage .contentFrame .patternFrame .folderFrame .folderMenu .patternName {
  width: 240px;
}
.bunshoPage .contentFrame .patternFrame .folderFrame .folderMenu .btnEdit {
  width: 50px;
  height: 19px;
}
.bunshoPage .contentFrame .patternFrame .folderFrame .folderControl {
  width: 320px;
}
.bunshoPage .contentFrame .patternFrame .folderFrame .folderControl > div:nth-child(1),
.bunshoPage .contentFrame .patternFrame .folderFrame .folderControl div:nth-child(5) {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
}
.bunshoPage .contentFrame .patternFrame .folderFrame .folderControl > div:last-child,
.bunshoPage .contentFrame .patternFrame .folderFrame .folderControl div:nth-child(4) {
  border-right: solid 1px #808080;
  border-radius: 0 4px 4px 0/0 4px 4px 0;
}
.bunshoPage .contentFrame .patternFrame .folderFrame .folderControl > div:nth-child(3) {
  border-radius: 0;
  margin-right: 0;
  border-right: 0;
}
.bunshoPage .contentFrame .patternFrame .folderFrame .folderControl > div:nth-child(4) {
  margin-right: 2px;
}
.bunshoPage .contentFrame .patternFrame #frameLabel {
  font-size: 12pt;
  font-weight: bold;
  margin-bottom: 5px;
}
.extFrame {
  position: relative;
  left: 0px;
  width: 100%;
  height: 822px;
}
.extFrame > iframe {
  width: 100%;
  height: 100%;
}
.logTopPanel {
  width: 98%;
  width: 974px;
  margin: 8px 1%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.logTopPanel .desc {
  font-size: 10pt;
  margin-left: 12px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  text-align: right;
}
.logTopPanel .formGroup input.date {
  width: 75px;
  margin-left: 12px;
}
.logTopPanel .formGroup span {
  padding-left: 12px;
}
.logTopPanel .formGroup button {
  margin-left: 12px;
}
table.logTable {
  width: 974px;
  border: solid 1px #808080;
}
table.logTable th:nth-child(1),
table.logTable td:nth-child(1) {
  width: 170px;
}
table.logTable th:nth-child(2),
table.logTable td:nth-child(2) {
  width: 170px;
}
table.logTable th:nth-child(3),
table.logTable td:nth-child(3) {
  width: 170px;
}
table.logTable th:nth-child(4),
table.logTable td:nth-child(4) {
  width: 60px;
}
table.logTable th:nth-child(5),
table.logTable td:nth-child(5) {
  width: 300px;
}
.topPage .masterMenu {
  position: relative;
  margin: 20px;
}
.topPage .masterMenu .category {
  user-select: none;
  margin: 0px 0px 28px 0px;
}
.topPage .masterMenu .category .header {
  background-color: #eee;
  border: solid 1px #ccc;
  height: 28px;
  font-size: 13px;
  font-weight: bold;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.topPage .masterMenu .category .header img {
  width: 5px;
  height: 13px;
  margin-left: 10px;
  margin-right: 6px;
}
.topPage .masterMenu .category .header.liteBlue {
  background-color: #d7e7f7;
}
div.masterMenuLink {
  text-decoration: underline;
  font-size: 13px;
  cursor: pointer;
  margin: 12px 0 0 4px;
  width: 300px;
}
div.masterMenuLink a {
  color: #000;
  cursor: pointer;
}
.reportsPage {
  position: relative;
  font-size: 9pt;
}
.reportsPage .reportsTopPanel {
  margin: 8px 1% 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.reportsPage .reportsTopPanel .leftPanel {
  width: 134px;
}
.reportsPage .reportsTopPanel .controlPanel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.reportsPage .reportsTopPanel .controlPanel .row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
}
.reportsPage .reportsTopPanel .controlPanel .row .formGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 9pt;
  margin-right: 8px;
  width: 306px;
}
.reportsPage .reportsTopPanel .controlPanel .row .formGroup label.label {
  width: 50px;
  margin-right: 4px;
  background-color: #339;
  font-size: 9pt;
}
.reportsPage .reportsTopPanel .controlPanel .row .formGroup select {
  width: 108px;
  margin-right: 4px;
}
.reportsPage .reportsTopPanel .controlPanel .row .formGroup button {
  margin-left: 8px;
}
.reportsPage .reportsTopPanel .controlPanel .row .formGroup select[name="numInRows"] {
  width: 60px;
}
.reportsPage .reports {
  user-select: none;
  margin: 8px 0 4px;
}
.reportsPage .reports table.table1 {
  width: auto;
  margin: 0 1%;
}
.reportsPage .reports table.table1 th:nth-child(1),
.reportsPage .reports table.table1 td:nth-child(1) {
  width: 30px;
  text-align: center;
}
.reportsPage .reports table.table1 th:nth-child(2),
.reportsPage .reports table.table1 td:nth-child(2) {
  width: 60px;
}
.reportsPage .reports table.table1 th:nth-child(3),
.reportsPage .reports table.table1 td:nth-child(3) {
  width: 300px;
}
.reportsPage .reports table.table1 th:nth-child(4),
.reportsPage .reports table.table1 td:nth-child(4) {
  width: 60px;
  text-align: center;
}
.reportsPage .reports table.table1 th:nth-child(5),
.reportsPage .reports table.table1 td:nth-child(5),
.reportsPage .reports table.table1 th:nth-child(6),
.reportsPage .reports table.table1 td:nth-child(6),
.reportsPage .reports table.table1 th:nth-child(7),
.reportsPage .reports table.table1 td:nth-child(7),
.reportsPage .reports table.table1 th:nth-child(8),
.reportsPage .reports table.table1 td:nth-child(8),
.reportsPage .reports table.table1 th:nth-child(9),
.reportsPage .reports table.table1 td:nth-child(9),
.reportsPage .reports table.table1 th:nth-child(10),
.reportsPage .reports table.table1 td:nth-child(10) {
  width: 120px;
}
.reportsPage .reports table.table1 td:nth-child(6),
.reportsPage .reports table.table1 td:nth-child(8),
.reportsPage .reports table.table1 td:nth-child(10) {
  text-align: center;
}
.reportsPage .reports .thumbNails {
  margin: 0 1%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.reportsPage .reports .thumbNails .aFile {
  width: 240px;
  margin: 0 12px 12px 0;
  position: relative;
}
.reportsPage .reports .thumbNails .aFile > .thumb {
  width: 240px;
  height: 180px;
  box-sizing: border-box;
  border: solid 1px #808080;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.reportsPage .reports .thumbNails .aFile > .thumb.selected {
  border: solid 3px #f00;
}
.reportsPage .reports .thumbNails .aFile > .panel {
  margin-top: 2px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 20px;
}
.reportsPage .reports .thumbNails .aFile > .panel > div.detailLink {
  text-align: right;
  text-decoration: underline;
  cursor: pointer;
  color: #00f;
  padding: 4px;
}
.reportsPage .reports .thumbNails .aFile > .panel > div.inputGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.reportsPage .reports .thumbNails .aFile > .desc table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.reportsPage .reports .thumbNails .aFile > .desc table th,
.reportsPage .reports .thumbNails .aFile > .desc table td {
  text-align: left;
  padding: 4px;
  border: solid 1px #808080;
  word-break: break-all;
}
.reportsPage .reports .thumbNails .aFile > .desc table th {
  width: 90px;
}
.reportsPage .reports .thumbNails .aFile > .desc table td {
  width: 130px;
}
#Information {
  margin-top: -20px;
  position: relative;
  z-index: 100;
  max-width: 87%;
}
#Information .InfoRecord {
  font-family: MS Gothic;
  font-size: 10pt;
  margin-bottom: 3px;
}
#Information .InfoRecord .InfoDateLable {
  margin-right: 8px;
  vertical-align: top;
  display: inline-block;
  padding-top: 2px;
}
#Information .InfoRecord .InfoIcon {
  width: 16px;
  height: 16px;
  background-size: contain;
  vertical-align: top;
  display: inline-block;
  margin-right: 4px;
}
#Information .InfoRecord .InfoMessageArea {
  display: inline-block;
  max-width: 67%;
}
#Information .InfoRecord .InfoMessageArea .InfoLink {
  color: lightSkyBlue;
  vertical-align: middle;
}
#Information .InfoRecord .InfoMessageArea .InfoMessage {
  color: #00f;
  vertical-align: middle;
}
#Information .InfoRecord .InfoMessageArea .DownLoadDiv {
  display: inline-block;
}
#Information .InfoRecord .InfoMessageArea .DownLoadDiv .LinkTextLabel {
  color: lightSkyBlue;
  text-decoration: underline;
}
#Information .InfoRecord .InfoMessageArea .NewInformation {
  border: 0px solid currentColor;
  border-image: none;
  border-radius: 4px;
  color: #fff;
  background-color: #f00;
  padding: 2px 5px;
  font-family: arial;
  font-size: 9pt;
  font-weight: bold;
  margin-left: 5px;
  vertical-align: middle;
}
.commonPage {
  margin: 10px 16px;
  width: 96%;
  min-width: 900px;
}
.commonPage .pageHeader {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 9pt;
  width: 100%;
  min-width: 900px;
}
.commonPage .pageHeader .mainLogo {
  position: relative;
  width: 406px;
  height: 54px;
  background-image: url("../images/logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  margin: 20px auto;
}
.commonPage .contentFrame {
  position: relative;
  width: 100%;
  margin-top: 8px;
  font-size: 9pt;
}
.commonPage .contentFrame .systemMenuFrame {
  width: 600px;
  margin: 10px auto;
}
.commonPage .contentFrame .systemMenuFrame > div#divSystemType {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
.commonPage .contentFrame .systemMenuFrame > div#divSystemType > div {
  margin: 5px 0px;
}
.commonPage .contentFrame .systemMenuFrame > div#divSystemType > .divSystemTypeMsg {
  margin-bottom: 30px;
  font-size: 12pt;
  font-weight: bold;
}
.commonPage .contentFrame .systemMenuFrame > div#divSystemType > .divSystemTypeBtn {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.commonPage .contentFrame .systemMenuFrame > div#divSystemType > .divSystemTypeBtn > .divSystemTypeBtnLeft {
  width: 35%;
  text-align: right;
  font-size: 12pt;
  margin: auto;
}
.commonPage .contentFrame .systemMenuFrame > div#divSystemType > .divSystemTypeBtn > .divSystemTypeBtnCenter {
  width: 30%;
}
.commonPage .contentFrame .systemMenuFrame > div#divSystemType > .divSystemTypeBtn > .divSystemTypeBtnRight {
  width: 35%;
}
.commonPage .contentFrame .systemMenuFrame > div#divCommon {
  text-align: center;
}
.commonPage .contentFrame .systemMenuFrame > div#divCommon > div {
  margin: 5px 0px;
}
.commonPage .contentFrame .noticeFrame {
  width: 600px;
  margin: 10px auto;
}
.commonPage .contentFrame .noticeFrame .tabBody {
  height: 415px;
}
.commonPage .contentFrame .noticeFrame .noticeList {
  overflow-y: auto;
  height: 400px;
}
.commonPage .contentFrame .noticeFrame .noticeList .notice {
  margin: 0px 5px 15px 5px;
}
.commonPage .contentFrame .noticeFrame .noticeList .notice .noticeHeader {
  margin: 5px 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.commonPage .contentFrame .noticeFrame .noticeList .notice .noticeHeader .systemType {
  width: 80px;
  padding: 5px 0px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
}
.commonPage .contentFrame .noticeFrame .noticeList .notice .noticeHeader .systemType.reform {
  background-color: #f18242;
}
.commonPage .contentFrame .noticeFrame .noticeList .notice .noticeHeader .systemType.newlyBuilt {
  background-color: #00bfff;
}
.commonPage .contentFrame .noticeFrame .noticeList .notice .noticeHeader .noticeName {
  padding: 5px;
  width: 350px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
}
.commonPage .contentFrame .noticeFrame .noticeList .notice .noticeHeader .noticeDate {
  padding: 5px;
  margin-left: auto;
}
.commonPage .contentFrame .noticeFrame .noticeList .notice .noticeContent {
  padding: 5px;
  border: solid 1px #c2c2c2;
  border-radius: 6px;
  cursor: pointer;
}
.commonPage .contentFrame .noticeFrame .noticeList .notice .noticeContent > div {
  padding: 5px 0px;
  pointer-events: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.commonPage .contentFrame .noticeFrame .noticeList .noticeLoad {
  height: 50px;
  background: url("../images/loading.gif") center;
  background-repeat: no-repeat;
}
.commonPage .contentFrame .noticeFrame .noticeList .noticeLast {
  height: 50px;
}
.shareMemberPage .contentFrame .shareMemberFrame {
  position: relative;
  width: 98%;
  margin: 0px 1%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 10pt;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame {
  width: 100%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex: 1;
  flex-shrink: 1;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel > .leftPanel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
/*width: 480px*/
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel > .leftPanel > .title {
  font-size: 12pt;
  font-weight: bold;
  margin-left: 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 20px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel > .leftPanel > .title > div.mailButtons {
  margin-left: 8px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel > .leftPanel > .title > div.mailButtons button {
  margin-left: 8px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel > .leftPanel.wide {
  width: 100%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel > .rightPanel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel > .rightPanel button#btnUpload {
  background-color: #00f;
  color: #fff;
  border: solid 1px #339;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel > .rightPanel button {
  margin-left: 4px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel > .pageTitle {
  font-size: 14pt;
  font-weight: bold;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  border-bottom: solid 1px #808080;
  margin-top: 8px;
  padding-bottom: 2px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel .formGroup {
  margin-right: 12px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel .formGroup select {
  width: 128px;
  font-weight: 12pt;
  margin-left: 4px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel .formGroup button,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel .formGroup input {
  margin-left: 8px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel .formGroup .editWeight > label {
  padding-top: 5px;
  margin-left: 8px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel .formGroup .editWeight > div {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  width: 50px;
  text-align: center;
  box-sizing: border-box;
  border: solid 1px #808080;
  border-right: 0px;
  padding: 4px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel .formGroup .editWeight > div:first-child {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
  margin-left: 8px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel .formGroup .editWeight > div:last-child {
  border-right: solid 1px #808080;
  border-radius: 0 4px 4px 0/0 4px 4px 0;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel .formGroup .editWeight > div.disabled {
  background-color: #808080;
  color: #ccc;
  pointer-events: none;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel .pagination select {
  margin-left: 4px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel .pagination select.numShow {
  width: 128px;
  font-weight: 12pt;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .groupCommand {
  margin-top: 4px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList > .scrollArea {
  display: inline-block;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList > div > .fileListHeader {
  width: 870px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList > div > .fileListBody {
  width: 870px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 {
  width: 1126px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 th:nth-child(1),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 td:nth-child(1) {
  width: 30px;
  text-align: center;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 th:nth-child(2),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 td:nth-child(2) {
  width: 120px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 th:nth-child(3),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 td:nth-child(3) {
  width: 200px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 th:nth-child(4),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 td:nth-child(4) {
  width: 200px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 th:nth-child(5),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 td:nth-child(5) {
  width: 120px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 th:nth-child(6),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 td:nth-child(6) {
  width: 80px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 th:nth-child(7),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 td:nth-child(7) {
  width: 30px;
  text-align: center;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 th:nth-child(8),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 td:nth-child(8) {
  width: 104px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 th:nth-child(9),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 td:nth-child(9) {
  width: 60px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 td:nth-child(8) {
  font-size: 8pt;
  text-align: center;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList table.table2 td:nth-child(6) {
  text-align: right;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 > .scrollArea {
  display: inline-block;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 > div > .fileListHeader {
  width: 870px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 > div > .fileListBody {
  width: 870px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 table.table2 {
  width: 1006px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 table.table2 th:nth-child(1),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 table.table2 td:nth-child(1) {
  width: 30px;
  text-align: center;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 table.table2 th:nth-child(2),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 table.table2 td:nth-child(2) {
  width: 120px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 table.table2 th:nth-child(3),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 table.table2 td:nth-child(3) {
  width: 200px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 table.table2 th:nth-child(4),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 table.table2 td:nth-child(4) {
  width: 200px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 table.table2 th:nth-child(5),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 table.table2 td:nth-child(5) {
  width: 80px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 table.table2 th:nth-child(6),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 table.table2 td:nth-child(6) {
  width: 30px;
  text-align: center;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 table.table2 th:nth-child(7),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 table.table2 td:nth-child(7) {
  width: 104px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 table.table2 th:nth-child(8),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 table.table2 td:nth-child(8) {
  width: 60px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 table.table2 td:nth-child(7) {
  font-size: 8pt;
  text-align: center;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .fileList2 table.table2 td:nth-child(5) {
  text-align: right;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .reportInfoList > .scrollArea {
  display: inline-block;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .reportInfoList > div > .reportInfoListHeader {
  width: 870px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .reportInfoList > div > .reportInfoListBody {
  width: 870px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .reportInfoList table.table2 {
  width: 1126px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .reportInfoList table.table2 th:nth-child(1),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .reportInfoList table.table2 td:nth-child(1) {
  width: 30px;
  text-align: center;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .reportInfoList table.table2 th:nth-child(2),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .reportInfoList table.table2 td:nth-child(2) {
  width: 120px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .reportInfoList table.table2 th:nth-child(3),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .reportInfoList table.table2 td:nth-child(3) {
  width: 200px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .reportInfoList table.table2 th:nth-child(4),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .reportInfoList table.table2 td:nth-child(4) {
  width: 200px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .reportInfoList table.table2 th:nth-child(5),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .reportInfoList table.table2 td:nth-child(5) {
  width: 80px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .reportInfoList table.table2 th:nth-child(6),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .reportInfoList table.table2 td:nth-child(6) {
  width: 104px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .reportInfoList table.table2 th:nth-child(7),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .reportInfoList table.table2 td:nth-child(7) {
  width: 60px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .reportInfoList table.table2 td:nth-child(5) {
  text-align: right;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .reportInfoList table.table2 td:nth-child(8) {
  font-size: 8pt;
  text-align: center;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel.groupTitle {
  width: 652px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .groupList > .scrollArea {
  max-height: 500px;
  overflow-y: auto;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .groupList table.table2 {
  width: 98%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .groupList table.table2 th.small,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .groupList table.table2 td.small {
  width: 45px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .groupList .scrlTblHeader {
  width: 783px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .contractorList table.table2 {
  width: 100%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .contractorList table.table2 thead th {
  word-break: break-all;
  word-wrap: break-word;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .contractorList table.table2 th.nameContractor,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .contractorList table.table2 td.nameContractor {
  width: 17%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .contractorList table.table2 th.nameShiten,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .contractorList table.table2 td.nameShiten {
  width: 17%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .contractorList table.table2 th.nameGyousyu,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .contractorList table.table2 td.nameGyousyu {
  width: 17%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .contractorList table.table2 th.nameUser,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .contractorList table.table2 td.nameUser {
  width: 17%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .contractorList table.table2 th.nameMailAddress,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .contractorList table.table2 td.nameMailAddress {
  width: 17%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .contractorList table.table2 th.notice,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .contractorList table.table2 td.notice {
  width: 15%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .contractorList table.table2 td {
  text-align: left;
  border: none;
  word-break: break-all;
  word-wrap: break-word;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .staffList table.table2 {
  width: 100%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .staffList table.table2 thead th {
  word-break: break-all;
  word-wrap: break-word;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .staffList table.table2 th.nameShiten,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .staffList table.table2 td.nameShiten {
  width: 20%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .staffList table.table2 th.nameBusyo,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .staffList table.table2 td.nameBusyo {
  width: 20%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .staffList table.table2 th.nameUser,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .staffList table.table2 td.nameUser {
  width: 20%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .staffList table.table2 th.nameMailAddressPc,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .staffList table.table2 td.nameMailAddressPc {
  width: 20%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .staffList table.table2 th.nameMailAddressMb,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .staffList table.table2 td.nameMailAddressMb {
  width: 20%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .staffList table.table2 td {
  text-align: left;
  border: none;
  word-break: break-all;
  word-wrap: break-word;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame th.nameContractor,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame td.nameContractor {
  width: 23.5%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame th.nameShiten,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame td.nameShiten {
  width: 23.5%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame th.nameGyousyu,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame td.nameGyousyu {
  width: 23.5%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame th.nameUser,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame td.nameUser {
  width: 23.5%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame th.nameMailAddress,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame td.nameMailAddress {
  width: 23.5%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame td.nameContractor,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame td.nameShiten,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame td.nameGyousyu,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame td.nameUser,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame td.nameMailAddress {
  text-align: left;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame th.nameContractor2,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame td.nameContractor2 {
  width: 31.5%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame th.nameShiten2,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame td.nameShiten2 {
  width: 31.5%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame th.nameGyousyu2,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame td.nameGyousyu2 {
  width: 31.5%;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame th.nameDelButton,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame td.nameDelButton {
  width: auto;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame th.mailNotice,
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame td.mailNotice {
  width: auto;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame > .titlePanel.procTitle {
  width: 600px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .procList table.table2 {
  width: 600px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .procList table.table2 th:nth-child(1),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .procList table.table2 td:nth-child(1) {
  width: 250px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .procList table.table2 th:nth-child(2),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .procList table.table2 td:nth-child(2) {
  width: 250px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .procList table.table2 th:nth-child(3),
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .procList table.table2 td:nth-child(3) {
  width: 60px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .procList table.table2 tr.selected {
  background-color: #fcc;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .updownPanel button:nth-child(1) {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .updownPanel button:nth-child(2) {
  border-radius: 0 4px 4px 0/0 4px 4px 0;
  margin-left: 0;
  border-left: 0;
}
.shareMemberPage .contentFrame .shareMemberFrame .fileFrame .updownPanel button.btn.disabled {
  background-color: #808080 !important;
  color: #ccc !important;
  pointer-events: none;
  border-color: #808080 !important;
}
.shareMemberPage .contentFrame .shareMemberFrame .leftFrame {
  width: 400px;
}
.shareMemberPage .contentFrame .shareMemberFrame .leftFrame table td:nth-child(1) {
  text-align: left;
  width: 50%;
  word-wrap: break-word;
  word-break: break-all;
}
.shareMemberPage .contentFrame .shareMemberFrame .leftFrame table td:nth-child(2),
.shareMemberPage .contentFrame .shareMemberFrame .leftFrame table td:nth-child(3) {
  width: 25%;
}
.shareMemberPage .contentFrame .shareMemberFrame .leftFrame table td.hasAccess,
.shareMemberPage .contentFrame .shareMemberFrame .leftFrame table td.noAccess {
  text-decoration: underline;
  color: #000;
  cursor: pointer;
}
.shareMemberPage .contentFrame .shareMemberFrame .leftFrame table tbody tr {
  background-color: #f7f7ff;
}
.shareMemberPage .contentFrame .shareMemberFrame .leftFrame table tbody tr.selected {
  background-color: #ccf;
}
.shareMemberPage .contentFrame .shareMemberFrame .rightFrame {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.shareMemberPage .contentFrame .shareMemberFrame .rightFrame tbody tr:nth-child(odd) {
  background-color: #f7f7ff;
}
.shareMemberPage .contentFrame .shareMemberFrame .rightFrame tbody tr:nth-child(even) {
  background-color: #eef;
}
.shareMemberPage .contentFrame .shareMemberFrame .rightFrame tbody td {
  text-align: left;
}
.shareMemberPage .contentFrame .shareMemberFrame .sectionTitle {
  font-size: 12pt;
  color: #000;
  background-color: #fff;
  border-bottom: 2px #f18242 solid;
  padding-bottom: 4px;
  margin: 8px 0% 12px;
}
.shareMemberPage .contentFrame .shareMemberFrame table.folderView {
  width: 98%;
}
.shareMemberPage .contentFrame .shareMemberFrame table {
  width: auto;
}
.shareMemberPage .contentFrame .shareMemberFrame table td,
.shareMemberPage .contentFrame .shareMemberFrame table th {
  border: solid 1px #808080;
  padding: 8px;
  text-align: center;
}
.shareMemberPage .contentFrame .shareMemberFrame > .tab {
  margin-top: 10px;
}
.shareMemberPage .contentFrame .shareMemberFrame > .tab > .tabLabels2 > div.s {
  background-color: #ddd;
}
.shareMemberPage .contentFrame .shareMemberFrame > .tab > .tabLabels2 > div.active {
  background-color: #696969;
  border-color: #696969;
}
.shareMemberPage .contentFrame .shareMemberFrame > .tab > .tabLabels2 > .btnRight {
  margin: 0px 0px 5px auto;
}
.shareMemberPage .contentFrame .shareMemberFrame > .tab > .tabLabels2 > .shareComments {
  color: #000;
  margin-left: 40px;
  margin-top: 5px;
}
.kouteiPage .contentFrame .kouteiFrame {
  font-size: 9pt;
  position: relative;
  width: 98%;
  margin: 8px 1%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.kouteiPage .contentFrame .kouteiFrame .commandPanel input.month {
  width: 70px;
}
.kouteiPage .contentFrame .kouteiFrame .commandPanel button.btnUpdate {
  margin-left: 12px;
}
.kouteiPage .contentFrame .kouteiFrame .commandPanel button.btnUpdateNotice {
  margin-left: 12px;
}
.kouteiPage .contentFrame .kouteiFrame .commandPanel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.kouteiPage .contentFrame .kouteiFrame .commandPanel .leftPanel {
  width: 450px;
  min-width: 450px;
}
.kouteiPage .contentFrame .kouteiFrame .commandPanel .rightPanel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.kouteiPage .contentFrame .kouteiFrame .commandPanel .rightPanel div.dateDesc {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-width: 282px;
  margin-left: 8px;
}
.kouteiPage .contentFrame .kouteiFrame .commandPanel .rightPanel div.dateDesc div {
  min-width: 84px;
}
.kouteiPage .contentFrame .kouteiFrame .commandPanel .rightPanel .dateInput {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-width: 320px;
}
.kouteiPage .contentFrame .kouteiFrame .commandPanel .rightPanel .dateInput input {
  margin-left: 4px;
  margin-right: 4px;
}
.kouteiPage .contentFrame .kouteiFrame .commandPanel .rightPanel .dateInput .btn {
  width: 80px;
}
.kouteiPage .contentFrame .kouteiFrame .commandPanel .rightPanel .dateInput .btnExcel {
  width: 100px;
}
.kouteiPage .contentFrame .kouteiFrame .commandPanel .rightPanel .formGroup {
  width: 175px;
}
.kouteiPage .contentFrame .kouteiFrame .commandPanel .rightPanel .formGroup label {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.kouteiPage .contentFrame .kouteiFrame .commandPanel label.label {
  background-color: #339;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4px;
  position: relative;
  overflow: hidden;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame table {
  border-collapse: collapse;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  border-bottom: 1px #808080 solid;
  border-right: 1px #808080 solid;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame table tr {
  height: 24px;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame table thead tr {
  height: 28px;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame table thead tr.monthHeader {
  height: 20px;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame table thead tr.monthHeader > th {
  border: solid 1px #808080;
  overflow: hidden;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame table td,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame table th {
  border: solid 1px #808080;
  vertical-align: middle;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader {
  width: 332px;
  min-width: 332px;
  max-width: 332px;
  z-index: 10;
  position: relative;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div div,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div th,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div td {
  box-sizing: border-box;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table {
  font-size: 8pt;
  text-align: center;
  width: 100%;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table input[type="text"] {
  border: 0;
  width: 40px;
  padding: 0;
  height: 20px;
  text-align: center;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table th.thProcName,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table td.tdProcName {
  width: 208px;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table th.thProcName > div,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table td.tdProcName > div {
  text-align: left;
  font-size: 9pt;
  width: 190px;
  max-height: 23px;
  padding: 0px 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table th.thProcName > div > div,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table td.tdProcName > div > div {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table th.thProcName > div > div > div,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table td.tdProcName > div > div > div {
  pointer-events: none;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table th.thProcName > div > div.toggleArrow,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table td.tdProcName > div > div.toggleArrow {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table th.thProcName > div > div.toggleArrow > div,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table td.tdProcName > div > div.toggleArrow > div {
  font-size: 50%;
  width: 10px;
  height: 10px;
  max-width: 10px;
  max-height: 10px;
  min-width: 10px;
  min-height: 10px;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table th.thProcName > div > div.toggleArrow.disabled,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table td.tdProcName > div > div.toggleArrow.disabled {
  pointer-events: none;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table th.thProcName > div > div.name > div,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table td.tdProcName > div > div.name > div {
  width: 165px;
  margin: 1px 4px;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex: 1;
  flex-shrink: 1;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table th.thProcName > div > div.constructionBtn,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table td.tdProcName > div > div.constructionBtn {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table th.thProcName > div > div.constructionBtn > div,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table td.tdProcName > div > div.constructionBtn > div {
  width: 14px;
  height: 14px;
  max-width: 14px;
  max-height: 14px;
  min-width: 14px;
  min-height: 14px;
  background-size: cover;
  opacity: 0.4;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table th.thProcName > div > div.constructionBtn:hover > div,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table td.tdProcName > div > div.constructionBtn:hover > div {
  opacity: 1;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table th.thProcName > div > div.addConstruction > div,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table td.tdProcName > div > div.addConstruction > div {
  background-image: url("../images/plus.svg");
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table th.thProcName > div > div.removeConstruction > div,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table td.tdProcName > div > div.removeConstruction > div {
  background-image: url("../images/minus.svg");
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table th.thStartDate,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table td.tdStartDate,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table th.thDueDate,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table td.tdDueDate,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table th.thDoneDate,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table td.tdDoneDate {
  width: 42px;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table thead tr {
  height: 48px;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table tbody tr.hover,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table tbody tr.selected {
  background-color: #f7f7ff;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table tbody tr.prcHeader > td.tdProcName {
  font-weight: bold;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table tbody tr:nth-child(1) td {
  border-top: none;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table tbody th,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > div table tbody td {
  max-height: 23px;
  overflow: hidden;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > .headerArea {
  overflow: scroll;
  background-color: #fff;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader > div > .bodyArea {
  overflow: scroll;
  max-height: 500px;
  background-color: #fff;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .calendar {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  overflow: auto;
  font-size: 8pt;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 11;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .calendar > div {
  display: inline-grid;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .calendar > div table {
  pointer-events: none;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .calendar > div table td,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .calendar > div table th {
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  border: dotted 1px #808080;
  text-align: center;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .calendar > div table td.sat,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .calendar > div table th.sat {
  background-color: #eef;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .calendar > div table td.sun,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .calendar > div table th.sun {
  background-color: #fee;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .calendar > div table td.completed {
  background-color: #7abcff;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .calendar > div table td:first-child,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .calendar > div table th:first-child {
  border-left: 0;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .calendar > div table tbody tr:nth-child(1) td {
  border-top: none;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .calendar > div table tbody tr.hover,
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .calendar > div table tbody tr.selected {
  background-color: #f7f7ff;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .calendar > div > .headerArea {
  overflow: scroll;
  background-color: #fff;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .calendar > div > .bodyArea {
  overflow: scroll;
  max-height: 500px;
  background-color: #fff;
}
.kouteiPage .contentFrame .kouteiFrame .calendarFrame .calendar > div > .bodyArea > div {
  position: relative;
  overflow: hidden;
}
.kouteiPage .rangeLine {
  left: 0px;
  top: 0px;
  width: 0px;
  position: absolute;
  height: 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
/*transition left 0.1s linear*/
}
.kouteiPage .rangeLine > div:nth-child(1) {
  margin-left: 2px;
  width: 0px;
  height: 0px;
  border: solid 6px #f00;
  border-radius: 6px;
}
.kouteiPage .rangeLine > div:nth-child(2) {
  height: 4px;
  background-color: #808080;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.kouteiPage .rangeLine > div:nth-child(3) {
  margin-right: 3px;
  width: 0px;
  height: 0px;
  border: solid 6px #00f;
  border-radius: 6px;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex: 1;
  flex-shrink: 1;
}
.kouteiPage .rangeLine.completed > div:nth-child(1),
.kouteiPage .rangeLine.completed div:nth-child(3) {
  border: solid 6px #808080;
}
.kouteiPage .rangeLine.active > div:nth-child(1) {
  border: solid 6px #f99;
}
.kouteiPage .rangeLine.active > div:nth-child(2) {
  background-color: #ccc;
}
.kouteiPage .rangeLine.active > div:nth-child(3) {
  border: solid 6px #99f;
}
.kouteiPage .rangeConstruction {
  left: 0px;
  top: 0px;
  width: 0px;
  position: absolute;
  height: 16px;
  border-bottom: solid 3px #339;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.kouteiPage .rangeConstruction > div {
  position: absolute;
  white-space: nowrap;
  word-wrap: normal;
  margin: -1px 0 0;
  padding: 3px 2px 2px;
}
.kouteiPage .processComplete {
  position: absolute;
  height: 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.kouteiPage .processComplete > div {
  border: solid 6px #0060c0;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent {
  width: 610px;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent input[type="text"] {
  width: 200px;
  height: 16px;
  border-color: #ccc;
  margin-right: 8px;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame {
  position: relative;
  width: 100%;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .noBorder {
  border: 0;
  min-height: initial;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup {
  margin: 8px 0 0;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup label.title {
  padding: 5px 0 4px;
  background-color: #ddd;
  color: #666;
  border-radius: 4px;
  text-align: center;
  font-size: 9pt;
  width: 110px;
  margin-right: 4px;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup label.red {
  background-color: #cd5c5c;
  color: #fff;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup label.transparent {
  background-color: transparent;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup input.date,
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup input.ss,
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup label.ss {
  width: 84px;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup input.mm {
  width: 175px;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup input.ll {
  width: 480px;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup input.xs {
  width: 40px;
  margin-right: 0;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup label.radio {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: auto;
  background: transparent;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup label.radio > input[type="radio"] {
  margin: 0;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup button.btn {
  margin-right: 8px;
  border-color: #ccc;
  color: #666;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup select {
  width: 180px;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup .withUnit {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup .withUnit > input {
  margin-right: 0;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup .withUnit > label {
  position: absolute;
  background-color: transparent;
  font-size: 0.5rem;
  top: 18px;
  width: 100%;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup .calc {
  margin: 0 4px;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup .label2 {
  margin-right: 8px;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup button.btnZipSearch {
  margin-left: 4px;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup select[name="gyousyaId"] {
  margin-right: 8px;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup div.colorSelect {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup div.colorSelect div.cCell {
  position: relative;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup div.colorSelect div.cCell > div {
  margin-left: 4px;
  width: 16px;
  height: 16px;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup div.colorSelect div.cCell > div.selected:after {
  content: " ";
  position: absolute;
  left: 9px;
  top: 5px;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #fff;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup.arrow {
  padding-left: 200px;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .formGroup.block {
  display: block;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .constructionFrame .colorRed {
  color: #f00;
}
.kouteiPage .constructionDialog.modalDialog > .dlgContent .dlgButtons {
  margin-top: 24px;
}
.kouteiPage div.toolTip {
  position: absolute;
  white-space: nowrap;
  word-wrap: normal;
  padding: 2px;
  margin-top: -14px;
  background-color: #ffc;
  pointer-events: none;
  text-decoration: underline;
  user-select: none;
  z-index: 2000;
}
.kouteiPage label.radioGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.modalDialog {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  overflow: auto;
}
.modalDialog > .overlay {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  background-color: #000;
  opacity: 0.2;
}
.modalDialog > .dlgContent {
  position: relative;
  padding: 12px;
  background-color: #fff;
  border: solid 1px #fff;
  border-radius: 8px;
  margin: 80px auto;
  width: 50px;
  min-width: 320px;
  min-height: 120px;
}
.modalDialog > .dlgContent .dlgTitle {
  background-color: #39c;
  color: #fff;
  padding: 8px;
  border-radius: 4px;
  font-size: 12pt;
}
.modalDialog > .dlgContent .dlgBody {
  margin-top: 16px;
  width: 100%;
}
.modalDialog > .dlgContent .dlgBody .header > div:nth-child(1) {
  margin-bottom: 8px;
}
.modalDialog > .dlgContent .dlgBody .header > div:nth-child(1) span.caution {
  padding-left: 16px;
  color: #f00;
}
.modalDialog > .dlgContent .dlgBody .header .formGroup {
  display: block;
}
.modalDialog > .dlgContent .dlgBody .header .formGroup input,
.modalDialog > .dlgContent .dlgBody .header .formGroup .label {
  vertical-align: middle;
}
.modalDialog > .dlgContent .dlgBody .header .formGroup input {
  margin-left: 10px;
}
.modalDialog > .dlgContent .dlgBody .header .formGroup .label {
  background-color: #339;
}
.modalDialog > .dlgContent .dlgBody .section {
  margin-bottom: 16px;
}
.modalDialog > .dlgContent .dlgBody .section .desc {
  margin: 4px;
  font-size: 12px;
  position: relative;
  font-weight: normal;
}
.modalDialog > .dlgContent .dlgBody .section .errMsg {
  margin-top: 12px;
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  color: #f00;
}
.modalDialog > .dlgContent .dlgBody table.table2 {
  width: 783px;
}
.modalDialog > .dlgContent .dlgBody table.table2 tr {
  word-break: break-all;
}
.modalDialog > .dlgContent .dlgBody table.table2 tr,
.modalDialog > .dlgContent .dlgBody table.table2 td {
  vertical-align: top;
  padding-top: 8px;
}
.modalDialog > .dlgContent .dlgBody table.table2 .scrlTblHeader {
  width: 783px;
}
.modalDialog > .dlgContent .dlgBody table.table2 th.dlgGyoshu,
.modalDialog > .dlgContent .dlgBody table.table2 td.dlgGyoshu {
  width: auto;
}
.modalDialog > .dlgContent .dlgBody table.table2 th.dlgGyosha,
.modalDialog > .dlgContent .dlgBody table.table2 .dlgGyosha {
  width: 24%;
}
.modalDialog > .dlgContent .dlgBody table.table2 th.dlgShiten,
.modalDialog > .dlgContent .dlgBody table.table2 td.dlgShiten {
  width: 24%;
}
.modalDialog > .dlgContent .dlgBody table.table2 th.dlgStaff,
.modalDialog > .dlgContent .dlgBody table.table2 td.dlgStaff {
  width: 24%;
}
.modalDialog > .dlgContent .dlgBody table.table2 th.xsmall,
.modalDialog > .dlgContent .dlgBody table.table2 td.xsmall,
.modalDialog > .dlgContent .dlgBody table.table2 td.dlgStaffZero {
  width: 24px;
  text-align: center;
}
.modalDialog > .dlgContent .dlgBody table.table2 td.dlgStaffZero {
  padding: 4px 4px;
  font-size: 8pt;
  color: #f00;
}
.modalDialog > .dlgContent .dlgBody table.table2 th.nameContractor,
.modalDialog > .dlgContent .dlgBody table.table2 td.nameContractor {
  width: 23.5%;
}
.modalDialog > .dlgContent .dlgBody table.table2 th.nameShiten,
.modalDialog > .dlgContent .dlgBody table.table2 td.nameShiten {
  width: 23.5%;
}
.modalDialog > .dlgContent .dlgBody table.table2 th.nameGyousyu,
.modalDialog > .dlgContent .dlgBody table.table2 td.nameGyousyu {
  width: 23.5%;
}
.modalDialog > .dlgContent .dlgBody table.table2 th.mailNotice,
.modalDialog > .dlgContent .dlgBody table.table2 td.mailNotice {
  width: auto;
}
.modalDialog > .dlgContent .dlgBody .mUsers {
  width: 100%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame {
  font-size: 9pt;
  position: relative;
  width: 98%;
  margin: 8px 1%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame .scrollArea {
  max-height: 300px;
  width: 500px;
  overflow-y: auto;
}
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame table {
  width: 480px;
  border-collapse: collapse;
}
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame table tbody {
  background-color: #eef;
}
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame table tbody tr:nth-child(1) td {
  border-top: none;
}
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame table tbody tr:nth-child(1) {
  background-color: #ddf;
}
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame table tbody tr.selected {
  background-color: #fcc;
}
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame table th,
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame table td {
  border: solid 1px #808080;
  padding: 8px 4px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame table th {
  vertical-align: middle;
  font-size: 10pt;
  background-color: #fff;
}
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame table th:nth-child(1),
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame table td:nth-child(1) {
  width: 220px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame table th:nth-child(2),
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame table td:nth-child(2) {
  width: auto;
}
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame table td:nth-child(2) {
  text-align: center;
}
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame input[type="text"],
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame textarea {
  width: 270px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame .folderControl {
  width: 204px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 4px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame .folderControl > div {
  width: 50px;
  font-size: 100%;
  box-sizing: border-box;
  border: solid 1px #808080;
  border-right: 0;
  padding: 4px;
  text-align: center;
  cursor: pointer;
}
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame .folderControl > div:nth-child(1),
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame .folderControl div:nth-child(3) {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame .folderControl > div:last-child,
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame .folderControl div:nth-child(2) {
  border-right: solid 1px #808080;
  border-radius: 0 4px 4px 0/0 4px 4px 0;
}
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame .folderControl > div:nth-child(2) {
  margin-right: 2px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame .folderControl > div.disabled {
  background-color: #808080;
  color: #ccc;
  pointer-events: none;
}
.modalDialog > .dlgContent > .dlgBody > .dlgPhotoTitleFrame .caution {
  font-size: 95%;
  margin-top: 8px;
  margin-bottom: 8px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream {
  font-size: 10pt;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream label.label {
  background-color: #f18242;
  height: 18px;
  padding: 2px;
  margin-left: 6px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .flexGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .contractorList .scrollArea {
  max-height: 300px;
  overflow-y: auto;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .contractorList select {
  margin-left: 4px;
  width: 90px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .contractorList input[type="text"] {
  margin-left: 4px;
  width: 85px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .contractorList table.table2 {
  width: 770px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .contractorList table.table2 th.nameContractor,
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .contractorList table.table2 td.nameContractor {
  width: 23%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .contractorList table.table2 th.nameGyousyu,
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .contractorList table.table2 td.nameGyousyu {
  width: 23%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .contractorList table.table2 th.nameUser,
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .contractorList table.table2 td.nameUser {
  width: 23%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .contractorList table.table2 th.notice,
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .contractorList table.table2 td.notice {
  width: 23%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .contractorList table.table2 td.delete {
  text-align: center;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .contractorList table.table2 td {
  text-align: left;
  border: none;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .staffList > .scrollArea {
  max-height: 300px;
  overflow-y: auto;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .staffList select {
  margin-left: 4px;
  width: 150px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .staffList input[type="text"] {
  margin-left: 4px;
  width: 145px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .staffList table.table2 {
  width: 770px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .staffList table.table2 th.nameShiten,
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .staffList table.table2 td.nameShiten {
  width: 18.8%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .staffList table.table2 th.nameBusyo,
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .staffList table.table2 td.nameBusyo {
  width: 18.8%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .staffList table.table2 th.nameUser,
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .staffList table.table2 td.nameUser {
  width: 18.8%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .staffList table.table2 th.nameMailAddressPc,
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .staffList table.table2 td.nameMailAddressPc {
  width: 18.8%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .staffList table.table2 th.nameMailAddressMb,
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .staffList table.table2 td.nameMailAddressMb {
  width: 18.8%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .staffList table.table2 td.xsmall {
  text-align: center;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream .staffList table.table2 td {
  text-align: left;
  border: none;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareMemberAddFream > .tab > .tabLabels2 > .shareComments {
  color: #000;
  margin-left: 40px;
  margin-top: 5px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgConSelectFream label.label {
  background-color: #f18242;
  height: 18px;
  padding: 2px;
  margin-left: 6px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgConSelectFream .flexGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgConSelectFream .scrollArea {
  max-height: 300px;
  overflow-y: auto;
}
.modalDialog > .dlgContent > .dlgBody > .dlgConSelectFream select {
  margin-left: 4px;
  width: 150px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgConSelectFream input[type="text"] {
  margin-left: 4px;
  width: 145px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgConSelectFream table.table2 {
  width: 770px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgConSelectFream table.table2 td {
  text-align: left;
  border: none;
  word-break: break-all;
  word-wrap: break-word;
}
.modalDialog > .dlgContent > .dlgBody > .dlgConSelectFream table.table2 th.nameContractor,
.modalDialog > .dlgContent > .dlgBody > .dlgConSelectFream table.table2 td.nameContractor {
  width: 23%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgConSelectFream table.table2 th.nameGyousyu,
.modalDialog > .dlgContent > .dlgBody > .dlgConSelectFream table.table2 td.nameGyousyu {
  width: 23%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgConSelectFream table.table2 th.nameUser,
.modalDialog > .dlgContent > .dlgBody > .dlgConSelectFream table.table2 td.nameUser {
  width: 23%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgConSelectFream table.table2 th.nameMailAddress,
.modalDialog > .dlgContent > .dlgBody > .dlgConSelectFream table.table2 td.nameMailAddress {
  width: 23%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgConSelectFream table.table2 th.xsmall,
.modalDialog > .dlgContent > .dlgBody > .dlgConSelectFream table.table2 td.xsmall {
  text-align: center;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareFolderFrame .scrollArea {
  max-height: 400px;
  overflow: auto;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareFolderFrame table.table2 td {
  text-align: left;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareFolderFrame table.table2 th.nameContractor,
.modalDialog > .dlgContent > .dlgBody > .dlgShareFolderFrame table.table2 td.nameContractor {
  width: 18.5%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareFolderFrame table.table2 th.nameShiten,
.modalDialog > .dlgContent > .dlgBody > .dlgShareFolderFrame table.table2 td.nameShiten {
  width: 18.5%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareFolderFrame table.table2 th.nameGyousyu,
.modalDialog > .dlgContent > .dlgBody > .dlgShareFolderFrame table.table2 td.nameGyousyu {
  width: 18.5%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareFolderFrame table.table2 th.nameUser,
.modalDialog > .dlgContent > .dlgBody > .dlgShareFolderFrame table.table2 td.nameUser {
  width: 18.5%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareFolderFrame table.table2 th.notice,
.modalDialog > .dlgContent > .dlgBody > .dlgShareFolderFrame table.table2 td.notice {
  width: 18.5%;
}
.modalDialog > .dlgContent > .dlgBody > .dlgShareFolderFrame table.table2 th.small,
.modalDialog > .dlgContent > .dlgBody > .dlgShareFolderFrame table.table2 td.small {
  width: 40px;
  text-align: center;
}
.modalDialog > .dlgContent > .dlgBody > .dlgConfirmFream > div {
  margin-top: 5px;
}
.modalDialog > .dlgContent > .dlgBody > .dlgConfirmFream > div textarea {
  height: 100px;
  width: 100%;
  box-sizing: border-box;
  word-break: break-all;
  word-wrap: break-word;
}
.modalDialog > .dlgContent > .dlgBody > .section > .Details {
  height: 60px;
  padding: 3px;
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 3px;
  color: #000;
  font: 10pt 'MS Gothic', sans-serif;
  white-space: pre;
}
.modalDialog > .dlgContent > .dlgBody > .section > .msg {
  word-break: break-all;
  word-wrap: break-word;
  font: 10pt 'MS Gothic', sans-serif;
  margin: 5px 8px;
}
.modalDialog > .dlgContent .dlgButtons {
  margin-top: 12px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.modalDialog > .dlgContent .dlgButtons button {
  height: 32px;
}
.modalDialog > .dlgContent .dlgFooter {
  text-align: center;
}
.modalDialog > .dlgContent .exchangeMeter {
  position: absolute;
  left: 355px;
  bottom: 20px;
  width: 98px;
  margin: 0 auto;
}
.modalDialog > .dlgContent .exchangeMeter .meter {
  width: 98px;
  height: 6px;
  overflow: hidden;
  border: solid 1px #808080;
  position: relative;
  background-color: #fff;
}
.modalDialog > .dlgContent .exchangeMeter .meter > .meterInner {
  width: 50px;
  height: 6px;
  background-color: #008000;
}
.modalDialog > .dlgContent .formGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 12px;
}
.modalDialog > .dlgContent label.form {
  height: 20px;
  margin-right: 8px;
}
.modalDialog > .dlgContent label.form.smallFont {
  font-size: 8pt;
  padding: 4px;
  height: auto;
  width: 86px;
  min-width: 86px;
  max-width: 86px;
}
.modalDialog > .dlgContent label.form.blue {
  background-color: #339;
}
.modalDialog > .dlgContent input[type="text"],
.modalDialog > .dlgContent textarea {
  width: 240px;
}
.modalDialog > .dlgContent label.checkbox {
  margin-top: 2px;
}
.modalDialog > .dlgContent label.labelUpload {
  height: 32px;
  border: solid 1px #666;
  border-radius: 6px;
  width: 120px;
  background-color: #fff;
  line-height: 12px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  padding-top: 6px;
}
.modalDialog > .dlgContent label.labelUpload.disabled {
  background-color: #ddd !important;
  color: #808080 !important;
  border-color: #ddd !important;
  pointer-events: none;
}
.modalDialog > .dlgContent div.msg {
  margin: 20px 8px;
  font-size: 10pt;
}
.modalDialog > .dlgContent .btnSearch {
  margin-left: 8px;
  width: 22px;
  height: 22px;
  background-image: url("../images/search.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  border: solid 1px #666;
  border-radius: 6px;
  padding: 3px 8px 2px;
  line-height: 12px;
  cursor: pointer;
}
.modalDialog > .dlgContent #dlgMessage .msg pre {
  white-space: pre-wrap;
}
.modalDialog > .dlgContent #dlgMessage .msgList {
  margin: 10px 8px;
}
.modalDialog > .dlgContent #dlgMessage .msgList textarea {
  width: 100%;
  min-height: 50px;
  box-sizing: border-box;
}
.modalDialog > .dlgContent #dlgProcess .processNameLabel,
.modalDialog > .dlgContent #dlgProcess .progressViewLabel {
  width: 100px;
}
.modalDialog > .dlgContent #dlgProcess .progressViewLabel {
  background-color: #339;
  color: #fff;
}
.modalDialog > .dlgContent #dlgProcess .processNameLabel {
  height: 30px;
}
.modalDialog > .dlgContent #dlgProcess #processName {
  width: 380px;
  height: 30px;
}
.modalDialog > .dlgContent #dlgProcess #hiddenFlag,
.modalDialog > .dlgContent #dlgProcess .progressViewText {
  display: inline;
  margin-top: 6px;
}
.modalDialog > .dlgContent #dlgProcessEdit {
  width: 500px;
}
.modalDialog > .dlgContent #dlgProcessEdit .scrollArea {
  max-height: 250px;
  overflow-y: auto;
}
.modalDialog > .dlgContent #dlgProcessEdit .processControl {
  width: 404px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  margin-bottom: 8px;
}
.modalDialog > .dlgContent #dlgProcessEdit .processControl > div {
  width: 116px;
  font-size: 100%;
  box-sizing: border-box;
  border: solid 1px #808080;
  border-right: 0;
  padding: 4px;
  text-align: center;
  cursor: pointer;
}
.modalDialog > .dlgContent #dlgProcessEdit .processControl > div:nth-child(1),
.modalDialog > .dlgContent #dlgProcessEdit .processControl div:nth-child(3) {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
}
.modalDialog > .dlgContent #dlgProcessEdit .processControl > div:last-child,
.modalDialog > .dlgContent #dlgProcessEdit .processControl div:nth-child(2) {
  border-right: solid 1px #808080;
  border-radius: 0 4px 4px 0/0 4px 4px 0;
}
.modalDialog > .dlgContent #dlgProcessEdit .processControl > div:nth-child(2) {
  margin-right: 4px;
}
.modalDialog > .dlgContent #dlgProcessEdit .processControl > div.disabled {
  background-color: #808080;
  color: #ccc;
  pointer-events: none;
}
.modalDialog > .dlgContent #dlgProcessEdit .processHeader {
  width: 100%;
  vertical-align: middle;
}
.modalDialog > .dlgContent #dlgProcessEdit .processHeader .headerProcess {
  width: 480px;
  box-sizing: border-box;
  display: inline-block;
  padding: 8px 4px;
  border-collapse: collapse;
  border-spacing: 0;
  border: solid 1px #808080;
  font-size: 10pt;
  background: #bde7ff;
  text-align: center;
}
.modalDialog > .dlgContent #dlgProcessEdit .processList {
  width: 480px;
  box-sizing: border-box;
}
.modalDialog > .dlgContent #dlgProcessEdit .processList > div {
  cursor: pointer;
  border: solid 1px #808080;
  border-top: none;
  padding: 8px 4px;
  text-align: center;
  background-color: #eef;
}
.modalDialog > .dlgContent #dlgProcessEdit .processList > div > input[type="text"] {
  width: 99%;
}
.modalDialog > .dlgContent #dlgProcessEdit .processList > div.selected {
  background-color: #fcc;
}
.modalDialog > .dlgContent #dlgProcessEditControl .processNameLabel {
  width: 100px;
  height: 30px;
}
.modalDialog > .dlgContent #dlgProcessEditControl #processName {
  width: 380px;
  height: 30px;
}
.modalDialog > .dlgContent #dlgProcessPattern .patternNameLabel {
  width: 100px;
  height: 30px;
}
.modalDialog > .dlgContent #dlgProcessPattern #patternName {
  width: 380px;
  height: 30px;
}
.modalDialog > .dlgContent #dlgCheckItem .itemCategoryLabel,
.modalDialog > .dlgContent #dlgCheckItem .titleCheckItemLabel {
  width: 100px;
}
.modalDialog > .dlgContent #dlgCheckItem .itemCategoryLabel {
  background-color: #339;
  color: #fff;
}
.modalDialog > .dlgContent #dlgCheckItem .titleCheckItemLabel {
  height: 30px;
}
.modalDialog > .dlgContent #dlgCheckItem #titleCheckItem {
  width: 380px;
  height: 30px;
}
.modalDialog > .dlgContent #dlgCheckItem #itemCategory,
.modalDialog > .dlgContent #dlgCheckItem .itemCategoryText {
  display: inline;
  margin-top: 6px;
}
.modalDialog > .dlgContent #dlgCheckItemList {
  width: 650px;
}
.modalDialog > .dlgContent #dlgCheckItemList .scrollArea {
  max-height: 250px;
  overflow-y: auto;
}
.modalDialog > .dlgContent #dlgCheckItemList .checkItemControl {
  width: 404px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  margin-bottom: 8px;
}
.modalDialog > .dlgContent #dlgCheckItemList .checkItemControl > div {
  width: 116px;
  font-size: 100%;
  box-sizing: border-box;
  border: solid 1px #808080;
  border-right: 0;
  padding: 4px;
  text-align: center;
  cursor: pointer;
}
.modalDialog > .dlgContent #dlgCheckItemList .checkItemControl > div:nth-child(1),
.modalDialog > .dlgContent #dlgCheckItemList .checkItemControl div:nth-child(4) {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
}
.modalDialog > .dlgContent #dlgCheckItemList .checkItemControl > div:last-child,
.modalDialog > .dlgContent #dlgCheckItemList .checkItemControl div:nth-child(3) {
  border-right: solid 1px #808080;
  border-radius: 0 4px 4px 0/0 4px 4px 0;
}
.modalDialog > .dlgContent #dlgCheckItemList .checkItemControl > div:nth-child(3) {
  margin-right: 4px;
}
.modalDialog > .dlgContent #dlgCheckItemList .checkItemControl > div.disabled {
  background-color: #808080;
  color: #ccc;
  pointer-events: none;
}
.modalDialog > .dlgContent #dlgCheckItemList .checkItemHeader {
  width: 100%;
  vertical-align: middle;
}
.modalDialog > .dlgContent #dlgCheckItemList .checkItemHeader .headerCheckItem {
  width: 630px;
  box-sizing: border-box;
  display: inline-block;
  padding: 8px 4px;
  border-collapse: collapse;
  border-spacing: 0;
  border: solid 1px #808080;
  font-size: 10pt;
  background: #bde7ff;
  text-align: center;
}
.modalDialog > .dlgContent #dlgCheckItemList .checkItemList {
  width: 630px;
  box-sizing: border-box;
}
.modalDialog > .dlgContent #dlgCheckItemList .checkItemList .checkItemData {
  width: 100%;
  cursor: pointer;
}
.modalDialog > .dlgContent #dlgCheckItemList .checkItemList .checkItemData .listDataCheckItem,
.modalDialog > .dlgContent #dlgCheckItemList .checkItemList .checkItemData .listDataItemCategory {
  display: table-cell;
  padding: 8px 4px;
  border-collapse: collapse;
  border-spacing: 0;
  border: solid 1px #808080;
  border-top: 0;
  font-size: 10pt;
  vertical-align: middle;
}
.modalDialog > .dlgContent #dlgCheckItemList .checkItemList .checkItemData .listDataItemCategory {
  text-align: center;
  width: 80px;
  box-sizing: border-box;
}
.modalDialog > .dlgContent #dlgCheckItemList .checkItemList .checkItemData .listDataCheckItem {
  border-left: 0;
  width: 550px;
  box-sizing: border-box;
}
.modalDialog > .dlgContent #dlgCheckItemList .checkItemList .checkItemData > div > div {
  background-color: #eef;
}
.modalDialog > .dlgContent #dlgCheckItemList .checkItemList .checkItemData > div > div.selected {
  background-color: #fcc;
}
.modalDialog > .dlgContent #kouteiCopyDialog .bukkenListTitle {
  font-size: 12pt;
}
.modalDialog > .dlgContent #kouteiCopyDialog .scrollArea {
  max-height: 250px;
  width: 790px;
  overflow-y: auto;
}
.modalDialog > .dlgContent #kouteiCopyDialog .bukkenList {
  border-collapse: separate;
  border-spacing: 2px 1px;
  box-sizing: border-box;
}
.modalDialog > .dlgContent #kouteiCopyDialog .bukkenList .bukkenListHeader > div {
  width: 190px;
  text-align: center;
  border: solid 1px #808080;
  display: table-cell;
  padding: 4px 8px;
  box-sizing: border-box;
}
.modalDialog > .dlgContent #kouteiCopyDialog .bukkenList .bukkenListData > div {
  cursor: pointer;
}
.modalDialog > .dlgContent #kouteiCopyDialog .bukkenList .bukkenListData > div > div {
  width: 190px;
  text-align: left;
  display: table-cell;
  padding: 4px 8px;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
  pointer-events: none;
}
.modalDialog > .dlgContent #kouteiCopyDialog .bukkenList .bukkenListData > div:nth-child(2n) > div {
  background-color: #eef;
}
.modalDialog > .dlgContent #kouteiCopyDialog .bukkenList .bukkenListData > div:nth-child(2n+1) > div {
  background-color: #ddf;
}
.modalDialog > .dlgContent #kouteiCopyDialog .bukkenList .bukkenListData > div.selected > div {
  background-color: #fcc;
}
.modalDialog > .dlgContent #kouteiCopyDialog .inputPanel > div {
  margin-bottom: 5px;
}
.modalDialog > .dlgContent #kouteiCopyDialog .inputPanel > div input#calCopy {
  width: 70px;
  margin-left: 8px;
}
.modalDialog > .dlgContent #kouteiCopyDialog .inputPanel > div.selectBukkenName {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.modalDialog > .dlgContent #kouteiCopyDialog .inputPanel > div.selectBukkenName > div {
  padding: 4px 8px;
  font-size: 11pt;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream {
  font-size: 10pt;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream label.label {
  height: 18px;
  padding: 2px;
  margin-left: 6px;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .flexGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0px;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .header {
  border-bottom: solid 1px #808080;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 12px;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .header > div {
  margin-bottom: 8px;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .header > div:nth-child(1) {
  margin-left: 8px;
  font-size: 11pt;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .header select {
  margin-right: 8px;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .header2 {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .header2 > div:nth-child(1) {
  font-size: 12pt;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList .scrollArea {
  max-height: 350px;
  overflow-y: auto;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList select {
  margin-left: 4px;
  width: 90px;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList input[type="text"] {
  margin-left: 4px;
  width: 85px;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 {
  width: 770px;
td
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 th.nameContractor,
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 td.nameContractor {
  width: 17%;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 th.nameShiten,
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 td.nameShiten {
  width: 17%;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 th.nameGyousyu,
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 td.nameGyousyu {
  width: 17%;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 th.nameUser,
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 td.nameUser {
  width: 17%;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 th.notice,
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 td.notice {
  width: 23%;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .contractorList table.table2 td.delete {
  text-align: center;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList > .scrollArea {
  max-height: 400px;
  overflow-y: auto;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList select {
  margin-left: 4px;
  width: 150px;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList input[type="text"] {
  margin-left: 4px;
  width: 145px;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 {
  width: 770px;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 th.nameShiten,
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 td.nameShiten {
  width: 18.8%;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 th.nameBusyo,
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 td.nameBusyo {
  width: 18.8%;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 th.nameUser,
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 td.nameUser {
  width: 18.8%;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 th.nameMailAddressPc,
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 td.nameMailAddressPc {
  width: 18.8%;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 th.nameMailAddressMb,
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 td.nameMailAddressMb {
  width: 18.8%;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 td.xsmall {
  text-align: center;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream .staffList table.table2 td {
  text-align: left;
  border: none;
}
.modalDialog > .dlgContent #shareMemberAddDialog .dlgShareMemberAddFream > .tab > .tabLabels2 > .shareComments {
  color: #000;
  margin-left: 40px;
  margin-top: 5px;
  text-align: left;
  border: none;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream label.label {
  height: 18px;
  padding: 2px;
  margin-left: 6px;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream .flexGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0px;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream .scrollArea {
  max-height: 400px;
  overflow-y: auto;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream select {
  margin-left: 4px;
  width: 150px;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream input[type="text"] {
  margin-left: 4px;
  width: 145px;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 {
  width: 770px;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 td {
  text-align: left;
  border: none;
  word-break: break-all;
  word-wrap: break-word;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 th.nameContractor,
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 td.nameContractor {
  width: 18%;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 th.nameShiten,
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 td.nameShiten {
  width: 18%;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 th.nameGyousyu,
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 td.nameGyousyu {
  width: 18%;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 th.nameUser,
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 td.nameUser {
  width: 18%;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 th.nameMailAddress,
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 td.nameMailAddress {
  width: 18%;
}
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 th.xsmall,
.modalDialog > .dlgContent #conSelectDialog .dlgConSelectFream table.table2 td.xsmall {
  text-align: center;
}
.modalDialog > .dlgContent #viewInfoDialog .constructorViewInfo .scrollArea {
  max-height: 400px;
  overflow-y: auto;
}
.modalDialog > .dlgContent #viewInfoDialog .constructorViewInfo .rdoLabel {
  font-size: 12pt;
}
.modalDialog > .dlgContent #viewInfoDialog .constructorViewInfo .formGroup {
  margin-bottom: 6px;
}
.modalDialog > .dlgContent #viewInfoDialog .constructorViewInfo table {
  width: 780px;
  box-sizing: border-box;
  border-collapse: separate;
  border-spacing: 2px;
  font-size: 9pt;
}
.modalDialog > .dlgContent #viewInfoDialog .constructorViewInfo table tr:nth-child(even) {
  background: #eef;
}
.modalDialog > .dlgContent #viewInfoDialog .constructorViewInfo table tr:nth-child(odd) {
  background: #ddf;
}
.modalDialog > .dlgContent #viewInfoDialog .constructorViewInfo table th {
  width: 195px;
  padding: 8px;
  background-color: #fff;
  border: solid 1px #808080;
  box-sizing: border-box;
}
.modalDialog > .dlgContent #viewInfoDialog .constructorViewInfo table td {
  width: 195px;
  padding: 8px;
  box-sizing: border-box;
  text-align: left;
}
.modalDialog > .dlgContentChkMenu {
  position: relative;
  padding: 12px;
  background-color: #fff;
  border: solid 1px #fff;
  min-width: 350px;
  min-height: 141px;
}
.modalDialog > .dlgContentChkMenu .dlgTitle {
  background-color: #39c;
  color: #fff;
  padding: 8px;
  border-radius: 4px;
  font-size: 12pt;
}
.modalDialog > .dlgContentChkMenu .dlgBody {
  margin-top: 16px;
}
.modalDialog > .dlgContentChkMenu .dlgBody .section {
  margin-bottom: 16px;
}
.modalDialog > .dlgContentChkMenu .dlgBody .section .desc {
  margin: 4px;
  font-size: 12px;
}
.modalDialog > .dlgContentChkMenu .dlgButtons {
  margin-top: 12px;
  margin-bottom: 10px;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.modalDialog > .dlgContentChkMenu .dlgButtons button {
  height: 32px;
}
.modalDialog > .dlgContentChkMenu .formGroup {
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 12px;
}
.modalDialog > .dlgContentChkMenu label.form {
  height: 20px;
  margin-right: 8px;
}
.modalDialog > .dlgContentChkMenu input[type="text"],
.modalDialog > .dlgContentChkMenu textarea {
  width: 240px;
}
.modalDialog > .dlgContentChkMenu input[type="checkbox"] {
  position: relative;
  top: -4px;
}
.modalDialog > .dlgContentChkMenu label.checkbox {
  margin-top: 2px;
}
.modalDialog > .dlgContentChkMenu div.msg {
  margin: 20px 8px;
}
.modalDialog > .dlgContentChkMenu.middle {
  width: 500px;
}
.modalDialog > .dlgContentChkMenu.large {
  width: 800px;
}
.modalDialog > .dlgContent.middle {
  width: 500px;
}
.modalDialog > .dlgContent.middle2 {
  width: 650px;
}
.modalDialog > .dlgContent.large {
  width: 800px;
}
.modalDialog > .dlgContent.large2 {
  width: 850px;
}
.modalDialog .mUsers {
  display: block;
  max-height: 400px;
  overflow: auto;
}
.modalDialog.depth2 > .dlgContent {
  margin: 140px auto;
}
.bunshoPage .contentFrame .constrFrame .constrList {
  width: 280px;
}
.bunshoPage .contentFrame .constrFrame .constrList .constrControl {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}
.bunshoPage .contentFrame .constrFrame .constrList .constrControl > div {
  width: 50px;
  font-size: 100%;
  box-sizing: border-box;
  border: solid 1px #808080;
  border-right: 0;
  padding: 4px;
  text-align: center;
  cursor: pointer;
}
.bunshoPage .contentFrame .constrFrame .constrList .constrControl > div:nth-child(2) {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.bunshoPage .contentFrame .constrFrame .constrList .constrControl > div:nth-child(1),
.bunshoPage .contentFrame .constrFrame .constrList .constrControl div:nth-child(4) {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
}
.bunshoPage .contentFrame .constrFrame .constrList .constrControl > div:last-child,
.bunshoPage .contentFrame .constrFrame .constrList .constrControl div:nth-child(3) {
  border-right: solid 1px #808080;
  border-radius: 0 4px 4px 0/0 4px 4px 0;
}
.bunshoPage .contentFrame .constrFrame .constrList .constrControl > div:nth-child(3) {
  margin-right: 4px;
}
.bunshoPage .contentFrame .constrFrame .constrList .constrControl > div.disabled {
  background-color: #808080;
  color: #ccc;
  pointer-events: none;
}
.bunshoPage .contentFrame .constrFrame .constrList .constrNameMenu {
  width: 100%;
}
.bunshoPage .contentFrame .constrFrame .constrList .constrNameMenu > div {
  background-color: #eef;
  padding: 8px 6px;
  border: solid 1px #808080;
  border-bottom: solid 1px #ccc;
  border-top: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bunshoPage .contentFrame .constrFrame .constrList .constrNameMenu > div > div.constrName {
  margin-right: 4px;
  text-decoration: underline;
  word-wrap: break-word;
  word-break: break-all;
  max-width: 220px;
}
.bunshoPage .contentFrame .constrFrame .constrList .constrNameMenu > div:first-child {
  border-top: solid 1px #808080;
  border-radius: 6px 6px 0 0/6px 6px 0 0;
}
.bunshoPage .contentFrame .constrFrame .constrList .constrNameMenu > div:last-child {
  border-bottom: solid 1px #808080;
  border-radius: 0 0 6px 6px/0 0 6px 6px;
}
.bunshoPage .contentFrame .constrFrame .constrList .constrNameMenu > div.selected {
  background-color: #fcc;
}
.bunshoPage .contentFrame .constrFrame .constrList .constrNameMenu > div.single {
  border-radius: 6px;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList {
  width: 350px;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateControl {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateControl > div {
  width: 50px;
  font-size: 100%;
  box-sizing: border-box;
  border: solid 1px #808080;
  border-right: 0;
  padding: 4px;
  text-align: center;
  cursor: pointer;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateControl > div:nth-child(1) {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateControl > div:nth-child(2) {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateControl > div:nth-child(3) {
  margin-right: 4px;
  border: solid 1px #808080;
  border-radius: 0 4px 4px 0/0 4px 4px 0;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateControl > div:nth-child(4) {
  margin-right: 4px;
  border-radius: 4px 4px 4px 4px/4px 4px 4px 4px;
  border: solid 1px #808080;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateControl > div:nth-child(5) {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateControl > div:nth-child(6) {
  border: solid 1px #808080;
  border-radius: 0 4px 4px 0/0 4px 4px 0;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateControl > div.disabled {
  background-color: #808080;
  color: #ccc;
  pointer-events: none;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateNameMenu {
  width: 100%;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateNameMenu > div {
  background-color: #eef;
  padding: 8px 6px;
  border: solid 1px #808080;
  border-bottom: solid 1px #ccc;
  border-top: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateNameMenu > div > div.constrName {
  margin-right: 4px;
  text-decoration: underline;
  word-wrap: break-word;
  word-break: break-all;
  max-width: 220px;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateNameMenu > div:first-child {
  border-top: solid 1px #808080;
  border-radius: 6px 6px 0 0/6px 6px 0 0;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateNameMenu > div:last-child {
  border-bottom: solid 1px #808080;
  border-radius: 0 0 6px 6px/0 0 6px 6px;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateNameMenu > div.selected {
  background-color: #fcc;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateNameMenu > div.single {
  border-radius: 6px;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateNameMenu .reportListLeft {
  width: 280px;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateNameMenu .reportListLeft .templateInsDateTime {
  margin: 2px;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateNameMenu .reportListLeft .reportTemplateName {
  font-size: 14px;
  margin-left: 15px;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateNameMenu .btnTemplateShow {
  width: 70px;
  height: 20px;
  margin: 5px;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateNameMenu .showTemplate {
  color: #00f;
}
.bunshoPage .contentFrame .reportTemplateFrame .reportTemplateList .reportTemplateNameMenu .notShowTemplate {
  color: #000;
}
#reportTemplateHelp {
  width: 100%;
  height: 400px;
}
.bunshoPage .contentFrame .bunshoFrame {
  font-size: 9pt;
  position: relative;
  width: 98%;
  margin: 8px 1%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame {
  position: relative;
  font-size: 10pt;
  width: 340px;
  min-width: 340px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame #folderLabel {
  font-size: 12pt;
  font-weight: bold;
  margin-bottom: 5px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu {
  overflow: auto;
  width: 320px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div {
  padding: 8px 6px;
  border: solid 1px #808080;
  border-bottom: solid 1px #ccc;
  border-top: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div > div {
  margin-right: 4px;
  text-decoration: underline;
  color: #000;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div > div.folderName {
  width: 110px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  word-wrap: break-word;
  word-break: break-all;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div > div.shareFlag {
  font-size: 9pt;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div > div.processName {
  width: 180px;
  word-wrap: break-word;
  word-break: break-all;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div > div.masterFolderName {
  width: 250px;
  word-wrap: break-word;
  word-break: break-all;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div > div.masterGroupName {
  width: 275px;
  word-wrap: break-word;
  word-break: break-all;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div > div:last-child {
  width: 50px;
  text-align: right;
  margin-right: 0;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div:first-child {
  border-top: solid 1px #808080;
  border-radius: 6px 6px 0 0/6px 6px 0 0;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div:first-child > div.folderName {
  width: 150px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div:first-child > div.processName {
  width: 240px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div:last-child {
  border-bottom: solid 1px #808080;
  border-radius: 0 0 6px 6px/0 0 6px 6px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div.selected {
  background-color: #fcc;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu > div.single {
  border-radius: 6px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderMenu button.btnUpload {
  width: 80px;
  height: 16px;
  margin-right: 4px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 320px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl > div {
  width: 50px;
  text-align: center;
  box-sizing: border-box;
  border: solid 1px #808080;
  border-right: 0px;
  padding: 4px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl > div:first-child,
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl div:nth-child(4) {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl > div:nth-child(3),
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl div:last-child {
  border-right: solid 1px #808080;
  border-radius: 0 4px 4px 0/0 4px 4px 0;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl > div:nth-child(3) {
  margin-right: 2px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl > div:active {
  background: linear-gradient(#69f, #36f);
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl > div.disabled {
  background-color: #808080;
  color: #ccc;
  pointer-events: none;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl > div.fullLen {
  width: 100%;
  border-radius: 4px;
}
.bunshoPage .contentFrame .bunshoFrame .folderFrame .folderControl > div#btnFChange {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame {
  position: relative;
  font-size: 10pt;
  width: 320px;
  min-width: 320px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame #folderLabel {
  font-size: 12pt;
  font-weight: bold;
  margin-bottom: 5px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderMenu {
  overflow: auto;
  width: 320px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderMenu > div {
  padding: 8px 6px;
  border: solid 1px #808080;
  border-bottom: solid 1px #ccc;
  border-top: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderMenu > div > div {
  margin-right: 4px;
  text-decoration: underline;
  color: #000;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderMenu > div > div.folderName {
  width: 110px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  word-wrap: break-word;
  word-break: break-all;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderMenu > div > div.shareFlag {
  font-size: 9pt;
  width: 50px;
  text-align: right;
  color: #00f;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderMenu > div > div.masterFolderName {
  width: 250px;
  word-wrap: break-word;
  word-break: break-all;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderMenu > div > div.masterGroupName {
  width: 275px;
  word-wrap: break-word;
  word-break: break-all;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderMenu > div > div:last-child {
  margin-right: 0;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderMenu > div > div.shareIcon {
  background-image: url("../images/share.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 16px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderMenu > div > div.shareIcon:hover {
  opacity: 0.5;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderMenu > div > div.btnUpload {
  background-image: url("../images/btn_upload.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 55px;
  height: 16px;
  opacity: 1;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderMenu > div > div.btnUpload:hover {
  opacity: 0.6;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderMenu > div > div.hidden {
  visibility: hidden;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderMenu > div:first-child {
  border-top: solid 1px #808080;
  border-radius: 6px 6px 0 0/6px 6px 0 0;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderMenu > div:first-child > div.folderName {
  width: 150px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderMenu > div:first-child > div.processName {
  width: 240px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderMenu > div:last-child {
  border-bottom: solid 1px #808080;
  border-radius: 0 0 6px 6px/0 0 6px 6px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderMenu > div.selected {
  background-color: #fcc;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderMenu > div.single {
  border-radius: 6px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderMenu button.btnUpload {
  width: 80px;
  height: 16px;
  margin-right: 4px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderControl {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 320px;
  margin-bottom: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderControl > div {
  width: 50px;
  text-align: center;
  box-sizing: border-box;
  border: solid 1px #808080;
  border-right: 0px;
  padding: 4px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderControl > div:first-child,
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderControl div:nth-child(4) {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderControl > div:nth-child(3),
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderControl div:last-child {
  border-right: solid 1px #808080;
  border-radius: 0 4px 4px 0/0 4px 4px 0;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderControl > div:nth-child(3) {
  margin-right: 2px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderControl > div:active {
  background: linear-gradient(#69f, #36f);
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderControl > div.disabled {
  background-color: #808080;
  color: #ccc;
  pointer-events: none;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderControl > div.fullLen {
  width: 100%;
  border-radius: 4px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFolderFrame .folderControl > div#btnFChange {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex: 1;
  flex-shrink: 1;
  margin-left: 16px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame label.label {
  padding: 0px;
  width: 60px;
  height: 18px;
  background-color: #339;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .leftPanel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .leftPanel > .title {
  font-size: 12pt;
  font-weight: bold;
  margin-left: 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 20px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .leftPanel > .title > div.mailButtons,
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .leftPanel > .title div.fileInfoButtons,
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .leftPanel > .title div.photoInfoButtons {
  margin-left: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .leftPanel > .title > div.mailButtons button,
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .leftPanel > .title div.fileInfoButtons button,
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .leftPanel > .title div.photoInfoButtons button {
  margin-left: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .leftPanel.wide {
  width: 100%;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .rightPanel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .rightPanel button#btnUpload {
  background-color: #00f;
  color: #fff;
  border: solid 1px #339;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .rightPanel button {
  margin-left: 4px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel > .pageTitle {
  font-size: 14pt;
  font-weight: bold;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  border-bottom: solid 1px #808080;
  margin-top: 8px;
  padding-bottom: 2px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .formGroup {
  margin-right: 12px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .formGroup select {
  width: 128px;
  margin-left: 4px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .formGroup button,
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .formGroup input {
  margin-left: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .formGroup .editWeight > label {
  padding-top: 5px;
  margin-left: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .formGroup .editWeight > div {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  width: 50px;
  text-align: center;
  box-sizing: border-box;
  border: solid 1px #808080;
  border-right: 0px;
  padding: 4px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .formGroup .editWeight > div:first-child {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
  margin-left: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .formGroup .editWeight > div:last-child {
  border-right: solid 1px #808080;
  border-radius: 0 4px 4px 0/0 4px 4px 0;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .formGroup .editWeight > div.disabled {
  background-color: #808080;
  color: #ccc;
  pointer-events: none;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel .pagination select {
  margin-left: 4px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .groupCommand {
  margin-top: 4px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 {
  width: 1126px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 th:nth-child(1),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(1) {
  width: 30px;
  text-align: center;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 th:nth-child(2),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(2) {
  width: 120px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 th:nth-child(3),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(3) {
  width: 200px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 th:nth-child(4),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(4) {
  width: 200px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 th:nth-child(5),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(5) {
  width: 120px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 th:nth-child(6),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(6) {
  width: 80px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 th:nth-child(7),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(7) {
  width: 30px;
  text-align: center;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 th:nth-child(8),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(8) {
  width: 104px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 th:nth-child(9),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(9) {
  width: 60px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(8) {
  font-size: 8pt;
  text-align: center;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList table.table2 td:nth-child(6) {
  text-align: right;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 {
  width: 1006px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 th:nth-child(1),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 td:nth-child(1) {
  width: 30px;
  text-align: center;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 th:nth-child(2),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 td:nth-child(2) {
  width: 120px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 th:nth-child(3),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 td:nth-child(3) {
  width: 200px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 th:nth-child(4),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 td:nth-child(4) {
  width: 200px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 th:nth-child(5),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 td:nth-child(5) {
  width: 80px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 th:nth-child(6),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 td:nth-child(6) {
  width: 30px;
  text-align: center;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 th:nth-child(7),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 td:nth-child(7) {
  width: 104px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 th:nth-child(8),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 td:nth-child(8) {
  width: 60px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 td:nth-child(7) {
  font-size: 8pt;
  text-align: center;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .fileList2 table.table2 td:nth-child(5) {
  text-align: right;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel.groupTitle {
  width: 652px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .groupList table.table2,
.bunshoPage .contentFrame .bunshoFrame .fileFrame .groupList .scrlTblHeader {
  width: 783px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame th.nameContractor,
.bunshoPage .contentFrame .bunshoFrame .fileFrame td.nameContractor {
  width: 23.5%;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame th.nameShiten,
.bunshoPage .contentFrame .bunshoFrame .fileFrame td.nameShiten {
  width: 23.5%;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame th.nameGyousyu,
.bunshoPage .contentFrame .bunshoFrame .fileFrame td.nameGyousyu {
  width: 23.5%;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame th.mailNotice,
.bunshoPage .contentFrame .bunshoFrame .fileFrame td.mailNotice {
  width: auto;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame > .titlePanel.procTitle {
  width: 600px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .procList table.table2 {
  width: 600px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .procList table.table2 th:nth-child(1),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .procList table.table2 td:nth-child(1) {
  width: 250px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .procList table.table2 th:nth-child(2),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .procList table.table2 td:nth-child(2) {
  width: 250px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .procList table.table2 th:nth-child(3),
.bunshoPage .contentFrame .bunshoFrame .fileFrame .procList table.table2 td:nth-child(3) {
  width: 60px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .procList table.table2 tr.selected {
  background-color: #fcc;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .updownPanel button:nth-child(1) {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .updownPanel button:nth-child(2) {
  border-radius: 0 4px 4px 0/0 4px 4px 0;
  margin-left: 0;
  border-left: 0;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .updownPanel button.btn.disabled {
  background-color: #808080 !important;
  color: #ccc !important;
  pointer-events: none;
  border-color: #808080 !important;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile {
  width: 240px;
  margin: 0 12px 12px 0;
  position: relative;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .thumb {
  width: 240px;
  height: 180px;
  box-sizing: border-box;
  border: solid 1px #808080;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .thumb.wordDoc {
  width: 240px;
  height: 80px;
  background-image: url("../images/thmb_word.jpg");
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .thumb.xlsDoc {
  width: 240px;
  height: 80px;
  background-image: url("../images/thmb_excel.jpg");
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .thumb.selected {
  border: solid 3px #f00;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .panel {
  margin-top: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .panel > div.detailLink {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  text-align: right;
  text-decoration: underline;
  cursor: pointer;
  color: #00f;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .desc table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .desc table th,
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .desc table td {
  text-align: left;
  padding: 4px;
  border: solid 1px #808080;
  word-break: break-all;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .desc table th {
  width: 90px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .thumbNails .aFile > .desc table td {
  width: 130px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .pageFooter {
  padding: 0;
  height: 0;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #ddd;
  border-top: #e5e2d4 solid 4px;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .pageFooter .pageTop {
  padding: 0 0 5px;
  text-align: right;
  position: relative;
  top: -23px;
  pointer-events: none;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame .pageFooter .pageTop > a {
  pointer-events: auto;
}
.bunshoPage .contentFrame .bunshoFrame .fileDesc {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .fileDesc img {
  width: 80px;
}
.bunshoPage .contentFrame .bunshoFrame .fileDesc .fileInfo {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.bunshoPage .contentFrame .bunshoFrame .fileDesc table.table3 {
  margin-top: 6px;
}
.bunshoPage .contentFrame .bunshoFrame .fileDesc table.table3 th {
  width: 120px;
}
.bunshoPage .contentFrame .bunshoFrame .commandPanel {
  margin-top: 32px;
  margin-left: 80px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bunshoPage .contentFrame .bunshoFrame .pathDesc {
  margin-top: 8px;
  font-size: 10pt;
  font-weight: bold;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame#sharePanel {
  display: none;
}
.bunshoPage .contentFrame .bunshoFrame .fileFrame#sharePanel .titlePanel:nth-child(2) {
  margin-top: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex: 1;
  flex-shrink: 1;
  margin-left: 16px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame label.label {
  padding: 0px;
  width: 60px;
  height: 18px;
  background-color: #339;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel > .leftPanel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel > .leftPanel > .title {
  font-size: 12pt;
  font-weight: bold;
  margin-left: 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 20px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel > .leftPanel > .title > div.photoInfoButtons {
  margin-left: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel > .leftPanel > .title > div.photoInfoButtons button {
  margin-left: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel > .leftPanel.wide {
  width: 100%;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel > .rightPanel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel > .rightPanel button#btnUpload {
  background-color: #00f;
  color: #fff;
  border: solid 1px #339;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel > .rightPanel button {
  margin-left: 4px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel > .pageTitle {
  font-size: 14pt;
  font-weight: bold;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  border-bottom: solid 1px #808080;
  margin-top: 8px;
  padding-bottom: 2px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel .formGroup {
  margin-right: 12px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel .formGroup select {
  width: 128px;
  margin-left: 4px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel .formGroup button,
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel .formGroup input {
  margin-left: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel .formGroup .editWeight > label {
  padding-top: 5px;
  margin-left: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel .formGroup .editWeight > div {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  width: 50px;
  text-align: center;
  box-sizing: border-box;
  border: solid 1px #808080;
  border-right: 0px;
  padding: 4px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel .formGroup .editWeight > div:first-child {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
  margin-left: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel .formGroup .editWeight > div:last-child {
  border-right: solid 1px #808080;
  border-radius: 0 4px 4px 0/0 4px 4px 0;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel .formGroup .editWeight > div.disabled {
  background-color: #808080;
  color: #ccc;
  pointer-events: none;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel .pagination select {
  margin-left: 4px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .groupCommand {
  margin-top: 4px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 {
  width: 1246px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 th:nth-child(1),
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 td:nth-child(1) {
  width: 30px;
  text-align: center;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 th:nth-child(2),
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 td:nth-child(2) {
  width: 60px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 th:nth-child(3),
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 td:nth-child(3) {
  width: 120px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 th:nth-child(4),
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 td:nth-child(4) {
  width: 120px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 th:nth-child(5),
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 td:nth-child(5) {
  width: 200px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 th:nth-child(6),
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 td:nth-child(6) {
  width: 200px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 th:nth-child(7),
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 td:nth-child(7) {
  width: 120px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 th:nth-child(8),
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 td:nth-child(8) {
  width: 80px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 th:nth-child(9),
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 td:nth-child(9) {
  width: 30px;
  text-align: center;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 th:nth-child(10),
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 td:nth-child(10) {
  width: 104px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 td:nth-child(10) {
  font-size: 8pt;
  text-align: center;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .photoList table.table2 td:nth-child(8) {
  text-align: right;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel.groupTitle {
  width: 652px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .groupList table.table2,
.bunshoPage .contentFrame .bunshoFrame .photoFrame .groupList .scrlTblHeader {
  width: 783px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame th.nameContractor,
.bunshoPage .contentFrame .bunshoFrame .photoFrame td.nameContractor {
  width: 23.5%;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame th.nameShiten,
.bunshoPage .contentFrame .bunshoFrame .photoFrame td.nameShiten {
  width: 23.5%;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame th.nameGyousyu,
.bunshoPage .contentFrame .bunshoFrame .photoFrame td.nameGyousyu {
  width: 23.5%;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame th.mailNotice,
.bunshoPage .contentFrame .bunshoFrame .photoFrame td.mailNotice {
  width: auto;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame > .titlePanel.procTitle {
  width: 600px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .procList table.table2 {
  width: 600px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .procList table.table2 th:nth-child(1),
.bunshoPage .contentFrame .bunshoFrame .photoFrame .procList table.table2 td:nth-child(1) {
  width: 250px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .procList table.table2 th:nth-child(2),
.bunshoPage .contentFrame .bunshoFrame .photoFrame .procList table.table2 td:nth-child(2) {
  width: 250px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .procList table.table2 th:nth-child(3),
.bunshoPage .contentFrame .bunshoFrame .photoFrame .procList table.table2 td:nth-child(3) {
  width: 60px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .procList table.table2 tr.selected {
  background-color: #fcc;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .updownPanel button:nth-child(1) {
  border-radius: 4px 0 0 4px/4px 0 0 4px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .updownPanel button:nth-child(2) {
  border-radius: 0 4px 4px 0/0 4px 4px 0;
  margin-left: 0;
  border-left: 0;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .updownPanel button.btn.disabled {
  background-color: #808080 !important;
  color: #ccc !important;
  pointer-events: none;
  border-color: #808080 !important;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .thumbNails {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 8px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .thumbNails .aFile {
  width: 240px;
  margin: 0 12px 12px 0;
  position: relative;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .thumbNails .aFile > .thumb {
  width: 240px;
  height: 180px;
  box-sizing: border-box;
  border: solid 1px #808080;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .thumbNails .aFile > .thumb.wordDoc {
  width: 240px;
  height: 80px;
  background-image: url("../images/thmb_word.jpg");
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .thumbNails .aFile > .thumb.xlsDoc {
  width: 240px;
  height: 80px;
  background-image: url("../images/thmb_excel.jpg");
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .thumbNails .aFile > .thumb.selected {
  border: solid 3px #f00;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .thumbNails .aFile > .panel {
  margin-top: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .thumbNails .aFile > .panel > div.detailLink {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  text-align: right;
  text-decoration: underline;
  cursor: pointer;
  color: #00f;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .thumbNails .aFile > .desc table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .thumbNails .aFile > .desc table th,
.bunshoPage .contentFrame .bunshoFrame .photoFrame .thumbNails .aFile > .desc table td {
  text-align: left;
  padding: 4px;
  border: solid 1px #808080;
  word-break: break-all;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .thumbNails .aFile > .desc table th {
  width: 90px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .thumbNails .aFile > .desc table td {
  width: 130px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .pageFooter {
  padding: 0;
  height: 0;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #ddd;
  border-top: #e5e2d4 solid 4px;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .pageFooter .pageTop {
  padding: 0 0 5px;
  text-align: right;
  position: relative;
  top: -23px;
  pointer-events: none;
}
.bunshoPage .contentFrame .bunshoFrame .photoFrame .pageFooter .pageTop > a {
  pointer-events: auto;
}
#dlgFolder {
/*display none*/
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#dlgFolder > div {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#dlgFolder > div input {
  height: 24px;
  font-size: 14px;
}
#dlgFolder > div:nth-child(2) {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
#dlgShared {
  display: none;
}
#dlgShared > div:nth-child(3) {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 20px;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
#dlgShared > div:nth-child(3) button {
  width: 160px;
  height: 32px;
}
.uploadDialog .title {
  font-size: 12pt;
  font-weight: bold;
  margin-left: 8px;
}
.uploadDialog #fileDropArea {
  width: 90%;
  margin: auto 5%;
  height: 200px;
  border: solid 1px #808080;
  border-radius: 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #eee;
}
.uploadDialog #fileDropArea > div {
  position: relative;
  font-size: 16pt;
  text-align: center;
  color: #999;
  font-weight: bold;
}
.uploadDialog #fileDropArea > div.notice {
  font-size: 14pt;
  margin-top: 12px;
}
.uploadDialog .formGroup {
  margin: 16px 0px;
  font-size: 14px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.uploadDialog div.errMsg {
  text-align: center;
  font-weight: bold;
  color: #f00;
}
.uploadDialog .dlgBody .section table.tblUploadPhotos {
  width: 983px;
}
.uploadDialog .dlgBody .section table.tblUploadPhotos tr {
  word-break: break-all;
}
.uploadDialog .dlgBody .section table.tblUploadPhotos tr:nth-child(odd) {
  background-color: #ddf;
}
.uploadDialog .dlgBody .section table.tblUploadPhotos tr:nth-child(even) {
  background-color: #eef;
}
.uploadDialog .dlgBody .section table.tblUploadPhotos th {
  background-color: #fff;
  border: solid 1px #808080;
}
.uploadDialog .dlgBody .section table.tblUploadPhotos tr,
.uploadDialog .dlgBody .section table.tblUploadPhotos td {
  vertical-align: top;
  padding-top: 8px;
}
.uploadDialog .dlgBody .section table.tblUploadPhotos th.uploadCheck,
.uploadDialog .dlgBody .section table.tblUploadPhotos td.uploadCheck {
  width: 32px;
  text-align: center;
}
.uploadDialog .dlgBody .section table.tblUploadPhotos th.fileName,
.uploadDialog .dlgBody .section table.tblUploadPhotos td.fileName {
  width: 250px;
}
.uploadDialog .dlgBody .section table.tblUploadPhotos th.titleItem,
.uploadDialog .dlgBody .section table.tblUploadPhotos td.titleItem {
  width: 450px;
}
.uploadDialog .dlgBody .section table.tblUploadPhotos th.fileSize,
.uploadDialog .dlgBody .section table.tblUploadPhotos th.progress,
.uploadDialog .dlgBody .section table.tblUploadPhotos td.fileSize,
.uploadDialog .dlgBody .section table.tblUploadPhotos td.progress {
  width: 112px;
}
.uploadDialog td.progress .meter {
  width: 98px;
  height: 6px;
  overflow: hidden;
  border: solid 1px #808080;
  position: relative;
  background-color: #fff;
}
.uploadDialog td.progress .meter > .meterInner {
  width: 50px;
  height: 6px;
  background-color: #008000;
}
.uploadPhotoDialog {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  overflow: auto;
}
.uploadPhotoDialog > .overlay {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.2;
}
.uploadPhotoDialog > .dlgContent {
  position: relative;
  padding: 12px;
  background-color: #fff;
  border: solid 1px #fff;
  border-radius: 8px;
  margin: 80px auto;
  min-width: 320px;
  min-height: 120px;
}
.uploadPhotoDialog > .dlgContent .dlgTitle {
  background-color: #39c;
  color: #fff;
  padding: 8px;
  border-radius: 4px;
  font-size: 12pt;
}
.uploadPhotoDialog > .dlgContent .dlgBody {
  margin-top: 16px;
  width: 100%;
}
.uploadPhotoDialog > .dlgContent .dlgBody .title {
  font-size: 12pt;
  font-weight: bold;
  margin-left: 8px;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section {
  margin-bottom: 16px;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section #fileDropArea {
  width: 90%;
  margin: auto 5%;
  height: 200px;
  border: solid 1px #808080;
  border-radius: 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #eee;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section #fileDropArea > div {
  position: relative;
  font-size: 16pt;
  text-align: center;
  color: #999;
  font-weight: bold;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos {
  width: 983px;
  border-collapse: separate;
  border-spacing: 2px;
  font-size: 9pt;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos {
  table-layout: fixed;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos tr {
  word-break: break-all;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos td {
  padding: 4px 8px;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos tr:nth-child(odd) {
  background-color: #ddf;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos tr:nth-child(even) {
  background-color: #eef;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos th {
  background-color: #fff;
  border: solid 1px #808080;
  padding: 8px;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos tr,
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos td {
  vertical-align: top;
  padding-top: 8px;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos th.uploadCheck,
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos td.uploadCheck {
  width: 14px;
  text-align: center;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos th.fileName,
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos td.fileName {
  width: 232px;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos th.titleItem,
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos td.titleItem {
  width: 432px;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos td.titleItem {
  padding: 0;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos td.titleItem select.selCheckItem {
  width: 445px;
  display: block;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 4px;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos td.titleItem label.lblPhotoTitle {
  margin-right: 4px;
  margin-left: 4px;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos td.titleItem label.lblPhotoTitle,
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos td.titleItem input.titleInput {
  margin-bottom: 3px;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos td.titleItem input.titleInput {
  width: 401px;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos td.titleItem > input.disabled {
  background-color: #808080;
  pointer-events: none;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos th.fileSize,
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos th.progress,
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos td.fileSize,
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos td.progress {
  width: 96px;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos td.fileSize {
  text-align: right;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos td.progress .meter {
  width: 98%;
  height: 6px;
  overflow: hidden;
  border: solid 1px #808080;
  position: relative;
  background-color: #fff;
}
.uploadPhotoDialog > .dlgContent .dlgBody .section table.tblUploadPhotos td.progress .meter > .meterInner {
  width: 50px;
  height: 6px;
  background-color: #008000;
}
.uploadPhotoDialog > .dlgContent .dlgBody label.labelUpload {
  height: 32px;
  border: solid 1px #666;
  border-radius: 6px;
  width: 120px;
  background-color: #fff;
  line-height: 12px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  padding-top: 6px;
}
.uploadPhotoDialog > .dlgContent .dlgBody label.labelUpload.disabled {
  background-color: #ddd !important;
  color: #808080 !important;
  border-color: #ddd !important;
  pointer-events: none;
}
.uploadPhotoDialog > .dlgContent .dlgButtons {
  margin-top: 12px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.uploadPhotoDialog > .dlgContent .dlgButtons button {
  height: 32px;
}
.uploadPhotoDialog > .dlgContent.XLarge {
  width: 1000px;
}
.uploadPhotoDialog .formGroup {
  margin: 16px 0px;
  font-size: 14px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.uploadPhotoDialog div.errMsg {
  text-align: center;
  font-weight: bold;
  color: #f00;
}
.detailDialog .desc {
  border: solid 1px #808080;
}
.detailDialog .desc button.btn {
  height: 32px;
}
.detailDialog .iconView {
  width: 100%;
/*height : 530px*/
  height: 320px;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.detailDialog .iconView.half {
  height: 260px;
}
.detailDialog table {
  width: 100%;
}
.detailDialog table td,
.detailDialog table th {
  padding: 8px;
  border: solid 1px #808080;
}
.detailDialog table th {
  width: 160px;
}
.detailDialog table .nopadding {
  padding: 0;
}
.detailDialog table .nopadding .divTitleCheckItem .selCheckItem,
.detailDialog table .nopadding .divTitleCheckItem .lblPhotoTitle,
.detailDialog table .nopadding .divTitleCheckItem #freeInputTitle {
  margin-bottom: 3px;
}
.detailDialog table .nopadding .divTitleCheckItem .selCheckItem {
  width: 610px;
  max-width: 610px;
  display: inline-block;
}
.detailDialog table .nopadding .divTitleCheckItem .lblPhotoTitle {
  margin-left: 4px;
  margin-right: 4px;
}
.detailDialog table .nopadding .divTitleCheckItem #freeInputTitle {
  width: 554px;
}
.detailDialog table .nopadding .divTitleCheckItem > input.disabled {
  background-color: #808080;
  pointer-events: none;
}
.shareDialog .header {
  border-bottom: solid 1px #808080;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 12px;
}
.shareDialog .header > div {
  margin-bottom: 8px;
}
.shareDialog .header > div:nth-child(1) {
  margin-left: 8px;
  font-size: 11pt;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.shareDialog .header select {
  margin-right: 8px;
}
.shareDialog .header2 {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.shareDialog .header2 > div:nth-child(1) {
  font-size: 12pt;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.shareMailDialog iframe,
.notifyMailDialog iframe,
.photoInfoDialog iframe,
.fileInfoDialog iframe,
.processInfoDialog iframe {
  width: 100%;
  height: 320px;
}
.dlgContent.processPatternDlg div.dlgBody > div.section:nth-child(1) {
  height: 270px;
  overflow-y: scroll;
}
.dlgContent.processPatternDlg div.dlgBody > div.section:nth-child(1) table.table1 {
  width: 95%;
}
.dlgContent.processPatternDlg div.dlgBody > div.section:nth-child(1) table.table1 tbody.mProcs {
  max-height: 240px;
}
.dlgContent.processPatternDlg div.dlgBody > div.section:nth-child(1) table.table1 tbody.mProcs td:nth-child(1) {
  width: 30px;
  text-align: center;
}
.crossPage .contentFrame .kouteiFrame {
  font-size: 9pt;
  position: relative;
  width: 98%;
  margin: 8px 1%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.crossPage .contentFrame .kouteiFrame .calendarFrame {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4px;
}
.crossPage .contentFrame .kouteiFrame .calendarFrame table {
  border-collapse: collapse;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  border-bottom: 1px #808080 solid;
  border-right: 1px #808080 solid;
}
.crossPage .contentFrame .kouteiFrame .calendarFrame table tr {
  height: 24px;
}
.crossPage .contentFrame .kouteiFrame .calendarFrame table thead tr {
  height: 28px;
}
.crossPage .contentFrame .kouteiFrame .calendarFrame table thead tr.monthHeader {
  height: 20px;
}
.crossPage .contentFrame .kouteiFrame .calendarFrame table thead tr.monthHeader > th {
  border: solid 1px #808080;
  overflow: hidden;
}
.crossPage .contentFrame .kouteiFrame .calendarFrame table td,
.crossPage .contentFrame .kouteiFrame .calendarFrame table th {
  border: solid 1px #808080;
  vertical-align: middle;
}
.crossPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader {
  width: 332px;
  min-width: 332px;
  max-width: 332px;
  z-index: 10;
  position: relative;
}
.crossPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader table {
  font-size: 8pt;
  text-align: center;
  width: 100%;
}
.crossPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader table td,
.crossPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader table th {
  width: 110px;
}
.crossPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader table td > div {
  overflow: hidden;
  max-height: 23px;
  text-align: left;
  font-size: 9pt;
  padding: 0px 4px;
  word-break: break-all;
  word-wrap: break-word;
}
.crossPage .contentFrame .kouteiFrame .calendarFrame .kouteiHeader table thead tr {
  height: 48px;
}
.crossPage .contentFrame .kouteiFrame .calendarFrame .calendar {
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  overflow: auto;
  font-size: 8pt;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.crossPage .contentFrame .kouteiFrame .calendarFrame .calendar table {
  pointer-events: none;
}
.crossPage .contentFrame .kouteiFrame .calendarFrame .calendar table td,
.crossPage .contentFrame .kouteiFrame .calendarFrame .calendar table th {
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  border: dotted 1px #808080;
  text-align: center;
}
.crossPage .contentFrame .kouteiFrame .calendarFrame .calendar table td.sat,
.crossPage .contentFrame .kouteiFrame .calendarFrame .calendar table th.sat {
  background-color: #eef;
}
.crossPage .contentFrame .kouteiFrame .calendarFrame .calendar table td.sun,
.crossPage .contentFrame .kouteiFrame .calendarFrame .calendar table th.sun {
  background-color: #fee;
}
.crossPage .contentFrame .kouteiFrame .calendarFrame .calendar table td.completed {
  background-color: #7abcff;
}
.crossPage .contentFrame .kouteiFrame .calendarFrame .calendar table td:first-child,
.crossPage .contentFrame .kouteiFrame .calendarFrame .calendar table th:first-child {
  border-left: 0;
}
.crossPage .contentFrame .kouteiFrame .calendarFrame .calendar table tbody tr.hover,
.crossPage .contentFrame .kouteiFrame .calendarFrame .calendar table tbody tr.selected {
  background-color: #f7f7ff;
}
.crossPage .contentFrame .kouteiFrame .commandPanel {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.crossPage .contentFrame .kouteiFrame .commandPanel > div {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.crossPage .contentFrame .kouteiFrame .commandPanel > div input[type="text"] {
  margin-left: 4px;
  width: 80px;
  border: solid 1px #808080;
}
.crossPage .contentFrame .kouteiFrame .commandPanel > div > div {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-right: 8px;
}
.crossPage .contentFrame .kouteiFrame .commandPanel > div.formGroup {
  margin-right: 8px;
}
.crossPage .contentFrame .kouteiFrame .commandPanel > div.formGroup button {
  min-width: 54px;
  margin-right: 4px;
}
.crossPage .contentFrame .kouteiFrame .commandPanel .filter {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid #808080;
  border-radius: 4px;
  min-height: 22px;
}
.crossPage .contentFrame .kouteiFrame .commandPanel .filter > div {
  display: inline-block;
}
.crossPage .contentFrame .kouteiFrame .commandPanel .displayRange {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid #808080;
  border-radius: 4px;
}
.crossPage .contentFrame .kouteiFrame .commandPanel .displayRange > * {
  margin-right: 5px;
}
.crossPage .contentFrame .kouteiFrame .commandPanel .displayRange > input {
  width: 70px;
}
.crossPage .contentFrame .kouteiFrame .commandPanel .excelExport {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid #808080;
  border-radius: 4px;
  min-height: 22px;
}
.crossPage .rangeLine {
  left: 0px;
  top: 0px;
  width: 0px;
  position: absolute;
  height: 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}
.crossPage .rangeLine > div:nth-child(1) {
  margin-left: 2px;
  width: 0px;
  height: 0px;
  border: solid 6px #f00;
  border-radius: 6px;
}
.crossPage .rangeLine > div:nth-child(2) {
  height: 4px;
  background-color: #808080;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.crossPage .rangeLine > div:nth-child(3) {
  margin-right: 3px;
  width: 0px;
  height: 0px;
  border: solid 6px #00f;
  border-radius: 6px;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex: 1;
  flex-shrink: 1;
}
.crossPage .rangeLine2 {
  position: absolute;
  cursor: pointer;
}
.crossPage .rangeLine2 > div.desc {
  position: absolute;
  top: 6px;
  white-space: nowrap;
  word-wrap: normal;
  background: #fff;
  padding: 2px;
}
.dlgCross .formCrossGroup {
  margin: 10px;
}
.dlgCross .formCrossGroup > input.month {
  width: 70px;
  margin-left: 4px;
  margin-right: 4px;
}
.dlgCross .formCrossGroup >label {
  width: 95px;
  margin-left: 4px;
  margin-right: 4px;
}
.dlgCross .formCrossGroup >select {
  width: 163px;
  margin-left: 4px;
  margin-right: 4px;
}