html {
  overflow-y: scroll;
}

body {
  font-size: 1.4em;
  font-family: 'Noto Sans JP', sans-serif;
  color: #000000;
  /*color: #333;*/
  background-color: #FBFBFB;
}

.center {
  text-align: center;
}

.index {
  text-indent: -1em;
  margin-left: 1em;
}

.small {
  font-size: 80%;
}

.fontSizeXsmall {
  font-size: 1rem !important;
}

.fontSizeXxsmall {
  font-size: 1rem !important;
  /* GoogleChromeでfont-size10px未満を表示する */ 
  transform: scale(0.8);
  display: block;
}

input[type=text],
input[type=number],
input[type=password],
textarea,
select {
  padding: 0 5px;
  border-radius: 2px;
}

input[type=text],
input[type=number],
input[type=password],
textarea {
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border: 1px solid #CCC;
  padding: 0 5px;
  font-size: 1.2rem;
}
input[type=text]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #BBB;
}
input[type=text]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #BBB;
}
input[type=text]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, textarea::-moz-placeholder {
  color: #BBB;
}

input[type=text][readonly] {
  background: #dcdcdc;
  cursor: not-allowed; /* 禁止カーソル */
}

input[type=radio],
input[type=checkbox] {
  display: none;
}

input[type=radio] + label,
input[type=checkbox]+ label {
  position: relative;
  margin-right: 5px;
  cursor: pointer;
  display: inline-block;
  padding-left: 18px;
}

input[type=radio] + label:before,
input[type=checkbox] + label:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #CCC;
  left: 0;
  background-color: #FFF;
}



input[type=radio] + label:before {
  border-radius: 50%;
}

input[type=checkbox] + label:before {
  border-radius: 2px;
}

.unchecked input[type=radio] + label:before,
input[type=checkbox] + label:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #CCC;
  left: 0;
  background-color: #FFF;
}

.unchecked input[type=radio] + label:before {
  border-radius: 50%;
}

.unchecked input[type=checkbox] + label:before {
  border-radius: 2px;
}

input[type=radio]:checked + label:before,
input[type=checkbox]:checked + label:before {
  border: 1px solid #e74c3c;
}

input[type=checkbox]:checked + label:before {
  background-color: #e74c3c;
}

input[type=radio]:checked + label:after,
input[type=checkbox]:checked + label:after {
  content: "";
  display: block;
  position: absolute;
}

input[type=radio]:checked + label:after {
  top: 3px;
  left: 3px;
  width: 9px;
  height: 9px;
  background-color: #e74c3c;
  border-radius: 50%;
}

input[type=checkbox]:checked + label:after {
  top: -1px;
  left: 5px;
  width: 6px;
  height: 13px;
  transform: rotate(40deg);
  border-bottom: 2px solid #FFF;
  border-right: 2px solid #FFF;
}

input:disabled {
  background-color: rgb(235, 235, 228);
}

.selectLabel {
  position: relative;
  border: 1px solid #CCC;
  border-radius: 2px;
  display: block;
  background-color: #FFF;
  width: 100%;
}

.selectLabel:after {
  content: "\f0dd";
  font-family: FontAwesome;
  position: absolute;
  top: -1px;
  right: 5px;
  color: #AAA;
  display: block;
  font-size: 120%;
  /*z-index: 2;*/
}

select {
  color: #333;
  width: 100%;
  cursor: pointer;
  position: relative;
  border: none;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  font-family: 'Noto Sans JP', sans-serif;
  z-index: 1;
  font-weight: 500;
  font-size: 1.2rem;
}
select::-ms-expand {
  display: none;
}

.bg-disabled{
  background-color: #ebebe4;
}

textarea {
  min-height: 30px;
  line-height: 1;
  resize: vertical;
}

/*comboBox プルダウンと入力が複合した入力*/
.comboBox {
  position: relative;
}

.comboBox input {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 92%;
  z-index: 2;
  border: none!important;
  background: none!important;
}

.comboBox select {
  width: 100%;
  z-index: 1;
}

/****************************************
ヘッダ
****************************************/
header {
  position: fixed;
  width: 100%;
  background-color: #FFF;
  z-index: 100;
  border-bottom: 2px solid #0C7E4B;
  height: 73px;
}

