.loginContent {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #f1f0ee;
  background-image: url("../common/images/background.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 60%;
}

@media screen and (max-width: 1500px) {
  .loginContent {
    background-size: 100% auto;
  }
}

.loginContent .loginContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 400px;
  height: 500px;
}

.loginContent .loginContainer .loginArea {
  width: 100%;
}

.loginContent .loginContainer .loginArea .formArea {
  color: #53504E;
  width: 400px;
  margin: 20px auto 20px;
  padding: 40px 50px 29px;
  -webkit-box-shadow: 3px 3px 6px #ddd;
  box-shadow: 3px 3px 6px #ddd;
  background: #fff;
  border-radius: 10px;
}

.loginContent .loginContainer .loginArea .formArea ul {
  width: 100%;
}

.loginContent .loginContainer .loginArea .formArea ul li {
  width: 100%;
  margin-bottom: 18px;
}

.loginContent .loginContainer .loginArea .formArea ul li:last-child {
  margin-bottom: 40px;
}

.loginContent .loginContainer .loginArea .formArea ul li input {
  color: #53504E;
  padding-left: 10px;
  width: 100%;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #efefef;
  background: -moz-linear-gradient(top, #efefef 0%, #fdfcfb 10%);
  background: -webkit-linear-gradient(top, #efefef 0%, #fdfcfb 10%);
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), color-stop(10%, #fdfcfb));
  background: -o-linear-gradient(top, #efefef 0%, #fdfcfb 10%);
  background: linear-gradient(to bottom, #efefef 0%, #fdfcfb 10%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#fdfcfb',GradientType=0 );
  border: 1px solid #e4e4e4;
}

.loginContent .loginContainer .loginArea .formArea .loginBtn input {
  color: #fff;
  font-size: 16px;
  width: 192px;
  height: 40px;
  margin: 0 auto 20px;
  padding-top: 4px;
  border-radius: 5px;
  background: #2a82d8;
  border: 2px solid #2a6cd0;
  border-bottom: 4px solid #2a6cd0;
  display: block;
}

.loginContent .loginContainer .loginArea .formArea .loginBtn:hover {
  opacity: 0.8;
}

.menuMainContentsArea .menuMainContent {
  margin: 30px auto;
}

.menuMainContentsArea .menuMainContent .contentArea {
  width: 270px;
  margin: 0 10px 30px;
  padding: 30px 25px;
  background: #fff;
  border-radius: 5px;
}

.menuMainContentsArea .menuMainContent .contentArea .picArea {
  width: 70px;
  margin: 0 auto 6px;
}

.menuMainContentsArea .menuMainContent .contentArea .contentTitle {
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
}

.menuMainContentsArea .menuMainContent .contentArea .contentTitle .monimemo {
  font-size: 14px;
}

.menuMainContentsArea .menuMainContent .contentArea .listArea li {
  border-top: 1px solid #d9d8d7;
}

.menuMainContentsArea .menuMainContent .contentArea .listArea li:last-child {
  border-bottom: 1px solid #d9d8d7;
}

.menuMainContentsArea .menuMainContent .contentArea .listArea li a {
  display: block;
  padding: 12px 10px 9px;
  background-image: url("../common/images/ico_common_03.png");
  background-repeat: no-repeat;
  background-position: 95% 50%;
}

.menuMainContentsArea .menuMainContent .contentArea .listArea li a:hover {
  color: #fff;
  background-image: url("../common/images/ico_common_04.png");
}

.menuMainContentsArea .menuMainContent .content01 .listArea li a:hover {
  background-color: #56b6d5;
}

.menuMainContentsArea .menuMainContent .content02 .listArea li a:hover {
  background-color: #56b6a9;
}

.menuMainContentsArea .menuMainContent .content03 .listArea li a:hover {
  background-color: #bd96cf;
}

.menuMainContentsArea .menuMainContent .content04 .listArea li a:hover {
  background-color: #eed17e;
}

.menuMainContentsArea .menuMainContent .content05 .listArea li a:hover {
  background-color: #bfd170;
}

.menuMainContentsArea .menuMainContent .content06 .listArea li a:hover {
  background-color: #d675a4;
}

.menuMainContentsArea .menuMainContent .content07 .listArea li a:hover {
  background-color: #7894d0;
}

.menuMainContentsArea .menuMainContent .content08 .listArea li a:hover {
  background-color: #f5c485;
}

.orderMainArea {
  padding: 25px 10px;
}

.leftColumn {
  width: 565px;
}

.rightColumn {
  width: 270px;
}

.section {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d9d8d7;
}

.section:last-child {
  border: none;
}

.section .subsection {
  margin-bottom: 20px;
}

.section .column {
  background: #fff;
  border-radius: 10px;
}

.section .column .orderContentArea {
  padding: 0 27px 27px;
}

.section .column .orderContentArea li {
  margin-bottom: 25px;
}

.section .column .orderContentArea .leftSide {
  width: 40%;
}

.section .column .orderContentArea .rightSide {
  width: 55%;
}

.section .column .orderContentArea .rightSide textarea {
  width: 100%;
  height: 206px;
  resize: none;
}

@media all and (-ms-high-contrast: none) {
  .section .column .orderContentArea .rightSide textarea {
    height: 208px;
    overflow-y: hidden;
  }
}

.section .column .orderContentArea .longBox {
  width: 100%;
}

.customer {
  height: 866px;
}

.preview .selectFile {
  height: 373px;
  width: 85%;
  padding: 0 5%;
  margin: 0 auto;
  position: relative;
}

.preview .selectFile a {
  display: block;
  font-size: 12px;
  width: 100%;
  margin: 0 auto 20px;
  padding: 10px 20px;
  border: 1px solid #999999;
  border-radius: 10px;
}

@media all and (-ms-high-contrast: none) {
  .preview .selectFile a {
    padding: 13px 20px 7px;
  }
}

.preview .selectFile .picArea {
  height: 120px;
  width: 100%;
  margin-bottom: 20px;
  background: #ddd;
}

.preview .selectFile .picArea .crossMark01 {
  cursor: pointer;
  position: absolute;
  top: 50px;
  left: 195px;
}

.preview .selectFile .picArea .crossMark01:hover {
  opacity: 0.8;
}

.preview .selectFile .picArea .crossMark02 {
  cursor: pointer;
  position: absolute;
  top: 190px;
  left: 195px;
}

.preview .selectFile .picArea .crossMark02:hover {
  opacity: 0.8;
}

.serviceAndItem {
  margin-right: 20px;
  padding-bottom: 1px;
}

.serviceAndItem .serviceAndItemContent table {
  width: 95%;
  margin: 0 auto;
}

.serviceAndItem .serviceAndItemContent table tr {
  width: 90%;
}

.serviceAndItem .serviceAndItemContent table tr th {
  padding-right: 20px;
}

.serviceAndItem .serviceAndItemContent table tr td {
  padding: 0 15px 20px 0;
  margin: 0;
  border: none;
  margin-bottom: 10px;
}

.serviceAndItem .serviceAndItemContent table tr td input {
  width: 100%;
  font-size: 14px;
  border-radius: 5px;
}

.serviceAndItem .serviceAndItemContent table tr .productCode {
  width: 140px;
}

.serviceAndItem .serviceAndItemContent table tr .productName {
  width: 230px;
}

.serviceAndItem .serviceAndItemContent table tr .productUnit {
  width: 90px;
}

.serviceAndItem .serviceAndItemContent table tr .productSum {
  width: 60px;
}

.serviceAndItem .serviceAndItemContent table tr .productPrice {
  width: 100px;
}

.serviceAndItem .serviceAndItemContent table tr .delete {
  width: 100px;
  padding-right: 0;
}

.serviceAndItem .serviceAndItemContent table tr .delete input {
  width: 100%;
  height: 40px;
  color: #fff;
  background: #dd5280;
  border-radius: 20px;
  cursor: pointer;
}

@media all and (-ms-high-contrast: none) {
  .serviceAndItem .serviceAndItemContent table tr .delete input {
    padding-top: 6px;
  }
}

.serviceAndItem .serviceAndItemContent table tr .delete:hover {
  opacity: 0.8;
}

.serviceAndItem .serviceAndItemContent .add {
  width: 150px;
  margin: 0 auto 20px;
  height: 45px;
}

.serviceAndItem .serviceAndItemContent .add input {
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 16px;
  background: #b2b2b2;
  border-radius: 20px;
  cursor: pointer;
}

@media all and (-ms-high-contrast: none) {
  .serviceAndItem .serviceAndItemContent .add input {
    padding-top: 6px;
  }
}

.serviceAndItem .serviceAndItemContent .add input:hover {
  background: #312e2e;
}

.total {
  padding-bottom: 1px;
}

.total .yen {
  font-size: 22px;
  padding-right: 10px;
}

.total .totalMoney {
  font-size: 30px;
}

.total .totalContentArea {
  margin: 0 27px 27px;
  padding-bottom: 25px;
  border-bottom: 1px solid #d9d8d7;
}

.total .totalContentArea li {
  margin: 0;
}

.total .totalContentArea .totalRightSide {
  margin-bottm: 0;
}

.total .totalContentArea .totalRightSide .totalBox01 li {
  width: 190px;
  margin-right: 10px;
  margin-bottom: 0;
}

.total .totalContentArea .totalRightSide .totalBox01 li input {
  border-radius: 5px;
}

.total .totalContentArea .totalRightSide .totalBox01 .change input {
  background: #fff;
}

.total .totalBox02 {
  padding: 0 27px 15px;
  border-bottom: 1px solid #bd96cf;
}

.total .totalBox02 li {
  width: 23%;
  margin-right: 2%;
  margin-bottom: 20px;
}

.total .lastBtnArea li {
  width: 50%;
}

.total .lastBtnArea li:hover {
  opacity: 0.8;
}

.total .lastBtnArea li:first-child {
  border-right: 1px solid #bd96cf;
}

.total .lastBtnArea li input {
  width: 100%;
  height: 100px;
  padding: 0;
  border: none;
  font-size: 20px;
  cursor: pointer;
}

.total .lastBtnArea li .back {
  color: #bd96cf;
  padding-left: 45px;
  background-color: #fff;
  background-image: url("../common/images/ico_common_07.png");
  background-repeat: no-repeat;
  background-position: 35% 50%;
}

@media all and (-ms-high-contrast: none) {
  .total .lastBtnArea li .back {
    padding: 10px 0 0 45px;
  }
}

.total .lastBtnArea li .confirm {
  color: #fff;
  padding-left: 45px;
  background: #bd96cf;
  background-image: url("../common/images/ico_common_08.png");
  background-repeat: no-repeat;
  background-position: 35% 50%;
}

@media all and (-ms-high-contrast: none) {
  .total .lastBtnArea li .confirm {
    padding: 8px 0 0 45px;
  }
}

#main {
  position: static !important;
  width: auto !important;
  margin: 0;
}

#main .calendar:after {
  display: none;
}

#main .table_list {
  background: #fff;
  width: 930px;
}

#main .table_list3 {
  background: #fff;
}

