@charset "utf-8";
/* CSS Document */
html,body{
	height:100%
}
.navbar-inner {
	padding-right: 0px;
	padding-left: 20px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: none;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
	background-color: #FFF;
	background-image: none!important;
	border-bottom: 1px solid rgb(196, 196, 196);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0)
}
body {
	background-color: #f9f9f9;
	padding-top: 40px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px!important;
	/* [disabled]background-image: url(../img/bg.png); */
}
i {
	padding-right: 3px;
}
.table>thead>tr>th {
	background-color: #DDDDDD;
	color: #000;
}
.breadcrumb {
	background-color: #FFF;
}
.loginContainer {
	position: absolute;
	border:1px solid #c4c4c4;
	width:300px;
	/*height:232px;*/
	height: auto;
	left:50%;
	top:50%;
	margin-left:-171px;
	margin-top: -150px;
	border-radius: 2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-webkit-box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, 0.1);
	background: #fefefe;
	padding:0px 20px 0 20px;
}

.loginContainer:after,.loginContainer:before,.errorContainer:after,.errorContainer:before {
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
	border: 1px solid #c4c6ca;
	content: "";
	display: block;
	height: 100%;
	left: -1px;
	position: absolute;
	width: 100%;
}
.loginContainer:after, .errorContainer:after {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
	top: 0;
	z-index: -1;
}
.loginContainer:before, .errorContainer:before {
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
	top: 0;
	z-index: -2;
}

.loginPage .navbar .brand {float: none; text-align: center; margin:0;}
.loginContainer .forgot {float: right;margin-right: -20px; font-size: 11px;}
.loginContainer .form-horizontal {margin-bottom: 0px;}
.loginContainer .form-actions {
	margin: 0 -20px 0 -20px;
	padding-left:20px !important;
	padding-right: 12px;
}
.loginContainer .form-row .form-label {
	text-align: left;
	padding-right: 27px;
	padding-top: 6px;
	position: relative;
}
.loginContainer form {
	margin: 0px;
}
#loginForm .form-row {
	margin-top: 20px;
}
#loginForm label .icon16 {
	position: absolute;
	right: 0;
	bottom: -30px;
}


#wrapper{
	height:100%;
}
#header .brand img {
	max-height:20px;
}
#side {
	height: 100%;
	border-right: 1px solid rgb(217, 217, 217);
	/* [disabled]width: 210px; */
	background-color: #FFF;
}
#sidebar {
	/* [disabled]width: 210px; */
	/* [disabled]position: relative; */
	/* [disabled]float: left; */
}
#sidebar .mainnav {
}
#sidebar .mainnav ul {
	margin: 0px;
	padding: 0px;
}
#sidebar .mainnav li {
	list-style-type: none;
}
#sidebar .mainnav li a {
	display: block;
	border-bottom: 1px solid rgb(196, 196, 196);
	border-top: 1px solid rgb(255, 255, 255);
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 0.5em;
	color: #666;
}
#sidebar .mainnav li a:hover {
	text-decoration: none
}
#sidebar .mainnav>ul>li>a {
	background-color: #F9F9F9;
}
#sidebar .mainnav>ul>li>a:hover {
	background-color: #F6F6F6;
}
#sidebar .mainnav>ul>li.home>a {
	background-color: #666666;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	/* [disabled]margin-right: -1px; */
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
#sidebar .mainnav>ul>li.home>a:hover {
	background-color: #333333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	/* [disabled]margin-right: -1px; */
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
#sidebar .mainnav>ul>li>ul>li>a {
	padding-left: 1.5em;
	font-size: 95%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FFF;
}
#sidebar .mainnav>ul>li>ul>li>a:hover {
	padding-left: 1.5em;
	font-size: 95%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #EEE;
}
#sidebar .mainnav>ul>li>ul>li:last-child>a {
	border-bottom: 1px solid rgb(196, 196, 196);
	/* [disabled]background-color: #FFF; */
}
#sidebar .mainnav>ul>li>ul {
	display: none;
}
#sidebar .mainnav>ul>li>ul.open {
	display: block;
}
#contents {
	/* [disabled]float: left; */
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#contents .pageTitle {
	font-size: 140%;
	margin-bottom: 20px;
}

