﻿@charset "utf-8";

.bg--focus {
/*background-color: #F3FFD8;*/
}
main .input_each {
overflow: hidden;
padding-bottom: 10px;
}
main .input_each label.label_title {
width: 100%;
background: #F2F2F2;
border-bottom: solid 1px #CCCCCC;
list-style: 1.2;
font-size: 1.6rem;
padding: 10px 30px 10px;
font-weight: bold;
}
main .input_each label.label_title .annotation_txt{
display: inline-block;
clear: both;
font-size: 1.4rem;
font-weight: normal;
}
main .input_each label.label_title .required_txt{
float: right;
color:red;
font-size: 1.0rem;
font-weight: normal;
}
main .input_each .input_box {
padding: 15px 30px 0;
overflow: hidden;
display: inline-block;
}
main .input_each .input_box input,
main .input_each .input_box textarea,
main .input_each .input_box select {
font-size: 1.4rem;
padding: 5px 10px;
/* border-radius */
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:  solid 1px #B3B3B3;
float:none;
margin:0 1px 0px 0;
}
/* input の幅指定*/
main .input_each .w10 {
width: 10px;
}
main .input_each .w20 {
width: 20px;
}
main .input_each .w30 {
width: 30px;
}
main .input_each .w40 {
width: 40px;
}
main .input_each .w50 {
width: 50px;
}
main .input_each .w60 {
width: 60px;
}
main .input_each .w70 {
width: 70px;
}
main .input_each .w80 {
width: 80px;
}
main .input_each .w100 {
width: 100px;
}
main .input_each .w110 {
width: 110px;
}
main .input_each .w120 {
width: 120px;
}
main .input_each .w150 {
width: 150px;
}
main .input_each .w180 {
width: 180px;
}
main .input_each .w200 {
width: 200px;
}
main .input_each .w250 {
width: 250px;
}
main .input_each .w300 {
width: 300px;
}
main .input_each .w350 {
width: 350px;
}
main .input_each .w400 {
width: 400px;
}
main .input_each .w450 {
width: 450px;
}
main .input_each .w500 {
width: 500px;
}
main .input_each .w600 {
width: 600px;
}
main .input_each .w700 {
width: 700px;
}
main .input_each .w800 {
width: 800px;
}
main .input_each .w900 {
width: 900px;
}

main .input_each .input_box .msg_txt{
display: none;
clear: both;
margin: 5px 5px 5px 5px;
font-size: 1.4rem;
font-weight: normal;
color: red;
}
main .input_each .input_box .inputmsg_txt{
display: block;
clear: both;
margin: 5px 5px 5px 5px;
font-size: 1.4rem;
font-weight: normal;
color: black;
}
main .input_each .input_box .annotation_txt{
display: block;
clear: both;
margin: 5px 5px 5px 5px;
font-size: 1.4rem;
font-weight: normal;
text-align:left;
}
main .input_each .input_box input.date {
background: url(../img/input_date_bg.gif) no-repeat right center;
}
main .input_each .input_box .file_dl_link,
main .input_each .input_box .file_del_link {
margin: 5px 5px 5px 5px;
font-size: 1.4rem;
font-weight: normal;
color:#6699FF;
}
main .input_each .input_box .file_dl_link i,
main .input_each .input_box .file_del_link i {
margin-right: 5px;
font-weight: normal;
display: inline-block;
}
main .input_each .input_box hr {
border-top: solid 1px #CCCCCC;
width: 100%;
}
.ui-datepicker {
width: 250px;
}
.ui-datepicker .ui-datepicker-title,
.ui-datepicker table {
font-size: 1.3rem;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 100px;
  margin: 0 2px 2px 0;
}

input[type="checkbox"],
input[type="radio"] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

