/* **************************************
 * 共通CSS (class, id指定なし)
************************************** */
html{
}
body {
  margin:0;
  padding:0;
  background-color: white;
  color: #333;
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", verdana, arial, helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  min-width:1000px;
}
select,
button,
input,
textarea {
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", verdana, arial, helvetica, sans-serif;
}

h1{
  font-size:36px;
  line-height:36px;
  display:block;
  padding:10px 0 0 0;
  margin:0;
  font-weight:bold;
}

h2{
    border-left:5px solid #007e62;
    font-size:24px;
    margin:20px 0 10px 0;
    padding-left:5px;
}
h2 img{
  vertical-align: text-bottom;
}
h3{
  clear:both;
  font-size:20px;
  line-height:20px;
  border-bottom: 1px solid #004313;
  padding-bottom:3px;
}
p{
  margin:5px 0;
}

pre {
  white-space: pre-wrap ;
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", verdana, arial, helvetica, sans-serif;
}

a {
  color: black;
  text-underline-offset:0.2em;
  &:visited {
    color: black;
  }
  &:hover {
    color: #666;
  }
}

table{
  border:1px solid #a6a6a6;
  border-collapse: collapse;
  width:100%;
  background-color:white;
}

td, th{
  padding:5px;
  border:1px solid #a6a6a6;
}

th{
    background-color:#eaf9ff;
    font-weight:normal;
    text-align:left;
}

input{
  font-size:16px;
}
input[type="text"], input[type="password"], input[type="email"]{
  height:20px;
}

input[type="submit"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  outline: 0;
  padding:3px 10px;
  height:28px;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  border-radius: 2px;
  box-sizing: content-box;
  margin:2px 10px 2px 0;
  background: linear-gradient(#f0f0f0, #e3e3e3);
  border:1px solid #a6a6a6;
  cursor:pointer;
}
input[type="submit"]:hover{
  border-color:#7b7b7b;
  color:#666;
}
input[type="button"] {
  cursor:pointer;
}
input[disabled]{
  color: #A6A6A6;
  border:1px solid #A6A6A6;
  cursor:wait;

  &:hover {
    color:#A6A6A6;
    border-color:#A6A6A6;
    cursor:wait;
  }
}
select{
  font-size:16px;
}
button{
  font-size:16px;
}

label[for="statuses_3"]{
  color:red; 
}
/* **************************************
 * 拡大表示
************************************** */
.font_big{
  font-size: 20px;
}

.font_big select{
  font-size: 20px;  
}
.font_big textarea{
  font-size: 20px;
  width:100%;
}
.font_big h2{
    font-size:28px;
}
.font_big h3{
    font-size:24px;
}
.font_big #banner_contents{
  width:250px;
}

/* 別ウィンドウを開く画像 */
.font_big #help{
  background-image:none;  
}

.font_big .title{
  width:200px;
}
.font_big .field{
  width:700px;
}
.font_big input{
    font-size:20px;
}

.font_big input[type="text"], .font_big input[type="password"], .font_big input[type="email"]{
    height:25px;
}

.font_big .dispno{
  font-size:20px;
}

.font_big .strong_btn, .font_big input[type="submit"].strong_btn{
  font-size:24px;
}

.font_big button{
  font-size:20px;
}
.font_big .dl{
  width:150px;  
} 

.font_big select.search_item{
  height:27px;
  font-size:20px; 
}

.font_big .govbox{
  width:296px;
  height:96px;
}

.font_big .govbox p{
  height:28px;
  line-height:28px;
  font-size:24px;
  margin:10px 0 6px 0;
  padding-left:15px;
}

.font_big .govtitle_long{
  font-size:24px;
}
.font_big .govbox div.tooltip{
  font-size:12px;
}
.font_big .govbox .btn{
  width:80px;
}
.font_big .govbox:nth-of-type(4n){
  margin-right:18px;
}

/* **************************************
 * print TODO どこで使用している？
************************************** */
.print .outer{
  text-align:center;
}

.print .inner{
  padding:30px;
  width:600px;
  margin:0 auto;
}
.print_table{
  width:100%;
}

/* **************************************
 * base
************************************** */


