@charset "utf-8";
/*//////////////////////////////
	bellfresh css
	--------------------------
	入力項目の操作
//////////////////////////////*/

input[type="text"]
{
	height: 28px;
}

input[type="button"]
{
	height: 40px;
	text-align: center;
	font-size: 100%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #a9c9cf;
	cursor: pointer;
	border: outset 2px #a9c9cf;
}

input[type="button"]:hover {
	background: #88b5d3;
}

input[type="button"]:active {
	background: #5885a3;
	border: inset 2px;
}

/* 新規登録ボタン共通 */
.NewEntryButton {
	float: right;
	height: 40px;
	width: 100px;
	background: #f0e68c !important;
}

.NewEntryButton:hover	{
	background:				#fef263 !important;
}

.NewEntryButton:active	{
	background:				#a0862c !important;
}


/* ツールバーボタン共通 */
#ToolBar #Buttons input[type="button"],
#LinkArea input[type="button"]
{
	background: #f9fff4;
	border: none;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

#LinkArea input[type="button"]
{
	background: #eee;
}


#ToolBar #Buttons input[type="button"]:hover,
#LinkArea input[type="button"]:hover
{
	border: solid 4px #ed6d46;
}

#LinkArea input[type="button"]:hover
{
	background: #fff;
}


#ToolBar #Buttons input[type="button"]:active,
#LinkArea input[type="button"]:active
{
	background: #ddd;
}


/* 削除ボタン */
.DeleteButton {
	background: #ed6d46 !important;
	border: outset 2px #ed6d46 !important;
}

.DeleteButton:hover	{
	background:				#fd7d56 !important;
}

.DeleteButton:active	{
	background:				#cd4d26 !important;
}



input[type=checkbox]
{
	width: 20px;
	height: 20px;
}


input[type="radio"]
{
	width: 20px;
	height: 20px;
	margin-left: 14px;
}

input[type="radio"]:first-child
{
	margin-left: 0px;
}


/*IMEの指定*/
.ime_auto{
	ime-mode: auto;
}
.ime_on{
	ime-mode: active;
}
.ime_sleep{
	ime-mode: inactive;
}
.ime_off{
	ime-mode: disabled;
}

/*ポインタの指定*/
.pointer
{
	cursor	:	pointer;
}

/*閲覧と編集*/
.YesEdit
{
	display			:	none;
}

/*削除行のため絶対非表示*/
.YesHide
{
	display			:	none;
}

/*SELECT入力*/
.TypeSelect
{
	width			:	150px;
	text-align		:	left;

}


/*SELECT入力*/
.TypeSelectShort
{
	text-align		:	left;

}

/*SELECT入力*/
.TypeSelectWide
{
	width			:	250px;
	text-align		:	left;

}

/*CD入力*/
.TypeCd
{
	ime-mode		:	disabled;
	width			:	120px;
	text-align		:	right;
}

/*CD入力*/
.TypeCdS
{
	ime-mode		:	disabled;
	width			:	60px;
	text-align		:	right;
}

/*日付入力*/
.TypeDate
{
	ime-mode		:	disabled;
	width			:	110px;
	text-align		:	right;
}

/*数字入力*/
.TypeNumber,
.TypeDecimal
{
	ime-mode		:	disabled;
	width			:	80px;
	text-align		:	right;
}

/*数字入力*/
.TypeNumberWide,
.TypeDecimalWide
{
	ime-mode		:	disabled;
	width			:	110px;
	text-align		:	right;
}

/*数字入力*/
.TypeNumberJobReceive,
.TypeDecimalJobReceive
{
	ime-mode		:	disabled;
	width			:	220px;
	text-align		:	right;
}

/*数字入力*/
.TypeNumberS,
.TypeDecimalS
{
	ime-mode		:	disabled;
	width			:	40px;
	text-align		:	right;
}

/*名称入力*/
.TypeNameJobReceive
{
	ime-mode		:	active;
	width			:	100px;
	text-align		:	left;
}

/*名称入力*/
.TypeName
{
	ime-mode		:	active;
	width			:	220px;
	text-align		:	left;
}

/*かな名称入力*/
.TypeKanaName
{
	ime-mode		:	active;
	width			:	220px;
	text-align		:	left;
}

/*名称入力*/
.TypeNameShort
{
	ime-mode		:	active;
	width			:	150px;
	text-align		:	left;

}

/*名称入力*/
.TypeNameWide
{
	ime-mode		:	active;
	width			:	470px;
	text-align		:	left;
	font-size		:	15px;
}

/*コメント入力*/
.TypeComment
{
	ime-mode		:	active;
	width			:	220px;
	text-align		:	left;

}

/*メールアドレス入力*/
.TypeMailAddress
{
	ime-mode		:	disabled;
	width			:	400px;
	text-align		:	left;

}

/*半角入力*/
.TypeHalf
{
	ime-mode		:	disabled;
	width			:	220px;
	text-align		:	left;

}

/*キーワード入力*/
.TypeKeyword
{
	ime-mode		:	active;
	width			:	930px;
	text-align		:	left;

}

/*備考入力*/
.TypeNote
{
	ime-mode		:	active;
	width			:	400px;
	height			:	200px;
	text-align		:	left;

}

/*行備考入力*/
.TypeLineNote
{
	ime-mode		:	active;
	width			:	280px;
	text-align		:	left;
}

/*備考入力*/
.TypeNoteShort
{
	ime-mode		:	active;
	width			:	400px;
	height			:	100px;
	text-align		:	left;

}

/*備考入力*/
.TypeNoteShort2
{
	ime-mode		:	active;
	width			:	400px;
	height			:	50px;
	text-align		:	left;

}

/*備考入力*/
.TypeNoteShort3
{
	ime-mode		:	active;
	width			:	400px;
	height			:	25px;
	text-align		:	left;

}

/*備考入力*/
.TypeNoteHigh
{
	ime-mode		:	active;
	width			:	400px;
	height			:	300px;
	text-align		:	left;

}

/*閲覧編集切り替え*/
.TypeSelectReadEdit
{
	width			:	100px;

}

/*アンカー*/
.TypeAnchor
{
	width			:	100px;
	font-size		:	16px;
	text-align		:	center;
}

/*カウンタ*/
.SpanCounter
{
	font-size		:	12px;
}

/* Input	 + テキスト */
.InputRight
{
	margin-right: 10px;
}

/*重複エラー*/
.DuplicationError
{
	color: #f00;
	display: none;
	font-weight: bold;
}

/*20220107_kobayashi
* 伸縮するテキストエリア
*/
.FlexTextarea {
  position: relative;
  font-size: 1rem;
/*  line-height: 1.8;*/
}

.FlexTextarea__dummy {
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
  padding: 5px 15px;
  min-height: 120px;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  border: 1px solid;
}

.FlexTextarea__textarea {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 2px 3px;
  width: 100%;
  height: 100%;
  text-align: left;
  background-color: transparent;
/*  border: 1px solid #b6c3c6;*/
  border-radius: 4px;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  resize: none;
}

.FlexTextarea__textarea:focus {
/*  box-shadow: 0 0 0 4px rgba(35, 167, 195, 0.3);*/
/*  outline: 0;*/
}