@charset "UTF-8";

/*********** bootstrap5.1 オーバライド start ***********/

/* containerのmax-width指定を変更*/
.container, .container-fluid, .container-lg, .container-md,
	.container-sm, .container-xl, .container-xxl {
	width: 100%;
	padding-right: var(- -bs-gutter-x, .75rem);
	padding-left: var(- -bs-gutter-x, .75rem);
	margin-right: auto;
	margin-left: auto
}
@media ( min-width :576px) {
	.container, .container-sm {
		max-width: 100%
	}
}
@media ( min-width :768px) {
	.container, .container-md, .container-sm {
		max-width: 100%
	}
}
@media ( min-width :992px) {
	.container, .container-lg, .container-md, .container-sm {
		max-width: 100%
	}
}
@media ( min-width :1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 100%
	}
}
@media ( min-width :1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl,
		.container-xxl {
		max-width: 100%
	}
}
/*********** bootstrap5.1 オーバライド end ***********/

/*********** bootstrap5.1 ボタン色作成 start ***********/
.btn-orange {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-orange:hover {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
}
.btn-check:focus + .btn-orange, .btn-orange:focus {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-check:checked + .btn-orange, .btn-check:active + .btn-orange, .btn-orange:active, .btn-orange.active, .show > .btn-orange.dropdown-toggle {
  color: #000;
  background-color: #3dd5f3;
  border-color: #25cff2;
}
.btn-check:checked + .btn-orange:focus, .btn-check:active + .btn-orange:focus, .btn-orange:active:focus, .btn-orange.active:focus, .show > .btn-orange.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-orange:disabled, .btn-orange.disabled {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}


/*********** bootstrap5.1 ボタン色作成 end ***********/
/* 必須色指定 */
.req{
	color:red;
}

/* 画面のサイズ指定 */
.display-size{
	min-width: 1200px;
	min-height:800px;
	max-width: 100%;
	max-height: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* width */
.width-20{
	width:20px !important;
}
.width-30{
	width:30px !important;
}
.width-40{
	width:40px !important;
}
.width-50{
	width:50px !important;
}
.width-60{
	width:60px !important;
}
.width-70{
	width:70px !important;
}
.width-80{
	width:80px !important;
}
.width-90{
	width:90px !important;
}
.width-100{
	width:100px !important;
}
.width-105{
	width:105px !important;
}
.width-110{
	width:110px !important;
}
.width-120{
	width:120px !important;
}
.width-140{
	width:140px !important;
}
.width-145{
	width:145px !important;
}
.width-150{
	width:150px !important;
}
.width-170{
	width:170px !important;
}
.width-180{
	width:180px !important;
}
.width-190{
	width:190px !important;
}
.width-200{
	width:200px !important;
}
.width-250{
	width:250px !important;
}
.width-260{
	width:260px !important;
}
.width-300{
	width:300px !important;
}
.width-345{
	width:345px !important;
}
.width-350{
	width:350px !important;
}
.width-400{
	width:400px !important;
}
.width-480{
	width:480px !important;
}
.width-1000{
	width:800px !important;
}

/* width % */
.w-1{ width:1%; }
.w-2{ width:2%; }
.w-3{ width:3%; }
.w-4{ width:4%; }
.w-5{ width:5%; }
.w-6{ width:6%; }
.w-7{ width:7%; }
.w-8{ width:8%; }
.w-9{ width:9%; }
.w-10{ width:10%; }
.w-11{ width:11%; }
.w-12{ width:12%; }
.w-13{ width:13%; }
.w-14{ width:14%; }
.w-15{ width:15%; }
.w-16{ width:16%; }
.w-17{ width:17%; }
.w-18{ width:18%; }
.w-19{ width:19%; }
.w-20{ width:20%; }
.w-21{ width:21%; }
.w-22{ width:22%; }
.w-23{ width:23%; }
.w-24{ width:24%; }
.w-25{ width:25%; }
.w-26{ width:26%; }
.w-27{ width:27%; }
.w-28{ width:28%; }
.w-29{ width:29%; }
.w-30{ width:30%; }
.w-31{ width:31%; }
.w-32{ width:32%; }
.w-33{ width:33%; }
.w-34{ width:34%; }
.w-35{ width:35%; }
.w-36{ width:36%; }
.w-37{ width:37%; }
.w-38{ width:38%; }
.w-39{ width:39%; }
.w-40{ width:40%; }
.w-41{ width:41%; }
.w-42{ width:42%; }
.w-43{ width:43%; }
.w-44{ width:44%; }
.w-45{ width:45%; }
.w-46{ width:46%; }
.w-47{ width:47%; }
.w-48{ width:48%; }
.w-49{ width:49%; }
.w-50{ width:50%; }
.w-51{ width:51%; }
.w-52{ width:52%; }
.w-53{ width:53%; }
.w-54{ width:54%; }
.w-55{ width:55%; }
.w-56{ width:56%; }
.w-57{ width:57%; }
.w-58{ width:58%; }
.w-59{ width:59%; }
.w-60{ width:60%; }
.w-61{ width:61%; }
.w-62{ width:62%; }
.w-63{ width:63%; }
.w-64{ width:64%; }
.w-65{ width:65%; }
.w-66{ width:66%; }
.w-67{ width:67%; }
.w-68{ width:68%; }
.w-69{ width:69%; }
.w-70{ width:70%; }
.w-71{ width:71%; }
.w-72{ width:72%; }
.w-73{ width:73%; }
.w-74{ width:74%; }
.w-75{ width:75%; }
.w-76{ width:76%; }
.w-77{ width:77%; }
.w-78{ width:78%; }
.w-79{ width:79%; }
.w-80{ width:80%; }
.w-81{ width:81%; }
.w-82{ width:82%; }
.w-83{ width:83%; }
.w-84{ width:84%; }
.w-85{ width:85%; }
.w-86{ width:86%; }
.w-87{ width:87%; }
.w-88{ width:88%; }
.w-89{ width:89%; }
.w-90{ width:90%; }
.w-91{ width:91%; }
.w-92{ width:92%; }
.w-93{ width:93%; }
.w-94{ width:94%; }
.w-95{ width:95%; }
.w-96{ width:96%; }
.w-97{ width:97%; }
.w-98{ width:98%; }
.w-99{ width:99%; }
.w-100{ width:100%; }

/* height */
.height-30{
	height:30px !important;
}
.height-550{
	height:550px !important;
}

/* スピンボタンの非表示 */
.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
	-moz-appearance:textfield;
}

/* load css */
.load-spin{
	z-index:999;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:silver;
	opacity:0.8;
	height:100%;
	width:100%;
	vertical-align: middle;
	text-align: center;
	display:none;
}

/* modal 大きさ*/
.modal-700{
	width:700px;
	max-width:700px;
}

/* menu関連 */
.mainMenu{
	margin: 0px;               /* メニューバー外側の余白(ゼロ) */
	padding: 0px 0px 0px 15px; /* メニューバー内側の余白(左に15px) */
}
.mainMenu a{
	text-decoration: none;
}
.mainMenu li{
	display: inline-block;  /* ★1:横並びに配置する */
	list-style-type: none;  /* ★2:リストの先頭記号を消す */
	position: relative;     /* ★3:サブメニュー表示の基準位置にする */
}
.mainMenu li ul li{
	list-style:none;
}
.mainMenu li ul{
	width:240px;
	display: none;       /* ★1:標準では非表示にする */
	margin: 0px;         /* ★2:サブメニュー外側の余白(ゼロ) */
	padding: 0px;        /* ★3:サブメニュー内側の余白(ゼロ) */
	position: absolute;  /* ★4:絶対配置にする */
	background-color: white;
	z-index: 1;
}
.mainMenu li:hover ul{
	margin-left: 20px;
	display:block;
	text-align: left;
}
/* mushroom css */
.text-click{
	color:#FF6600;
}
.fs-7{
	font-size: 0.9rem;
}
.top-header-bg-color{
	background-color:#EEEEEE
}
.breadcrumbs-bg-color{
	background-color: #CCCCFF;
}
.displayTitleRow{
	background-color: #CC99FF;
}
.displayTitle{
	color:white;
}
.non-underbar{
	text-decoration: none;
}
.related_model {
    font-size: 20px;
    text-align: left;
    text-indent: 20px;
    line-height: 31px;
    color: #660000;
    margin: 16px;
    padding: 0.5px;
    border-width: 0px 0px 1px 18px;
    border-style: solid;
    background: #FFFFFF;
}
#footerHr {
	height: 3px;
}
table.table-list tr:nth-child(2n) td {
  background-color: #E0E8E8 !important;
}
table.table-list tr:nth-child(2n+1) td {
  background-color: #F5F5F5 !important;
}
table th {
  text-align : center;
  vertical-align: middle;
  color : #000033;
  background-color: #C9E0EB !important;
  border: solid thin #7CA7CC !important;
}
table th.required {
  text-align : center;
  vertical-align: middle;
  color : #CC3333;
  background-color: #FFCC99 !important;
  border: solid thin #FF9900 !important;
}
table td {
  background-color: #F5F5F5 !important;
  border: solid thin #CCCCCC !important;
  word-break: break-all;
}
.button-field {
  text-align : center;  
  background-color: #6699FF !important;
  border: solid thin #6666FF !important;
}
.check-big {
  transform: scale(1.6);
}
.ws-bs {
	white-space: break-spaces;
}