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

@media print {
    /* 紙媒体向けスタイル定義 */
    body { _zoom:60%; -webkit-print-color-adjust:exact; }
  }

.clfix:before, .clfix:after	{ content:""; display:table; }
.clfix:after				{ clear:both; }
.clfix						{ zoom:1; } /* For IE 6/7 (trigger hasLayout) */

dl	{ margin:0; padding:0; }
dt	{ margin:0; padding:0; }
dd	{ margin:0; padding:0; }

#container {
	max-width: 1236px;
	width: 100%!important;
}
div#siteMain	{ max-width:1236px; width:100%; margin-left: 0;}
#siteMain #wrap .totop	{ float:right; font-size:90%; background:url(../images/icon_list_up.gif) no-repeat; background-position:left 50%; padding-left:10px; margin-bottom:10px; }

/* 共通要素 */

#siteMain #wrap	{ color:#333;}
/*#siteMain #wrap	a:link		{ color:#8d0d2e; text-decoration:underline; }
#siteMain #wrap	a:hover		{ color:#d5004c; text-decoration:underline; }
#siteMain #wrap	a:visited	{ color:#8d0d2e; text-decoration:underline; }*/

#siteMain #wrap ul	{ height: auto; margin: 5px 0 10px; padding: 0; }
#siteMain #wrap	.totop	{ float:right; font-size:90%; background:url(../images/icon_list_up.gif) no-repeat; background-position:left 50%; padding-left:10px; margin-bottom:10px; }

#siteMain #wrap .contents { overflow: hidden;}


/* ヘッダ */
#siteMain #wrap #featureHeader				{ margin-top: 5px; height: 60px; background: url(../images/bg_header.png) repeat-x left bottom }
#siteMain #wrap #featureHeader p				{ float: left; margin-right: 18px; }
#siteMain #wrap #featureHeader dl				{ float: left; width: 120px; height: auto;}
#siteMain #wrap #featureHeader dd				{ position: relative; }
#siteMain #wrap #featureHeader ul.place				{ display: none; position: absolute; top: 20px; width: 118px; height: auto; border: 1px solid #ccc; background: #fff; z-index: 999;}
#siteMain #wrap #featureHeader ul.place li				{ height: 23px; border-top: 1px dotted #ccc;}
#siteMain #wrap #featureHeader ul.place li:first-child				{ border-top: none;}
#siteMain #wrap #featureHeader ul.place li a				{ display: block; padding: 5px; width: 108px; height: 13px; color: #000;}
#siteMain #wrap #featureHeader ul.place li a:hover			{ background: #fffcd9; color: #ff265c;}
#siteMain #wrap #featureHeader .fMenu				{ float: right; margin: 15px 0;}
#siteMain #wrap #featureHeader .fMenu ul			{ overflow: hidden; height: auto; background: #fff; }
#siteMain #wrap #featureHeader .fMenu li			{ float: left; margin-right: 15px; }
#siteMain #wrap #featureHeader .fMenu li.last			{ margin-right: 0; }


/*#siteMain #wrap #contentsHeader				{ clear: both; max-width:1236px; width:100%; height:180px; margin-bottom:10px; padding:0; }
#siteMain #wrap #contentsHeader h1			{ max-width:1236px; width:100%; height:180px; font-size:0%; text-indent: 100%; white-space: nowrap; overflow: hidden}*/
#siteMain #wrap #contentsHeader	{ margin-top: 70px; }

#siteMain #wrap .contents .update {
	margin-right: 10px;
	text-align: right;
}

#siteMain #wrap .contents .attArea {
	margin: 20px auto;
	padding: 10px 20px;
	background: #fff7cc;
	border-radius: 20px;
}
#siteMain #wrap .contents .attArea li {
	margin-top: 10px;
}
#siteMain #wrap .contents .attArea li:first-child {
	margin-top: 0;
}

.tourInfo {
  width: 800px;
	margin: 0 auto;
  padding: 5px;
  color: #f22435;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  border: 4px solid #f22435;
  border-radius: 7px;
}

/*tourArea*/
.tourArea {
	margin: 20px auto;
}

.tourArea .tourtxt {
	margin: 0;
	text-align: right;
}

.tourArea .areaTab {
	display: flex;
	justify-content: center;
	overflow: hidden;
	margin: 20px auto;
}

.tourArea .areaTab li {
	margin-left: 4px;
	width: 100%;
	height: 48px;
	text-align: center;
	border-radius: 8px 8px 0 0;
}
.tourArea .areaTab li:first-child {
	margin-left: 0;
}
.tourArea .areaTab li.cur {
	padding-top: 8px;
}

