* { margin: 0; padding: 0; box-sizing: border-box; }


body{
  font-family:'Open Sans',sans-serif;
}
/*----------------------------*/
/*  Add New 20201008          */

.small-text{
    font-size: 60%;
}
table .fblist {
    border-spacing: 0;
}
/*----------------------------*/


.box1{
  width:600px;
  margin:0 auto;
  margin-top:40px;
  margin-bottom:2%;

}

.box2{
  width:100%;
  margin:0;
}

.box4{
  width:100%;
  margin:0;
  padding-right:10px;
  text-align: right;
}

.box3{
  width:90%;
  margin:0 auto;
}

.box5{
  width:600px;
  margin:0 auto;
  margin-top:40px;
  margin-bottom:2%;

}

.logo{
  float:left;
  width:80px;
  height:80px;
}

.shinra{
  background:#3F729B;
  padding:20px 20px 20px 100px;
  font-size:140%;
  font-weight:300;
  color:#fff;
  height:80px;
}

#form1{
  background:#f0f0f0;
  padding:6% 4%;
}

.form_inp{
  background:#fff;
  padding:40px 40px;
}
.form_no_inp{
  background:#fff;
  padding:40px 40px;
}
.login_pass{
  width:85%;
  height:20px;
  margin-bottom:4%;
  border:1px solid #ccc;
  padding:4% 4% 4% 4%;
  font-size:95%;
  color:#555;
}
.iconPassword{
  width:20px;
  height:20px;
  background-color:#ccc;
  float:left;
  padding:4% 4% 4% 4%;
  margin-bottom:4%;
  background-repeat:no-repeat;
   background-image:url(img/f09c-32.png);
  background-position:center;
  border:1px solid #ccc;
}
.iconUser{
  width:20px;
  height:20px;
  background-color:#ccc;
  float:left;
  padding:4% 4% 4% 4%;
  margin-bottom:4%;
  background-repeat:no-repeat;
   background-image:url(img/f007-32.png);
  background-position:center;
  border:1px solid #ccc;
}
.iconMail{
  width:20px;
  height:20px;
  background-color:#ccc;
  float:left;
  padding:4% 4% 4% 4%;
  margin-bottom:4%;
  background-repeat:no-repeat;
   background-image:url(img/f0e0_32.png);
  background-position:center;
  border:1px solid #ccc;
}
.login_txt{
  width:85%;
  height:20px;
  margin-bottom:4%;
  border:1px solid #ccc;
  padding:4% 4% 4% 4%;
  font-family:'Open Sans',sans-serif;
  font-size:95%;
  color:#555;
  border:1px solid #ccc;
}
.login_submit{
  width:100%;
  background:#3F729B;
  border:0;
  padding:4%;
  font-family:'Open Sans',sans-serif;
  font-size:100%;
  color:#fff;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}

.login_submit:hover{
  background:#417dcc;
}
::-webkit-input-placeholder {

}

.box_side{
  float:left;
  padding:0;
  width:280px;
}

.box_side1{
    padding: 30px;
    background: #eee;/*�w�i�F*/
    border-top: solid 6px #608ecc;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*�e*/
}

.box_side1 p{
  margin-bottom:10px;
}

.box_side2{
  padding: 0px 10px 30px 10px;
}

.box_side2 p{
  margin-bottom:10px;
}

.shikaku2{
	color:#fa8383;
}
.point{
	font-size:30px;
	text-align: right;
}

.point_in{
	font-size:12px;
	text-align: right;
}

.ribbon_box2 {    
    display: block;
    position: relative;
    margin: 25px 0 10px 0;
    padding: 10px 0 10px 45px;
    background: #eee;
    box-sizing: border-box;
  }

.ribbon13-2 {    
    display: inline-block;
    position: absolute;
    top: -6px;
    left: 10px;
    margin: 0;
    padding: 10px 0 7px;
    z-index: 2;
    width: 30px;
    text-align: center;
    color: white;
    font-size: 13px;
    background: #fa8383;
    border-radius: 2px 0 0 0;
  }

.side_menu{
	font-weight:bold;
}

.box_main{
  margin-left:300px;
}

.box_main_in{
  padding-left:16px;
}

.box_main_in p{
  margin-bottom:10px;
}

#ym_frame_id{
	width: 100%;
	height: 200px;
	margin-bottom:10px;
}

.msg-panel {
  margin: 2em 0 0;
  width: 100%;
}

.msg-panel span{
  text-align: center;
  color: #ff0000;
}


.m_tbl{
	border-collapse:collapse;
	width: 100%;
	margin-bottom:20px;
}
.m_th{
	background: #3F729B;
	color:#fff;
	border:1px solid #ccc;
	text-align: left;
	padding-left:10px;
}
.m_td1{
	background: #3F729B;
	color:#fff;
	font-size:11px;
	border:1px solid #ccc;
}
.m_td2{
	border:1px solid #ccc;
	background: #fafafa;
	padding:2px;
	font-size:12px;
}
.m_td3{
	border:1px solid #ccc;
	background: #fafafa;
	padding:2px;
	font-size:12px;
	text-align: right;
}

.m_td4{
	border:1px solid #ccc;
	background: #d0def0;
	padding:2px;
	font-size:12px;
	text-align: right;
}

.m_td5{
	border:1px solid #ccc;
	background: #fdf5e6;
	padding:2px;
	font-size:12px;
	text-align: right;
}

