@charset "UTF-8";

body {
	box-sizing: border-box;
	font-family: 'Noto Sans Japanese' , 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Helvetica', 'メイリオ','Meiryo','ＭＳ ゴシック','MS PGothic', Osaka, sans-serif;
	width: 100%;
	height: 100%;
	line-height: 18px;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}


:focus {
    outline: none;
}
input:focus {
    border:solid 1px #0000FF;
}
input::placeholder {
  color: #999999;
}
.red {
	color: red!important;
}
ul {
	margin: 0;
	padding: 0;
}
img {
	width: 100%;
	vertical-align: bottom;
}
a {
	color: #0092D1;
	text-decoration: none;
}
za:hover {
	text-decoration: underline;
}
ul {
	list-style-type: none;
	list-style-position: inside;
}
li {
	list-style-type: none;
	list-style-position: inside;
}
button {
	border: none;
}
.small {
	font-size: 60%;
}
dd {
	margin: 0;
	padding: 0;
}
.object-fit-img {
  object-fit: contain;
  font-family: 'object-fit: contain;'
}
.flex {
	-js-display: flex;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.j-between {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.j-center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.j-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: justify;
  justify-content: space-around;
}
.a-center {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.a-start {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.ac-center {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.nowrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}


table.tb_content01 {
  border-collapse: collapse;
  width: 100%;
  
}
table.tb_content01 th, table.tb_content01 td {
  border: none;
  text-align: left;
  vertical-align: top;
  padding: 5px 0 5px 10px;
  font-size: 14px;
  font-weight: normal;
}
#page {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 1000px;
	height: 100%;
	background-color: #FFF;
	overflow: hidden;
	position: relative;
}
.underline {
	border-bottom: solid 1px #eee;
}
.bg01 {
	background-color: #FFF!important;
}
.bg02 {
	background-color: #0092D1!important;
}
.bg03 {
	background-color: #EBEFF0!important;
}
.notice {
	font-size: 12px;
	color: red;
	text-decoration: underline;
}
.c_red {
	color: red!important;
}
.c_w {
	color: #FFF!important;
}
.c_theme {
	color: #0092D1!important;
}
.c_key {
	color: #EA7482!important;
}
.c_defo {
	color: #27363F!important;
}
.ta-left {
	text-align: left!important;
}
.ta-right {
	text-align: right!important;
}
.ta-center {
	text-align: center!important;
}
.fw-300 {
	font-weight: 300!important;
}
.fw-500 {
	font-weight: 500!important;
}
.fw-700 {
	font-weight: 700!important;
}
.fw-900 {
	font-weight: 900!important;
}
.w10 {width: 10%!important;}
.w20 {width: 20%!important;}
.w30 {width: 30%!important;}
.w40 {width: 40%!important;}
.w50 {width: 50%!important;}
.w60 {width: 60%!important;}
.w70 {width: 70%!important;}
.w80 {width: 80%!important;}
.w90 {width: 90%!important;}
.w100 {width: 100%!important;}

.m_top-0 {margin-top: 0px!important;}
.m_top-5 {margin-top: 5px!important;}
.m_top-10 {margin-top: 10px!important;}
.m_top-20 {margin-top: 20px!important;}
.m_top-30 {margin-top: 30px!important;}
.m_top-40 {margin-top: 40px!important;}
.m_top-50 {margin-top: 50p!importantx;}
.m_top-60 {margin-top: 60px!important;}
.m_top-70 {margin-top: 70px!important;}
.m_top-80 {margin-top: 80px!important;}
.m_top-90 {margin-top: 90px!important;}
.m_top-100 {margin-top: 100px!important;}
.m_top-110 {margin-top: 110px!important;}
.m_top-120 {margin-top: 120px!important;}

.m_btm-0 {margin-bottom: 0px!important;}
.m_btm-5 {margin-bottom: 5px!important;}
.m_btm-10 {margin-bottom: 10px!important;}
.m_btm-20 {margin-bottom: 20px!important;}
.m_btm-30 {margin-bottom: 30px!important;}
.m_btm-40 {margin-bottom: 40px!important;}
.m_btm-50 {margin-bottom: 50px!important;}
.m_btm-60 {margin-bottom: 60px!important;}
.m_btm-70 {margin-bottom: 70px!important;}
.m_btm-80 {margin-bottom: 80px!important;}
.m_btm-90 {margin-bottom: 90px!important;}
.m_btm-100 {margin-bottom: 100px!important;}
.m_btm-110 {margin-bottom: 110px!important;}
.m_btm-120 {margin-bottom: 120px!important;}

.p_all_0 {padding: 0px!important;}
.p_all_10 {padding: 10px!important;}
.p_all_20 {padding: 20px!important;}
.p_all_30 {padding: 30px!important;}
.p_all_40 {padding: 40px!important;}
.p_all_50 {padding: 50px!important;}


.grayout {
	-webkit-filter: grayscale(1); /* Webkit */
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* W3C */
	cursor: default;
}

div#disperror {
	color:#F00;
	width:100%;
	padding:10px 0;
	line-height:30px;
	font-size:22px;
	font-weight:bold;
	text-align:center;
}

div#headT {
	width:100%;
	padding:10px 0;
	line-height:30px;
	font-size:22px;
	font-weight:bold;
	text-align:center;
}

