@charset "utf-8";
/* CSS Document */

/*----------------------------------------------
Set
----------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}

html, body { height:100%; }

body {
	width: 100%;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 14px;
}

img {
	border: none;
	vertical-align: middle;
}

.ccc {
	position: relative;
	float: left;
	height: 0px;
}

@media print {

}



* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.clea {
	clear: both;
}


/*----------------------------------------------
 basic class（全体共通の枠組み）
----------------------------------------------*/
.wrapper {
	margin: auto;
	width: 1000px;
	height: auto;
	clear: both;
}

.top {
	text-align: center;
	margin: auto;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: center bottom;
}
/* サイト名 */
.top:after {
	content: "";
	display: block;
	clear: both;
}

.top h1 {
	margin: auto;
	line-height: 100%;

}
.top img {
	border: none;
	height: auto;
	max-width: 100%;
	margin: auto;
	vertical-align: bottom;
}

.menu {
	margin: 0 auto;
	display: block;
}

.sentence {
	margin: auto;
	clear: both;
}
.sentence:after {
	content: "";
	display: block;
	clear: both
}


.end-sp {
	clear: both;
	margin: 0;
	padding: 0;
	height: 15px;
	font-size: 1px;
	line-height: 1px;
}
/*  */
.contents {
	margin: auto;
	max-width: 800px;
}


/*----------------------------------------------
 footer
----------------------------------------------*/
.footer {
	color: #FFFFFF;
	padding: 30px 0 30px 0;
	background-color: #555555;
	margin: 0;
	text-align: center;
	clear: both;
}

.footer .footer-con {

}

.copyright {

}

/* footerリンク */
.footer a{
	color: #FFFFFF !important;
	text-decoration: underline;
	}
	
.footer a:hover {
	color: #CCCCCC !important;
	text-decoration: none;
	}

.footer a:visited {
	color: #FFFFFF !important;
	text-decoration: underline;
	}

