/*
	クリエイトジャパン　相場表
	PC向け CX

	2025.12.01	MK	Y.Fujii
*/

.price_frame
{
	width:		100%;
}

.brand_table
{
	width:		95%;
}

.brand_name
{
	width:		15%;
}

.trade_date
{
	width:		15%;
}

.tsunagi_dlvm
{
	width:		20%;
}

/* つなぎ足のボタン */
.tsunagi_box
{
	width:				70px;
	font-size:			14px;
	text-align:		center;
	background:		#D3EAFF;
	border-width:		1px 1px 1px 1px;
	border-collapse:	collapse;
	border-color:		#666666;
	border-style:		solid;
	border-radius:		4px;
	cursor:			pointer;
}

/* データ日付 */
.data_date
{
	text-align:	right;
}

/* 相場表のテーブル */
.price_table
{
	width:		95%;
	border-width:		1px 1px 1px 1px;
	border-collapse:	collapse;
	border-color:		#333333;
	border-style:		solid;
	margin-bottom:		20px;
}

/* 相場表のヘッダ */
.tbl_head
{
	width:		10%;
	text-align:		center;
	background:		#666666;
	color:				#FFF;
	font-size:			16px;
	border-width:		0px 1px 0px 1px;
	border-collapse:	collapse;
	border-color:		#FFFFFF;
	border-style:		solid;
}

.tbl_head:first-child
{
	border-width:		0px 1px 0px 0px;
}

.tbl_head:last-child
{
	border-width:		0px 0px 0px 1px;
}

/* 相場表　奇数の行 */
.tbl_bgcolorodd
{
	color:				#625549;
	background:		#F2F2F2;
}

/* 相場表　偶数の行 */
.tbl_bgcoloreven
{
	color:				#625549;
	background:		#FFFFFF;
}

/* 相場表の中身 */
.tbl_cell
{
	padding-right:		10px;
	font-size:			16px;
	text-align:		right;
	border-width:		1px 1px 1px 1px;
	border-collapse:	collapse;
	border-color:		#333333;
	border-style:		solid;
}

.tbl_abcell
{
	padding-right:		10px;
	font-size:			16px;
	border-width:		1px 1px 1px 1px;
	border-collapse:	collapse;
	border-color:		#333333;
	border-style:		solid;
}

.tbl_abcellcenter
{
	text-align:		center;
	font-size:			10px;
/*	padding-top:		4px;*/
}

.tbl_abcellright
{
	text-align:		right;
	font-size:			16px;
}

/* 相場の通常の背景色 */
.tbl_cell_normal
{
	background:		#FFFFFF;
}

/* 最新値と出来高が更新された時の背景色 */
.tbl_cell_prcvolchange
{
	background:		#FEFE00;
	transition:		all 0.3s ease;
}

/* 前日比が0の時 */
.tbl_cell_chgzero
{
	color:				#000000;
}

/* 前日比がプラスの時の色 */
.tbl_cell_chgplus
{
	color:				#FF4E50;
}

/* 前日比が前回よりプラスになった時の背景色 */
.tbl_cell_chgpluschange
{
	background:		#FF4E50;
}

/* 前日比がマイナスの時の色 */
.tbl_cell_chgminus
{
	color:				#808CDF;
}

/* 前日比が前回よりマイナスになった時の背景色 */
.tbl_cell_chgminuschange
{
	color:				#FFFFFF;
	background:		#808CDF;
	transition:		all 0.3s ease;
}

/* 気配が前回よりプラスになった時の背景色 */
.tbl_abplusbg
{
	color:				#FFFFFF;
	background:		#FF0000;
	transition:		all 0.3s ease;
}

/* 気配が前回よりマイナスになった時の背景色 */
.tbl_abminusbg
{
	color:				#FFFFFF;
	background:		#8EA9DB;
	transition:		all 0.3s ease;
}



/* 限月 */
.tbl_celldlvm
{
	text-align:		center;
	font-size:			16px;
	border-width:		1px 1px 1px 1px;
	border-collapse:	collapse;
	border-color:		#333333;
	border-style:		solid;
	cursor:			pointer;
}

/* フッターテキスト */
.footer_text
{
	font-size:			14px;
	margin-bottom:		20px;
}

.notifi
{
	font-size:			14px;
	
}

.tooltip {
  position: relative; /* 親要素を基準に配置 */
  cursor: pointer;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 400px;
  background-color: #333;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%; /* 親要素の上に表示 */
  left: 430%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


/* ディスクレーマー */
.disc
{
	width:				400px;
	height:			200px;
	font-size:			14px;
}

.noDisp
{
	display:		none;
}