@charset "UTF-8";

/*
======================================================================
全サイト共通設定
======================================================================
*/

body
{
	/*font-family:"ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;*/
	/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;*/
	font-size: 87.5%;
	line-height:1.2;
	letter-spacing:0.01em;
}
table
{
	font-size:inherit;
	empty-cells:show;

}

/*## takedaテスト修正 ##*/
h2 {
	line-height: 0.8;
}
/*####################*/

/*コンポーネント
----------------------------------------------------------------------*/
/*テキスト*/
div.readText p,
.readText
{
	padding-bottom:20px;
	line-height:1.6;
}
/*縦中央揃え*/
.vMiddle
{
	vertical-align:middle !important;
}
/*縦上揃え*/
.vTop
{
	vertical-align:top !important;
}
/*縦テキスト上揃え*/
.vTextTop
{
	vertical-align:text-top !important;
}

/*数値オーバー時の背景*/
.levelOver
{
	background-color: #fde7f1 !important;
}
.levelOverText
{
	color: #ff0000 !important;
}
/*数値アンダー時の背景*/
.levelUnder
{
	background-color: #e7f8fd !important;
}
.levelUnderText
{
	color: #0054ff !important;
}
/*チップス表示用*/
.tipsView
{
	border-bottom: #0000ff 1px dashed !important;
	color: #0000ff !important;
	cursor:pointer;

}
/*休日*/
.holiday
{
	/*color: #ff0000 !important;*/
	background-color: #fde7e7 !important;
}
/*土曜*/
.saturday
{
	/*color: #0054ff !important;*/
	background-color: #e7ecfd !important;
}
/*テキスト*/
.centerText
{
	text-align:center !important;
}
/*テキスト*/
.leftText
{
	text-align:left !important;
}
/*テキスト*/
.rightText
{
	text-align:right !important;
}
/*テキスト赤*/
.redText
{
	color:#ff0000;
}
.vMiddle
{
	vertical-align: middle;
}

/*フォントサイズ個別設定
----------------------------------------------------------------------*/
.fs130Per
{
	font-size:130% !important;
}
.fs110Per
{
	font-size:110% !important;
}

.fs120per
{
	font-size:120% !important;
}

.fs80per
{
	font-size:80% !important;
}

.fs12pt
{
	font-size:12pt !important;
}
.fs11pt
{
	font-size:11pt !important;
}
.fs10pt
{
	font-size:10pt !important;
}
.fs9pt
{
	font-size:9pt !important;
}
.fcBk
{
	color: #000000 !important;
}

.fwBld
{
	font-weight: bold !important;
}

.fwNml
{
	font-weight: normal !important;
}

/*背景色個別設定
----------------------------------------------------------------------*/

.bgYellow,
.bgYellow th,
.bgYellow td

{
	background: #fff8c8 !important;
}

.bgRed,
.bgRed th,
.bgRed td

{
	background: #f2dfdf !important;
}

.bgBlue,
.bgBlue th,
.bgBlue td
{
	background: #CBEFE8 !important;
}
.bgGrayBlue,
.bgGrayBlue th,
.bgGrayBlue td
{
	background: #e8eef5 !important;
}
.bgWhite,
.bgWhite th,
.bgWhite td

{
	background: #fff !important;
}
.bgLightGray,
.bgLightGray th,
.bgLightGray td
{
	background: #f7f7f7 !important;
}
.bgGray,
.bgGray th,
.bgGray td
{
	background: #e0e0e0 !important;
}


/*ボーダー個別設定
----------------------------------------------------------------------*/
.noBorderLeft
{
	border-left:0 !important;

}
.noBorderRight
{
	border-right:0 !important;
}
.noBorderTop
{
	border-top:0 !important;
}

.noBorderBottom
{
	border-bottom:0 !important;
}

/*フォーム
----------------------------------------------------------------------*/
textarea
{

	resize: none;
}

input
{
	line-height:1;
	vertical-align:middle;

}
input[type="password"]
{
	font-family: Verdana, sans-serif !important;
	font-size: 9pt !important;
}

select
{
	vertical-align:middle;
	font-size:14px;
}


label
{
	vertical-align:middle;

}