/* **************************************
 * header
************************************** */
#header_outer{
  background-color:#007e62;
  color:white; 
}
#header{
  margin: 0 auto;
  width: 980px;
  padding:0 10px;
  display:block;
  height:76px;
  line-height:76px;
}
#header a, #check_header a{
  text-decoration: none;
  color:white;
  &:link,&:visited,&:hover,&:active {
    color: white;
    background-color: transparent;
  }    
}
#check_header{
  margin: 0 auto;
  width: 980px;
  display:block;
  height:50px;
}
#check_header h1{
  float:left;
  height:50px;
  line-height:50px;
  margin:0;
  padding:0;
}
#check_header p{
  font-size:14px;
  font-weight:normal;
  float:left;
  height:36px;
  line-height:36px;
  margin:14px 0 0 0;
  padding:0;
}
#title{
  float:left;
}

#title #bottom{
  padding-top:2px;
  line-height:16px;
  display:block;
}

#user_info{
  float:right;
}

/* 文字サイズ部分 */
#banner_contents{
  width:210px;
  margin: 0 0 0 auto;
  padding:8px 8px;
  display:block;
  height:28px;
  line-height:28px;
  background-color: white;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  color:black;
}
#header #banner_contents a{
  color:black;
  margin-right:5px;
}
#header #banner_contents a:hover{
  background-color:#f0f0f0;
}

#header #banner_contents #font_normal.font_current, #header #banner_contents #font_big.font_current{
  background-color:#eaf9ff;
}

#font_normal, #font_big{
/*  background: linear-gradient(#f0f0f0, #e3e3e3);*/
  border:1px solid #a6a6a6;
  padding: 0 5px;
  text-decoration: none;
  border-radius:4px;
  color:black;
  line-height:15px;
}

/* ユーザー名、ログアウト部分 */
#bottom_contents{
  height:32px;
  padding:0;
  line-height:32px;
  text-align:right;
}

#bottom_contents a{
  padding:2px 4px;
}
#bottom_contents a:hover{
  background-color:#005b7e;
}

/* チェックビューのタイトル部分 */
.check_title{
  float:right;
  color:black;
  border-radius: 4px;
  background-color:white;
  padding-left:5px;
  padding-right:5px;
  line-height:30px;
  height:30px;
  margin:4px 0;
  padding:5px 10px;
}
/* チェックビューの業者名 */
.checkview{
  background-color:#e0ffe9;
  height:35px;
  line-height:35px;
  font-size:20px;
  padding:0 20px;
}
.check_name{
  float:left;
  padding:0;
}
.check_gov{
  float:right;
}
/* **************************************
 * navigation
************************************** */

.login-navi{
  height:66px;
  background-color:#e0ffe9;
}
.login-navi ul{
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 980px;
  padding:13px 10px;
}
.login-navi li{
  line-height:40px;
  height:40px;
  box-sizing: border-box;
  display: flex;
  text-align: center;
  width:230px;
  margin:0 20px 0 0;
}

.login-navi li:last-child {
  margin:0;
}
.login-navi li a{
  border-radius: 10px;
  border: 1px solid #007e62;
  background-color:white;
  display: block;
  width:100%;
  text-decoration: none;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center right 10px;
}
.login-navi li a:hover{
  display: block;
  width:100%;
  text-decoration: none;
  background-color: #007e62;
  color:white;
}

/* **************************************
 * メイン
************************************** */

.container{
  margin: 30px auto;
  width: 980px;
  padding:0 10px;
}
.container:after{
    content: "";
    clear: both;
    display: block;
}

/* 画面番号 */
.dispno{
  float:right;
  text-align:right;
  font-size:16px;
  font-weight:normal;
}

/* ステップバー */
.stepBar {
  position: relative;
  list-style: none;
  margin: 10px 0;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}