#navi {
  padding-top: 24px;
  display: flex;
  justify-content: flex-end;
}

#navi > li,
#navi ul.flexColumn > li {
  position: relative;
}

#navi ul.flexColumn > li {
  display: flex;
  flex-flow: column;
}

#navi > li > a,
#navi ul.flexColumn > li > a {
  display: block;
  text-align: center;
  width: 110px;
  font-size: 1.3rem;
  font-weight: 500;
  padding: 2px 0 3px;
  color: #FFF;
  background-color: #0C7E4B;
}

#navi ul.flexColumn > li > a {
  height: 24px;
}

#navi > li > a {
  height: 48px;
  line-height: 43px;/* paddingを除いたheight */
}

#navi > li:not(:last-child) {
  border-right: 1px solid #fff;
}

#navi ul.flexColumn > li:nth-child(1) {
  border-bottom: 1px solid #fff;
  ;
}

#navi ul.flexColumn > li:hover .dropMenu {
  top: 24px;
  visibility: visible;
  opacity: 1;
}

#navi > li:hover > .dropMenu {
  top: 48px;
  visibility: visible;
  opacity: 1;
}

.dropMenu {
  z-index: 100;
  text-align: center;
  position: absolute;
  top: 100%;
  left: -1px;
  width: 112px;
  border: 1px solid #0C7E4B;
  background-color: #FFF;
  visibility: hidden;
  opacity: 0;
  /*transition: .5s ease;*/
}

.dropMenu li {
  width: 100%;
}

.dropMenu li:last-child a {
  border: none;
}

.dropMenu li a {
  font-weight: 500;
  display: block;
  padding: 10px 0px;
  font-size: 1.2rem;
  border-bottom: 1px solid #0C7E4B;
  color: #0C7E4B;
}

.dropMenu li a:hover,
.subCurrent {
  background-color: #dff5eb!important;
}

.dropMenu li a span.fontSizeXxsmall {
  transform-origin: left center;
  padding-left: 7px;
  white-space: nowrap;
}

.userName {
  position: absolute;
  top: 0;
  font-size: 1.2rem;
  right: 0;
}

.logoutBtn {
  color: #FFF;
  padding: 0px 10px;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 1rem;
  display: inline-block;
  line-height: 20px;
  background-color: #333;
  margin-left: 10px;
  border-radius: 0 0 5px 5px;
}

.logoutBtn i {
  margin-right: 5px;
  font-size: 1.2rem;
}

.logoutBtn:hover {
  opacity: 0.6;
}

.contactLink {
  position: absolute;
  color: #FFF;
  background-color: #1fa86f;
  text-align: center;
  width: 100px;
  font-size: 1.3rem;
  font-weight: 500;
  padding: 2px 0 3px;
  margin : 15px 0 10px 10px;
  border-radius: 3px;
}

/****************************************
コンテンツ
****************************************/
#ctsAllWrap {
  padding-top: 90px;
  padding-bottom: 30px;
}

.wrap {
  width: 1300px;
  margin: auto;
  position: relative;
}

.ctsWrap {
  clear: both;
  margin-top: 10px;
  background-color: #FFF;
  border: 2px solid #CCC;
  padding: 15px;
  border-radius: 10px;
}

h1 {
  padding-top: 22px;
  width: 230px;
  float: left;
}

h1 img {
  width: 100%;
}

h2 {
  line-height: 1.2;
  font-size: 1.8rem;
  border-left: 5px solid #0C7E4B;
  padding-left: 5px;
  font-weight: 700;
  position: relative;
}

h2 a {
  position: absolute;
  display: inline-block;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1;
}

h2 a:hover {
  opacity: 0.6;
}

h2 span {
  position: absolute;
  top: -10px;
  right: 0;
  font-size: 1.4rem;
  font-weight: 400;
  font-weight: 700;
}

h2 span input {
  padding: 5px!important;
  font-size: 1.6rem!important;
  width: 100px!important;
  border-color: #333!important;
  border-width: 2px!important;
  font-weight: 500;
}

h3 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  position: relative;
  clear: both;
}

