@charset "utf-8";

/* Table Of Contents
----------------------------------------

# Matrix Usage CSS
# gNav
# content
# clearfix
bg
----------------------------------------*/


/* # content
---------------------------------------------------------------------------- */

div#content {
	float: none;
	width: 960px;
}

/* h2 無効化

div#content h2 {
	background: url(../images/apply/bg_h_apply.gif) no-repeat left top;
	height: 60px;
	font-size: 160%;
	font-weight: bold;
	margin-bottom: 10px;
}
div#content h2 span {
	padding: 15px 20px;
	display: block;
}

----------------------------------------*/

div#content h3 {
	background: url(../images/apply/bg_mh_apply.gif) no-repeat left top;
	height: 40px;
	font-weight: bold;
	margin-bottom: 10px;
}
div#content h3 span {
	padding: 12px 20px;
	display: block;
}

div#content p {
	margin-bottom: 10px;
}

div#content p.subtTtle,
div#content h4 {
	color: #2e3c98;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0;
}




div#content table {
	border: 1px solid #CCC;
	margin: 0 auto 24px;
	width: 100%;
}

div#content table caption {
	font-size: 120%;
	text-align: center;
	font-weight: bold;
}

div#content table th,
div#content table td {
	border: 1px solid #CCC;
	padding: 6px 6px 4px;
}

div#content table thead th {
	background-color: #e5e7f5;
	font-weight: bold;
	text-align: center;
}

div#content table tbody th {
	background-color: #F3F3F3;
	font-weight: bold;
	width: 4em;
}

table td label {
	cursor: pointer;
}

table td p.title {
	color: #2e3c98;
	font-size: 120%;
	font-weight: bold;
	margin-top: 12px;
}

table td p.name {
	text-align: right;
}


div#content p.button {
	margin: 0 auto 50px;
	text-align: center;
}
div#content p.button input {
	margin: 0 6px;
}

	/* color1 */
	/* AF2026カラー */
	/* A1	Aトラック	#768eba */
	/* B1	Bトラック	#91ba78 */
	/* C1	Cトラック	#de7278 */
	/* S1	Sトラック	#2a83a2 */

	/* color2 薄色 */
	/* AF2026カラー */
	/* A2	Aトラック	#e4e8f1 */
	/* B2	Bトラック	#e9f1e4 */
	/* C2	Cトラック	#f8e3e4 */
	/* S2	Sトラック	#d4e6ec */

	/* ATF2026カラー */
	/* ロゴ		#330066 */
	/* 対面		#2f7e9b */
	/* Online	#663b93 */


:root {
  --Acolor1: #663b93;
  --Bcolor1: #663b93;
  --Ccolor1: #663b93;
  --Scolor1: #663b93;
  --Acolor2: #EDDEFF;
  --Bcolor2: #EDDEFF ;
  --Ccolor2: #EDDEFF;
  --Scolor2: #EDDEFF;
}

div#content table thead th.pr {
	background-color: #F3F3F3;
}
div#content table thead th.prA {
	/* Online	#663b93 */
	background-color: var(--Acolor1);
	color: #fff;
}
div#content table thead th.prB {
	/* Online	#663b93 */
	background-color: var(--Bcolor1);
	color: #fff;
}

div#content table thead th.prC {
	/* Online	#663b93 */
	background-color: var(--Ccolor1);
	color: #fff;
}

div#content table thead th.prS {
	/* ロゴ		#330066 */
	background-color: var(--Scolor1);
	color: #fff;
}


table td.prA,
table td.prB,
table td.prC,
table td.prS {
	background-color: #fff;
}

table td div.bg_A {
	/* Online	#663b93 */
	background-color: var(--Acolor1);
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding-left:5px;
}

table td div.bg_B {
	/* Online	#663b93 */
	background-color: var(--Bcolor1);
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding-left:5px;
}

table td div.bg_C {
	/* Online	#663b93 */
	background-color: var(--Ccolor1);
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding-left:5px;
}

table td div.bg_S {
	/* Online	#663b93 */
	background-color: var(--Scolor1);
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding-left: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
}

table td div.bg_AA {
	/* Online	#663b93 */
	background-color: var(--Acolor1);
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding:5px;
}

table td span.online {
	/* Online	#663b93 */
	background-color: : #fff;
	color: var(--Acolor1);
	border: 1px solid var(--Acolor1);
	padding:3px;
	font-weight: bold;
	text-align: center;
}


table td div.title_A {
	/* Online	#663b93 */
	color: var(--Acolor1);
	font-weight: bold;
	font-size: 120%;
	letter-spacing: -1px;
	text-align: left;
	padding: 5px 2px; 
}