.stepBar .step {
  width: 25%;
  position: relative;
  float: left;
  display: inline-block;
  line-height: 40px;
  padding: 0 20px 0 0px;
  background-color: #f0f0f0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size:14px;
}
.stepBar .step:before, .stepBar .step:after {
  position: absolute;
  left: -15px;
  display: block;
  content: '';
  background-color: #f0f0f0;
  border-left: 2px solid white;
  width: 20px;
  height: 20px;
}
.stepBar .step:after {
  top: 0;
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -webkit-transform: skew(20deg);
  transform: skew(20deg);
}
.stepBar .step:before {
  bottom: 0;
  -moz-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
}
.stepBar .step:first-child {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.stepBar .step:first-child:before, .stepBar .step:first-child:after {
  content: none;
}
.stepBar .step:last-child {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.stepBar .step.current {
  color: white;
  background-color: #005b7e;
}
.stepBar .step.current:before, .stepBar .step.current:after {
  background-color: #005b7e;
}
.stepBar.step2 .step {
  width: 50%;
}
.stepBar.step3 .step {
  width: 33.333%;
}
.stepBar.step4 .step {
  width: 25%;
}
.stepBar.step5 .step {
  width: 20%;
}
.stepBar.step6 .step {
  width: 16.6%;
}
.stepBar.step7 .step {
  width: 14.2%;
}

/* **************************************
 * フッター
************************************** */

#footer{
  border-top: 1px solid #007E62;
  padding: 10px 0;
  text-align:center;
}
.footerlink{
  margin: 10px auto;
  width:980px;
}
.footerlink span{
  padding: 0 10px;
}

/* **************************************
 * 部品
************************************** */

.btn_th{
  min-width:180px;
}
.btn_th_wide{
  min-width:220px;  
}
.field_with_errors input, .field_with_errors textarea{
  background-color: #ffe0e7;
}

.errormsg{
  background-color:#ffe0e7;
  color:#7e001c;
  border:1px solid #ffccd8;
  padding:30px;
  margin-top:30px;
  text-align:center;
}
.infomsg{
  background-color:#eaf9ff;
  color:#004313;
  border:1px solid #ccf1ff;
  padding:30px;
  margin-top:30px;
  text-align:center;
  height:100px;
}
.infomsg a.btn{
  float: none;
  margin:30px auto;
  width:200px;
}

/* 確認ダイアログの下の全面グレーレイヤー */
#overlay{
  top:0;
  left:0;
  width:100%;
  height:120%;
  background-color:rgba(0,0,0,0.75);  
  z-index:1;
  position:fixed;
}
/* 確認ダイアログ */
#msg_box, #houjinbangou_box, #invoice_box{
    left: 50%;
    top: 50%;
    height: 500px;
    margin-top: -250px;
    width: 620px;
    margin-left: -310px;
    background-color:white;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    z-index:2;
    position:fixed;
    padding:10px;
}
#msg_box p, #houjinbangou_box p, #invoice_box p{
    margin: 10px; 
    padding: 0;
}

#msg_box .title, #houjinbangou_box .title, #invoice_box .title{
  width:100px;
}
#msg_box .field, #houjinbangou_box .field, #invoice_box .field{
  width:auto;
}

#msg_box .info_dialog, #houjinbangou_box .info_dialog, #invoice_box .info_dialog{
  margin:0;
  padding:0;
  width:440px;
}
.btn, .btn:link, .btn:visited, .btn:active{
  background: linear-gradient(#f0f0f0, #e3e3e3);
  border: 1px solid #a6a6a6;
}
.btn:hover{
  border-color:#7b7b7b;
}
.image_btn img{
  width:20px;
  margin-top:4px;
}

.submitbtn{
  float:left;
}

.disabled, .disabled div{
  color: #bbb;
}

/* 設定ボタン */
.settings a.h_icon{
  background-size: 16px 16px;
  background-position: top 10px left 10px;
  background-repeat: no-repeat;
  white-space:nowrap;
  overflow:hidden;
  padding:0 0 0 30px;
  text-decoration: none;
}

/* 別ウィンドウを開く画像 */
#help{
  background-image:image-url("/assets/help-b1516085.png");  
}