h3:before {
  content: "■";
}

h3 a {
  position: absolute;
  right: 0;
  top: -5px;
  display: block;
  background-color: #0C7E4B;
  color: #FFF;
  font-size: 1.4rem;
  padding: 5px 15px;
  border-radius: 20px;
  letter-spacing: 1px;
}

h3 a:hover {
  opacity: 0.6;
}

/* 下段(div)に移動したセクション右上ボタン用 */
.sectionTopWrap { position: relative; }
.sectionTopWrap .sectionTopBtn {
  position: absolute;
  right: 0;
  top: -5px;
  display: block;
  background-color: #0C7E4B;
  color: #FFF;
  font-size: 1.4rem;
  padding: 5px 15px;
  border-radius: 20px;
  letter-spacing: 1px;
  line-height: 1;
}
.sectionTopWrap .sectionTopBtn:hover { opacity: .6; }

.operationText {
  text-align: center;
  background-color: #dff5eb;
  margin-top: -15px;
  margin-bottom: 10px;
  padding: 2px 0;
  font-weight: 500;
}

.errorTextWrap {
  margin-top: 10px;
}

.errorTextWrap p {
  margin-top: 5px;
  font-size: 1.2rem;
  color: #E50012;
  line-height: 1;
}

.inputError {
  background-color: #FEE!important;
  /*disabledなどの背景色に優先させるため*/
}

.hideInput {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px dotted #CCC;
  display: none;
}

.dateText {
  width: 75px!important;
}

.dateText,
.meridiemSelect,
.timeText {
  display: inline-block;
  vertical-align: middle;
}

.timeText {
  width: 65px!important;
  text-align: right!important;
}

.meridiemSelect {
  width: 50px;
}

.calendarDate,
.rightText,
.unitText,
.priceText {
  text-align: right!important;
}

.leftText {
  text-align: left !important;
}

.unitText,
input.priceText {
  width: 88%!important;
}

.priceText {
  font-weight: 900!important;
}

.requiredMark {
  color: #E50012;
  font-weight: 700;
}

.ngList td {
  background-color: #999!important;
}

/**********検索ボックス**********/
.searchOpenBtn {
  background-color: #333;
  border: 1px solid #333;
  color: #FFF;
  padding: 5px 10px;
  margin-left: 10px;
}

.searchCts {
  display: none;
}

.searchActive {
  background-color: #FFF;
  color: #333;
}

.searchTable {
  margin-bottom: 10px;
  width: 1220px;
  float: left;
}

.searchTable +.rightBtnWrap {
  padding-top: 12px;
}

.rightBtnWrap {
  width: 70px;
  float: right;
}

.rightBtnWrap a {
  text-align: center;
  display: block;
  color: #FFF;
  font-weight: 500;
}

.rightBtnWrap a {
  margin-top: 5px;
  padding: 5px;
}

.rightBtnWrap a:hover {
  opacity: 0.6;
}

.rightBtnWrap a:first-child {
  background-color: #333;
}

.rightBtnWrap a:nth-child(2) {
  background-color: #AAA;
}

/**********タブ**********/
.tabBtn {
  display: flex;
}

.tabBtn > li {
  width: 100px;
  color: #FFF;
  cursor: pointer;
  position: relative;
  text-align: center;
  background-color: #BBB;
  line-height: 30px;
  font-weight: 500;
  transition: .2s linear;
}

.tabBtn > li:hover {
  opacity: 0.6;
}

.tabCts > li {
  position: relative;
  display: none;
}

/**********表組**********/
.inputTable:first-of-type {
  margin-top: 10px;
  border-top: 1px solid #CCC;
}

.inputTable th,
.inputTable td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  vertical-align: middle;
  padding: 3px;
  font-size: 1.2rem;
  line-height: 1.2;
  white-space: nowrap;
  z-index: 0;
  font-weight: 400;
  text-align: left;
}

.inputTable .text-right {
  text-align: right;
}

.tdText {
  height: 30px;
  white-space: normal;
  overflow-y: scroll;
}

.tableLayoutFixed {
  table-layout: fixed;
}

