@charset "utf-8";

/* page.css */

.titleEng {
	padding:4px 8px;
	background-color:#009fe8;
	border-radius:8px 8px 0 0;
	text-align:center;
}

h1 {
	padding:6px 8px;
	background-color:#0078d1;
	border-radius:0 0 8px 8px;
	line-height: 1;
	text-align:center;
}

#mainInr h3 {
	margin:1em 0 10px 0;
	padding:0px 4px;
	border-bottom:1px solid #999999;
	font-weight:bold;
	font-size:1.125rem;
}

#mainInr h3:before {
	content: " \f0c8";
	font-family: FontAwesome;
	padding:0px 4px 0 0;
	color:#0078d1;
}

.mapBox {
	padding:0 0 30px 0;
}

.mapLeft {
	float:left;
	width:67%;
}

.mapAccs {
	display:inline-block;
	padding:10px 0;
}

.mapAccs a {
	display:block;
	padding:4px 10px;
	background-color:#ff9900;
	border-radius:8px;
	color:#ffffff;
}

.mapAccs a:hover {
	text-decoration:none;
	opacity:0.8;
}

.mapRight {
	float:right;
	width:30%;
	padding:10px;
	box-sizing:border-box;
	background-color:#ebeff2;
	border-radius:8px;
	font-size: 0.75rem;
}

.mapRight li {
	position: relative;
	padding: 0 0 3px 1.8em;
	line-height: 1.5;
}

.mapRight li.mapIcon img {
	position: absolute;
	left: -1px;
}

.mapRight em {
	background-color: #0173b5;
	border-radius: 50%;
	color: #ffffff;
	display: inline-block;
	font-size: 0.75rem;
	left: 0;
	line-height: 1;
	margin-right: 4px;
	padding: 0.3em 0 0.2em;
	position: absolute;
	text-align: center;
	width: 1.5em;
}

.mapRight em.cube {
	border-radius: 3px;
}

.mapRight strong {
	color:#e60012;
	font-weight:bold;
}

.blueBox {
	margin:0 0 30px 0;
	background-color:#009fe8;
	border-radius:8px;
}

.blueBox h2 {
	padding:6px 16px;
	background-color:#0078d1;
	border-radius:8px 8px 0 0;
	font-weight:bold;
	font-size:1.25rem;
	color:#ffffff;
}

.blueBox h2 small {
	font-size:1rem;
	font-weight:normal;
}

.blueBox p {
	padding:6px 16px;
	font-size:1rem;
	color:#ffffff;
}

.imgBox li {
	float:left;
	width:23%;
	margin:0 0 20px 2.6%;
	text-align:center;
	font-size:0.875rem;
}

.imgBox li:nth-of-type(4n+1) {
	clear:left;
	margin-left:0;
}

.seminarBox h2 {
	margin:0 0 10px 0;
	padding:6px 16px;
	background-color:#009fe8;
	border-radius:8px;
	font-weight:bold;
	font-size:1.125rem;
	color:#ffffff;
}

.seminarBox p {
	margin:0 0 1em 0;
}

.clm2box .clm2item {
	float:left;
	width:50%;
}

.timeTbl {
	width:auto;
}

.timeTbl th,
.timeTbl td {
	padding:0 0 6px 1em;
}

.stageBox li {
	margin:0 0 6px 0;
	padding:4px 10px;
	background-color:#e9eaea;
	border-left:10px solid #a5a6a7;
}

.stageBox strong {
	font-weight:bold;
}

.stageBox small {
	font-size:0.875rem;
}

@media only screen and (max-width: 640px) {

.mapLeft,
.mapRight {
	float:none;
	width:100%;
}

.mapRight li {
  display: inline-block;
  line-height: 1.8;
  padding: 0 10px 3px 1.8em;
}

.imgBox li {
	width:48%;
	margin:0 0 20px 4%;
}

.imgBox li:nth-of-type(2n+1) {
	clear:left;
	margin-left:0;
}

.clm2box .clm2item {
	float:none;
	width:100%;
}

}