body {
    font-family: "メイリオ", "Meiryo" !important;
}

table thead th[class^="sorting"] {
    padding: 0;
}

table thead th[class^="sorting"] a {
	position: relative;
	display: block;
    padding: 8px;
    width: 100%;
    height: 100%;
    color: #333;
    text-decoration: none;
}

table thead th[class^="sorting"] a:hover {
    color: #333;
    text-decoration: none;
}

table thead th[class^="sorting"] a:after {
	font-family: FontAwesome;
	content: '\f0dc';
	color: #D4D4D4;
	right: 0;
    position: absolute;
    top: 8px;
    right: 4px;
    display: block;
}

table thead th[class^="sorting"] a[class="asc"]:after {
	font-family: FontAwesome;
	content: '\f0de';
	color: #424242;
	right: 0;
    position: absolute;
    top: 8px;
    right: 4px;
    display: block;
}

table thead th[class^="sorting"] a[class="desc"]:after {
	font-family: FontAwesome;
	content: '\f0dd';
	color: #424242;
	right: 0;
    position: absolute;
    top: 8px;
    right: 4px;
    display: block;
}

.required > label:after {
    content: ' *';
    color: #C3232D;
}

.col-left-variable {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	width: 100%;
	margin-right: -390px;
}

.col-left-variable-in {
	margin-right: 390px;
}

.col-right-fixed {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	width: 390px;
}

.col-left-fixed {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	width: 390px;
}

.col-right-variable {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	width: 100%;
	margin-left: -390px;
}

.col-right-variable-in {
	margin-left: 390px;
}

.datepicker.dropdown-menu {
	z-index: 10000;
}

.form-control.date-picker {
	cursor: pointer;
}