table td div.title_B {
	/* Online	#663b93 */
	color: var(--Bcolor1);
	font-weight: bold;
	font-size: 120%;
	letter-spacing: -1px;
	text-align: left;
	padding: 5px 2px; 
}

table td div.title_C {
	/* Online	#663b93 */
	color: var(--Ccolor1);
	font-weight: bold;
	font-size: 120%;
	letter-spacing: -1px;
	text-align: left;
	padding: 5px 2px; 
}

table td div.title_S {
	/* Online	#663b93 */
	color: var(--Scolor1);
	font-weight: bold;
	font-size: 125%;
	text-align: left;
	padding: 5px 2px; 
}

table td span.title_online {
	/* Online	#663b93 */
	color: #ffffff;
	font-weight:bold;
	font-size:110%;
	text-align: left;
	padding: 5px; 
}



table td div.speaker {
	color: #242424;
	font-weight: bold;
/* 	font-size:115%; */
 	font-size:110%;
	letter-spacing: -1px;
	text-align: right;
	padding-right: 2px;

}

table td div.session_sum{
	color: #242424;
	padding: 5px 2px;
}


table td div.product_A {
	/* Online	#663b93 */
	color: var(--Acolor1);
	font-size: 100%;
	font-weight: bold;
}

table td div.product_B {
	/* Online	#663b93 */
	color: var(--Bcolor1);
	font-size: 100%;
	font-weight: bold;
}

table td div.product_C {
	/* Online	#663b93 */
	color: var(--Ccolor1);
	font-size: 100%;
	font-weight: bold;
}

table td div.product_S {
	/* Online	#663b93 */
	color: var(--Scolor1);
	font-size: 100%;
	font-weight: bold;
}

.prodlabel {
	/* Online	#663b93 */
	background-color: var(--Scolor1);
	color: #ffffff;
	padding:2px;
}


.title_online2 {
	/* Online	#663b93 */
	background-color: var(--Scolor1);
	color: #ffffff;
	font-weight:bold;
	font-size:110%;
	text-align: left;
	padding: 3px; 
}


table td span.tg_live {
	font-size:10px;
	border:1px #dddddd solid;
	background-color:#ff0000; 
	color:#ffffff; 
	padding:1px
}

table td span.tg_kadai {
	font-size:10px;
	border:1px #000000 solid;
	background-color:#e8e6e6; 
	color:#000000; 
	padding:1px
}

table td span.tg_industry {
	/* 業種業態　紺色　#213a70 */
	font-size:100%;
	font-weight:bold;
	border:1px #7494d6 solid;
	background-color:#ffffff; 
	color:#213a70; 
	padding:1px
}


.non-cell {
	padding:1px;
/*	background-color: #efefef; */
	background-color: var(--Acolor2);
	text-align: left;
}

/* 時間列 */
.time-series	{
text-align:center;
vertical-align:baseline;
font-size:120%;
font-weight:normal;
}

/* 表上 */
.head-line1	{
font-size:130%;
font-weight:bold;
text-align:center;
}

/* バック白 */
.back-white	{
	background-color:#ffffff; 
}

/* チェックボックスを大きくするための専用クラス */
.large-checkbox {
  transform: scale(1.5); /* 1.5倍の大きさに変更 */
  margin-right: 6px;    /* 右側の文字との隙間を調整 */
  position: relative;
  top: 3px;                /* 下に3ピクセル移動（微調整用） */
}

.online-code {
	background-color:#ffffff;
	border:1px solid #cccccc;
	padding:2px;
	color:#663b93;
}

.blue-but {
	font-size:110%;
	padding:5px;
	color:#ffffff;
	font-weight:bold;
	background-color:#1b3284;
	border:1px solid #1b3284;
}


.toEntryBUT {
	font-size:120%;
	padding:10px;
	background-color:#EDDEFF;
	border:3px solid #663b93;
}

.toEntry1 {
	border-collapse: collapse;
	text-align:center;
	padding:0.5em;
	background-color:#FFFFFF;
	border:2px solid #EDDEFF;
}

.toEntry2 {
	width:30%;
	color:#ffffff;
	font-size:140%;
	text-align:center;
	padding:1.5em;
	background-color:#663b93;
}

.but-table {
	border-collapse: collapse;
	text-align:center;
/*	padding:15px; */
	background-color:#F5EDFF;
	border-top:3px solid #EDDEFF;
	border-bottom:3px solid #EDDEFF;
	border-left:3px solid #EDDEFF;
	border-right:3px solid #EDDEFF;
}

/* すべてのセルに基本の線を引く */
.but-table td {
  padding: 15px;
}

/* 指定したセルだけ、下の線を「なし」にする */
.no-bottom {
  border-bottom: none;
}
.no-top {
  border-top: none;
  padding-top:8px;
}