<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";



/*======================================================================================================================
========================================================================================================================

contents.css

各ページ用CSS

========================================================================================================================
======================================================================================================================*/



/* 共通パーツ
-------------------------------------------------------------------------------------------------------- */

/* 見出し
-------------------------------------- */

/* トップ見出し */
.ttl_head {
	color: #333333;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 22px;
	padding-bottom: 3px;
	border-bottom: 1px solid #cccccc;	
}
.ttl_head::after {
	content: "";
	display: block;
	border-bottom: 4px solid #004098;
	padding-top: 3px;
	margin-bottom: -7px;
	width: 150px;
}

/* ページメイン見出し */
.ttl_main {
	margin-bottom: 30px;
	padding-left: 30px;
	font-size: 32px;
	color: #333333;
	line-height: 1.1;
	background: url("../img/ttl_bg_main.svg") no-repeat;
	background-position: left center;
	background-size: 3.5%;
}

@media screen and (max-width: 768px) {
	.ttl_main {
		padding-left: 7.5vw;
		background: url("../img/ttl_bg_main.svg") no-repeat;
		background-size: 6vw;
	}
}

/* 中見出し */
.ttl_mid {
	font-size: 20px;
	margin-bottom: 15px;
	padding: 0px 0px 0px 10px;
	background:  url("../img/bg_sttl.gif") left center no-repeat;
	line-height:1.3em;
	color: #02649c;
}
.ttl_mid span {
	font-size: 15px;
}

/* 小見出し */
.ttl_s {
	background: url("../img/bg_h3.gif") no-repeat left top 6px;
	padding-left: 20px;
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 10px;
}



/* ボックス
-------------------------------------- */

/* グレーラインボックス */
.box_line_gray {
	background: url("../img/bg_box_line_graqy.gif") left top repeat;
	padding: 5px;
}
.box_line_gray .inner {
	background: #FFFFFF;
	padding: 15px;
}
/* グレーボックス */
.box_gray {
	background: #ededed;
	padding: 10px;
}
/* 青ボックス */
.box_blue {
	background: #f5f9fa;
	padding: 10px;
}

/* 青 太枠ボックス */
.box_blue_line {
	background: #f6fafb;
	padding: 20px;
	border: 2px solid #e1edf1;
}

/* グレーボックス ラインドット */
.box_gray_line_dot {
	background: #F5F7F3;
	border: 1px dotted #CCCCCC;
	padding: 8px 10px;
}

/* 個人情報保護方針 */
.box_privacy {
	height: 250px;
	overflow: auto;
	padding: 20px;
	border: solid 1px #DDDDDD;
}

