@charset "UTF-8";

/* login
------------------------------------------*/
main {
  width: 1104px;
  margin: auto;
  line-height: 1.6;
  font-size: 20px;
  color: #4b4b4b;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
}
#userData_input{
  width:90%;
  
}
article section {
  width: 552px;
}
article section div {
  width: 450px;
  margin: auto;
}
.login_ibox{
	background:url('/webImg/html/member/login/img/bg_ibox.png?20230131') no-repeat 0 bottom;
}

.login_ibox dt{
	width:484px;
	height:47px;
}

.login_ibox dt span{
	display:block;
	padding:20px 0 0 50px;
}

.login_ibox dt.login_ibox01{
	background:url('/webImg/html/member/login/img/bg_ibox_upper01.png?20230131') no-repeat 0 0;
}

.login_ibox dt.login_ibox02{
	background:url('/webImg/html/member/login/img/bg_ibox_upper02.png?20230131') no-repeat 0 0;
}

.login_ibox dd{
	padding:25px 0 25px 0;
}

.login_ibox dd table th{
	font-weight:normal;
}

.login_field{
	border:solid 1px #cdcdcd;
	padding:5px;
	width:280px;
	font-size:1.4em;
}

.login_tbl01{
	width:100%;
	border-top:dotted 1px #666666;
}

.login_tbl01 th{
	width:128px;
	background:#fcfcfc;
	padding:15px 0 15px 20px;
	border-bottom:dotted 1px #666666;
	vertical-align:middle;
	text-align:left;
	font-size:1.4em;
}

.login_tbl01 td{
	width:772px;
	background:#ffffff;
	padding:15px 20px;
	border-bottom:dotted 1px #666666;
}

.login_tbl02{
	width:100%;
	border-top:dotted 1px #666666;
}

.login_tbl02 th{
	width:230px;
	background:#fcfcfc;
	padding:15px 0 15px 20px;
	border-bottom:dotted 1px #666666;
	vertical-align:middle;
	text-align:left;
	font-size:1.4em;
}

.login_tbl02 td{
	width:600px;
	background:#ffffff;
	padding:15px 20px;
	border-bottom:dotted 1px #666666;
}

.his{
	font-size:85%;
	color:#CC0C0C;
}

.ex01{
	font-size:1.2em;
	color:#996666;
}

#h1 p {
  font-size: 16px;
  margin:1rem 0 2rem 0;
  
}
#login {
  font-size: 21px;
  margin-bottom: 0;
  margin-top:20px;
}
.button p {
  text-align: center;
  padding: .5rem;
  margin-bottom: 20px;
}
.button {
  color: #fff;
  text-decoration: none;
}
.button:hover {
  cursor: pointer;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity: .6;
  -khtml-opacity: .6;
  opacity: .6;
  zoom: 1;
}
.cc0000 {
  color: #cc0000;
}

.login {
  width: 436px;
  padding: 5px 1px;
  height: 25px;
  font-size: 18px;
  color: #000;
}
#member {
  border-right: solid 1px #4b4b4b;
}
#member div form .kanricode {
  margin-bottom: -20px;
  font-size: 13px;
  margin-top: 21px;
}
#member div .kanricode {
  margin-bottom: -20px;
  font-size: 13px;
  margin-top: 21px;
}
#member aside p {
  margin: 0;
  font-size: 15px;
}
#member aside p a {
  color: #0000ff;
  text-decoration: underline;
}
#member .button {
  background: #144e94;
  padding: .5rem;
  margin-bottom: 20px;
  height: 45px;
  float: left;
  border: none;
}
#member .error {
  font-size: 16px;
}
#member a {
  width:450px;
}

#signup p {
  font-size: 18px;
  margin:1rem 0 1rem 0;
}
#signup .submitButton {
  background: #39b54a;
  height: 45px;
  float: left;
  border: none;
  margin-bottom: 20px;
  width:450px;
}
#signup form .pp {
  font-size: 12px;
}
#signup div #register input{
  width:444px;
}
.login::placeholder {
  font-size: 18px;
  color: #a0a0a0;
  font-weight: bolder;
  font-family: "ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, Arial, sans-serif;
}