.tourArea .areaTab li a {
	display: block;
	padding-top: 8px;
	width: 86px;
	height: 48px;
	text-decoration: none;
}
.tourArea .areaTab li a:hover {
	color: #fff;
}
.tourSchedule {
	padding: 10px;
	border-radius: 0 0 8px 8px;
}
.tourSchedule h2 {
	margin-bottom: 10px;
	padding: 10px 15px;
	font-size: 154%;
	font-weight: bold;
	color: #fff;
}

.monthTab {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}
.monthTab li {
	margin: 0 4px 4px 0;
	width: 73px;
	text-align: center;
}
/*.monthTab li.cur {
	margin-bottom: 0;
}*/

.monthTab li a {
	display: block;
	padding: 3px 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #333;
}
.monthTab li a span {
	font-size: 20px;
}

.tabsInner {
	padding: 10px;
	border-radius: 7px;
}

#siteMain #wrap .subAreaList {
	overflow: hidden;
	margin-bottom: 15px;
}

.subAreaList li {
	float: left;
	margin: 0 40px 10px 0;
	padding-left: 20px;
}

.subAreaList li a {
	font-weight: bold;
	color: #fff;
}

.subAreaList li a:hover {
	text-decoration: none;
	color: #ffffb3;
}

.tabsInner h3 {
	margin: 10px 0;
	padding: 10px;
	background: #fff;
	font-size: 123%;
	font-weight: bold;
	border-radius: 7px;
}

/*カレンダーテーブル*/
#tabs table {
	width:100%;
	border-collapse:collapse;
	background-color:#fff
}
#tabs th {
	padding: 5px;
	border:1px solid #6fdbb5;
	border-bottom: 2px solid #9bc6e9;
	border-bottom: none;
	background: #02a167;
	color: #fff;
}
#tabs td {
	padding:2px;
	border:1px solid #6fdbb5;
}
.list_tb, td.calsel, .cose_no, .calsel, .cose_no_midashi {
	text-align:center
}
.cose_discption, .course_tb02, .cose_no_midashi {
	background: #02a167;
	text-align: center;
	color: #fff;
}

/*  */
.tbl
{
	margin-bottom:10px; 
}
.cose_no_w
{
	width:95px;
}
.cose_name_w
{
  width:260px;
	padding: 10px;
}



/*カレンダー曜日別のカラーリング*/
#tabs .day {
	background-color:#fff;
}
#tabs .day_sat {
	background-color: #00c0c0!important;
  text-align: center;
  color: #fff;
  /*border-radius: 10px;*/
}
#tabs .day_holi {
  background-color: #ff7576!important;
  text-align: center;
  color: #fff;
  /*border-radius: 10px;*/
}
#tabs .day_gray {
	background-color: #CDCDCD;
}

/*footer*/

#tabimonoFooter { clear: both; overflow: hidden; margin: 5px 0; padding: 10px 15px 25px 15px; background: #efefef;}
#tabimonoFooter .footer_left { float: left; margin-right: 20px;}
#tabimonoFooter .footer_right { overflow: hidden; float: right; width: 815px;}
#tabimonoFooter .contentsList { overflow: hidden;}
#tabimonoFooter .contentsList h4 { margin-bottom :5px; font-weight: bold;}
#tabimonoFooter .contentsList ul { height: auto;}
#tabimonoFooter .contentsList li { line-height: 1.5;}
#tabimonoFooter .contentsList .col3Left { float: left; width: 290px;}
#tabimonoFooter .contentsList .col3Center { float: left; width:260px;}
#tabimonoFooter .contentsList .col3Right { float: right; width: 260px;}
#tabimonoFooter .contentsList .col3Center h4,
#tabimonoFooter .contentsList .col3Right h4 { margin-top: 35px;}
#tabimonoFooter .contentsList .col3Center ul,
#tabimonoFooter .contentsList .col3Right ul { padding-left: 0;}
#tabimonoFooter .contentsList a { text-decoration: none; color: #333;}
#tabimonoFooter .contentsList a:hover { text-decoration: underline;}
#tabimonoFooter .call { overflow: hidden; margin-top: 30px;}
#tabimonoFooter .call h4 { margin-bottom: 12px;}
#tabimonoFooter .call .callAb{ float: left; margin-right: 20px;}
#tabimonoFooter .call .callDom { float: left;}
#tabimonoFooter .call .callWide { float: left; margin-top:20px;}
#tabimonoFooter .call .fax { float: left; margin-top: 13px;}