.box_privacy::-webkit-scrollbar{height:8px; z-index: 1000!important;}
.box_privacy::-webkit-scrollbar-track{background:#f6f6f6;z-index: 1000!important;}
.box_privacy::-webkit-scrollbar-thumb{background:#ddd;z-index: 1000!important;}

.box_privacy li{
    margin-bottom: 30px;
}

/* テーブル
-------------------------------------- */

/* 青ラインテーブル */
.table_blue {
	border-collapse: collapse;
	font-size: 14px;
}
.table_blue td {
	padding: 8px;
	border: 1px solid #c0dae3;
	vertical-align: top;
}
.table_blue td.head {
	background: #eaf6fb;
}
.table_blue td.mid {
	background: #f6fafb;
}

/* 横スクロールテーブル（折り返し禁止なし） */
@media screen and (max-width: 768px) {
	.table_scroll table {
		width: 150%;
		/*white-space: nowrap;*/ /*tableのセル内にある文字の折り返しを禁止。ただしこれを入れると長い文章が一行になるので見づらい*/
	}
	.table_scroll {
		overflow: auto; /*tableをスクロールさせる*/
	}
	/* スクロールバー表示 */
	.table_scroll::-webkit-scrollbar {
		height: 10px;
	}
	.table_scroll::-webkit-scrollbar-thumb {
		background: #999;
		border-radius: 5px;
	}
	.table_scroll::-webkit-scrollbar-track-piece {
		background: #efefef;
	}
	/* スクロールを促す文 */
	.table_scroll:before {
		content: "※表は横にスクロールできます";
		color: #CC0000;
	}
	/* Mobile Safariのみフォントが大きくなるのを回避 */
	.table_scroll table td {
		-webkit-text-size-adjust: 100%;
	}
}


/* 横スクロールテーブル（折り返し禁止あり） */
@media screen and (max-width: 768px) {
	.table_scroll_nw table {
		width: 100%;
		white-space: nowrap; /*tableのセル内にある文字の折り返しを禁止。*/
	}
	.table_scroll_nw {
		overflow: auto; /*tableをスクロールさせる*/
	}
	/* スクロールバー表示 */
	.table_scroll_nw::-webkit-scrollbar {
		height: 10px;
	}
	.table_scroll_nw::-webkit-scrollbar-thumb {
		background: #999;
		border-radius: 5px;
	}
	.table_scroll_nw::-webkit-scrollbar-track-piece {
		background: #efefef;
	}
	/* スクロールを促す文 */
	.table_scroll_nw:before {
		content: "※表は横にスクロールできます";
		color: #CC0000;
	}
	/* Mobile Safariのみフォントが大きくなるのを回避 */
	.table_scroll_nw table td {
		-webkit-text-size-adjust: 100%;
	}
}



/* ボタン
-------------------------------------- */

/* 拡大ボタン */
.btn_zoom {
	position: absolute;
	padding: 2px 8px;
	border-radius: 20px;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-size: 10.5px;
	letter-spacing: 1px;
	right: 5px;
	bottom: 5px;
}

/* アイコン
-------------------------------------- */
/*外部リンク*/
a.external {
	position: relative;
	margin-right: 22px;
	padding: 2px 0;
	white-space: nowrap
}
a.external:before {
	position: absolute;
	content: '\f08e';
	font-family: FontAwesome;
	font-size: 14px;
	top: -2px;
	right: -20px;
}

/* トップページ
-------------------------------------------------------------------------------------------------------- */

/* メインイメージ
-------------------------------------- */
#index_img_main {
	width: 100%;
	/*height: 294px;*/
	height: auto;
	margin-bottom: 40px;
	/*border-bottom: 3px solid #00a0e9;*/
	position: relative;
}
#index_img_main .inner_img {
	width: 100%;
	height: 294px;
	border-bottom: 3px solid #00a0e9;
}
#index_img_main .inner_img h1 {
	width: 100%;
	height: 294px;
	position: relative;
	overflow: hidden;
}
#index_img_main .inner_img h1 img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

/* 申し込みボタン */
#index_img_main .box_btn {
	width: 460px;
	margin-left: -445px;
	position: absolute;
	top: 240px;
	left: 50%;
}
#index_img_main .box_btn02 {
	width: 280px;
	margin-left: -352px;
	position: absolute;
	bottom: 54px;
	left: 50%;
}
#index_img_main .btn_reg,
#index_img_main .btn_reg:visited,
#index_img_main .btn_seminar,
#index_img_main .btn_seminar:visited {
	display: inline-block;
	width: 200px;
	height: auto;
	padding: 10px 0;
	margin: 0 10px;
	border-radius: 5px;
	background: #32b16c;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	box-shadow: 0px 0px 8px rgba(107,107,107,0.7);
}
#index_img_main .btn_seminar,
#index_img_main .btn_seminar:visited {
	background: #ec6941;
}
#index_img_main .btn_reg:hover,
#index_img_main .btn_seminar:hover {
		box-shadow: none;
}
#index_img_main .btn_seminar,
#index_img_main .btn_seminar:visited {
	background: #ec6941;
}
#index_img_main .btn_reg:hover,
#index_img_main .btn_seminar:hover {
		box-shadow: none;
}
#index_img_main .btn_result,
#index_img_main .btn_result:visited {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 18px 0;
	border-radius: 5px;
	background: #004098;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: .8px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	box-shadow: 0px 0px 8px rgba(80,80,80,0.7);
	transition: .3s;
}
#index_img_main .btn_result:hover {
		box-shadow: none;
}
@media screen and (max-width: 768px) {
	#index_img_main {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	#index_img_main .inner_img {
		width: 100%;
		height: auto;
		border-bottom: 3px solid #00a0e9;
	}
	#index_img_main .inner_img h1 {
		width: 100%;
		height: 29vw;
		position: relative;
		overflow: hidden;
	}
	#index_img_main .inner_img h1 img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		height: auto;
		width: 200%;
	}
	#index_img_main .box_btn ,
	#index_img_main .box_btn02 {
		width: 90%;
		margin: 20px auto;
		position: relative;
		top: 0;
		left: 0;
	}
	#index_img_main .btn_reg,
	#index_img_main .btn_reg:visited,
	#index_img_main .btn_seminar,
	#index_img_main .btn_seminar:visited,
	#index_img_main .btn_result,
	#index_img_main .btn_result:visited{
		display: block;
		width: auto;
		height: auto;
		padding: 10px 0;
		margin: 10px 0;
	}
}