.m_td6{
	border:1px solid #ccc;
	background: #fafafa;
	padding:2px;
	font-size:14px;
	font-weight:bold;
	text-align: right;
	color:#3366cc;
}
.m_td7{
	border:1px solid #ccc;
	background: #fafafa;
	padding:2px;
	font-size:14px;
	font-weight:bold;
	text-align: right;
	color:#ff0000;
}

.h_link {
  color: #4472c4;
  text-decoration: none;
  transition: border-color 0.3s;
}

.h_link:hover {
  border-bottom: 1px dotted #4472c4;
}

.cap{
	margin-bottom:10px;
	width: 100%;
	padding:8px;
	background: #eee;
	border-left: 8px solid #608ecc;
	font-weight:bold;
}

.info{
	width: 100%;
	height: 200px;
	margin-bottom:24px;
}

#form2{
	background:#f0f0f0;
	padding:30px 30px;
}

#r_btn{
	width: 300px;
	height: 50px;
	font-size: 1.2em;
}

.p_tbl{
	border-collapse:collapse;
	width: 100%;
	margin:10px 0 40px 0;
}

.p_td1{
	width: 320px;
}

.p_td2{
	padding:10px 0 0 20px;
	color:#ff0000;
}

.shikaku{
	color:#ffcccc;
}

.cal_div {
	margin-top:10px;
	text-align: center;
}

.cal_tbl {
	border-collapse:collapse;
	width: 100%;
	font-size:12px;
	margin-bottom:10px;
}
.cal_th1 {
	border: 1px solid #CCCCCC;
	text-align: center;
	padding: 5px;
	color:#ff0000;
}
.cal_th2 {
	border: 1px solid #CCCCCC;
	text-align: center;
	padding: 5px;
}
.cal_th3 {
	border: 1px solid #CCCCCC;
	text-align: center;
	padding: 5px;
	color:#3366cc;
}

.cal_td0 {
	border: 1px solid #CCCCCC;
	text-align: center;
	padding: 5px;
	color:#ff0000;
}
.cal_td1 {
	border: 1px solid #CCCCCC;
	text-align: center;
	padding: 5px;
}
.cal_td6 {
	border: 1px solid #CCCCCC;
	text-align: center;
	padding: 5px;
	color:#3366cc;
}
.cal_bg {
	background:#ffe7e7;
}

.point_tmp{
	padding-top:40px;
	text-align: center;
}
.point_tmp p{
	margin-bottom:10px;
	font-size:18px;
}

.acc_tbl{
	width:600px;
	margin:40px auto 0px auto;
	border-collapse:collapse;
}
.acc_th{
	width:200px;
	background:#f0f0f0;
	border-bottom: 1px solid #fff;
	text-align: right;
	padding-right:10px;
}
.acc_td2{
	width:400px;
	padding:10px 0 10px 10px;
}
.acc_td2 input{
	width:380px;
	height:40px;
}
.acc_td22{
	width:400px;
	padding:10px 0 10px 10px;
	border: 1px solid #CCCCCC;
}
.acc_td22 input{
	width:380px;
	height:40px;
	border-style:none;
}
.kome{
	color:#ff0000;
}
.req{
	font-size:12px;
}

.btn_tbl{
	width:600px;
	margin:0px auto 20px auto;
	border-collapse:collapse;
}

.btn_td1{
	padding-right:1px;
}
.btn_td2{
	padding-left:1px;
}

.rtn_btn{
  text-align: center;
  width:100%;
  background:#999;
  border:0;
  padding:10px;
  font-family:'Open Sans',sans-serif;
  font-size:100%;
  color:#fff;
  cursor:pointer;
  margin-top:10px;
}

.rtn_btn:hover{
  background:#ccc;
}
.reg_btn{
  text-align: center;
  width:100%;
  background:#3F729B;
  border:0;
  padding:10px;
  font-family:'Open Sans',sans-serif;
  font-size:100%;
  color:#fff;
  cursor:pointer;
  margin-top:10px;
}

.reg_btn:hover{
  background:#417dcc;
}


.guide {
    padding:0 5px 0 5px;
    margin-left:20px;
    font-weight: bold;
    color: #6091d3;/*�����F*/
    border: solid 3px #6091d3;/*��*/
    border-radius: 10px;/*�p�̊ۂ�*/
}
.guide_link {
  text-decoration: none;
  color: #6091d3;/*�����F*/
}

.guide:hover {
	background: #fdf5e6;
}

.help_div0{
	margin:30px 0;
}
.help_p0{
	margin:0 0 10px 10px;
	font-size:16px;
}

.help_p1 {
	margin-top:50px;
	position: relative;
	background: #d0def0;
	padding: 0.25em 0.5em;
	border-left: solid 2em #608ecc;
	font-weight: bold;
	font-size:20px;
}

.help_p1:before {
	font-family: "Font Awesome 5 Free";
	content: '\f303';
	position: absolute;
	padding: 0em;
	color: white;
	font-weight: 900;
	left: -1.5em;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.help_p2{
	margin:20px 0 0px 20px;
	font-size:16px;
}

.cap2{
	margin:30px 0 0 20px;
	font-weight:bold;
}
.cap3{
	margin:30px 0 0 20px;
}
.inp{
	margin:0 0 0 33px;
}

#mail{
	width:280px;
	height:30px;
}
.con_tbl{
	border-collapse:collapse;
	width: 100%;
	margin-bottom:20px;
}
.con_td1{
	background: #f0f0f0;
	border:1px solid #ccc;
	padding:10px;
}
.con_td2{
	border:1px solid #ccc;
	background: #fff;
	padding:10px;
}