.alert {
	margin:4px;
	padding:4px;;
}
table.summary {
	width: 50%;
	margin-bottom:20px;
	font-size: 1.5em;
	line-height: 2em;
}
table.summary th {
	width: 30%;
	background-color:#f9f9f9;
}
table.summary td {
	text-align:center;
	background-color:#fff;
}
/* カテゴリなど選択中 */
div.selected {
	background-color:#ffe;
	border-radius: 6px;
	padding: 8px 15px;
	width: 75%;
	margin-bottom:20px;
}

/* 表組みの解説 */
table.matrix th{
	background-color:#f9f9f9;
	text-align:center;
}
.modBox01.flex .title {
    /* -webkit-appearance: button; */
    cursor: pointer;
    /* border-radius: 8px; */
    /* border: 1px solid #ddd; */
    background: #666;
}

/* custom */
.table th,.table td{
	padding-top:2px!important;
	padding-right:2px!important;
	padding-bottom:2px!important;
	line-height:18px!important;
	vertical-align:middle!important;
}
.modTbl01 th:nth-child(1),
.modTbl01 th:nth-child(4)
{
	width: 16%!important;
}
.modTbl01 th:nth-child(2),
.modTbl01 th:nth-child(5)
{
	width: 3em !important;
	text-align:center;
	padding-left:5px!important;
	padding-right:5px!important;
}
.modBox01.flex th {
	width: 16%!important;
	text-align: left;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
	margin-bottom: 0px!important;
	padding: 1px 3px!important;
	border-radius: 2px!important;
}
select {
	width: auto!important;
}
select, input[type="file"] {
	height: 24px!important;
}
.input-block-level {
	min-height: 24px!important;
}
input, textarea, .uneditable-input {
	width: 160px;
}
.btn {
	padding: 2px 10px!important;
	border-radius: 2px!important;
}
.btn-small {
	padding: 1px 8px!important;
}
.btn-large {
	padding: 6px 14px!important;
	border-radius: 3px!important;
}
.modBox01 .title {
	padding: 6px 12px!important;
}
.row-fluid .span2 {
	width: 12.5%!important;
}
.modBox01 .content {
	padding: 9px!important;
}
#sidebar .mainnav li a {
	padding-top: 5px!important;
	padding-bottom: 5px!important;
}
#contents {
	padding-top: 12px!important;
	padding-bottom: 12px!important;
}
#contents .pageTitle {
	margin-bottom: 10px!important;
}
label {
	margin-bottom:1px;
}

table.modTbl02 td,
table.modTbl02 th
{
	white-space: nowrap;
	/* text-align: center; */
}

table.modTbl02 th
{
	background-color: #F9F9F9;
	padding: 4px !important;
}

table.modTbl02 td
{
	padding: 2px !important;
}

table.modTbl03 td,
table.modTbl03 th
{
	border: 1px solid #dddddd;
}

table.modTbl03 th
{
	text-align: center;
	min-width: 6em !important;
	background-color: #F9F9F9;
	padding: 4px !important;
}

table.modTbl03 td
{
	text-align: right;
}

/* スクロールテーブル */
div.tablefix {
	overflow:auto;
}
div.tablefix th,
div.tablefix td
{
	white-space:nowrap;
}

.r {
	text-align:right;
}
.c {
	text-align:center;
}
.l {
	text-align:left;
}


.red {
	color:#ff0000 !important;
}

table.trHover tr:hover{
	background-color:#00ffff;
}

input[type=text].numeric {
	text-align:right !important;
}
/* side固定変更 */

#main{
	padding-left: calc(12.5vw + 2.564102564102564vw);
	margin-left: 0;
	width: 100%;
	float: none;
}

#side{
	float: none;
	position: fixed;
	left: 0;
	max-height: calc(100vh - 41px);
	overflow: auto;
}

.navbar-fixed-top, .navbar-fixed-bottom {
	@media (max-width: 979px){
		position: fixed;
	}
}

.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
	@media (max-width: 979px){
		padding: 0;
	}
}
.table.table-striped tr:hover>td,
.table.table-striped tr:hover>th {
	background-color:#cceeff !important;
}

tr.checked td {
	background-color:#eef !important;
}

div.sticky-40  {
	position: sticky;
	top: 40px;
	background-color: #f9f9f9;
	z-index:999;
	padding-bottom: 5px;
}