/**********カレンダー**********/
.ui-datepicker {
  background-color: #FFF;
  padding: 5px 10px 10px;
  border: 1px solid #CCC;
  position: relative;
  display: none;
  /*z-index: 5!important;*/
  z-index: 100009 !important;/*modal内で利用する場合に最前面に表示*/
}

.ui-datepicker-prev,
.ui-datepicker-next {
  position: absolute;
  top: 0;
  font-size: 2rem;
  font-weight: 500;
}

.ui-datepicker-prev {
  left: 10px;
}

.ui-datepicker-next {
  right: 10px;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
  opacity: 0.6;
}

.ui-datepicker-title {
  text-align: center;
  font-weight: 500;
}

.ui-datepicker-calendar {
  text-align: center;
  line-height: 1;
  font-size: 1.2rem;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
  padding: 3px 5px;
  border: 1px solid #CCC;
}

.ui-datepicker-calendar th {
  font-weight: 400;
  background-color: #EEE;
}

.ui-datepicker-calendar td:first-child {
  background-color: #fce5e5;
}

.ui-datepicker-calendar td:last-child {
  background-color: #edf4ff;
}

.ui-datepicker-today {
  background-color: #ffe0aa!important;
}

.ui-datepicker-calendar td a {
  display: block;
}

.ui-datepicker-calendar td:hover {
  background-color: #EEE!important;
}

/**********ボタン類**********/
.allTopBtnWrap {
  position: absolute;
  top: -10px;
  right: 0;
  display: flex;
}

.allTopBtnWrap li {
  margin-left: 5px;
  /*width: 150px;*/
}

.allTopBtnWrap li a {
  text-align: center;
  display: block;
  width: 130px;
  background-color: #fe6600;
  line-height: 35px;
  color: #FFF;
  font-weight: 500;
}

.allTopBtnWrap li a:hover {
  opacity: 0.6;
}

.topBtnWrap {
  position: absolute;
  top: 0;
  right: 0;
}

.topBtnWrap li {
  display: inline-block;
  width: 140px;
  text-align: center;
  margin-left: 5px;
}

.topBtnWrap li a {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 2px 0;
  letter-spacing: 1px;
}

.topBtnWrap li:first-child a {
  background-color: #333;
  color: #FFF;
}

.topBtnWrap li:first-child a:hover {
  opacity: 0.6;
}

.tdBtn a:hover,
.deleteBtn:hover {
  opacity: 0.6;
}

.tdBtn {
  display: inline;
  position: relative;
}

.tdBtn a {
  display: block;
  position: absolute;
  top: -1px;
  right: 3px;
  background-color: #333;
  color: #FFF;
  text-align: center;
  line-height: 20px;
  padding: 0 10px;
}

.deleteBtn {
  display: block;
  background-color: #C00000!important;
  color: #FFF;
  text-align: center;
}

td a.deleteBtn {
  font-size: 1rem!important;
  display: block;
  padding: 3px 10px;
  border-radius: 20px;
}

.roundBtn {
  border-radius: 20px;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  padding: 3px 0;
  text-align: center;
}

.roundBtn:hover {
  opacity: .7;
}

a.width200px {
  width: 200px;
}

.nextBtn,
.registrationBtn,
.applicationBtn,
.alertBtn,
.saveBtn {
  display: block;
  font-size: 1.6rem;
  color: #FFF;
  margin: 10px auto 0;
  text-align: center;
  padding: 5px 10px;
  font-weight: 500;
  width: 180px;
}

.nextBtn {
  background-color: #333;
}

.registrationBtn {
  background-color: #fe6600;
}

.applicationBtn {
  background-color: #0C7E4B;
}

.saveBtn {
  background-color: #999;
}

.alertBtn {
  background-color: #E50012;
}

.nextBtn:hover,
.registrationBtn:hover,
.applicationBtn:hover,
.saveBtn:hover,
.alertBtn:hover{
  opacity: 0.6;
}

.normalBtn {
  background-color: #0C7E4B;
  color: #FFF;
  text-align: center;
  padding: 2px 10px;
  border-radius: 30px;
  display: block;
}

.normalBtn:hover {
  opacity: 0.6;
}