.calendar01 .h4 {
  margin-bottom: 0;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}

.calendarContent01 {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 8px 8px;
}

.calendarContent01:last-child {
  padding-bottom: 25px;
  border-radius: 8px;
}

.calendarContent01:last-child tr:last-child td {
  border-bottom: 1px solid #e6e5e6;
}

.calendarContent01:last-child tr:last-child td:first-child {
  border-radius: 0;
}

.calendarContent01:last-child tr:last-child td:last-child {
  border-radius: 0;
}

.calendarInformation01 {
  padding: 15px 20px;
}

.calendarInformation01 .form-select {
  width: 200px;
  border: 1px solid #a9a9a8;
  border-radius: 4px;
}

.calendarInformation01 .form-select:before {
  width: 23px;
  height: 23px;
  border-left: 1px solid #a9a9a8;
  border-radius: 0 4px 4px 0;
}

@media all and (-ms-high-contrast: none) {
  .calendarInformation01 .form-select:before {
    height: 27px;
  }
}

.calendarInformation01 .form-select:after {
  border-bottom: 1px solid #878483;
  border-right: 1px solid #878483;
  top: 8px;
  right: 8px;
  bottom: auto;
}

@media all and (-ms-high-contrast: none) {
  .calendarInformation01 .form-select:after {
    top: 10px;
  }
}