/* 新着情報
-------------------------------------- */
/*結果報告*/
.area_v_report {
	margin-bottom: 20px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
}

.box_news {
	width: 100%;
	/*height: 200px;*/
	/*overflow: auto;*/ /* 疑似iframe 使うならコメントアウト解除 */
}
.box_news dt {
	float: left;
	clear: left;
	width: 7.5em; 
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.box_news dd {
	padding-bottom: 10px;
	padding-left: 8em;
	margin-bottom: 10px;
	border-bottom: 1px dotted #DADADA;
}

/* PKOBOニュース用 */
.catName{
	display:inline-block;
	padding:3px 8px;
	border:1px solid #ccc;
	border-radius:6px;
	font-size:11px;
	line-height:100%;
	margin:0 2px;
}
.newMark {
	display: inline-block;
	padding: 1px 4px;
	font-size: 11px;
	line-height: 100%;
	border: 1px solid #CC0000;
	color: #CC0000;
	font-style: normal;
}
@media screen and (max-width:768px) {
	.area_v_report table {
		width: 100%;
	}
}


/* サブエリアバナー
-------------------------------------- */
.bnr_area {
}

/* 来場者事前登録等ボタン */
.bnr_area .btn {
	border: 1px solid #00a1e9;
	background: #FFFFFF;
	display: table-cell;
	box-sizing: border-box;
	width: 240px;
	height: 60px;
	padding-left: 83px;
	vertical-align: middle;
	/*text-align: center;*/
	line-height: 0;
	text-decoration: none;
	color: #00a1e9;
	font-weight: bold;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.bnr_area .btn.icon_pen {
	background: url("../img/icon_pen.svg") no-repeat;
	background-size: 19%;
	background-position: 27px center;
}
.bnr_area .btn.icon_board {
	background: url("../img/icon_board.svg") no-repeat;
	background-size: 14%;
	background-position: 31px center;
}
.bnr_area .btn.icon_admin {
	background: url("../img/icon_admin.svg") no-repeat;
	background-size: 16%;
	background-position: 31px center;
}
.bnr_area .btn.icon_group {
	background: url("../img/icon_group.svg") no-repeat;
	background-size: 21%;
	background-position: 25px center;
}
.bnr_area .btn.icon_mic {
	background: url("../img/icon_mic.svg") no-repeat;
	background-size: 13%;
	background-position: 36px center;
}

.bnr_area .btn:hover {
	background-color: #ddf3fc;
}
.bnr_area .btn:visited {
	text-decoration: none;
}

@media screen and (max-width:768px) {
	.bnr_area .btn {
		border: 1px solid #00a1e9;
		background: #FFFFFF;
		display: block;
		box-sizing: border-box;
		width: 100%;
		height: auto;
		padding: 24px 0 24px 20vw;
		line-height: 1;
	}
	.bnr_area .btn.icon_pen {
		background-size: 10vw;
	}
	.bnr_area .btn.icon_board {
		background-size: 10vw;
	}
	.bnr_area .btn.icon_admin {
		background-size: 10vw;
	}
	.bnr_area .btn.icon_group {
		background-size: 12vw;
	}
	.bnr_area .btn.icon_mic {
		background-size: 7vw;
	}
}



/* PDFボタン
-------------------------------------- */
.btn_pdf:link {
	border: 1px solid #CCCCCC;
	background:  #FFFFFF url("../img/icon_pdf.svg") no-repeat;
	background-size: 11%;
	background-position: 10px center;
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 24px 0 24px 80px;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	line-height: 1;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn_pdf:hover {
	background-color: #ffdede;
}
.btn_pdf:visited {
	text-decoration: none;
	border: 1px solid #CCCCCC;
	color: #333333;
}

@media screen and (max-width:768px) {
	.btn_pdf:link {
		background-size: 8vw;
		padding: 24px 0 24px 15vw;
	}
	
}



/* 開催概要
-------------------------------------------------------------------------------------------------------- */

ul.merit li {
	background: url("../img/bg_merit.gif") no-repeat left top 2px;
	padding-left: 25px;
	font-size: 14px;
	margin-bottom: 7px;
}



/* 出展料金
-------------------------------------------------------------------------------------------------------- */

.box_price {
	border: 1px solid #cccccc;
}
.box_price .price_ttl {
	background: #eeeeee;
	border-bottom: 1px solid #cccccc;
	padding: 5px 0 4px 10px;
	font-size: 14px;
	font-weight: bold;
}
.box_price .inner {
	padding: 10px;
}
.tbl_price {
	width: 100%;
	margin-bottom: 20px;
}
.tbl_price th, .tbl_price td{
	margin: 0;
	padding: 5px 0 5px 10px;
	border: none;
	border-bottom: 1px solid #dcdcdc;
}
.tbl_price th {
	width: 30%;
	min-width: 120px;
	background: #fafafa;
	color: #555;
	letter-spacing: .5px;
}
.img_price {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 20px;
}
.img_price&gt;div {
	position: relative;
	width: 46%;
	margin: 0 auto;
}
.img_price&gt;div img {
	width: 100%;
	border:1px solid #ddd !important;
	vertical-align: bottom;
	box-sizing: border-box;
}
.img_price&gt;div img.w55p {
	display: block;
	width: 55% !important;
	margin: 0 auto!important;
}



/* お問い合わせページ
-------------------------------------------------------------------------------------------------------- */

.contact_tel {
	border-color: #02649c;
	border-style: dotted;
	border-width: 1px 0 1px 0;
	padding:10px;
}
.contact_form {
	background-color: #f6fafb;
	background-image: url("../img/contact_bg_t.gif") ,url("../img/contact_bg_b.gif");
	background-position: top left, bottom left;
	background-repeat: repeat-x, repeat-x;
	padding: 20px;
}
.contact_mail img {
	vertical-align: middle;
}
body#bd_outline.ol_index {
	
}



/* スポンサーページ
-------------------------------------------------------------------------------------------------------- */

#sponsor #main img.img_01 {
	width: 60%;
}
#sponsor dl {
	overflow: hidden;
}
#sponsor dl dt {
	float: left;
	width: 85px;
	font-weight: bold;
}
#sponsor dl dd {
	float: left;
	width: calc(100% - 85px);
	margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
	#sponsor #main img.img_01 {
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	#sponsor dl dt,
	#sponsor dl dd {
		float: none;
	}
	#sponsor dl dd {
		width: 100%;
	}
}