/* 警告、お知らせ枠 */
.alert, .info, .warn{
  padding:15px;
  border-radius:4px;
  margin:5px 0;
}
.alert{
  background-color:#ffe0e7;
  color:#7e001c;
  border:1px solid #ffccd8;
}
.alert a{
  color:#7e001c;  
}
.info{
  background-color:#e0ffe9;
  color:#004313;
  border:1px solid #ccffdb;
}
.warn{
  background-color:#fcf8e3;
  color:#8a6d3b;
  border:1px solid #faebcc;	
}
.alert_no_border{
  padding:15px;
  border-radius:4px;
  margin:20px 0;
  background-color:#ffe0e7;
  color:#7e001c;
  border:1px solid #ffccd8;  
}

.notice_no_border{
  padding:15px;
  border-radius:4px;
  margin:20px 0;
  background-color:#fcf8e3;
  color:#8a6d3b;
  border:1px solid #faebcc;  
}

.alert a{
  line-height:40px;
  text-decoration: none;
}
.alert a:hover{
  text-decoration: underline;
}

.actions {
  margin:20px 0 0 0;
  width:100%;
  min-height: 40px;
}

.dialog{
  border:1px solid #a6a6a6;
  background-color:#f0f0f0;
  padding:30px;
  margin-top:30px;
}
.info_dialog{
  border:1px solid #ccf1ff;
  background-color:#eaf9ff;
  padding:20px;
  border-radius:4px;
  margin:20px 0;
}
.column{
  margin-bottom: 10px;
  line-height:22px;
}
.column:last-child {
  margin-bottom: 0;
}
.column:after{
    content: "";
    clear: both;
    display: block;  
}
.title{
  float:left;
  width:150px;
  padding-right:10px;
}

.field{
  float:left;
  width:750px;
}

.field input[type="text"], .field input[type="password"], .field input[type="email"]{
  width:100%;
}

.field .btn{
  margin:0 10px 0 0;
}

.field.middle img{
  vertical-align: middle;
  padding-left:3px;
}

.field pre{
  margin:0;
}
.btn, .main_btn{
  display:block;
  padding:3px 10px;
  height:28px;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  border-radius: 2px;
  box-sizing: content-box;
  float:left;
  margin:2px 10px 2px 0;
  cursor:pointer;
}
.main_btn, .main_btn:link, .main_btn:visited, .main_btn:active{
  text-align:center;
  color: white;
  background-color:#005b7e;
  border-radius: 2px;
  padding: 5px 20px;
}
.main_btn:hover{
  background-color: #003f57;
  color: white;  
}

.main_btn.disabled{
  background: #A6A6A6;
  cursor:wait;
  pointer-events: none;
}  
  
.strong_btn, input[type="submit"].strong_btn{
  width:400px;
  height: 50px;
  line-height: 50px;  
  font-weight: bold;
  font-size: 20px;
  padding:0;
  margin:0 auto;
  text-decoration:none;
  display:block;
  text-align:center;
  color: white;
  background:#005b7e;
  border-radius: 8px;
  border: 1px solid #f0f0f0;
  cursor:pointer;
}
input.strong_btn{
  font-size: 20px;
}
.strong_btn:link, .strong_btn:visited, .strong_btn:active{
  font-weight: 600;
  color: white;
}
.strong_btn:hover, input[type="submit"].strong_btn:hover{
  background-color: #003f57;
  font-weight: 600;
  color: white;  
}
.strong_btn[disabled],input[type="submit"].strong_btn[disabled]{
  background-color: #8e8e8e;
  pointer-events: none;
}
.disabled.strong_btn, input[type="submit"].disabled.strong_btn{
  background-color: #8e8e8e;
  pointer-events: none;
}

.btn.disabled{
  background-color: #003f57;
  color: #A6A6A6;
  border:1px solid #A6A6A6;
  pointer-events: none;
}