/*----------------------------------------------
 .ttl （タイトル設定）
----------------------------------------------*/
/* ページタイトル */
.ttl {
	color: #EA5098;
	font-size: 20px;
	text-align: left;
	margin-top: 3px;
	padding-top: 1%;
	font-weight: bold;
}
.online .ttl {
	color: #00b0ec !important}

/* 各項目タイトル（開催概要） */
.ttl-gaiyou-sub {
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bolder;
	font-size: 15px;
	padding: 10px 10px 0px 10px;
	text-align: center;
	clear: both;
	border-bottom: 1px dashed #1e2c59;
	margin-bottom: 8px;
	margin-top: 20px;
}

/* 各項目タイトル（合本・申込み・セミナー案内） */
.ttl-sub02 {
	color: #12317B;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bolder;
	font-size: 17px;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 5px;
	background-color: #E0E0E0;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-left: auto;
	border-bottom: 3px solid #BEBEBE;
	margin-right: auto;
	padding-left: 15px;
}

/*----------------------------------------------
Link
----------------------------------------------*/

a img {
border-style: none;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

h1 a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* リンク色(通常) */
a:link {
	color: #1D1D1D;
	text-decoration: underline;
}

/* リンク色(マウスオーバー時) */
a:hover {
	color: #565656;
	text-decoration: none;
}

/* リンク色(選択状態) */

a:active {
	color: #565656;
	text-decoration: underline;

	}

/* リンク色(訪問済) */
a:visited {
	color: #1D1D1D;
	text-decoration: underline;
}



/*----------------------------------------------
 text
----------------------------------------------*/
.txt-line {
	text-decoration: line-through;
}
.txt-s {
	font-size: 12px;
}
.txt-m {
	font-size: 11px;
}
.txt-70 {
	font-size: 70%;
}
.txt-80 {
	font-size: 80%;
}
.txt-90 {
	font-size: 90%;
}
.txt-tf {
	font-size: 91%;
}
.txt-ml {
	font-size: 110%;
}

.txt-l {
	font-size: 130%;
}
.text-red {
color:#FF0000;
	}
	
.text-red-bold {
	color: #FF0000;
	font-weight: bold;
	font-size: 13px;
	}	
.text-REDB {
	color: #FF0000;
	font-weight: bold;
	}	
	
.text-red-bold a:link {
color: #FF0000;
text-decoration: underline;
}
.text-red-bold a:visited {
color: #FF0000;
text-decoration: underline;
}
.text-red-bold a:hover {
color: #FF6D6D;
text-decoration: underline;
}
.text-red-bold a:active {
color:#FE69E4;
text-decoration: underline;
}
	
	

.text-small {
	font-size: 11px;
	font-weight: normal;
	}	
	
.text-bold {
	font-size: 14px;
	font-weight: bold;
	color: #002062;
}	

.text-bold2 {
	font-size: 17px;
	font-weight: bold;
	color: #000;
}	

.text-bold3 {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
}	

.text-bold4 {
font-size: 12px;
font-weight: bold;
color:#000;
}	

.text-under {
	text-decoration: underline;
	}
.txt-day {
	color: #000000;
}
.txt-black {
	color: #000000;
}
.txt-nomal {
	font-weight: normal;
}
/*----------------------------------------------
 参加申込締め切り
----------------------------------------------*/

.text-moushi {
	font-size: 15px;
	line-height: 1.5;
	font-weight: bold;
	color: #F00;
	padding: 5px;
	text-align: center;
}

/*----------------------------------------------
 会場案内
----------------------------------------------*/
.kaijyoumei {
	font-size: 130%;
	font-weight: bolder;
}

.kaijyoubasyokakomi {
	margin-left: auto;
	margin-bottom: 15px;
	margin-top: 10px;
	max-width: 400px;
	margin-right: auto;
}
.mapbody {
	margin: auto;
	max-width: 555px;
}
.mapbody a img {
	width: 100%;
}


/*----------------------------------------------
 注意事項
----------------------------------------------*/
/*各プログラム*/
.program-tyuui {
	margin: 20px 0px 25px 0px;
	padding: 9px;
	border: 3px double #FF0004;
	/* [disabled]display: none; */
	color: #FF0004;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	background-color: #FCFFD1;
}


.scrt {
	display: none;
}

/*----------------------------------------------
 字下げ
----------------------------------------------*/
.subtxt {
	font-size: 70%;
}
/*----------------------------------------------
 字上げ
----------------------------------------------*/
.suptxt {
	font-size: 60%;
	/* [disabled]vertical-align: top; */
}
sup {
	font-size: 50%;
	vertical-align: super;
}

/*カスタム検索 横余白なし*/
.cse .gsc-control-cse, .gsc-control-cse {
    padding: 1em 0em !important}


/* 縦メニューセッションアイコン */
.menu-isp, .menu-ia, .menu-ibc, .menu-id, .menu-ie, .menu-if, .menu-ig, .menu-icar {margin-right: 5px;}
.menu-isp {	background-color: #cda008;}
.menu-ia {	background-color: #0f31a4;}
.menu-ibc {	background-color: #fd0000;}
.menu-id {	background-color: #ff6600;}
.menu-ie {	background-color: #5f5a9c;}
.menu-if {	background-color: #f10162;}
.menu-ig {
	background-color: #00815b;
}
.menu-icar {
	background-color: #3d9a27;
}

/* 新型コロナウイルス感染防止への対応について リンク */
.disconCorona a {
	font-size: 25px;
	text-align: center;
	/* [disabled]border: 5px solid #FFE8C8; */
	margin-bottom: 25px;
	padding: 12px;
	color: #FFFFFF;
	border-radius: 12px;
	background-color: #FF7600;
	display: block;
}
.disconCorona a:hover {
	background-color: #FF8823;
}
/* オンライン配信利用規約 小項目 */
.tl {
	color: #0035A2;
	font-size: 15px;
	font-weight: bold;
}
.aisatsu {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left-color: #421349;
	border-right-color: #421349;
	border-left-style: solid;
	border-right-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
}
.aisatsu1 {
	padding: 2%;
	background-color: #FFFFFF;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	/* [disabled]margin-right: 1%; */
	font-size: 15px;
}
.aisatsu2 {
	float: left;
	width: 30%;
	display: none;
}
.aisatsu:after {
	content: "";
	display: block;
	clear: both
}

.tab_kaijyo {
	margin-bottom: 50px;

}
.tab_kaijyo th {}
.tab_kaijyo td {
	border: 5px solid #EA5098;
}
.online td {
	border: 5px solid #00b0ec}

.program {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	border-collapse: collapse;
	/* [disabled]width: 70%; */
}
.program th {
	background-color: #EA5098;
	padding: 8px;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
}
.online .program th {
	background-color: #00b0ec;
}
.program td {
	padding: 8px;
	border: 1px solid #B9B9B9;
}
.program .time{
	padding: 8px;
}
.program1 {}
.program2 {}
.koushi {
	padding-right: 30px;
}
.koushi:after {
	content: "";
	display: block;
	clear: both
}
.koushi1 {
	float: left;
	margin-right: 20px;
}
.koushi2 {
	float: right;
}
.gaiyou {
	padding: 10px;
	display: none;
}
.gaiyou:after {
	content: "";
	display: block;
	clear: both
}
.gaiyou1 {
	width: 50%;
	float: left;
}
.gaiyou2 {
	width: 50%;
	float: left;
}
.ryoukin {
	border-collapse: collapse;
}
.ryoukin th {
	background-color: #FFFEB1 !important;
	padding: 8px;
	border: 1px solid #000000;
	color: #000000;
}
.ryoukin td {
	padding: 8px;
	border: 1px solid #000000;
}
.order-button {
	clear: both;
	margin-top: 50px;
	margin-bottom: 50px;
}
.order-button a {
	background-color: #ff4000;
	color: #FFFFFF;
	border-radius: 13px;
	text-decoration: none;
	font-size: 22px;
	text-align: center;
	padding: 1.5%;
	margin: auto;
	font-weight: bold;
	width: 80%;
	display: block;
	text-shadow: 2px 2px 2px #600406;
}
.order-button a:hover {
	background-color: #FF602B;
}
.td-line-none {
	border: 0px none #FFFFFF !important}
	
/* ########### 359px以下 ########## */
@media (max-width: 359px) {

/* トグルボタン */
#menubtn {
	/* [disabled]top: 155px !important; */
}

/* サイト名 */
.site img {width: 225px;
height: auto;
}
/* ヘッダー画像にキャッチコピーを重ねる */
.catch {
	left: 2%;
	right:2%;
}
/* 連絡事項（HOME,お申込み） */
.notice {
	font-size: 20px;
}


}


/* ########### 767px以下 ########## */
@media (max-width: 767px) {

/* トグルボタン */
#menubtn {
	padding: 6px 12px;
	background-color: #001d2c;
	border: 1px solid #AAAAAA;
	cursor: pointer;
	width: 80px;
	font-size: 18px;
	color: #FFFFFF;
	display: block;
	position: fixed;
	top: 0px;
	right: 0px;
	font-family: "ＭＳ Ｐゴシック";
	z-index: auto;
}
#menubtn:hover {
	background-color: #546076;
}
#menubtn:focus {
	outline: none;
}
#menubtn i {
	color: #888888;
	font-size: 18px;
}
#menubtn span {
	font-size: 14px;
	vertical-align: 2px;
	font-family: Arial, Helvetica, sans-serif;
}

/* ナビゲーションメニュー（縦並び） */
#menu {
	display: none;
	position: fixed;
	right: 0px;
	top: 31px;
}

.menu ul {
	margin: 0;
	list-style-type: none;
	padding: 0 0;
	background-color: #001d2c;
}
.menu ul:after {
	content: "";
	display: block;
	clear: both
}
.menu li a {
	display: table-cell;
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: none;
	border: 1px dotted #006091;
	padding: 10px 7px 7px 7px !important;
	clear: both;
	height: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
}
.menu li a:hover {
	background-color: #546076;
}
	.menu ul li {
	display: table !important;
	width: 49% !important;
	height: auto;
	margin: 0 !important;
	padding: 0 !important;
	letter-spacing: 0.05em !important;
	float: left;
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	/* [disabled]border: 1px dotted #FFFFFF; */
	border-collapse: collapse;
	}
	.menu ul li:nth-child(even) {
	width: 49% !important;
	/* [disabled]border-left: 1px dotted #07668E; */
	}
.menu ul .sp:nth-last-child(-n+2) {
	/* [disabled]border-bottom: 1px dotted #006091 !important; */
}
/* 縦メニューでの改行非表示 */
.spmenutxt {
	display: none;
}
.section {
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 25px;
	padding-bottom: 25px;
}
.header-nav {
	position: absolute;
}

/* トップページ以外のページの横幅設定 */
.gaiyou-program, .gappon-program, .interview-program, .order-program, .past-program, .program-program, .sitemap-program, .sentence .program, .kouenkigyo {
	float: none;
	width: 100%;
}

/* HOME以外の左メニュー幅設定 */
.gaiyou-sentence .leftmenu, .gappon-sentence .leftmenu, .interview-sentence .leftmenu, .order-sentence .leftmenu, .past-sentence .leftmenu, .program-sentence .leftmenu, .sitemap-sentence .leftmenu {
	width: 100%;
	padding-top: 0px;
	clear: both;
	border-top: 5px solid #000000;
}
.sessionnavi{
	clear: both;
	margin: 0 auto;
	padding: 1%;
	text-align: center;
	display: none;
	}
.leftmenu .sessionnavi a {
	margin-bottom: 1px;
	display: block;
	float: left;
	/* [disabled]width: 50%; */
	max-width: 210px;
	margin-right: 1px;
}
.sessionnavi span {
	text-indent: -99999px;

	font-size: 0%;
}

/*----------------------------------------------
 .left_banner（左メニュー広告バナー（関連セミナー研修のご案内））
----------------------------------------------*/
.left_banner {
	clear: both;
	padding: 10px;
	background-color: #eff0f5;
	margin-bottom: -3%;
	text-align: center;
	margin-left: -1%;
	margin-right: -1%;
}
.left_banner a img{
	margin-bottom: 10px;
	max-width: 246px;
}
.left_banner h4 {
	color: #120F0F;
	border-left: 0px solid #B5B5B5;
	border-right: 0px solid #B5B5B5;
	border-bottom: 2px solid #B5B5B5;
	border-top: 0px solid #B5B5B5;
	text-align: center;
	padding: 3px;
	background-color: #eff0f5;
	margin-bottom: 10px;
	font-size: large;
}
/*----------------------------------------------
 .left_mypage（左メニュー参加者マイページ）
----------------------------------------------*/
.left_mypage {
	clear: both;
	padding: 10px;
	/* [disabled]background-color: #eff0f5; */
	margin-bottom: -3%;
	text-align: center;
	margin-left: -1%;
	margin-right: -1%;
}
.left_mypage a img{
	margin-bottom: 10px;
	max-width: 246px;
}

/* 携帯、タブレット版用にTECHNOFRONTIER展示会メニューの文字を100％に戻す */
.txt-tf {
	font-size: 100%;
}
}


/* ########### 861px以下 ########## */
@media (max-width: 861px) {
/* PC版三行の高さ調整 */
.menu-sangyo a {
	padding: 13px 0 10px 0;
	line-height: 100%;
	height: 20px;
}
/* PC版三行ボタンの高さ調整 */
.menu-sangyo a:hover {
	padding: 15px 0 8px 0;
}
}

/* ########### 768px以上 ########## */
@media (min-width: 768px) {

/* トグルボタン */
#menubtn {	display: none;}

/* トグルボタン（セッションA-car、SP非表示） */
#menu ul .sp {	display: none;}

/* ナビゲーション（横並び） */
#menu {
	display: block !important;
}
.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
}
.menu ul li a p {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	width: 100%;
}

.menu li a {
	display: block;
	color: #FFFFFF;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	border-bottom: 6px solid #3d7a6f;
	position: relative;
	min-height: 65px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.menu li a:hover {
	background-color: #344b8c;
	border-bottom: 6px solid #a3ccc4;
}
ul .menu-spot a {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #1c4f56;
}
ul .menu-spot a:hover {
	background-repeat: no-repeat;
	/* [disabled]margin-top: 2px; */
	background-color: #197480;
	border-bottom-color: #1E8A98;
}

.menu ul:after {
	content: "";
	display: block;
	clear: both
}
.menu li {
	float: left;
	width: 12.5%;
}

.header-nav {
	float: none;
	width: 100%;
	background-color: #1e2b59;
}


/* HOME以外の左メニュー幅設定 */
.gaiyou-sentence .leftmenu, .gappon-sentence .leftmenu, .interview-sentence .leftmenu, .order-sentence .leftmenu, .past-sentence .leftmenu, .program-sentence .leftmenu, .sitemap-sentence .leftmenu {
	clear: left;
	float: left;
	/*	width: 210px;*/
	width: 22%;
	padding-bottom: 10px;
	max-width: 210px;
}

}

/* ########### 1000px以上 ########## */
@media (min-width: 800px) {

.sentence {
	padding: 0px;
}


/* 全体の横幅を固定 */
.contents {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.footmenu {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.top h1 {
	width: 800px;
}
.menu {
	width: 800px;
}

/* ヘッダー*/ 
.header {
	padding-top: 2%;
}
/*----------------------------------------------
  .menu （メインメニュー）Button
----------------------------------------------*/
.header-nav{
	margin: 0 auto;
	width: 100%;
}

/* 新型コロナウイルス感染防止への対応について */
.disconCorona {
	display: none;
}


}

/* ########### 599px以下 ########## */
@media (max-width: 599px) {


/* ナビゲーション（横並び） */
.menu li a {
	padding: 10px 7px;
	font-size: 13px;
}
/*----------------------------------------------
 .ttl （タイトル設定）
----------------------------------------------*/
/* ページタイトル */
.ttl {
	font-size: 18px;
	margin-bottom: 10px;
}

}


/* ########### 490px以下 ########## */
@media (max-width: 490px) {
.menu ul li {
	height: 58px !important;
}

}
.SS {
	vertical-align: middle;
}