div#headT2 {
	width:100%;
	padding:10px 0;
	line-height:56px;
	font-size:42px;
	font-weight:bold;
	text-align:center;
}

div#headT2R {
	color:red;
	width:100%;
	padding:10px 0;
	line-height:56px;
	font-size:42px;
	font-weight:bold;
	text-align:center;
}

div#headI {
	width:100%;
	padding:10px 0;
	text-align:center; 
}

div#svcI {
	width:100%;
	padding:10px 0;
	text-align:center; 
}

div#expire, div#expire2, div#expire3 {
	width:100%;
	padding:10px 0 0;
	text-align:center; 
}

div#attenmsg {
	width:100%;
	padding:20px 0 0;
	text-align:left; 
}

div#service {
	width:100%;
	padding:0 0 0;
	text-align:left; 
}

div#service2 {
	width:100%;
	padding:20px 0 0;
	text-align:left; 
}

div#btext {
	width:100%;
	padding:20px 0 0;
	text-align:left; 
}

div#term {
	width:100%;
	padding:20px 0 0;
	text-align:left; 
}

div#kanri {
	width:100%;
	padding:20px 0 0;
	text-align:right; 
}
div#ppin {
	width:100%;
	padding:5px 0 0;
	text-align:right; 
}
article {
	font-size:16px;
	line-height:22px;
	padding:10px;
}

footer {
	background-color:#009;
	color:#FFF;
	width:100%;
	padding:5px 0;
	text-align:center;
	font-weight:bold;
}

input#usepass {
	padding:5px;
	font-size:24px;
	margin-left:30px;
	width:5em;
	text-align:center;
}

input#flnum {
	padding:5px;
	font-size:24px;
	margin-left:5px;
	width:4em;
	text-align:center;
}

.iptbox {
	width:60%;
	padding:20px 20% 0;
	text-align:left; 
	font-size:24px;
}

.iptboxerr {
	color:#c00;
	width:100%;
	padding:0;
	text-align:left; 
	font-size:14px;
	line-height:18px;
}

.subttl {
	width:100%;
	font-size:16px;
	font-weight:bold;
	text-align:left; 
}

.small2 {
	font-size: 75%;
}

#svc1h, #svc2h, #svc3h, #svc4h, #svc5h, #term1h, #term2h, #term3h {
	width:100%;
	padding:20px 0 0;
	text-align:left; 
}

.svc1b, .svc2b, .svc2b, .svc3b, .svc4b, .svc5b, .term1b, .term2b, .term3b {
	text-align:left; 
	width:100%;
	display:none;
}

.indent {
	padding:0px 0 0 1em;
	text-indent:-1em;
}

#lgb, #redraw, #qrread, #qrstop, #goback, #share2button, #getqr {
	width:80%;
	padding:10px 0;
	margin:20px 10%;
	border-radius: 10px;
	background-color:#1BA8FE;
	color:#fff;
	font-weight:bold;
	font-size:22px;
}

#uq, #ua {
	width:80%;
	padding:10px 0;
	margin:20px 10%;
	border-radius: 10px;
/*	background-color:#1BA8FE;
	color:#fff;*/
	font-weight:bold;
	font-size:22px;
}