.inputText,
.inputTextR
{
	margin: 0px;
	height:30px;
	padding:0 2px;
	line-height:30px;
	letter-spacing:0.05em;
	border:1px solid #b9b9b9;
	background:#fff url("../img/input_bg.png") repeat-x;
	word-break:break-all;

}
.inputTextR
{
	text-align: right !important;
}
.inputTextArea
{
	margin: 0px;
	padding:5px 2px;
	letter-spacing:0.05em;
	border:1px solid #b9b9b9;
	background:#fff url("../img/input_bg.png") repeat-x;

}
.inputTextArea:disabled
{
	background: #dedede !important;
}
/* IE6以下は非対応
.inputText:focus
{
	border:1px solid #098fcc;
}
*/
.inputTextFocus
{
	border:1px solid #098fcc;

}
.inputText:disabled
{
	background-image:none !important;
	background-color:#dedede !important;
}
.inputTextDisabled
{
	background-image:none;
	background-color:#dedede;

}
.inputTextW25
{
	width: 21px;
}
.inputTextW50
{
	width: 46px;
}
.inputTextW75
{
	width: 71px;
}
.inputTextW100
{
	width: 96px;
}
.inputTextW125
{
	width: 121px;

}
.inputTextW150
{
	width: 146px;

}
.inputTextW175
{
	width: 171px;

}
.inputTextW200
{
	width: 196px;

}
.inputTextW225
{
	width: 221px;

}
.inputTextW250
{
	width: 246px;

}
.inputTextW275
{
	width: 271px;

}
.inputTextW300
{
	width: 296px;
}
.inputTextW325
{
	width: 321px;
}
.inputTextW350
{
	width: 346px;
}
.inputTextW375
{
	width: 371px;
}
.inputTextW400
{
	width: 396px;
}
.inputTextW450
{
	width: 446px;
}
.inputTextW500
{
	width: 496px;
}
.inputTextW550
{
	width: 546px;
}
.inputTextW600
{
	width: 596px;
}
.inputTextW655
{
	width: 651px;
}
.inputTextW100Per
{
	width: 98%;
}

.height30
{
	height: 30px;
}

.numInput
{
	text-align: right;
	ime-mode: disabled;
}

.inputNumber
{
	text-align:right;
}

.formNote
{
	display:inline-block;
	padding:5px 0 6px 10px;
	font-size:90%;
	vertical-align: middle;
}
.requiredMark
{
	color:#ff0000;
}

/*IMEオン*/
.imeActive{ime-mode: active;}
/*IMEオフ*/
.imeInactive{ime-mode: inactive;}
/*IME使用不可*/
.imeDisabled{ime-mode: disabled;}

.formGrayBox
{
	background:#eeeeee;
	padding:10px;
	text-align:center;
	border:1px solid #bababa;
}

.optionW100
{
	width:100px;
}

.optionW150
{
	width:150px;
}
.optionW200
{
	width:200px;
}
.optionW210
{
	width:210px;
}
.optionW220
{
	width:220px;
}
.optionW250
{
	width:250px;
}
.optionW300
{
	width:300px;
}
.optionW100Per
{
	width:100%;
}


/*マージン個別設定用
----------------------------------------------------------------------*/

.ml5{
	margin-left:5px !important;
}
.ml10{
	margin-left:10px !important;
}
.ml20{
	margin-left:20px !important;
}

.mb{
	margin-bottom:20px !important;
}
.mb5{
	margin-bottom:5px !important;
}
.mb10{
	margin-bottom:10px !important;
}
.mb20{
	margin-bottom:20px !important;
}

.mb0
{
	margin-bottom:0px !important;
}
.mbMinus
{
	margin-bottom:-20px !important;
}

.mt{
	margin-top:20px !important;
}
.mt5{
	margin-top:5px !important;
}
.mt10{
	margin-top:10px !important;
}
.mt0
{
	margin-top:0px !important;
}

.mr{
	margin-right:20px !important;
}
.mr5{
	margin-right:5px !important;
}
.mr10{
	margin-right:10px !important;
}
.mr0
{
	margin-right:0px !important;
}

.pb
{
	padding-bottom:20px !important;
}
.pb5
{
	padding-bottom:5px !important;
}
.pb10
{
	padding-bottom:10px !important;
}
.pb0
{
	padding-bottom:0 !important;
}

