* {
    margin: 0px;
    padding: 0px;
}
body{
    width: 100%;
    background: #ffffff;    /*背景色*/
    font-family:'メイリオ', 'Meiryo', sans-serif;
    margin-right: auto;
    margin-left : auto;
}
input, select, button{
    font-family:'メイリオ', 'Meiryo', sans-serif;
}
input:-webkit-autofill {
    transition: background-color 5000s ease-in-out 0s !important;
}
/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
    color: #333;                /*リンクテキストの色*/
    -webkit-transition: 0.5s;    /*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
    transition: 0.5s;            /*同上*/
}
a:hover {
    color: #191970;                /*マウスオン時の文字色（全体）*/
}
/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
    max-width: 1200px;            /*ブロックの最大幅。footerの数字と合わせる。*/
    margin: 0px auto 0px;
}
/*header-----------------------------------------------------*/
.header{
    margin-right: auto;
    margin-left : auto;
    margin-bottom: 10px;
    color: #191970;
}
div.header {
    width: 100%;
    background: #191970;                                /*背景色（古いブラウザだとここの色のみが出ます）*/
    background: radial-gradient(circle 400px at 20% -30px,#49d9f4,#191970);    /*ロゴ背後の光を含めた背景色*/
    overflow: hidden;
    height: 20px;                                        /*ヘッダーの高さ*/
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); /*ヘッダーの高さ*/
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);            /*同上*/
    color: #000000;
}
div.headermenu {
    clear: both;
    text-align: left;
    color: #000000;
	border-bottom: 1px solid #191970;
    font-size: 14px;
}
div.logo {
    text-align: center;
    margin-top: 30px;
    width: 100%;
}
img.logo {
    width: 50px;
    display: inline-block;
    vertical-align: middle;
}
h2.logo {
    margin-left : 10px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

h6.logo {
    margin-left : 10px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
/*認証メニュー-----------------------------------------------------*/
.login {
	width: 350px;
    margin: auto;
	font-size: 16px;
}
.login-container {
    width: 300px;
    padding: 12px;
    margin: auto;
    background: #f0f8ff;    /*背景色*/
}
.login p {
  	padding: 12px;
}
.login input {
  background-color: #ffffff;
	box-sizing: border-box;
	display: block;
	width: 100%;
	border-width: 1px;
	border-style: solid;
	padding: 16px;
	outline: 0;
	font-family: inherit;
	font-size: 1em;
}
.login input[type="text"],
.login input[type="password"] {
	background-color: #fff;
	border-color: #bbb;
	color: #555;
}
.login input[type="password"]:focus {
	border-color: #888;
}
.login input[type="submit"] {
	background: #191970;
	border-color: transparent;
	color: #fff;
	cursor: pointer;
	height:60px;
	width:100%;
}
.login input[type="submit"]:hover {
  	background: #17c;
}
.login input[type="submit"]:focus {
  	border-color: #05a;
}
.logout{
	text-align: left;
	float:left;	/* 左端に寄せて、後続を右側へ回り込ませる */
}
.loginname {
	background: black;
	color: white;
    text-align: right;
    padding-top: 0px;
	margin-bottom:10px;
	margin:auto;
	width:100%;
	position: fixed;
	top: 0;
  	right: 0;
}
div.contents_p {
    text-align: center;
    margin-top: 20px;
    width: 100%;
}
.titlebar {
	background: black;
	color: white;
	font-weight:bold;
	font-size: 14px;
}

.login2 {
	width: 350px;
    margin: auto;
    margin-top: 10px;
	font-size: 16px;
}
.login-container2 {
    width: 300px;
    padding: 12px;
	margin: auto;
    background: #f5f5f5;    /*背景色*/
}
.header_p {
	width:100%;
}

/*メッセージ*/
p.message { color: #0000cd; }
/* エラーメッセージ、成功メッセージ */
p.error_message{
    color:rgb(230, 7, 7);
    font-size: 14px;
    font-weight: bold;
    padding: 0px;
    text-align: center;
}
p.success_message{
    color:blue;
    font-size: 14px;
    font-weight: bold;
    padding: 0px;
    text-align: center;
}
p.total{
    text-align:left;
	font-size:11px;
}
p.title{
    text-align:center;
	font-size:26px;
	color:#191970;
}

/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
    float: left;    /*左側に回り込み*/
    width: 100%;        /*サブコンテンツ幅*/
    margin: auto;
    margin-top: 10px;
    height: 125px;
}
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
#sub ul.submenu {
    margin-bottom: 15px;        /*メニューブロックの下に空けるスペース*/
}
/*メニュー１個ごとの設定*/
#sub ul.submenu li {
    margin-top: 1px;            /*メニュー同士の間にあけるスペース*/
    list-style-type: none;
}
#sub ul.submenu li a {
    text-decoration: none;
    display: block;
    padding: 2px 15px 2px 15px;    /*メニュー内の余白。上、右、下、左への設定。*/
    color: #dcdcdc;
    background: #191970;
    font-size: 16px;
}
/*マウスオン時*/
#sub ul.submenu li a:hover {
    color: #000000;
    background: #f0f8ff;
}
/*サブコンテンツ内のbox1
/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
#sub .box1 {
    padding: 5px;
	margin:auto;
    margin-bottom: 15px;
    background: #dcdcdc;
    color: #FFF;
    border-radius: 8px;        /*角丸のサイズ*/
    width: 92%;
}
/*リンクテキスト*/
#sub .box1 a {
    color: #FFF;
}
/*box1内のh2見出し設定*/
#sub .box1 h2 {
    border-radius: 0px;
    font-size: 16px;
}
/*box1内のメニューの設定*/
#sub .box1 ul.submenu {
    margin-bottom: 0px;
}
/* メインコンテンツ */
.main_contents{
    margin: auto;
/*	width:100%;*/
	width:1200px;
    text-align: center;
}