/* プレスルームページ
-------------------------------------------------------------------------------------------------------- */

.pressroom_logo img {
	display:  inline-block;
	max-height: 120px;
}
.pressroom_logo img:nth-child(odd) {
	margin-right: 5px;
}
#presroom .pressroom_logo img {
	width: auto;
	margin: 0 auto;
}
#pressroom .icon_zip,
#download .icon_zip{
	display: inline-block;
	width: 30px;
	margin-right: 15px;
	vertical-align: middle;
}
@media screen and (max-width: 768px) {
	.pressroom_logo img {
		max-height: 100%;
	}
}



/* セミナーページ
-------------------------------------------------------------------------------------------------------- */
#seminar .ttl_head {
	margin-bottom: 40px;
}
#seminar dl {
	line-height: 1.5;
}
#seminar dt {
	font-weight: bold;
}
#seminar dd {
	margin-bottom: 10px;
}


/* タイムスケジュールテーブル
-------------------------------------- */
.table_schedule {
	border-collapse: collapse;
	font-size: 11px;
}
.table_schedule td {
	padding: 3px 5px;
	border: 1px solid #CCCCCC;
	vertical-align: top;
}
.table_schedule td.place {
	background: #DDDDDD;
	text-align: center;
	font-weight: bold;
}
.table_schedule td.time {
	background: #EEEEEE;
	text-align: right;
	font-weight: bold;
}
.table_schedule td.s1 {
	background: #eaeeff;
}
.table_schedule td.s2 {
	background: #eaffeb;
}
.table_schedule td.s3 {
	background: #fff8ea;
}
.table_schedule td.s4 {
	background: #ffedea;
}
.table_schedule td.s5 {
	background: #fbeaff;
}


/* セミナー詳細
-------------------------------------- */

.btn_t_table:link,
.btn_t_table:visited {
	display: inline-block;
	width: 29.5%;
	padding: 3px 5px;
	margin: 0px 10px 0 0;
	border-radius: 5px;
	background: #004098;
	font-size: 16px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}
.btn_t_table:hover {
	text-decoration: underline;
}


.box_seminar {
	overflow: hidden;
	margin-bottom: 50px;
}