.pt
{
	padding-top:20px !important;
}
.pt5
{
	padding-top:5px !important;
}
.pt10
{
	padding-top:10px !important;
}

.pt0
{
	padding-top:0px !important;
}
.pd10
{
	padding: 10px !important;
}
.pl5
{
	padding-left:5px !important;
}
.pl10
{
	padding-left:10px !important;
}
.pl15
{
	padding-left:15px !important;
}

/*リンクカラー
----------------------------------------------------------------------*/
a { text-decoration:none; }
a:link { color: #14A196; }
a:visited { color: #14A196; }
a:hover { color: #14A196; text-decoration:underline; }
a:active { color: #14A196; }

/*フロート
----------------------------------------------------------------------*/
.flR
{
	float:right;
}
.flL
{
	float:left;
}
/*テキスト回りこみ解除
----------------------------------------------------------------------*/
.clrL { clear: left; }
.clrR { clear: right; }
.clrB { clear: both; }
.clrN { clear: none; }

/*フロート解除
----------------------------------------------------------------------*/
.wrapper
{
	overflow:hidden;
}
	div.wrapper:after { content: ".";clear: both;display: block;height: 0;line-height: 0;visibility: hidden;}
	* html .wrapper{ zoom:1;} /* IE6 */
	*:first-child+html .wrapper{zoom:1;} /* IE7 */

/*非表示
----------------------------------------------------------------------*/
.noneDisplay
{
	font-size:0;
	line-height:0;
	display:none !important;
}
/* HTMLタグ 不具合対策　2012/07/31 PHCMSC.Amagasa
----------------------------------------------------------------------*/
sub, sup{
	font-size:0.83em;
}
sub{
	vertical-align: text-bottom;
}
sup{
	vertical-align: text-top;
}

/* Firefox, Chromeでの位置調整 */
*>/**/sub { vertical-align: text-bottom; line-height: 6px; }
*>/**/sup { vertical-align: text-top; line-height: 6px; }

/* スマートフォン用フォントサイズ調整
----------------------------------------------------------------------*/
* {
-webkit-text-size-adjust:100%;
}

/* マウスポインター(2013/04/15 PHCJMSC.Amagasa 追加)
----------------------------------------------------------------------*/
.cursorDefault
{
	cursor:default;
}
.cursorAuto
{
	cursor:Auto;
}
.cursorPointer
{
	cursor:Pointer;
}
.cursortext
{
	cursor:text;
}
.cursorWait
{
	cursor:wait;
}
.cursorHelp
{
	cursor:help;
}

/* スクリーンメディアでは非表示 */
@media screen {
.noscreen { display: none; }
}

/* 印刷では非表示 */
@media print {
.noprint { display: none; }
}

/* bootstrap.css からのコピー（必要部分のみ）
----------------------------------------------------------------------*/
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.3);
/*  border-radius: 0.25rem;*/
  border-radius: 0.35rem;
}
/*
.card p {
	padding-bottom:0.1rem;
	padding-top:0.1rem;
}
*/
.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 0.8rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
/*
	padding: 0.7rem 0.8rem;
*/
  padding: 0.6rem 0.4rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

/*.card-header:first-child {*/
/*  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;*/
/*  border-radius: calc(0.1rem - 1px) calc(0.1rem - 1px) 0 0;*/
/*}*/

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

small,
.small {
  font-size: 90%;
  font-weight: 400;
}
.small2 {
  font-size: 80%;
  font-weight: 400;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 0rem;
/*  background-color: #fff;*/
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  padding-top: 0rem;
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  padding-bottom: 0rem;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.list-group-item + .list-group-item {
  border-top-width: 0;
}

.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-flush {
  border-radius: 0;
}

.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}

.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.close {
  float: right;
/*  font-size: 0.7rem;*/
  font-weight: normal;
  line-height: 1;
  color: #000;
/*  text-shadow: 0 1px 0 #fff;
  opacity: .5;*/
}

.close:hover {
  color: #000;
  text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: .75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}

a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-danger {
  color: #fff;
  background-color: #ff8237;
}

a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #ff8237;
}

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

/* add start 2020/06/01 PHC.Takeda*/
.fas, .far {
	color: #0e81c0;
}

.fab {
	color: #1624e0;
}

@keyframes blink {
	75% { opacity: 0.0; }
}

@-webkit-keyframes blink {
	75% { opacity: 0.0; }
}

span.badge-blink {
	animation: blink 1s step-end infinite;
	-webkit-animation: blink 1s step-end infinite;
}
/* add end*/

.pageTitleBar
{
	position: relative;
	height: 45px;
	border: 1px solid rgba(183, 183, 183, 1);
	border-top: 3px solid #00A196;

	/* background-color */
	background: -moz-linear-gradient(#ffffff 10%, #f7f7f7 98%, #ffffff 100% );
	background: -webkit-linear-gradient(#ffffff 10%, #f7f7f7 98%, #ffffff 100%);
	background: -ms-linear-gradient(#ffffff 10%, #f7f7f7 98%, #ffffff 100%);

}
.pageTitleBar::before
{
	content: "";
	position: absolute;
	top: 2px;
	border-top: 3px solid #57C1BA;
}

.pageTitleBar .title
{
/*	color: #00A196;*/
	color: #404040;
	display: inline-block;
	letter-spacing: 0.07em;
	text-shadow: 0.5px 0px 0.5px;
	font-size: 14pt;
	font-family: 'Meiryo UI', sans-serif;
	line-height: 40px;
	padding-left: 15px;
	vertical-align: middle;
}

.pageTitleBar h1#siteTitleOlympus
{
    width: 55%;
    display: inline-block;
    line-height: 42px;
    padding-left: 10px;
    vertical-align: bottom;
    font-size: 14pt;
	font-weight: normal;
}

.contentsTitleColorBar
{
	position: relative;
	width: 99.92%;
	height: 35px;
	margin-bottom: 15px;

	/* box-shadow */
	box-shadow: 0 5px 3px -3px #C7C7C7;
	-moz-box-shadow: 0 5px 3px -3px #C7C7C7;
	-webkit-box-shadow: 0 5px 3px -3px #C7C7C7;
	
	/* border-radius */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	/* background-color */
	background-color: #00A196;
}

/* 色付き背景タイトル*/
.contentsTitleColorBar::before
{
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	right: 3px;
	bottom: 3px;
	border: 1px solid #57C1BA;
}

.contentsTitleColorBar .title
{
	color: #FFFFFF !important;
	display: inline-block;
	letter-spacing: 0.07em;
	text-shadow: 0.5px 0px 0.5px;
	font-size: 10.5pt !important;
	font-family: 'Meiryo UI', sans-serif;
	line-height: 30px;
	vertical-align: middle;
	padding: inherit !important;
}

.contentsTitleColorBar .ring
{
	margin: 8px 7px 8px 10px;
	width: 12px;
	height: 12px;
	line-height: 24px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	background: transparent;
	border: 3px solid rgba(255, 255, 255, 1);
	color: #ffffff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.contentsTitleBar
{
	width: 99.92%;
	height: 35px;
	border: 1px solid rgba(183, 183, 183, 1);
	margin-bottom: 15px;

	/* box-shadow */
	box-shadow: 0 5px 3px -3px #C7C7C7;
	-moz-box-shadow: 0 5px 3px -3px #C7C7C7;
	-webkit-box-shadow: 0 5px 3px -3px #C7C7C7;
	
	/* border-radius */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	/* background-color */
	background: -moz-linear-gradient(#ffffff 10%, #f7f7f7 98%, #ffffff 100% );
	background: -webkit-linear-gradient(#ffffff 10%, #f7f7f7 98%, #ffffff 100%);
	background: -ms-linear-gradient(#ffffff 10%, #f7f7f7 98%, #ffffff 100%);

}

.contentsTitleBar .title
{
	color: #404040 !important;
	display: inline-block;
	letter-spacing: 0.07em;
	text-shadow: 0.5px 0px 0.5px;
	font-size: 10.5pt !important;
	font-family: 'Meiryo UI', sans-serif;
	line-height: 30px;
	vertical-align: middle !important;
	padding:inherit !important;
}

.contentsTitleBar .ring
{
	margin: 9px 7px 7px 10px;
	width: 11px;
	height: 11px;
	line-height: 24px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	background: transparent;
	border: 3px solid rgba(0, 161, 150, 1);
	color: #ffffff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}