.backBtn {
  background-color: #333;
  color: #FFF;
  padding: 5px 15px;
  margin-left: 5px;
  border-radius: 30px;
}

.btnListTop {
  display: flex;
  position: relative;
}

.btnListTop li a {
  width: 120px;
  display: block;
  margin-right: 10px;
  color: #FFF;
  text-align: center;
  padding: 2px 0;
  white-space: nowrap;
  font-weight: 500;
}

.btnListTop li a.width200px {
  width: 200px;
}

.btnListTop li a:hover {
  opacity: 0.6;
}

.btnListSearch {
  background-color: #333;
}

.btnListReport {
  background-color: #a08401;
}

.btnListPrint {
  background-color: #666;
}

.btnListPrintAll {
  background-color: #000;
}

.btnListCsv {
  background-color: #47ab74;
}

.btnListNew {
  background-color: #df0000;
}

.btnListLabel {
  background-color: #0386c7;
}

.btnListOpt {
  background-color: #fdb900;
}

.btnList {
  text-align: center;
}

.btnList li {
  display: inline-block;
  margin: 0 5px;
}

/**********モーダル**********/
.searchBox dt,
.selectBox dt,
.estimateBox dt,
.guideBox dt {
  font-size: 1.6rem;
  font-weight: 500;
  border-bottom: 3px double #CCC;
  padding-bottom: 3px;
}

.searchBox dt:not(:first-of-type) {
  margin-top: 10px;
}

.searchBox dd,
.estimateBox dd,
.guideBox dd {
  text-align: left;
}

.searchBox dd p {
  margin: 5px 0;
  font-size: 1.6rem;
  font-weight: 500;
  position: relative;
}

.searchBox dd input[type=text] {
  padding: 5px!important;
}

.searchBox dd input[type=checkbox] + label {
  line-height: 1;
}

.searchBtn {
  display: block;
  color: #FFF;
  font-weight: 500;
  background-color: #333;
  width: 70px;
  font-size: 1.4rem;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 30px;
  text-align: center;
}

.searchBtn:hover {
  opacity: 0.6;
}

#searchItemCount {
  /* font-size: 1.2rem; */
  text-align: right;
  float: right;
}

.searchBox table td {
  text-align: left;
  padding-right: 10px;
  padding-left: 10px;
  border-right: 1px solid #FFF;
}

.searchBox table td:last-child {
  width: 70px;
}

.searchBox table td:last-child a {
  display: block;
  background-color: #333;
  color: #FFF;
  text-align: center;
  padding: 2px;
  font-size: 1.2rem;
  border-radius: 30px;
}

.searchBox table td:last-child a:hover {
  opacity: 0.6;
}

.searchBoxDischargeTable tbody:nth-child(odd),
.searchBoxWasteTable tr:nth-child(odd) {
  background-color: #F3F3F3;
}

.searchBoxDischargeTable tbody:nth-child(even),
.searchBoxWasteTable tr:nth-child(even) {
  background-color: #E3E3E3;
}

.searchBoxDischargeTable td {
  padding-top: 2px;
  padding-bottom: 2px;
}

.searchBoxWasteTable td {
  padding-top: 5px;
  padding-bottom: 5px;
}

.confirmBoxText {
  font-size: 1.6rem;
  font-weight: 500;
}

.confirmBoxBtn,
.selectBoxBtn,
.editBoxBtn {
  margin-top: 15px;
}

.confirmBoxBtn li,
.selectBoxBtn li,
.editBoxBtn li {
  width: 120px;
  text-align: center;
  display: inline-block;
  margin: 0 5px;
}

.confirmBoxBtn li:first-child a,
.editBoxBtn li:first-child a {
  background-color: #666;
}

.confirmBoxBtn li:last-child a {
  background-color: #0C7E4B;
}

/*.editBoxBtn li:last-child a {*/
  /*background-color: #fe6600;*/
/*}*/

.confirmBoxBtn li a,
.selectBoxBtn li a,
.editBoxBtn li a {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  padding: 5px 0;
  font-weight: 500;
  color: #FFF;
}

.confirmBoxBtn li a:hover,
.editBoxBtn li a:hover {
  opacity: 0.6;
}

