@charset "utf-8";

/*--------------------------------------
  style
---------------------------------------*/
body {
}


/*--------------------------------------
  parts
---------------------------------------*/
.m5{
	margin: 5px;
}
.m10{
	margin: 10px;
}
.m15{
	margin: 15px;
}
.m20{
	margin: 20px;
}
.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
.mt15{
	margin-top: 15px;
}
.mt20{
	margin-top: 20px;
}
.mb5{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px;
}
.mb15{
	margin-bottom: 15px;
}
.mb20{
	margin-bottom: 20px;
}
.ml5{
	margin-left: 5px;
}
.ml10{
	margin-left: 10px;
}
.ml15{
	margin-left: 15px;
}
.ml20{
	margin-left: 20px;
}
.mr5{
	margin-right: 5px;
}
.mr10{
	margin-right: 10px;
}
.mr15{
	margin-right: 15px;
}
.mr20{
	margin-right: 20px;
}
.p5{
	padding: 5px;
}
.p10{
	padding: 10px;
}
.p15{
	padding: 15px;
}
.p20{
	padding: 20px;
}
.pt5{
	padding-top: 5px;
}
.pt10{
	padding-top: 10px;
}
.pt15{
	padding-top: 15px;
}
.pt20{
	padding-top: 20px;
}
.pb5{
	padding-bottom: 5px;
}
.pb10{
	padding-bottom: 10px;
}
.pb15{
	padding-bottom: 15px;
}
.pb20{
	padding-bottom: 20px;
}
.pl5{
	padding-left: 5px;
}
.pl10{
	padding-left: 10px;
}
.pl15{
	padding-left: 15px;
}
.pl20{
	padding-left: 20px;
}
.pr5{
	padding-right: 5px;
}
.pr10{
	padding-right: 10px;
}
.pr15{
	padding-right: 15px;
}
.pr20{
	padding-right: 20px;
}

/* font-align */
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.center {
	text-align:center;
}

/*--------------------------------------
  clearfix
---------------------------------------*/
.clearfix:after{
    clear:both;
    content:"";
    display:block;
    visibility:hidden;
}
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.management-table{
	min-width: 1400px;
}
.management-table>thead>tr>th,
.management-table>tbody>tr>td {
	vertical-align: middle;
}
.management-table>thead>tr>th {
	text-align: center;
}

/*--------------------------------------
  535px以下の時テーブルを縦並びにする
---------------------------------------*/
@media (max-width:535px){
	.sd_vertically_table>thead>tr>th,
	.sd_vertically_table>tbody>tr>th,
	.sd_vertically_table>tfoot>tr>th,
	.sd_vertically_table>thead>tr>td,
	.sd_vertically_table>tbody>tr>td,
	.sd_vertically_table>tfoot>tr>td{
		display:block;
		width:100%;
		/*
		border:none;
		*/
	}
	.sd_vertically_table>thead>tr>th,
	.sd_vertically_table>tbody>tr>th,
	.sd_vertically_table>tfoot>tr>th{
		border-bottom:1px dotted rgb(180,180,180);
	}
	/*
	.sd_vertically_table>thead>tr>td,
	.sd_vertically_table>tbody>tr>td,
	.sd_vertically_table>tfoot>tr>td{
		margin-bottom:2rem;
	}
	*/
	.sd_vertically_btn{
		width:100%;
		margin: 2px 0;
		display: inline-block;
	}
	/*
	.h2{
		font-size: 20px;
	}
	.h3{
		font-size: 20px;
	}
	.h4{
		font-size: 12px;
	}
	*/
	.message{
		font-size: 12px;
	}
	.sd_vertically_div{
		width:auto!important;
		float: none!important;
	}
	.form-control{
		width:100%;
		margin-bottom: 2px;
	}
	.table-width-half{
		width: 100% !important;
	}
}