/*inputボタンの設定
---------------------------------------------------------------------------*/
input[type="submit"],
input[type="button"],
input[type="reset"] {
    color: #FFF;
    background: radial-gradient(circle 400px at 20% -30px,#191970,#191970);

    border-radius: 5px;
    cursor:pointer;
    font-size: 14px;
	margin-right: 10px;
    padding: 2px;
    text-align: center;
    width:80px;
    height:30px;
    border: 0px;
}
/*ボタンのマウスオン時の設定*/
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
    background: #003a74;
    background: -webkit-linear-gradient(#003a74, #003a74);
    background: linear-gradient(#003a74, #003a74);
}
#back_button{
    float: right;
    margin-right: 10px;
    width: 80px;
}
.large_button{
    border-radius: 5px;
    color: #fff;
    cursor:pointer;
    font-size: 14px;
    /* font-weight: bold; */
/*    margin-bottom: 20px;*/
	margin-right: 10px;
    padding: 2px;
    text-align: center;
    width:100px;
    height:30px;
    border: 0px;
}
/* 青ボタン */
button.blue_button{
    background: #191970;
    color: #FFF;
    background: radial-gradient(circle 400px at 20% -30px,#191970,#191970);
}
button.blue_button:hover{
    background: #003a74;
    background: -webkit-linear-gradient(#003a74, #003a74);
    background: linear-gradient(#003a74, #003a74);
}
/* オレンジボタン */
button.orange_button{
    color: #FFF;
    background: #e95f10;
    background: radial-gradient(circle 400px at 20% -30px,#e95f10,#e95f10);
}
button.orange_button:hover{
    background: #d4550b;
    background: -webkit-linear-gradient(#d4550b, #d4550b);
    background: linear-gradient(#d4550b, #d4550b);
}
/* 緑ボタン */
button.green_button{
    color: #FFF;
    background: #34af30;
    background: radial-gradient(circle 400px at 20% -30px,#34af30,#34af30);
}
button.green_button:hover{
    color: #FFF;
    background: #149110;
    background: -webkit-linear-gradient(#149110, #149110);
    background: linear-gradient(#149110, #149110);
}
.search_content{
    align-items: center;
    display:flex;
    float: left;
    margin:10px;
    height:25px;
}
.search_content p{
    background-color: #f5f5f5;
}
.button_area button {
    border: 0px;
}

/*給与明細-----------------------------------------------------*/
.payslip_detail{
    margin: auto;
    width: calc(100% - 10px);
}
.payslip_detail button:hover{
    cursor: pointer;
}
/*
#payslip_detail_table{
	table-layout: fixed;
}
table#payslip_detail_table{
    border: 0px solid #000;
    white-space: nowrap;
    border-collapse: separate;
    border-spacing: 0; 
    width: 100%;
}
table#payslip_detail_table th, table#payslip_detail_table td{
    border: 1px solid #000;
    margin: 0;
}
*/
th#title{
    background:#191970;
	color:#ffffff;
	width:20px;
}
th#rangai{
    background:#ffffff;
	border: none;
}
td#rangai{
    background:#ffffff;
	border: none;
}
/*  ★div.明細書のドロップダウン、PDF出力、戻るボタン */
.master_search_box{
/*   width: calc(100% - 10px);*/
    width: 1200px;
    height: 50px;
    margin-top: 24px;
    text-align: left;
	position: fixed;
/*	border-bottom:solid gray 1px;*/
}
.master_search_box select{
    background: #fafad2;
    margin-right: 5px;
}
#master_username_table{
    height: 600px;
    overflow: auto;
    width: 1200px;
    margin: auto;
/*    margin-top: 76px;*/
/*	position: fixed;*/
	/*margin-left:10px;
	margin-right:10px;*/
	position: relative; /* 現在位置を基準に、相対位置を指定*/
  	top: 76px;
}
/* ★明細テーブル */
.detail_table{
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 10px;
	width: 100%;
    margin-top: 5px;
	table-layout: fixed;
}
.detail_table th{
	border:1px solid #333;
    background-color: #e6e6fa;
    font-size: 11px;
    font-weight: normal;
}
.detail_table td{
	border:1px solid #333;
	vertical-align:bottom;
	text-align:right;
    font-size: 12px;
	width: 117px;
}
.detail_table button{
    margin: 0px;
    height:100%;
    width: 100%;
    border-spacing: 0px;
    border: 0px;
    vertical-align:top;
}
.payslip_name{
	width:117px;
}
td#payslip_belongs{
	text-align:center;
}
td#payslip_idname{
	text-align:left;
}
td#payslip_office{
	border:none;
	text-align:right;
}
th#payslip_payslipdate{
	width:400px;
	background:#ffffff;
	border:none;
	text-align:right;
}
/*源泉徴収票-----------------------------------------------------*/
p#wslip_title{
	text-align:center;
	font-size:18px;
	border-top:solid gray 1px;
}
p#wslip_fotter{
	text-align:center;
	font-size:10px;
}
span#wslip_title{
	font-weight: bold;
	font-size:22px;
}