.confirmBoxBtn,
.selectBoxBtn,
.editBoxBtn {
  margin-top: 15px;
}

.confirmBoxBtn li,
.selectBoxBtn li,
.editBoxBtn li {
  width: 120px;
  text-align: center;
  display: inline-block;
  margin: 0 5px;
}

.confirmBoxBtn li:first-child a,
  /* .editBoxBtn li:first-child a, */
.returnBtn{
  background-color: #666;
}

.confirmBoxBtn li:last-child a {
  background-color: #0C7E4B;
}

.confirmBoxBtn li a,
.selectBoxBtn li a,
.editBoxBtn li a {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  padding: 5px 0;
  font-weight: 500;
  color: #FFF;
}

.confirmBoxBtn li a:hover,
.editBoxBtn li a:hover {
  opacity: 0.6;
}

.selectBox dd {
  margin-top: 10px;
}

.selectBox input[type=radio] + label {
  font-size: 1.8rem;
  margin: 0 10px;
}

.selectBox dd input[type=radio] + label:before {
  top: 7px;
}

.selectBox dd input[type=radio]:checked + label:after {
  top: 10px;
}

.selectBoxBtn li:first-child a {
  background-color: #666;
}

.selectBoxBtn li:last-child a {
  background-color: #333;
}

.selectBoxBtn li a i {
  vertical-align: -5%;
}

.selectBoxBtn li:first-child a i {
  margin-right: 5px;
}

.selectBoxBtn li:last-child a i {
  margin-left: 5px;
}

/****************************************
フッタ
****************************************/
footer {
  text-align: center;
  background-color: #0C7E4B;
  color: #FFF;
  font-size: 1rem;
  letter-spacing: 1px;
  padding: 5px 0;
}

#goTop {
  position: fixed;
  bottom: 40px;
  right: 20px;
  z-index: 1000;
}

#goTop a {
  display: block;
  color: #FFF;
  font-size: 1.4rem;
  border: 1px solid #FFF;
  background-color: #000;
  padding: 3px 10px 5px;
  text-align: center;
  border-radius: 5px;
}

#goTop a:hover {
  opacity: 0.6;
}

.mustMark {
  color: #E50000;
}

#processYear span {
  font-size: 1.4rem;
  border: 1px solid #CCC;
  padding: 2px 5px;
  font-weight: 700;
}

.downloadBtn {
  background-color: #008688;
  color: #FFF;
  text-align: center;
  padding: 3px 15px;
  display: block;
  font-weight: 500;
  border-radius: 30px;
}

.reduceNewTable .downloadBtn {
  display: inline-block;
  text-align: right;
}

#processYear a {
  display: inline-block;
  background-color: #0C7E4B;
  color: #FFF;
  padding: 2px 0;
  margin-left: 5px;
  border-radius: 30px;
  font-size: 1.2rem;
  width: 180px;
  text-align: center;
}

#processYear {
  font-weight: 500;
}

#topBtnWrapChangeDischarge {
  background-color: #d4effc;
  border: 2px solid #035b87;
  color: #035b87;
}

#topBtnWrapChangeWaste li a {
  /*background-color: #ffe2af!important;*/
  background-color: #ffe7e7!important;
  /*color: #b86000!important;*/
  color: #c50c1e !important;
  /*border: 2px solid #b86000!important;*/
  border: 2px solid #c50c1e!important;
}

#topBtnWrapNewCreate{
  background-color: #df0000;
  border: 2px solid #df0000;
  color: #FFF;
}

.topBtnWrap li a {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 2px 0;
  letter-spacing: 1px;
}

.topBtnWrapChange li {
  width: 180px!important;
}

.topBtnWrapChange {
  top: -5px!important;
  /*right: 100px;*/
}

.newModalTable td:nth-child(odd) {
  background-color: #dff5eb;
  width: 10px;
}

.newModalTable tr:first-child td:nth-child(2) {
  width: 300px;
}

.newModalBox dt {
  font-size: 1.6rem;
  font-weight: 500;
  border-bottom: 3px double #CCC;
  padding-bottom: 3px;
}

.newModalTable td textarea {
  height: 200px;
}