.calendarInformation01 select {
  font-size: 14px;
  height: 23px;
  padding: 1px 0 0 8px;
}

@media all and (-ms-high-contrast: none) {
  .calendarInformation01 select {
    height: 26px;
    padding-top: 7px;
  }
}

.calendarInformation01 li a {
  padding-top: 2px;
  background: -webkit-linear-gradient(top, #fdfcfb 60%, #efefef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #fdfcfb), to(#efefef));
  background: -o-linear-gradient(top, #fdfcfb 60%, #efefef 100%);
  background: linear-gradient(to bottom, #fdfcfb 60%, #efefef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfcfb', endColorstr='#efefef',GradientType=0 );
  border: 1px solid #a9a9a8;
  border-radius: 4px;
  display: block;
}

@media all and (-ms-high-contrast: none) {
  .calendarInformation01 li a {
    padding-top: 5px;
  }
}

.calendarInformation01 li.prev01 {
  margin: 0 5px 0 10px;
}

.calendarInformation01 li.next01 {
  margin-right: 10px;
}

.calendarInformation01 .beforeYear {
  width: 40px;
}

.calendarInformation01 .beforeMonth {
  width: 30px;
}

.calendarInformation01 .beforeMonth01 {
  border-radius: 4px 0 0 4px;
}

.calendarInformation01 .beforeMonth02 {
  border-radius: 0 4px 4px 0;
}

.calendarInformation01 .today01 {
  width: 50px;
  margin: 0 2px;
  padding-top: 2px;
  background: -webkit-linear-gradient(top, #fdfcfb 60%, #efefef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #fdfcfb), to(#efefef));
  background: -o-linear-gradient(top, #fdfcfb 60%, #efefef 100%);
  background: linear-gradient(to bottom, #fdfcfb 60%, #efefef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfcfb', endColorstr='#efefef',GradientType=0 );
  border: 1px solid #a9a9a8;
}

@media all and (-ms-high-contrast: none) {
  .calendarInformation01 .today01 {
    padding-top: 5px;
  }
}

.calendarArea01 {
  text-align: right;
  width: 100%;
  background: #fff;
  border-radius: 0 0 8px 8px;
  border-collapse: separate;
}

.calendarArea01 tr:first-child td {
  border-top: 0;
}

.calendarArea01 tr:last-child td:first-child {
  border-radius: 0 0 0 8px;
}

.calendarArea01 tr:last-child td:last-child {
  border-radius: 0 0 8px 0;
}

.calendarArea01 th,
.calendarArea01 td {
  width: 125px;
}

.calendarArea01 th:first-child,
.calendarArea01 td:first-child {
  border-left: 0;
}

.calendarArea01 th:last-child,
.calendarArea01 td:last-child {
  border-right: 0;
}

.calendarArea01 th {
  padding: 0 8px 2px;
  border-bottom: 1px solid #c5c4c3;
}

.calendarArea01 td {
  padding: 8px 6px 25px;
  border-top: 1px solid #e6e5e6;
  border-left: 1px solid #e6e5e6;
}

#.calendarArea01 td:first-child {
#  background: #fdf7f9;
#}
#
#.calendarArea01 td:last-child {
#  background: #f5f5f5;
#}

.calendarArea01 .today01 {
  text-align: center;
  color: #fff;
  margin-right: 4px;
  padding: 4px 5px;
  background: #dc5d9f;
  border-radius: 15px;
}

@media all and (-ms-high-contrast: none) {
  .calendarArea01 .today01 {
    padding: 4px 6px 0;
  }
}

.calendarArea01 .reserve01 {
  color: #fff;
  background: #e08cb3;
}

.reserveInfo01 {
  margin-top: 30px;
  padding-bottom: 10px;
  border-radius: 8px 8px 0 0;
}

.reserveInfo01 ul {
  margin-top: 4px;
}

.reserveList01 table {
  text-align: center;
  width: 100%;
  border-collapse: separate;
}

.reserveList01 th,
.reserveList01 td {
  border-left: 1px solid #e6e5e6;
}

.reserveList01 th:first-child,
.reserveList01 td:first-child {
  border-left: 0;
}

.reserveList01 th:last-child,
.reserveList01 td:last-child {
  border-right: 0;
}

.reserveList01 th {
  padding-top: 2px;
  border-top: 1px solid #c5c4c3;
  border-bottom: 1px solid #c5c4c3;
}

@media all and (-ms-high-contrast: none) {
  .reserveList01 th {
    padding-top: 6px;
  }
}

.reserveList01 th span {
  font-size: 12px;
}

.reserveList01 th:first-child {
  width: 90px;
}

.reserveList01 th:nth-child(2) {
  width: 75px;
}

.reserveList01 th:nth-child(3) {
  width: 230px;
}

.reserveList01 th:nth-child(4) {
  width: 148px;
}

.reserveList01 th:nth-child(5) {
  width: 100px;
}

.reserveList01 th:nth-child(6) {
  width: 175px;
}

.reserveList01 th:last-child {
  width: 45px;
}

.reserveList01 td {
  padding: 8px 0;
  border-bottom: 1px solid #e6e5e6;
  line-height: 1.2;
}

@media all and (-ms-high-contrast: none) {
  .reserveList01 td {
    padding: 10px 0 6px;
  }
}

.reserveList01 .name01 span {
  font-size: 10px;
  display: block;
}

.btnArea01 {
  width: 540px;
  margin: 25px auto 0;
}

.btnArea01 li {
  width: 260px;
}

.btnArea01 li:last-child a {
  color: #b2b2b2;
  background: #fff;
}

.btnArea01 a {
  color: #fff;
  padding: 9px 0 8px;
  background: #b2b2b2;
  display: block;
  border: 1px solid #b2b2b2;
  border-radius: 20px;
}

@media all and (-ms-high-contrast: none) {
  .btnArea01 a {
    padding: 11px 0 6px;
  }
}

.submitBtn01 {
  width: 220px;
  margin: 25px auto 0;
}

.submitBtn01 input {
  font-size: 14px;
  color: #fff;
  width: 100%;
  height: 40px;
  background: #b2b2b2;
  border-radius: 20px;
  border: 0;
}

@media all and (-ms-high-contrast: none) {
  .submitBtn01 input {
    padding-top: 8px;
  }
}

.submitBtn01 input:hover {
  background: #3b3b3b;
}

.calendarMainte01 .calendarInformation01 .beforeMonth {
  width: 60px;
}

/*# sourceMappingURL=style.css.map */