/*----------charset----------*/
@charset "UTF-8";

/*----------initialize----------*/
*{
	margin			:0;
	padding			:0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

}

img{
	border:0;
	display:inline-block;
	vertical-align: bottom;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

.clearfix:after{
    content:"";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
}

a{
	text-decoration:none;
	color:#0056b3;
	cursor:pointer;
}
a:hover{
	filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;
}

input{
	outline:0;
}
input:focus{
	outline:0;
}
input::placeholder{
	color:#80868b;
}
input:-ms-input-placeholder{
	color:#80868b;
}
input::-ms-input-placeholder{
	color:#80868b;
}

/*----------default-settings----------*/
html{
	width:100%;
	height:100%;
	font-size:16px;
	overflow-y: scroll;
}

body{
	width:100%;
	height:100%;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/*----------common1----------*/
.w_100{
	width:100% !important;
}
.w_90{
	width:90% !important;
}
.w_80{
	width:80% !important;
}
.w_70{
	width:70% !important;
}
.w_60{
	width:60% !important;
}
.w_50{
	width:50% !important;
}
.w_45{
	width:45% !important;
}
.w_40{
	width:40% !important;
}
.w_35{
	width:35% !important;
}
.w_30{
	width:30% !important;
}
.w_25{
	width:25% !important;
}
.w_20{
	width:20% !important;
}
.w_15{
	width:15% !important;
}
.w_10{
	width:10% !important;
}
.w_5{
	width:5% !important;
}

.pd_1{
	padding:1px !important;
}
.pd_3{
	padding:3px !important;
}
.pd_5{
	padding:5px !important;
}
.pd_10{
	padding:10px !important;
}
.pd_15{
	padding:15px !important;
}
.pd_20{
	padding:20px !important;
}

.mg_1{
	margin:1px !important;
}
.mg_3{
	margin:3px !important;
}
.mg_5{
	margin:5px !important;
}
.mg_10{
	margin:10px !important;
}
.mg_15{
	margin:15px !important;
}
.mg_20{
	margin:20px !important;
}

.mgt_3{
	margin-top:3px !important;
}
.mgt_5{
	margin-top:5px !important;
}
.mgt_10{
	margin-top:10px !important;
}
.mgt_15{
	margin-top:15px !important;
}
.mgt_20{
	margin-top:20px !important;
}
.cs_p{
	cursor:pointer !important;
}
.disp_t{
	display:table !important;
}
.disp_tc{
	display:table-cell !important;
}
.disp_ib{
	display:inline-block !important;
}
.disp_b{
	display:block !important;
}
.disp_n{
	display:none !important;
}
.disp_h{
	display:hidden !important;
}
.va_t{
	vertical-align:top !important;
}
.va_m{
	vertical-align:middle !important;
}
.va_b{
	vertical-align:bottom !important;
}
.ta_l{
	text-align:left !important;
}
.ta_c{
	text-align:center !important;
}
.ta_r{
	text-align:right !important;
}

.bd_b1{
	border:solid 1px #000000;
}
.bd_r1{
	border:solid 1px #ff0000;
}

.bc_b{
	background-color:#000000 !important;
}
.bc_w{
	background-color:#ffffff !important;
}
.bc_g{
	background-color:#a7a7a7 !important;
}
.bc_r{
	background-color:#ff0000 !important;
}
.fc_w{
	color:#ffffff !important;
}
.fc_g{
	color:#a7a7a7 !important;
}
.fc_r{
	color:#dc3545 !important;
}

.nowrap{
	white-space: nowrap;
}
.wrap_bw{
	overflow-wrap: break-word;
}

.h_a{
	height:auto;
}

/*----------------float----------------*/
.bdr_0{
	border-width:0px !important;
}
.bdr_b_1{
	border:solid 1px #000000 !important;
}
.bdr_b_2{
	border:solid 2px #000000 !important;
}
.bdr_g_1{
	border:solid 1px #a7a7a7 !important;
}
.bdr_g_2{
	border:solid 2px #a7a7a7 !important;
}

/*----------------float----------------*/
.float_l{
	float	:left;
}
.float_r{
	float	:right;
}