#tabimonoFooter.chubu .call { margin-top: 10px;}
#tabimonoFooter.kansai .contentsList .col3Left { float: left; margin-right: 32px; width: 250px;}
#tabimonoFooter.kansai .contentsList .col3Center { float: left; width:250px;}
#tabimonoFooter.kansai .contentsList .col3Right { float: right; width: 250px;}
#tabimonoFooter.kansai h4 {margin-top: 10px;}
#tabimonoFooter.kansai .contentsList .col3Center h4,
#tabimonoFooter.kansai .contentsList .col3Right h4 { margin-top: 10px;}
#tabimonoFooter.kyushu .contentsList .col3Center h4,
#tabimonoFooter.kyushu .contentsList .col3Right h4 { margin-top: 0;}
#tabimonoFooter.chushikoku .contentsList .col3Left { float: left; width: 300px;}
#tabimonoFooter.chushikoku .contentsList .col3Center { float: left; width:250px;}
#tabimonoFooter.chushikoku .contentsList .col3Right { float: right; width: 250px;}
#tabimonoFooter.chushikoku .contentsList .col3Center h4,
#tabimonoFooter.chushikoku .contentsList .col3Right h4 { margin-top: 0;}
#tabimonoFooter.shutoken .contentsList .col3Left { float: left; width: 300px;}
#tabimonoFooter.shutoken .contentsList .col3Center { float: left; width:250px;}
#tabimonoFooter.shutoken .contentsList .col3Right { float: right; width: 250px;}
#tabimonoFooter.shutoken .contentsList .col3Center h4,
#tabimonoFooter.shutoken .contentsList .col3Right h4 { margin-top: 0;}
#tabimonoFooter.shutoken .contentsList .secondBtn { margin-top:20px !important; }
#tabimonoFooter.shutoken .call .txtBox { font-family:arial,helvetica,clean,sans-serif; display: flex; align-items: center; margin-bottom: 12px; }
#tabimonoFooter.shutoken .call .txtBox h4 { margin: 0; width: 162px; font-size: 18px; font-weight: bold; }
#tabimonoFooter.shutoken .call .txtBox .faq::before { content: ''; width: 18px; height: 18px; display: inline-block; background: url(../../common/images/icon_footerFaq.png)no-repeat; background-size: contain;}
#tabimonoFooter.shutoken .call .txtBox .faq a { font-size: 18px; font-weight: bold; text-decoration: none; color: #3545C1; line-height: 1;}
#tabimonoFooter.shutoken .call .txtBox .faqTxt { font-size: 13px;}
#tabimonoFooter.shutoken .call .txtBox .faqTxt a { font-weight: bold; color: #333;}
#tabimonoFooter.shutoken .call .txtBox p { margin: 0; padding-left: 5px;}


/*20231001 - atlas追記
==========================================*/
#MainContent_UpdatePanel1 {
	font-weight: bold;
}
.cose_name {
	padding: 5px 10px!important;
	font-size: 1.5rem;
	line-height: 1.5;
}
.noCourseTxt {
  padding: 20px!important;
}
.day_tb01 {
  background: #fff;
}
@media screen and (max-width: 767px) {
	div#siteMain {
		padding: 0 10px;
	}
	#siteMain #wrap #contentsHeader	{ 
		margin-top: 30px;
	}
	.tourArea .tourtxt {
		margin: 0;
	}
	.tourInfo {
		width: 100%;
		margin: 0 auto;
		padding: 8px 5px;
		font-size: 1.45rem;
		border: 3px solid #f22435;
	}
	.ui-tabs-panel {
		overflow-x: scroll;
	}
	.tourArea .areaTab {
		flex-wrap: wrap;
		padding: 0;
		background: 0;
	}
	.tourArea .areaTab li {
		width: 22%;
		margin-bottom: 5px;
	}
	.tourArea .areaTab li:first-child,
	.tourArea .areaTab li:nth-of-type(4n+1) {
		margin-left: 0;
	}
	.tourSchedule {
		margin: 0 auto;
	}
	.monthTab {
		justify-content: center;
	}
	
	/*table
	=================================*/
	.tabsInner h3 {
		margin-top: 5px;
		font-size: 1.9rem;
		text-align: center;
	}
	.tableWrap {
		overflow-x: auto;
		width: 100%;
	}
	#tabs table {
		width: 100%;
		white-space: nowrap;
	}
	#tabs th {
		position: sticky;
		top: -0.5px;
		font-size: 1.4rem;
		z-index: 2;
	}
	#tabs th::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#tabs tbody {
		display: block;
    max-height: 450px;
		overflow-y: auto;
	}
	#tabs td {
		padding: 5px;
	}
	.tableHeader_01 td {
		position: sticky;
		top: -1px;
		z-index: 2;
	}
	.tableHeader_01 td::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.tableHeader_02 td {
		position: sticky;
		top: 33px;
		border-bottom: none;
		z-index: 1;
	}
	.tableHeader_02 td::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.cose_name {
    white-space: normal;
		font-size: 1.3rem;
		line-height: 1.3;
	}
	.calsel {
		font-size: 1.4rem;
	}
	.tableAnnotation {
		text-align: center;
	}
	.noCourseTxt {
		padding: 20px 40px!important;
		text-align: left;
	}
}

