@font-face {
	font-family: "ipaexg";
	src: url("/uketuke/javax.faces.resource/fonts/ipaexg.ttf.xhtml");
	font-weight: normal;
	font-style: normal;

}

root {
	font-family: "ipaexg" !important;
}

.main-body {
	font-family: "ipaexg" !important;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	text-size-adjust: none;
}

.ui-widget {
	font-family: "ipaexg" !important;
}

/* 全体的な余白 */
.layout-content {
	padding: 5px 5px !important;
	background: #ffffff;
}

/* ダイヤログの余白 */
body .ui-dialog .ui-dialog-content {
	padding: 0.5em 1em ! important;
}

/* IMEモードON */
.ime-mode-on {
	ime-mode: active !important;
}

/* IMEモードOFF */
.ime-mode-off {
	ime-mode: disabled !important;
}

/* 未読(ピンク) */
.ui-bg-highlight-true {
	background: pink !important;
}



/* 時計 */
.ui-top-date {
	font-size: 25px !important;
	color: #ffffff !important;
}

/* 時計 */
.ui-clock {
	border: initial !important;
	background: initial !important;
	font-size: 25px !important;
	color: #ffffff !important;
}

/* 数値入力（右寄せ） */
.ui-inputnumber {
	text-align: right;
}

/* 数値入力（右寄せ） */
.ui-inputnumber>input {
	text-align: right;
}

/* テキスト（中央） */
.text-align-center {
	text-align: center !important;
}

/* テキスト（右寄せ） */
.text-align-right {
	text-align: right !important;
}

.text-big {
	font-size: 32px !important;
}

.menban-highlight {
  background-image: -moz-linear-gradient(45deg, #eda495 0%, #eda495 25%, #ffffff 25%, #ffffff 50%, #eda495 50%, #eda495 75%, #ffffff 75%);
  background-image: -webkit-linear-gradient(45deg, #eda495 0%,#eda495 25%,#ffffff 25%,#ffffff 50%,#eda495 50%,#eda495 75%,#ffffff 75%);
  background-image: linear-gradient(45deg, #eda495 0%,#eda495 25%,#ffffff 25%,#ffffff 50%,#eda495 50%,#eda495 75%,#ffffff 75%);
  background-position: 0px 0px;
  background-size: 10px 10px;
}

/* 処理中ダイアログ中央 */
.statusDialog-center {
	left: initial !important;
	top: initial !important;
}

/* ファイルアップロード画面の全体レイアウト */
.ui-fileupload-content {
	overflow: auto;
	height: 300px;
	margin: 0px;
	background-position: center center !important;
	background-image:
		url(../../resources/crossfield/images/filedragdrop.png) !important;
	background-repeat: no-repeat !important;
}

/* ファイルアップロード画面の背景を白に */
.ui-fileupload-files {
	background-color: white;
}

/* DataTableのヘッダを表示しない */
.noHeader.ui-datatable table thead tr {
	display: none;
}

/* チャットメッセージを最大幅で */
.chat .chat-content .chat-message .message {
	width: initial !important;
}

/* チャット内のファイルリンクを黄色、下線無し */
.send {
	color: yellow !important;
	text-decoration: none !important;
}

/* チャットリンクを白、下線無し */
.chat .chat-content {
	padding-bottom: 5px !important;
}

.no-padding {
	padding: 5px 5px !important;
}

/* p:datePicker 祝祭日のカラー設定 */
.ui-datepicker-holiday {
	background-color: #ffe6ea; /* 背景色を設定 */
	color: #ff5353!important;
}

/* p:datePicker 日曜日のカラー設定 */
.ui-datepicker-sunday {
	background-color: rgb(255, 247, 248); /* 背景色を設定 */
	color: rgb(47, 47, 47)!important;
}

/* p:datePicker 土曜日のカラー設定 */
.ui-datepicker-saturday {
	background-color: rgb(244, 251, 255); /* 背景色を設定 */
	color: rgb(47, 47, 47)!important;
}

/* p:calendar 祝祭日のカラー設定 */
td.ui-datepicker-holiday a.ui-state-default {
	color: #f00 !important;
	font-weight:  bold !important;
}

/* p:calendar 日曜日のカラー設定 */
td.ui-datepicker-week-end:last-child a.ui-state-default {
	color: #f00 !important;
	font-weight:  bold !important;
}

/* p:calendar 土曜日のカラー設定 */
td.ui-datepicker-week-end a.ui-state-default {
	color: #00f !important;
	font-weight:  bold !important;
}

/* スケジュールの背景色 */
.event-red {
	background-color: #dd0000 !important;
}
/* スケジュールの背景色 */
.event-green {
	background-color: #018511 !important;
}

/* p:schedule 日曜日のカラー設定 */
td.fc-day-sun {
	background-color: #ffe6ea; /* 背景色を設定 */
}

/* p:schedule 土曜日のカラー設定 */
td.fc-day-sat {
	background-color: #e7f5fe; /* 背景色を設定 */
}


/*0910追加　　入力画面、NHK手続き選択チェックボタン　□⇒〇*/
.nhk_div_heading{
	font-size:24px;
	position:relative;
 	display:flex;
	justify-content:space-around;
	align-items:center;
	margin:0 auto;
	padding:10px 25px;
	color:#FFF;
	transition:0.3s ease-in-out;
	font-weight:900;
	background:#4169e1;
}

.nhk_div{
	padding:1rem 2rem;
	border:3px dotted #000;
}

.nhk_choiceheading{
	border-bottom:3px solid #4169e1;
	}

/*0906追加　　完了画面のHNK遷移ボタン*/
/* NHKGoButton設定  角丸で右に矢印をつけたボタン */

.NHKGoButton a  {
	font-size:16px;
 	position:relative;
 	display:flex;
	justify-content:space-around;
	align-items:center;
	margin:0 auto;
	max-width:330px;
	padding:10px 25px;
	color:#FFF;
	transition:0.3s ease-in-out;
	font-weight:600;
	background:#4169e1;
	border-radius:3px;
	border-radius:50px;
	text-decoration:none;
}

.NHKGoButton a:hover {
	transform:translateV(-2px);
	box-shadow:0 15px 30px -5px rgb(0 0 0 /15%),0 0 5px rgb(0 0 0 /10%);
}

.NHKGoButton a:after{
	content: ' ';
	width:10px;
	height:10px;
	border-top:3px solid #FFF;
	border-right:3px solid #FFF;
	transform: rotate(45deg) translateY(-50%);
	position:absolute;
	top:46%;
	right:20px;
	border-radius:1px;
	transition:0.3s ease-in-out;
}

.NHKGoButton a:hover:after{
	border-color:#FFF;
}

.nhk_kanryo{
	padding:1rem 2rem;
	border:3px solid #000;
}

.NHK_style{
 margin-left: 0.5rem;
  padding: 1px 2px;
  border-radius: 3px;
  font-size: 11px;
  color: #fff;
  }