td#wslip_colspan1_1{
	width:25px;
	text-align:center;
	border-bottom: none;
	border-right: none;
}
td#wslip_colspan1_2{
	width:25px;
	text-align:center;
	border-bottom: none;
	border-left: none;
}
td#wslip_colspan1_3{
	width:25px;
	text-align:center;
	border-bottom: none;
	border-right: none;
	border-left: none;
}
td#wslip_colspan1_4{
	width:25px;
	border-top: none;
	border-right: none;
}
td#wslip_colspan1_5{
	width:25px;
	border-top: none;
	border-left: none;
}
td#wslip_colspan1_6{
	width:25px;
	border-top: none;
	border-right: none;
	border-left: none;
}
td#wslip_colspan1_7{
	width:15px;
	text-align:center;
}
td#wslip_colspan1_8{
	width:20px;
	text-align:center;
}
td#wslip_colspan1_9{
	width:25px;
	border-top: none;
	border-bottom: none;
	border-left: none;
}
td#wslip_colspan1_10{
	width:25px;
	text-align:right;
	border-right:none;
	border-bottom:none;
}
td#wslip_colspan1_11{
	width:25px;
	text-align:right;
	border-left:none;
	border-bottom:none;
}
td#wslip_colspan1_12{
	width:25px;
	text-align:right;
	border-left:none;
	border-top:none;
}
td#wslip_colspan1_13{
	width:25px;
	text-align:center;
}
td#wslip_colspan1_14{
	width:25px;
	border-top: none;
	border-left: none;
	border-bottom: none;
}
td#wslip_colspan1_15{
	width:25px;
	border: none;
}
td#wslip_colspan1_16{
	width:25px;
	border-top: none;
	border-left: none;
	border-bottom: none;
}
/*----*/
td#wslip_colspan2{
	width:50px;
	text-align:center;
}
td#wslip_colspan2_1{
	width:50px;
	text-align:center;
}
td#wslip_colspan2_2{
	width:50px;
	text-align:right;
	border-bottom: none;
}
td#wslip_colspan2_3{
	width:50px;
	border-top: none;
	border-bottom: none;
}
td#wslip_colspan2_4{
	width:50px;
	border-top: none;
	border-left: none;
}
td#wslip_colspan2_5{
	width:50px;
	text-align:right;
	border-top: none;
	border-right: none;
}
td#wslip_colspan2_6{
	width:50px;
	text-align:right;
	border-bottom:none;
	border-right:none;
	border-left:none;
}
td#wslip_colspan2_7{
	width:50px;
	text-align:center;
	border-top:none;
	border-right:none;
	border-left:none;
}
td#wslip_colspan2_8{
	height:36px;
	width:50px;
	text-align:center;
}
td#wslip_colspan2_9{
	width:50px;
	/* height:36px; */
	height:18px;
	text-align:center;
}
td#wslip_colspan2_10{
	width:25px;
	text-align:center;
	font-size:9px;
}
td#wslip_colspan2_11{
	width:50px;
	text-align:center;
}
td#wslip_colspan2_12{
	width:25px;
	text-align:center;
}
td#wslip_colspan2_13{
	width:50px;
	text-align:center;
	border-top: none;
	border-left: none;
}
td#wslip_colspan2_14{
	width:50px;
	text-align:center;
	border-top:none;
	border-right:none;
	border-left:none;
}
td#wslip_colspan2_15{
	width:100px;
	text-align:center;
}
/*----*/
td#wslip_colspan3{
	width:75px;
	text-align:center;
}
td#wslip_colspan3_1{
	width:75px;
	text-align:center;
	font-size: 7px;
}
td#wslip_colspan3_2{
	width:75px;
	text-align:right;
	border-bottom: none;
}
td#wslip_colspan3_3{
	width:75px;
	border-top: none;
	border-bottom: none;
}
td#wslip_colspan3_4{
	width:75px;
	text-align:center;
	border-top: none;
}
td#wslip_colspan3_5{
	width:75px;
	text-align:right;
	border-top: none;
	border-right:none;
}
td#wslip_colspan3_6{
	width:75px;
	border-top: none;
}
td#wslip_colspan3_7{
	width:75px;
	text-align:right;
	border-left:none;
	border-right:none;
	border-bottom:none;
}
td#wslip_colspan3_9{
	width:75px;
	text-align:center;
	border-right:none;
}
td#wslip_colspan3_10{
	width:75px;
	text-align:center;
	font-size:11px;
}
td#wslip_colspan3_11{
	text-align:left;
	border-right:none;
}
td#wslip_colspan3_12{
	width:175px;
	text-align:right;
	border-left:none;
	border-right:none;
	border-bottom:none;
}
/*----*/
td#wslip_colspan4{
	width:100px;
}
td#wslip_colspan4_1{
	width:100px;
	text-align:center;
	border-bottom:none;
}
td#wslip_colspan4_2{
	width:100px;
	text-align:left;
	border-right:none;
}
td#wslip_colspan4_3{
	width:100px;
	text-align:center;
}
td#wslip_colspan4_4{
	width:100px;
	text-align:right;
	border-bottom:none;
}
td#wslip_colspan4_5{
	text-align:right;
	border-top:none;
	border-right:none;
}
td#wslip_colspan4_6{
	width:100px;
	border-top:none;
}
td#wslip_colspan4_7{
	width:100px;
	text-align:center;
	border-top:none;
}
td#wslip_colspan4_8{
	width:100px;
	border-bottom:none;
}
td#wslip_colspan4_9{
	width:100px;
	text-align:right;
	border-top:none;
	border-bottom:none;
}
td#wslip_colspan4_10{
	width:100px;
	text-align:right;
	border-top:none;
	border-right:none;
}
/*----*/
td#wslip_colspan5_1{
	width:125px;
	text-align:right;
	border-top:none;
	border-bottom:none;
}
td#wslip_colspan5_2{
	width:125px;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