/*pull-down selectLabel
==========================================*/
.selectdiv {
  position: relative;
  width: 240px;
  margin: 30px auto 120px;
}
.selectdiv:after {
  content: '▶';
  font: 2.8rem "Consolas", monospace;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 14px;
  top: 12px;
  padding: 0;
  border-bottom: 1px solid #999;
  position: absolute;
  pointer-events: none;
}
.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  max-width: 242px;
  height: 50px;
  float: right;
  margin: 5px 0px;
  padding: 0 40px 0 10px;
  font-size: 2.2rem;
  line-height: 1.5;
  color: #363636;
  background-color: #ffffff;
  background-image: none;
  border: 2.3px solid #333;
  font-weight: bold;
  -ms-word-break: normal;
  word-break: normal;
  border-radius: 10px;
  text-align: center;
	font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, Arial, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	cursor: pointer;
}
.selectdiv select:focus {
	outline: none;
}
option{
  background:#fff;
}
@media screen and (max-width: 767px) {
	.selectdiv:after {
		font: 2.3rem "Consolas", monospace;
		top: 17px;
	}
	.selectdiv select {
		font-size: 2rem;
	}
}

/*underBtn - toAbroad, toDomestic
==========================================*/
.spOnly {
  display: none;
}
.btn01 a {
  background-color: #456fd8;
  border: 6px solid #96a9d8;
}
.btn02 a {
  background-color: #4fbc7f;
  border: 6px solid #bce6b4;
}
.btn01 a, .btn02 a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  border-radius: 100px;
  position: relative;
  height: 80px;
  width: 670px;
  box-shadow: 0px 3px 3px #00000026;
  line-height: 1;
  padding: 5px 20px;
  margin: 60px auto 0;
	transition: all .3s;
}
.btn01 a .btn01_main {
  background: url(../images/cmn_icAb.png) no-repeat 0 50% / 38px auto;
}
.btn02 a .btn02_main {
  background: url(../images/cmn_icDom.png) no-repeat 0 50% / 38px auto;
}
.btn01 a .btn01_main, .btn02 a .btn02_main {
  font-size: 2.2rem;
  line-height: 2.0;
  padding-left: 50px;
}
.btn01 a::after, .btn02 a::after {
  content: '';
  width: 20px;
  height: 20px;
  border: 0;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -10px;
  transform: rotate(45deg);
}
@media screen and (min-width: 768px) {
	.btn01 a:hover, .btn02 a:hover {
		opacity: .7;
	}
}

@media screen and (max-width: 767px) {
	.pcOnly {
		display: none;
	}
	.spOnly {
		display: block;
	}
	.btn01, .btn02 {
    width: 92%;
    margin: 0 auto;
	}
	.btn01 a {
		margin: 0;
		padding: 0;
		border: 4px solid #96a9d8;
	}
	.btn02 a {
    margin: 0;
    padding: 0;
    border: 4px solid #bce6b4;
	}
	.btn01 a, .btn02 a {
    position: relative;
    height: auto;
    width: 100%;
    line-height: 1.2;
	}
	.btn01 a::before {
    background: url(../images/cmn_icAb.png) no-repeat 0 50% / 33px auto;
	}
	.btn02 a::before {
    background: url(../images/cmn_icDom.png) no-repeat 0 50% / 33px auto;
	}
	.btn01 a::before, .btn02 a::before {
    display: block;
    position: absolute;
    content: "";
    top: calc(50% - 15px);
    left: 16px;
    width: 30px;
    height: 30px;
    background-size: 30px auto;
	}
	.btn01 a .btn01_main, .btn02 a .btn02_main {
    font-size: 1.6rem;
    line-height: 1.2;
	}
	.btn01 a .btn01_main, .btn02 a .btn02_main {
    padding-left: 0;
    background: none;
	}
	.btn01 a::after, .btn02 a::after {
    content: '';
    width: 20px;
    height: 20px;
    border: 0;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -10px;
    transform: rotate(45deg);
	}
}
</pre></body></html>