.fileLabel {
  display: block;
  background-color: #999;
  padding: 5px 15px;
  border-radius: 30px;
  font-weight: 500;
  cursor: pointer;
  text-align: center;
  color: #FFF;
  font-size: 1rem;
  transition: 0.2s linear;
}

.fileLabel:hover {
  opacity: 0.6;
}

.fileLabel input {
  display: none;
}

.annotationText {
  font-size: 0.9rem;
  font-weight: 500;
}

.tdBtnSearch,
.tdBtnReset{
  width:74px;
  display: inline-block;
  background-color: #333;
  text-align: center;
  line-height: 20px;
  padding: 0 10px;
}

.tdBtnSearch a,
.tdBtnReset a
{
  color: #FFF;
}


/* 減量化計画書 食品リサイクル定期報告書 メール送信機能 */
#mail_contents,
#mail_contents_template,
#mail_contents_template_resend
{
  height: 400px;
}

#cancelMailSending{
  background: #666;
}

.editBoxBtn li:last-child a {
  background-color: #fe6600;
}

.mailDialogAnnotationText {
  font-size: 0.9rem;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 10px;
  width: inherit;
  float: left;
  text-align: left;
}

/**********※2019/5追加**********/
.pageSelect {
  clear: both;
}

.cancelBtn {
  background-color: #666;
  display: block;
  font-size: 1.6rem;
  color: #FFF;
  margin: 10px auto 0;
  text-align: center;
  padding: 5px 10px;
  font-weight: 500;
  width: 180px;
}

.cancelBtn:hover {
  opacity: 0.6;
}

.pagiNationWrap + .cancelBtn {
  margin-top: 15px;
}

.inputInlineTabel td input[type=text],
.inputInlineTabel td .selectLabel {
  display: inline-block;
  width: auto;
}

.divisionCts {
  display: flex;
  justify-content: space-between;
}

.divisionCts li {
  width: 49%;
}

.modal > dl > dt {
  font-size: 1.6rem;
  font-weight: 500;
  border-bottom: 3px double #CCC;
  padding-bottom: 3px;
}

/***クライアント検索 複数入力フォームver***/
#stockModalSearchTable td:nth-child(odd) {
  background-color: #d4effc !important;
}

#stockModalSearchTable {
  margin-top: 20px;
  margin-bottom: 5px;
}

#stockModalSearchTable td {
  border-top: 1px solid #CCC;
  width : auto;
}

#stockModalSearchTable:first-of-type {
  margin-top: 10px;
  border-top: 1px solid #CCC;
}

#stockModalSearchTable th,
#stockModalSearchTable td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  vertical-align: middle;
  padding: 3px;
  font-size: 1.2rem;
  line-height: 1.2;
  white-space: nowrap;
  z-index: 0;
  font-weight: 400;
  text-align: left;
  border-right: 1px solid #CCC;
}

#stockModalSearchBox{
  width: 690px;
  float: left;
}

#searchItemCountClient{
  margin-top: 12px;
  float: right;
}

.warningText {
  font-size: 1.2rem;
  color: #E50012;
  text-align: left
}

/* GotoFacilityアイコン */
.go-to-facility {
width: 60px;
float:left;
margin-top: 25px;
margin-left: 5px;
/*    margin-top: 24px;
margin-left: 50px;
padding: 4px 15px 4px 15px;*/
/*background-color: #0066FF;*/
/*color: #fff;*/
}
.link-to-envcloud {
width: 80px;
float:left;
margin-top: 35px;
margin-left: 15px;
}

.SiteFormMenu {
margin-right: 10px;
}

.SiteFormMenu > ul > li > a {
background-color: #fe6600 !important;
}

/***** FlexBox *****/

.dFlex {
  display: flex;
}

.flexWrap {
  display: flex;
  justify-content: space-between;
}

.flexCenter {
  display: flex;
  justify-content: center;
}

.flexStart {
  display: flex;
  justify-content: start;
}

/***** 非表示要素のスタイル *****/

.hidden {
  display: none;
}

/***** ボタン要素のスタイル *****/

button {
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-family: 'Noto Sans JP', sans-serif;
  outline: none;
  padding: 0;
}