td#wslip_colspan5_3{
	width:125px;
	text-align:right;
	border-top: none;
	border-left: none;
	border-right: none;
}
td#wslip_colspan5_4{
	width:125px;
	text-align:right;
	border-bottom:none;
}
td#wslip_colspan5_5{
	width:125px;
	text-align:center;
}
td#wslip_colspan5_6{
	width:125px;
	text-align:right;
	border-top:none;
	border-bottom:none;
}
td#wslip_colspan5_7{
	width:125px;
	text-align:right;
	border-top:none;
	border-left:none;
	border-right:none;
}
td#wslip_colspan5_8{
	height:36px;
	width:125px;
	text-align:center;
}
td#wslip_colspan5_9{
	width:125px;
	text-align:right;
	border-top:none;
	border-left:none;
}
td#wslip_colspan5_10{
	width:125px;
	border: none;
}
td#wslip_colspan5_11{
	width:125px;
	text-align:right;
	border:none;
	/* border-top:none;
	border-bottom:none; */
}
/*----*/
td#wslip_colspan6_1{
	width:150px;
	text-align:right;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
td#wslip_colspan6_2{
	width:150px;
	border-bottom: none;
	border-right: none;
}
td#wslip_colspan6_3{
	width:150px;
	text-align:right;
	border-top: none;
	border-left: none;
	border-right: none;
}
td#wslip_colspan6_4{
	width:150px;
	text-align:right;
	border-top: none;
	border-right: none;
}
td#wslip_colspan6_5{
	width:150px;
	text-align:center;
}
td#wslip_colspan6_6{
	width:150px;
	border-top:none;
}
td#wslip_colspan6_7{
	width:150px;
	text-align:left;
	border-left:none;
}
td#wslip_colspan6_8{
	height:36px;
	width:150px;
	text-align:center;
}
td#wslip_colspan6_9{
	width:150px;
	text-align:right;
	border:none;
}
/*----*/
td#wslip_colspan7{
	width:175px;
}
td#wslip_colspan7_1{
	width:175px;
	text-align:center;
}
td#wslip_colspan7_2{
	width:175px;
	text-align:right;
	border-top:none;
	border-bottom:none;
}
td#wslip_colspan7_3{
	width:161px;
	border-top:none;
	border-right:none;
}
td#wslip_colspan7_4{
	width:161px;
	border-top:none;
}
td#wslip_colspan7_5{
	width:175px;
	text-align:right;
	border-top:none;
}
/*----*/
td#wslip_colspan8_1{
	width:200px;
	text-align:center;
}
td#wslip_colspan8_2{
	width:200px;
	text-align:center;
	border-bottom: none;
}
td#wslip_colspan8_3{
	width:200px;
	border-top: none;
	border-bottom: none;
	border-right: none;
}
td#wslip_colspan8_4{
	width:200px;
	text-align:right;
	border-top: none;
	border-right: none;
}
td#wslip_colspan8_5{
	width:200px;
	text-align:right;
	border-right:none;
	border-bottom:none;
}
/*----*/
td#wslip_colspan9_2{
	width:225px;
	text-align:center;
	border-bottom:none;
}
td#wslip_colspan9_3{
	width:225px;
	text-align:center;
}
td#wslip_colspan9_4{
	width:225px;
	text-align:right;
	border-bottom: none;
}
td#wslip_colspan9_5{
	width:225px;
	text-align:right;
	border-right:none;
	border-bottom:none;
}
td#wslip_colspan9_6{
	width:225px;
	text-align:right;
	border-right:none;
	border-top:none;
}
td#wslip_colspan9_7{
	width:225px;
	text-align:left;
}
/*----*/
td#wslip_colspan10_1{
	width:250px;
	text-align:center;
}
td#wslip_colspan10_2{
	width:250px;
	border-bottom: none;
	border-right: none;
}
td#wslip_colspan10_3{
	width:300px;
	height:36px;
	text-align:center;
}
td#wslip_colspan10_4{
	width:250px;
	text-align:right;
	border-top: none;
	border-right: none;
}
td#wslip_colspan10_5{
	width:250px;
	text-align:right;
	border-right:none;
	border-bottom:none;
}
td#wslip_colspan10_6{
	width:250px;
	border: none;
}
td#wslip_colspan10_7{
	width:250px;
	border: none;
}
/*----*/
td#wslip_colspan11_1{
	width:275px;
	text-align:center;
}
td#wslip_colspan11_2{
	height:36px;
	width:275px;
	text-align:center;
}
td#wslip_colspan11_3{
	width:275px;
	text-align:right;
	border-right:none;
	border-left:none;
	border-bottom:none;
}
td#wslip_colspan11_4{
	width:275px;
	text-align:right;
	border:none;
}
/*----*/
td#wslip_colspan12_1{
	width:400px;
	border-left:none;
}
td#wslip_colspan12_2{
	width:300px;
	border-left:none;
}
td#wslip_colspan12_3{
	width:400px;
	border-top:none;
}
/*----*/
td#wslip_colspan13_1{
	width:325px;
	text-align:center;
	border-bottom:none;
}
td#wslip_colspan13_2{
	width:225px;
	text-align:left;
	border-left:none;
}
/*----*/
td#wslip_colspan13_3{
	width:300px;
	text-align:left;
	border-left:none;
}
/*
td#wslip_colspan14_1{
	width:350px;
	text-align:center;
	border-top:none;
}
*/
td#wslip_colspan14_2{
	width:350px;
	text-align:center;
}
/*----*/
td#wslip_colspan22_1{
	width:475px;
	text-align:left;
}
/*----*/
td#wslip_colspan26_1{
	width:650px;
	text-align:left;
}
/*----*/
td#wslip_colspan35{
	width:875px;
}
td#wslip_colspan35_1{
	width:875px;
	text-align:left;
}
/*----*/
td#wslip_colspan43_1{
	width:100%;
	height:120px;
	text-align:left;
}
/*ファイルアップロードの設定
---------------------------------------------------------------------------*/
.filename {
    border: black 1px dotted;
    color: #aaa;
    display: inline-block;
    height: 28px;
    margin: 0;
    overflow: hidden;
    width: 650px;
}
* {
    margin: 0px;
    padding: 0px;
}
.btn-group {
    display: flex;
    height: 25px;
    margin: 30px 0px;
    align-items: center;
}
.dragdroparea {
    border: black 1px dotted;
    color: #aaa;
    display: inline-block;
    height: 150px;
    margin-bottom: 10px;
    text-align: left;
    width: 700px;
}
.csv_upload {
    width: 700px;
    margin: auto;
    text-align: left;
}