.center_btn, input[type="submit"].center_btn{
  width:400px;
  height: 40px;
  line-height: 40px;
  color:black;
  padding:0;
  margin:0 auto;
  text-decoration:none;
  display:block;
  text-align:center;
  background: linear-gradient(#f0f0f0, #e3e3e3);
  border-radius: 2px;
  border: 1px solid #a6a6a6;
}

.center_btn:link, .center_btn:visited, .center_btn:active{
}
.center_btn:hover, input[type="submit"].center_btn:hover{
  border-color:#7b7b7b;
}
.center_btn[disabled],input[type="submit"].center_btn[disabled] {
    pointer-events: none;
}
.disabled.center_btn, input[type="submit"].disabled.center_btn{
    pointer-events: none;
}
.center_btn.reg{
  width:250px;
}

/* ダウンロードボタン */
.dl{
  width:120px;
}

/* 検索用 */
input.search_item{
  width: 180px;
}

select.search_item{
  width: 188px;
  height:23px; 
}
.reg_assist{
  padding:0 5px;  
}
.reg_assist input{
  width: 180px;
  background-color: transparent;
  border:none;
  color:#999;
}


/* **************************************
 * 個別
************************************** */

/* 利用規約のフレーム部分 */
.term_box{
  overflow-y:scroll;
  height:300px;
  width:960px;
  margin: 0 auto;
  border: 1px solid #a6a6a6;
}

/* ログイン画面 */
.box_center{
   text-align: center;
   vertical-align: middle;
}

.login .title{
  text-align:left;
  padding-bottom:3px;
  width:390px;
}
.login .field{
  width:390px;
  margin-bottom: 10px;  
}
.login:after{
    content: "";
    clear: both;
    display: block;  
}

div.left_area{
  float:right;
  width:470px;
  height:600px;
  border:0;
  padding:0;
}
div.right_area{
  float: left;
  width:430px;
  padding:0 20px;
  border:1px solid #e3e3e3;
  height:600px;
}

div.left_area_sub{
  border:1px solid #e3e3e3;  
  padding:0 20px 0px 20px;
  margin-bottom:36px;
  height:280px;
}

.left_area h2,.right_area h2{
  margin:20px auto 10px auto;
  border:none;
}
.left_area .dialog, .right_area .dialog{
  padding:30px 10px;
  margin:0;
}
.left_area .actions{
  min-height:0;
}

/* お知らせ部分 */
.sys_msg.info, .sys_msg.alert{
  margin:0;
  padding:5px;
  border:none;
  border-radius:0;
}
.sys_msg p{
  margin: 0 auto;
  width: 980px;
  padding:0 10px;
}

/* 業者ホーム画面の自治体ボックス */
.gov_list{
  padding:0;
}

.gov_list:after{
    content: "";
    clear: both;
    display: block;  
}

.gov_list h3{
  background-color:#ccf1ff;
  border:0;
  line-height:34px;
  height:34px;
  margin:15px 0;
  padding:0;
  font-weight:normal;
}

.govbox{
  width:228px;
  height:88px;
  border:1px solid #a6a6a6;
  border-radius: 5px;
  float:left;
  overflow: hidden;
  position: relative;
  margin-right:18px;
  margin-bottom:20px;
  padding: 0;
}
.govbox:nth-of-type(4n){
  margin-right:0;
}
.govbox img{
  vertical-align: top;
}
.govbox div{
  padding:0px 0px 2px 15px;
  margin:0;
  height:40px;
}
.govbox .btn{
  width:72px;
}
.govbox p{
  height:24px;
  line-height:24px;
  font-size:20px;
  margin:10px 0 6px 0;
  padding-left:15px;
}
.govtitle_long{
  font-size:18px;
}
/* 「新規申請終了」を表示するラベル */
div.tooltip{
  float:left;
  padding:1px;
  font-size:12px;
  line-height:24px;
  border-radius: 2px;
  vertical-align:top;
  border:1px solid #faebcc;
  margin:2px 10px 2px 0;
  padding:3px 10px;
  height:28px;
  line-height:28px;
  color: #A6A6A6;
  border:1px solid #A6A6A6;
  background:linear-gradient(#f0f0f0, #e3e3e3);  
}

/* アンケート画面の入力領域 */
.field_row{
  margin-bottom:15px;
}

.be_list tr:hover{
background-color:#f6ffe0;
}


/* テーブルの数値型列 */
.num_td{
  text-align:right;
}

.att_button{
  width:512px;
  height:52px;
  display: flex;
  align-items: center;
}


.register_table{
  overflow-y:scroll;
  height:300px;
  width:790px;
}

/* 申請書のアップロードフィールド */
.reg_input_file{
  height:52px;
  background-color:#ffe0e7;
  display:flex;
  align-items:center;
  padding-left:5px;
}

.attachment_header, .attachment_column{
  display: flex;
  flex-wrap: wrap;
}
.attachment_header  > div, .attachment_column  > div{
	display: table-cell;
	border:1px solid #a6a6a6;
	background-color:white;
	border-collapse:collapse;
	padding:5px;
	margin-bottom: -1px;
	margin-right: -1px;	
}
.attachment_header  > div{
	background-color:#eaf9ff;	
}
.attachment_column .req_att{
 background-color:#ffe0e7;
}
.attachment_column .noexist_att{
  background-color:#fcf8e3;
}

.attachment_header > div:nth-of-type(1), .attachment_column > div:nth-of-type(1){
	width:180px;
}
.attachment_header > div:nth-of-type(2), .attachment_column > div:nth-of-type(2){
	width:100px;
}
.attachment_header > div:nth-of-type(3), .attachment_column > div:nth-of-type(3){
	width:500px;
}
.attachment_header > div:nth-of-type(4), .attachment_column > div:nth-of-type(4){
	width:80px;
}

.search_table{
  border:none;
  background-color:transparent;
}
.search_table tr, .search_table td{
  border:none;
  white-space: nowrap;
}

/* rejected: 5, preview: 6, lack_attachments: 3, invalid_company: 9, invalid_format: 2, incomplete: 1, waiting: 12 */
.register_rejected, .register_preview, .register_lack_attachments, .register_invalid_company, .register_invalid_format, .register_incomplete, .register_waiting, .register_payment {
  background-color:#ffe0e7;
}
/* rejected: 104, preview: 101, lack_attachments: 100, invalid_format: 108, incomplete: 107 */
.change_register_rejected, .change_register_preview, .change_register_lack_attachments, .change_register_invalid_format, .change_register_incomplete {
  background-color:#ffe0e7;  
}
.result{
  margin-left:0px;
  background-color: inherit;
}

.field .result{
  width:720px;
}
.result td{
  background-color:white;
}
.result .error{
  background-color:#ffe0e7;
  color: #7e001c;
}
.result tr, .result td{
}





.convert_result{
  overflow-y:scroll;
  height:300px;
  width:960px;
  background-color:white;
  border: 1px solid #a6a6a6;
  margin:0 auto;
  padding:2px;
}

.field .convert_result{
  width:100%;
  margin-bottom:5px;
}

td.category{
  background-color:#e0ffe9;
}
.convert_result:after{
    content: "";
    clear: both;
    display: block;
}

div.field_with_errors {
    /* 利用者本登録画面でエラー時にラジオボタンの後ろのラベルを改行させたくないため */
    display:inline;
}


/* 提出書類の登録画面 */
.attachment_file{
  display:block;
  text-decoration: none;
  text-align: center;
  box-sizing: content-box;
  float:left;
  margin:2px 10px 2px 0;
}
.attachment_file input{
  height:36px;
  line-height: 36px;
}
@-moz-document url-prefix(){
  .attachment_file input{
    border: 1px solid #e3e3e3;
    background-color:#e3e3e3;
  }
}
@media screen and (-webkit-min-device-pixel-ratio:0){
  .attachment_file input{
    border: 1px solid #e3e3e3;
    background-color:#e3e3e3;
  }
}

/* ページ切り替え */
.pagination{
  height:40px;
  display:flex;
  margin-top:10px;
}
span.page, span.first, span.last, span.next, span.prev{
  border:1px solid #E3E3E3;
  height:30px;
  line-height:30px;
  padding: 5px 10px;
}

/* 審査情報 */
.government_info{
  background-color:#eaf9ff;
  padding:20px 0;
}

/* ヘルプリンク */
.b_link{
  display:inline-block;
  content: '';
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #007e62;
  margin-right:5px;
}

.aggregate_table{
  font-size:14px;
}
.aggregate_table tr:first-child{
  background-color:#eaf9ff;
}
.aggregate_table th, .aggregate_table td{
  font-weight:normal;
}

.aggregate_table .status_check, .aggregate_table .status_pending{
  background-color:#ffe0e7;
}


.settings a{
  padding: 3px 0 3px 20px;
  margin: 5px 0px;
  line-height:40px;
  height:40px;
  float:left;
  width:440px;
  border-radius:4px;
  text-decoration: none;
  border:1px solid #a6a6a6;
}
.settings a:nth-child(even){
  margin-left:20px;
}
.settings a:hover{
  text-decoration: underline;
}
.settings img, .settings span{
  vertical-align:middle;
}
.settings span{
  padding-left:5px;
}

.preview .field_row{
  padding:5px;
  background-color: #eaf9ff;
  min-height: 22px;
}

/* 支払いテーブルの項目列 */
.payc{
  background-color: #eaf9ff;
}

/* ローディング画面 */
#loader
{
    position: absolute;
    width: 30px; /*ローディングアイコンの横サイズ*/
    height: 30px; /*ローディングアイコンの縦サイズ*/
    border-radius: 50%;  /*CSS3で円を書く*/
    border: 8px solid #fff;  /*円に○の白枠をつける*/
    border-right-color: transparent; /*円の右にC状の空きをつける*/
   animation: spin 1s linear infinite;
}
@keyframes spin
{
    0% { transform: rotate(0deg);   opacity: 0.2; } /*0%の時は20％の透明度*/
    50%  { transform: rotate(180deg); opacity: 1.0; } /*50%の時は透明度なし*/
    100%   { transform: rotate(360deg); opacity: 0.2; } /*100%の時に20％の透明度に戻る*/
 
}

.overlaybase {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.nav .field{
  padding-left:10px;
  float:left;
  width:auto;
}

.clip_img {
  border:1px solid #aaaaaa;
  padding:3px;
  border-radius:5px;
}
.clip_img:hover{
  opacity:0.5;
}

.page_top_btn {
  position: fixed;
  bottom: 10px;
  right: 10px;
  padding: 0.7em;
  text-align: center;
  background: #007e62;
  color: white;
  transition: 0.3s0;
  text-decoration: none;
}
.page_top_btn:visited {
  color: white;
}

.page_top_btn:hover {
  opacity:0.8;
}


/**
 * タブ
/*タブ切り替え全体のスタイル*/
.tabs {
  background-color: #fff;
  margin: 0 auto;
//  border:1px solid #a6a6a6;
}

/*タブのスタイル*/
.tab_item {
  width: 300px;
  height: 50px;
  background-color: #f0f0f0;
  line-height: 50px;
  display: block;
  float: left;
  padding-left:10px;
}
.tab_item:hover {
  opacity: 0.85;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 10px;
  clear: both;
  overflow: hidden;
  border: 1px solid #007e62;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#search:checked ~ #search_content{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #007e62;
  color:white;
}

.healing_info{
	margin-top:20px;
	margin-bottom:20px;
	border: 1px solid #a6a6a6;
	border-radius: 10px;padding: 0;
}

.healing_info h3{
	padding: 10px 5px 10px 15px;
	border-bottom: 1px solid lightgray;
	background-color: #eaf9ff;
	border-radius: 10px 10px 0 0;
	margin: 0;
	font-weight:normal;
}
.healing_info .dialog{
	background-color: white;
	padding: 20px 10px;
	margin: 0;
	border-radius: 0 0 10px 10px;	
	border:0;
}
.healing_info .field{
	width:780px;
}

.healing_info .column:nth-child(n+2){
	border-top:1px solid lightgray;
	margin-top:10px;
	padding-top:10px;
}
.healing_info .alert_btn{
	color:#333;
	background-color: #ffe0e7;
	margin:0 0 0 0;
	padding:2px 10px;
	border-radius:20px;
}
.healing_info .info_btn{
	color:#333;
	background-color:#e0ffe9;
	margin:0 0 0 0;
	padding:2px 10px;
	border-radius:20px;
}
.healing_info .warn_btn{
	color:#333;
	background-color:#fcf8e3;
	margin:0 0 0 0;
	padding:2px 10px;
	border-radius:20px
}
.ng_cell {
  background-color: #ffe5e5;
}

.change_header {
  background-color: #fcf8e3;
}