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

	2025.12.08	MK	Y.Fujii
*/

/* 値段テーブル */
#priceTable
{
	width:				100%;
	border-width:		1px 1px 1px 1px;
	border-collapse:	collapse;
	border-color:		#333333;
	border-style:		solid;
}

/* ヘッダ部分は太字にしない */
thead th
{
	font-weight:		normal;
}

/* ヘッダの設定 */
.priceHeaderTR
{
	background:		#666666;
	color:				#FFFFFF;
	font-size:			13px;
}

.priceHeader
{
	width:				19%;
	text-align:		center;
	border-width:		0px 1px 0px 1px;
	border-collapse:	collapse;
	border-color:		#FFFFFF;
	border-style:		solid;
}

/* ヘッダの最初 */
.priceHeader:first-child
{
	border-width:		0px 1px 0px 0px;
}

/* ヘッダの最後 */
.priceHeader:last-child
{
	border-width:		0px 0px 0px 1px;
}

/* 値段本体 */
.priceBodyTR
{
	background:		#FFFFFF;
	color:				#000000;
	font-size:			13px;
}

/* 奇数行 */
.priceBodyTR:nth-child(odd) td
{
	border-width:		0px 1px 0px 1px;
	border-collapse:	collapse;
	border-color:		#333333;
	border-style:		solid;
}

/* 奇数行の最初(限月) */
.priceBodyTR:nth-child(odd) td:first-child
{
	text-align:		center;
	border-width:		0px 1px 1px 1px;
	border-collapse:	collapse;
	border-color:		#333333;
	border-style:		solid;
}

/* 偶数行 */
.priceBodyTR:nth-child(even) td
{
	border-width:		0px 1px 1px 0px;
	border-collapse:	collapse;
	border-color:		#333333;
	border-style:		solid;
}

.priceBody
{
	text-align:		right;
	padding-right:		6px;
	font-size:			13px;
	vertical-align:	middle;
	height:			15px;
}

.dlvmBody
{
	text-align:		right;
	padding-right:		6px;
	font-size:			13px;
	vertical-align:	middle;
	height:			15px;
}

/* 全体の枠 */
#brand
{
	width:		100%;
	height:	30px;
}


/* 銘柄 */
#brd_select
{
	float:				left;
	width:				22%;
/*	height:			100%;*/
	margin-left:		8px;
	font-size:			13px;
}

.brand_select
{
	width:				100%;
}

.tsunagi_dlvm
{
	float:				left;
	width:		20%;
}

/* つなぎ足のボタン */
.tsunagi_box
{
	width:				36px;
	font-size:			9px;
	margin-top:		4px;
	margin-left:		4px;
	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;
}

/* 取引日付 */
.trade_date
{
	float:		left;
/*	width:		25%;*/
	font-size:	12px;
	margin-top:	2px;
	margin-left:	2px;
}

/* データ日付 */
.data_date
{
	float:			right;
	text-align:	right;
	font-size:	12px;
	margin-top:	2px;
}

/* 帳入値が入った時の気配値 */
.tbl_abcellcenter
{
	text-align:		center;
	padding-right:		0px;
}

/* 気配値の通常 */
.tbl_abcellright
{
	text-align:		right;
}

.tbl_cell
{
	padding-right:		6px;
	font-size:			13px;
	text-align:		right;
	border-width:		1px 1px 1px 1px;
	border-collapse:	collapse;
	border-color:		#333333;
	border-style:		solid;
}

/* 相場の通常の背景色 */
.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;
}

#pricearea
{
	clear:		both;
}