#file_chose_button {
    border: 0px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    margin-top: 0px;
    padding: 2px;
    text-align: center;
    width: 100px;
}
.csv_upload .button_area button {
    color: #fff;
    width: 180px;
    height: 30px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 14px;
}
.frame_line {
	font-size: 16px;
    border: 1px solid #afadad;
    border-radius: 5px;
    padding: 3px 8px 3px 8px;/* 上 | 右 | 下 | 左 */
}
/*明細書データ取込-----------------------------------------------------*/
.State_pattern {
    margin-left: 10px;
	font-size: 16px;
}
.State_pattern_Value {
    margin-left: 5px;
	font-size: 16px;
}
.State_bonus_kbn_shoyo {
    margin-left: 5px;
	font-size: 16px;
}
.bonus_kbn_kyuyo {
	font-size: 16px;
}
.State_bonus_kbn_shoyo {
	font-size: 16px;
    margin-left: 20px;
}
/*処理中-----------------------------------------------------*/
#overlay{ 
	position: fixed;
	top: 0;
	z-index: 100;
	/* width: 63%; */
	width: 100%;
	height:100%;
	display: none;
	background: rgba(0,0,0,0.6);
  }
  .cv-spinner {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;  
  }
  .spinner {
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #2e93e6 solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
  }
  @keyframes sp-anime {
	100% { 
	  transform: rotate(360deg); 
	}
  }
  .is-hide{
	display:none;
  }
  /*ユーザ認証用追加*/
  .er{
	color: #ff2f00;
	padding: 10px 0;
	display: block;
  }
  .er{
	text-align: center;
  }
  .erdt{
	text-align: left!important;
	width: 430px;
	margin: 0 auto;
  }
  /*メッセージ画面*/
  /*認証メニュー-----------------------------------------------------*/
.gene_message {
	width: 350px;
    margin: auto;
	font-size: 16px;
}
.gene_message p {
  	padding: 12px;
}
.gene_message a {
	color: blue;
  }