label.label_checkbox,
label.label_radio,
table.label_radio td {
position: relative;
font-size: 1.4rem;
height:24px;
display: inline-block;
margin:0 10px 5px 0px;
padding-left: 30px;
font-weight: normal;
}
label.label_checkbox input[type="checkbox"] + span::before,
table.label_checkbox td input[type="checkbox"] + span::before {
  border-color: #00acc1;
}
label.label_checkbox span,
table.label_checkbox td span {
  display: inline-block;
  padding-top: 2px;
}
label.label_checkbox input[type="checkbox"],
table.label_checkbox td input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
label.label_checkbox input[type="checkbox"] + span::before,
table.label_checkbox td input[type="checkbox"] + span::before,
label.label_checkbox input[type="checkbox"] + span::after,
table.label_checkbox td input[type="checkbox"] + span::after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: '';
  box-sizing: border-box;
}
label.label_checkbox input[type="checkbox"] + span::before,
table.label_checkbox td input[type="checkbox"] + span::before {
  z-index: 0;
  background-color: transparent;
  width: 22px;
  height: 22px;
  border: 1px #B4B4B4 solid;
  border-radius: 4px;
}
label.label_checkbox input[type="checkbox"] + span::after,
table.label_checkbox td input[type="checkbox"] + span::after {
  z-index: 1;
  margin: 5px 8px;
  width: 6px;
  height: 9px;
}
label.label_checkbox input[type="checkbox"]:checked + span::before,
table.label_checkbox td input[type="checkbox"]:checked + span::before {
  background-color: #44BCBC;
  border: 1px #44BCBC solid;
}
label.label_checkbox input[type="checkbox"]:checked + span::after,
table.label_checkbox td input[type="checkbox"]:checked + span::after {
  border: 1px solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
label.label_radio span,
table.label_radio td label {
  display: inline-block;
  padding-top: 2px;
  font-weight: normal;
}
label.label_radio input[type="radio"],
table.label_radio td input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
label.label_radio input[type="radio"] + span::before,
table.label_radio td input[type="radio"] + label::before {
  position: absolute;
  display: inline-block;
  content: '';
  box-sizing: border-box;
  border-radius: 22px;
}
label.label_radio input[type="radio"] + span::before,
table.label_radio td input[type="radio"] + label::before {
  z-index: 0;
  top: 0;
  left: 0;
  background-color: transparent;
  width: 22px;
  height: 22px;
  border: 1px #B4B4B4 solid;
}
label.label_radio input[type="radio"]:checked + span::before,
table.label_radio td input[type="radio"]:checked + label::before {
  border: 8px #44BCBC solid;
}

.btn-success {
  color: #000;
  background-color: #fff;
  border-color: #B3B3B3;
}
.btn-success i {
  color: #44BCBC;
}
.btn-success:hover {
  color: #fff;
  background-color: #44BCBC;
  border-color: #44BCBC;
}
.btn-success:hover  i {
  color: #fff;
}

.progress {
margin: 10px 0px 0px 0px;
padding: 0px;
width: 100%;
display: none;
}

.progress .bar {
margin: 3px;
padding: 0px;
width: 0%;
height: 100%;
background-color: #44BCBC;
}

main .input_each .input_box .label_symbol{
display: inline-block;
vertical-align:middle;
padding: 0px;
margin:0 1px 0px 0;
font-size: 1.4rem;
}

main .input_table {
clear: both;
width: 100%;
font-size: 1.4rem;
}
main .input_table {
overflow-y: hidden;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
font-size: 1.4rem;
}


main .input_table table{
border-collapse: collapse;
min-width: 100%;
}
main .input_table table th,
main .input_table table td {
padding: 5px 2px 5px 2px;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
border-left: solid 1px #ccc;
border-top: solid 1px #ccc;
text-align: left;
/*white-space: nowrap;*/
}
main .input_table table th.left,
main .input_table table td.left {
text-align: left;
}
main .input_table table th.center,
main .input_table table td.center {
text-align: center;
}
main .input_table table th.right,
main .input_table table td.right {
text-align: right;
}
main .input_table table tr:nth-child(2n+1) td {
background: #F2F2F2;
}
main .input_table table th {
background: #F2F2F2;
color: black;
font-weight: bold;
}
main .input_table table td a {
color:#808080;
}
main .input_table table th.bnonel,
main .input_table table td.bnonel {
border-left:none;
padding-left:0px;
margin-left:0px;
}
main .input_table table th.bnoner,
main .input_table table td.bnoner {
border-right:none;
padding-right:0px;
margin-right:0px;
}
main .input_table table th.bnonelr,
main .input_table table td.bnonelr {
border-left:none;
border-right:none;
}

main .input_each .input_table input,
main .input_each .input_table select {
padding: 5px;
}

main .input_each .input_box .indent1{
margin-left:30px;
margin-bottom:1px;
}
main .input_each .input_box .indent2{
margin-left:60px;
margin-bottom:1px;
}
main .input_each .input_box .indent3{
margin-left:90px;
margin-bottom:1px;
}
main .input_each .input_box .indent4{
margin-left:120px;
margin-bottom:1px;
}
main .input_each .input_box .indent5{
margin-left:150px;
margin-bottom:1px;
}
main .input_each .inquiry_box {
padding: 15px 30px;
overflow: hidden;
font-size: 1.4rem;
}
main .input_each .input_box .search_table1 .comment{
font-size: 1.1rem;
}
main .search_table .select {
height:15px;
padding-left: 10px;
}