/* カテゴリータイトル */
.ttl_seminar_cat {
	padding: 8px;
	margin-bottom: 20px;
	background: #DDDDDD;
	font-size: 18px;
}
.ttl_seminar_cat .icon_category {
	display: inline-block;
	padding: 3px 12px;
	margin-right: 10px;
	background: #6EAAFD;
	color: #FFFFFF;
}
.box_seminar.se1 .ttl_seminar_cat .icon_category { background: #6a81e4; }
.box_seminar.se2 .ttl_seminar_cat .icon_category { background: #5fd087; }
.box_seminar.se3 .ttl_seminar_cat .icon_category { background: #bd9f5f; }
.box_seminar.se4 .ttl_seminar_cat .icon_category { background: #ce705e; }
.box_seminar.se5 .ttl_seminar_cat .icon_category { background: #c388d0; }


/* テーブル */
.box_seminar table {
	border-collapse: collapse;
}
.box_seminar table td {
	padding: 3px 5px;
	border: 1px solid #CCCCCC;
	vertical-align: top;
}
.box_seminar .time {
	background: #EEEEEE;
	padding: 10px;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.box_seminar .time {
		width: 20%;
	}
}

/* 会場アイコン */
.box_seminar .time .icon_place {
	display: block;
	padding: 3px 5px;
	margin: 5px 0px;
	border-radius: 5px;
	background: #FFFFFF;
	font-size: 12px;
	text-align: center;
}
.box_seminar.se1 .time .icon_place { border: 1px solid #6a81e4; color: #6a81e4; }
.box_seminar.se2 .time .icon_place { border: 1px solid #5fd087; color: #5fd087; }
.box_seminar.se3 .time .icon_place { border: 1px solid #bd9f5f; color: #bd9f5f; }
.box_seminar.se4 .time .icon_place { border: 1px solid #ce705e; color: #ce705e; }
.box_seminar.se5 .time .icon_place { border: 1px solid #c388d0; color: #c388d0; }

/* 有料・無料アイコン */
.box_seminar .time .icon_fee {
	display: block;
	padding: 3px 12px;
	margin: 5px 0px;
	border-radius: 5px;
	background: #FFFFFF;
	font-size: 12px;
	text-align: center;
}
.box_seminar .time .icon_fee.free { border: 1px solid #999999; color: #999999; }
.box_seminar .time .icon_fee.charge { border: 1px solid #CC0000; color: #CC0000; }

/* 詳細セル */
.box_seminar .detail {
	width: 520px;
	padding: 10px;
}
@media screen and (max-width: 768px) {
	.box_seminar .detail {
		width: 80%;
		padding: 10px;
	}
}
.box_seminar .detail .ttl {
	padding: 10px;
	margin-bottom: 20px;
	
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.2;
}
.box_seminar.se1 .detail .ttl { background: #6a81e4; }
.box_seminar.se2 .detail .ttl { background: #5fd087; }
.box_seminar.se3 .detail .ttl { background: #bd9f5f; }
.box_seminar.se4 .detail .ttl { background: #ce705e; }
.box_seminar.se5 .detail .ttl { background: #c388d0; }

.box_seminar .detail .name {
	padding-left: 10px;
	margin-bottom: 15px;
	line-height: 1.4;
}
.box_seminar.se1 .detail .name { border-left: 3px solid #6a81e4; }
.box_seminar.se2 .detail .name { border-left: 3px solid #5fd087; }
.box_seminar.se3 .detail .name { border-left: 3px solid #bd9f5f; }
.box_seminar.se4 .detail .name { border-left: 3px solid #ce705e; }
.box_seminar.se5 .detail .name { border-left: 3px solid #c388d0; }

.box_seminar .detail .name_en {
	font-size:  85%;
	margin-bottom: 10px;
}

.img_detail {
	float: right;
	margin: 0 0 10px 10px;
}
@media screen and (max-width: 768px) {
	.img_detail {
		float: none !important;
		width: 50% !important;
		margin: 0 auto 20px !important;
	}
}

.btn_entry:link,
.btn_entry:visited {
	clear: both;
	display: block;
	width: auto;
	padding: 5px 0px;
	margin: 15px 0 10px 0;
	border-radius: 5px;
	border: 1px solid #69c8f1;
	background: #FFFFFF;
	
	font-weight: normal;
	color: #333333;
	text-align: center;
	text-decoration: none;
/*background: #69c8f1;
background: -moz-linear-gradient(top,  #69c8f1 0%, #03a2e9 100%);
background: -webkit-linear-gradient(top,  #69c8f1 0%,#03a2e9 100%);
background: linear-gradient(to bottom,  #69c8f1 0%,#03a2e9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69c8f1', endColorstr='#03a2e9',GradientType=0 );*/
}
.btn_entry:hover {
	background: #69c8f1;
	color: #FFFFFF;
}
	
</pre></body></html>