.button {
  color: #fff;
  cursor: pointer;
  display: block;
  font-weight: 500;
  text-align: center;
  transition: .2s linear;
  user-select: none;
  white-space: nowrap;
}

.button:hover {
  opacity: .6;
}

/***** 色のスタイル *****/

.greenBtn {
  background-color: #0C7E4B !important;
}

.bgGreen {
  background-color: #dff5eb;
}

.bgYellowishGreen {
  background-color: #A9D08E;
}

.bgDarkGreen {
  background-color: #92d050;
}

.bgBlue {
  background-color: #d4effc;
}

.bgPaleWhiteBlue {
  background-color: #f6fcfe;
}

.bgDeepSkyBlue {
  background-color: #00B0F0;
}

.bgOceanBlue {
  background-color: #0070c0;
}

.bgRed {
  background-color: #C00000;
}

.bgCosmos {
  background-color: #ffd4cc;
}

.bgPaleWhiteCosmos {
  background-color: #FFF8F7;
}

.bgOrange {
  background-color:#ffe2af;
}

.registrationBtnColor {
  background-color: #fe6600 !important;
}

.bgYellow {
  background-color: #fff6c4;
}

.bgGray {
  background-color: #aaa;
}

.bgLightGray {
  background-color: #D9D9D9;
}

.bgWhite {
  background-color: #fff !important;
}

/***** ヘッダーメニューのスタイル *****/

.br::before {
  content: "\A" ;
  white-space: pre ;
}

#evaluateTable th,
#reviewTable th,
#revisedTable th
{
  font-size: 0.8em !important;
}

#evaluateTable input[type=radio] + label,
#reviewTable input[type=radio] + label,
#revisedTable input[type=radio] + label
{
  transform: scale(0.9);
  margin-right:1px !important;
  padding-left:17px;
}

.toggle-label {
  margin-right: auto;
  font-size: 1.6rem;
  font-weight: 500;
  width: 700px !important;
  text-align: left !important;
}

#reviewTable.inputTable:first-of-type,
#revisedTable.inputTable:first-of-type {
  margin-top: 2px;
  border-top: 1px solid #CCC;
}

#evaluateTable tr:first-of-type td {
  height: 25.5px;
}

.revisionStockTraderTable:first-of-type
{
  margin-top: 10px;
  border-top: 1px solid #CCC;
}
.revisionStockTraderTable td
{
  width: 10px;
}
.stockHeadInfoTable　td:first-child　{
  background-color: #f37878;
}
.revisionStockTraderTable td:first-child {
  background-color: #f37878;
  color: #FFF;
  font-size: 1.4rem;
  width: 100px;
}
.revisionStockTraderTable td:nth-child(4),
.revisionStockTraderTable td:nth-child(6)
{
  width: 185px;
}

.revisionStockTraderTable td:nth-child(3) {
  background: #ffe7e7;
}

.revisionStockTraderTable td:nth-child(5) {
  background: #ffe2af;
}
.stockHeadInfoTable td:first-child {
  background: #d4effc;
}

.revisionStockTraderTable:first-of-type
{
  margin-top: 10px;
  border-top: 1px solid #CCC;
}

.stockHeadInfoTable td,
.revisionStockTraderTable td
{
  width: 10px;
}
.stockHeadInfoTable td:nth-child(3)
{
  background: #d4effc;
}
.stockHeadInfoTable td:nth-last-child(2)
{
  background: #dff5eb;
}

.emanufIconMain {
  display: inline-block;
  width: 30px;
  border: solid 1px #aaa;
  text-align: center;
  background-color: #fff;
}
.emanufIconSub {
  display: inline-block;
  width: 30px;
  border: solid 1px #aaa;
  text-align: center;
  background-color: #fff;
}

tr.row-red > th,
tr.row-red > td{
  border-top:    2px solid #e60033;
  border-bottom: 2px solid #e60033;
}

tr.row-red > th:first-child,
tr.row-red > td:first-child{
  border-left: 2px solid #e60033;
}

tr.row-red > th:last-child,
tr.row-red > td:last-child{
  border-right: 2px solid #e60033;
}