body{
	background: #e0e0e0 url(../images/bg.gif) repeat 0 0 ;
}
a:not(.btn):not(.nav-link):not(.page-link) {
	text-decoration: underline;
}
a:not(.btn):not(.nav-link):not(.page-link):hover {
	text-decoration: none;
}

@media (max-width: 797px) {
	html {
		font-size: 85%;
	}
}
.container {
	background-color: #fff;
	border: 1px solid #aaa;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.no-header {
  padding-top: 1rem;
}
@media (min-width: 798px) {
  .container {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
  .container.no-header .edit,
  .container.no-header .Config {
    max-width: 960px;
  }
}
header {
	height: 100px;
	background-image: url(../images/logo_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	border-radius: 8px;
	background: linear-gradient(to right, #115C95, #1F689F);
	margin-bottom: 0.5rem;
}
header img.logo-img {
	margin-left: 3rem;
	margin-top: 10px;
}
@media (min-width: 798px) {
	header {
		background: linear-gradient(to right, #115C95, #3779AB);
	}
	header img.logo-img {
		margin-left: 0.2rem;
	}
	header .header-img  {
		background: #fff url(../images/logo_img.jpg) no-repeat right center;
		height: 100px;
		width: 380px;
		float: right;
	}
}
@media (min-width: 992px) {
	header img.logo-img {
		margin-left: 3rem;
	}
}

footer {
	font-size: 0.75rem;
	color: #aaa;
	text-align: right;
	margin: 4rem auto 0.5rem;
}
footer a {
	color: #aaa;
	text-decoration: underline;
}

.hello {
	font-size: 0.8rem;
	text-align: right;
	padding: 4px 0;
}
.accept {
	background-color: #ffa;
}
.grayout {
	color: #666;
	background-color: #e0e0e0;
}

/**
 * ナビゲーションバー
 */
.navbar {
	margin-bottom: 0.5rem;
}
.bg-nav {
	background-color: #136EAB !important;
}
a.bg-nav:hover, a.bg-nav:focus,
button.bg-nav:hover,
button.bg-nav:focus {
	background-color: #055A8E !important;
}
@media (min-width: 992px) {
	.navbar a.nav-link:hover,
	.navbar-dark .navbar-nav .active>.nav-link {
		background-color: #6C9BD2;
		border-radius: 6px;
	}
	.navbar-dark .navbar-nav .active>.nav-link {
		margin-left: 1px;
		margin-right: 1px;
	}
}
.nav-tabs {
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
}


/**
 * 見出し
 */
h2, .h2 {
	font-size: 1.5rem;
	color: #115C95;
	background-color: #eee;
	border-left: 8px solid #115C95;
	padding: 6px 8px 4px;
	margin-bottom: .5rem;
}
h3, .h3 {
	font-size: 1.1rem;
	color: #638C0B;
	border-bottom: solid 3px #AAC863;
	position: relative;
	margin-bottom: .5rem;
	padding-bottom: .25rem;
}
h3:after, .h3:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #638C0B;
	bottom: -3px;
	width: 8rem;
}
h4, .h4 {
	font-size: 1.25rem;
	background-color: #e0f0e0;
	padding: 0.75rem;
}

/**
 * フォーム
 */
body.edit .form-control,
body.Config .form-control {
	background-color: #fff;
}
body.edit .input-group-text {
}
body.edit .form-control.typed,
body.Config .form-control.typed {
	background-color: #fff !important;
}
.form-control::placeholder {
	color: #c0c0c0;
}
/* for IE */
.form-control:-ms-input-placeholder {
	color: #c0c0c0;
}
/* for Old Edge */
.form-control::-ms-input-placeholder {
	color: #c0c0c0;
}
.form-control-xs {
	height: calc(1em + 0.625rem + 2px) !important;
	padding: .125rem .25rem !important;
	font-size: .75rem !important;
	line-height: 1.5;
	border-radius: .2rem;
}
@media (max-width: 575px) {
	div.submit {
		display: inline-block !important;
	}
}
[class*="col-"] > .form-group {
	margin-bottom: 0;
}
dd[class*="col-"] dl {
	margin-bottom: 0;
}

.row.grid {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.grid-label {
	background-color: #E2EEC5;
	border-left: 4px solid #638C0B;
	border-bottom: 1px solid #D7E7AF;
	padding: 8px 8px;
	margin-top: 1px;
}

.grid-value {
	padding: 8px 8px;
	margin-top: 1px;
	border-bottom: 1px solid #eee;
}
.grid-input {
	padding: 1px 1px;
	margin-top: 1px;
}
.grid-input .checkbox,
.grid-input .radio {
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
}
.grid-input .checkbox {
	padding-left: 2rem;
}
.grid-input .radio {
	padding-left: 1rem;
}
/* 編集画面は基本黄色にする */
body.edit form .row:not(:last-child),
body.add  form .row:not(:last-child),
body.edit .grid-value,
body.add  .grid-value,
body.Config form .row:not(.button-area) {
	background-color: #f7ffdd;
}

.emergency .grid-label {
	background-color: #ffb366;
	border-color: #f60;
}
.emergency input {
	background-color: #fce2ba;
}
.accept-input {
	border-radius: .25rem;
	border: 2px dashed #17a2b8;
}


/**
 * コンテンツ
 */
section {
	margin-bottom: 2rem;
}
#showList a:not(.btn):focus {
	font-weight: bold;
}
.news-card {
	border-color: #638C0B;
	border-width: 2px;
}
.news-card .card-header {
	color: #638C0B;
	background-color: #F7FFDD;
}
.news-card .blockquote-footer {
	text-align: right;
}


/**
 * ボタン
 */
.btn-xs, .btn-group-xs > .btn {
	padding: 0.25rem 0.5rem;
	font-size: 0.75rem;
	line-height: 1.25;
	border-radius: 0.2rem;
}
.table-responsive .submit {
	text-align: center;
}
#BtnConfirmArea {
	display: none;
}

/**
 * テーブル
 */
.table-xs {
	font-size: 0.8rem;
}
.table-xs th, .table-xs td {
	padding: 0.2rem;
}
@media (max-width: 797px) {
	.table-xs {
		font-size: 0.9rem;
	}
}
@media screen and (max-width: 575px) {
	.table-responsive {
		border: 1px solid #eee;
	}
	.table-responsive::before {
		font-size: 12px;
		display: block;
		padding: 5px 5px 5px 15px;
		content: ‘表は左右にスクロールできます’;
		color: #999;
	}
	.table-responsive::-webkit-scrollbar {
		height: 5px;
	}
	.table-responsive::-webkit-scrollbar-track {
		border-radius: 5px;
		background: #eee;
	}

	.table-responsive::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #666;
	}
}
.table-responsive th {
	white-space: nowrap;
}
.table .thead-row th {
	color: #fff;
	background-color: #638C0B;
	border-color: #93B447;
	text-align: center;
	vertical-align: middle;
}
.table .thead-row a {
	color: #fff;
}
.table .thead-row .asc:after {
	content: "\f0de";
	font-family: "Font Awesome 5 Free";
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	margin-left: 2px;
}
.table .thead-row .desc:after {
	content: "\f0dd";
	font-family: "Font Awesome 5 Free";
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	margin-left: 2px;
}
.table-responsive .table {
	margin-bottom: 0;
}
.table-responsive {
	margin-bottom: 1rem;
}
.table-anken-list tr.stripeA {background-color: #fee;}
.table-anken-list tr.stripeB {background-color: #eef;}
.table-anken-list tr.accept {background-color: #FFF9B1;}
.table-anken-list .today_border {
	border-top: 2px solid #999;
}
.table-responsive input {
	min-width: 5rem;
}
.table-responsive input[data-toggle="datetimepicker"] {
	max-width: 5rem;
}
.table-responsive select {
	min-width: 6rem;
}
.applicant-width {
	min-width: 12rem;
	max-width: 16rem;
}


/**
 * ユーティリティ
 */
.must {
	font-size: 70%;
	color: #dc3545;
}
.text-sm {
	font-size: 0.875rem;
}
.text-xs {
	font-size: 0.7rem;
}
.w-auto {
	width: auto !important;
}
.form-group-mb0 .form-group {
	margin-bottom: 0;
}
.form-group-mt0 .form-group {
	margin-top: 0;
}
.badge-sm {
	height: calc(1.5em + .5rem + 2px);
	font-size: .875rem;
	padding: .25em .4em;
	line-height: 1.5;
	font-weight: normal;
}
.badge button.close {
	margin-top: -.25rem;
}

/**
 * ツールチップ
 */
[data-toggle="tooltip"]:not(.btn) {
	border-bottom: 1px dashed #666;
	cursor: help;
}
.tooltip .tooltip-inner {
	text-align: left;
}
.tooltip-inner {
	max-width: 350px;
}

/**
 * ファイルアップロード
 */
@media (min-width: 798px) and (max-width: 991px) {
#PatentfileList .row {
	font-size: 0.8rem;
}
}
#box {
	height: 8rem;
	width: 100%;
	padding: 10px;
	border: 2px dashed #888;
}
.drag-erea {
	min-height: 5rem;
	padding: 4px;
	border: 2px dashed #888;
	background: #fff;
	position: relative;
}
.drag-erea.drag{
	background: #f0f0f0;
}
.drag-erea:after {
	content: "※ここにファイルをドラッグできます";
	font-size: 0.85em;
	color: #a0a0a0;
	position: absolute;
	top: 70%;
}