@charset "utf-8";

.topMainBnr {
	overflow: hidden;
	margin: 0 -15px 15px 0;
}
.topMainBnr ul li {
	float: left;
	width: 220px;
	height: 164px;
	margin: 0 15px 15px 0;
}

/* キーワードで探す
===================== */
.keyWordSearchBox {
	height: 55px;
	margin: 0 0 20px;
	padding: 3px;
	background: url(/img/common/bgImg1.gif);
}
.keyWordSearchBox h2 {
	float: left;
	width: 87px;
	height: 45px;
	padding: 10px 5px 0 8px;
	background-color: #F27D9A;
	color: #FFF;
	font-size: 14px;
	line-height: 1.3;
}
.keyWordSearchBox h2 i {
	float: right;
	margin: -5px 0 0;
}
.keyWordSearchBox .inn {
	height: 35px;
	overflow: hidden;
	padding: 10px;
	background-color: #FFF;
}
.keyWordSearchBox .inn select {
	width: 150px;
}
.keyWordSearchBox .inn input {
	width: 192px;
}
.keyWordSearchBox .inn a {
	display: block;
	float: right;
	width: 35px;
	height: 30px;
	padding: 5px 0 0;
	background-color: #008740;
	text-align: center;
	color: #FFF;
	font-size: 167%;
}
.keyWordSearchBox .inn a:hover {
	opacity: .7;
}

.topCtsArea  {
	overflow: hidden;
	margin: 0 -20px 0 0;
}
.topCtsArea .inn {
	float: left;
	width: 335px;
	overflow: hidden;
	margin: 0 20px 20px 0;
}

/* エリアで探す
===================== */
.topCtsArea .searchArea {
	position: relative;
	height: 355px;
	background: url(/img/top/imgMap.png) no-repeat;
}
.topCtsArea .searchArea .txtBox {
	position: absolute;
	width: 170px;
	height: 100px;
	margin: 25px 0 0 20px;
	padding: 10px 0 0;
	background-color: #FEEFF4;
	text-align: center;
	font-size: 13px;
}
.topCtsArea .searchArea .txtBox p {
	margin: 0 0 5px;
	font-size: 13px;
	font-weight: bold;
}
.topCtsArea .searchArea .txtBox .total {
	margin: 0 0 7px;
}
.topCtsArea .searchArea .txtBox .total span {
	display: inline-table;
	width: 25px;
	line-height: 25px;
	background-color: #F27D9A;
	color: #FFF;
	border-radius: 5px;
	font-size: 18px;
}
.topCtsArea .searchArea a {
	position: absolute;
	padding: 2px 10px 1px;
	border: #8FCD00 2px solid;
	border-radius: 5px;
	background-color: #FFF;
	text-align: center;
	font-size: 12px;
}
.topCtsArea .searchArea a.hokkaidou {
	margin: 45px 0 0 230px;
	border: #497CBD 2px solid;
}
.topCtsArea .searchArea a.touhoku {
	margin: 105px 0 0 235px;
	border: #79A5D9 2px solid;
}
.topCtsArea .searchArea a.kantou {
	margin: 235px 0 0 280px;
	border: #0AB6B1 2px solid;
}
.topCtsArea .searchArea a.koushinetsu {
	margin: 155px 0 0 183px;
	border: #8FCD00 2px solid;
}
.topCtsArea .searchArea a.tyuubu {
	margin: 240px 0 0 210px;
	border: #70B370 2px solid;
}
.topCtsArea .searchArea a.kannsai {
	margin: 260px 0 0 162px;
	border: #C796D7 2px solid;
}
.topCtsArea .searchArea a.tyuugoku {
	margin: 195px 0 0 100px;
	border: #F0BA2D 2px solid
}
.topCtsArea .searchArea a.shikoku {
	margin: 285px 0 0 90px;
	border: #C9960E 2px solid
}
.topCtsArea .searchArea a.kyuusyuu {
	margin: 200px 0 0 30px;
	border: #F27D9A 2px solid
}
.topCtsArea .searchArea ul {
	position: absolute;
	margin: 170px 0 0 120px;
}
.topCtsArea .searchArea ul li {
	float: left;
	width: 80px;
	margin: 0 0 5px 5px;
	padding: 7px 5px 6px 8px;
	background-color: #FFF;
	border: #77AA00 2px solid;
	border-radius: 5px;
	font-size: 12px;
	text-align: left;
	color: #999;
}
.topCtsArea .searchArea ul li a {
	position: relative;
	display: block;
	padding: 0;
	font-weight: bold;
	border: none;
	text-align: left;
}
.topCtsArea .searchArea ul li a:after {
	float: right;
	margin: 0 0 0 5px;
	font-family: 'FontAwesome';
  content: "\f105";
	color: #F27D9A;
}
.topCtsArea .searchArea p.sty1 {
	margin: 5px 0 15px;
	font-size: 109%;
	font-weight: normal;
}
.topCtsArea .searchArea a.back {
	position: relative;
	padding: 5px 15px;
	border: none;
	background-color: #F27D9A;
	color: #FFF;
}
.topCtsArea .searchArea a.back:before {
	margin: 0 5px 0 0;
	font-family: 'FontAwesome';
  content: "\f100";
}
.topCtsArea .searchArea a.back:hover {
	opacity: .8;
}

/* 講座で探す
===================== */
.topCtsArea .searchLecture ul {
	margin: 0 -5px 0 0;
}
.topCtsArea .searchLecture li {
	float: left;
	margin: 0 5px 5px 0;
}

.topCtsArea .searchLecture li a {
	display: block;
	width: 145px;
	padding: 0 10px;
	line-height: 55px;
	background-color: #008740;
	border-radius: 5px;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
}
.topCtsArea .searchLecture li a img {
	float: left;
	margin: 15px 7px 0 0;
}
.topCtsArea .searchLecture li a:hover,
.topCtsArea .searchLecture li a:hover img {
	background-color: #70B370;
  opacity: 1;
}
/* 無料体験講座のご案内
===================== */
/*.topCtsArea .experienceLecture .listBox {
	overflow: hidden;
	margin: 0 0 5px;
	padding: 9px;
	border: #CCC 1px solid;
	background-color: #FFF;
	border-radius: 5px;
}
.topCtsArea .experienceLecture .listBox:last-child {
	margin-bottom: 0;
}
.topCtsArea .experienceLecture .listBox .imgBox {
	float: left;
	width: 125px;
	margin: 0 10px 0 0;
}
.topCtsArea .experienceLecture .listBox .imgBox img {
	width: 125px;
}
.topCtsArea .experienceLecture .listBox .txtBox {
	overflow: hidden;
}
.topCtsArea .experienceLecture .listBox .txtBox h3 {
	margin-bottom: 5px;
	font-size: 100%;
}
.topCtsArea .experienceLecture .listBox .txtBox h3 a {
	color: #EC406B;
	text-decoration: underline;
	font-weight: normal;
}
.topCtsArea .experienceLecture .listBox .txtBox h3 a:hover {
	text-decoration: none;
}
.topCtsArea .experienceLecture .listBox .txtBox p {
	font-size: 92%;
}*/
/* 受講生の声
===================== */
/*.topCtsArea .voice ul li {
	margin: 0 0 3px;
	padding: 0 0 11px;
	border-bottom: #666 1px dotted;
}
.topCtsArea .voice ul li h3 {
	display: inline-table;
	margin: 8px 0 3px;
	font-size: 100%;
}
.topCtsArea .voice ul li h3 a {
	font-weight: normal;
	text-decoration: underline;
}
.topCtsArea .voice ul li p {
	font-size: 92%;
}*/

/* フリーHTML
===================== */
.free {
	margin-bottom: 20px;
}

/*
 * 20160419~ 
 */

.dtlSchoolEvent .eventDgtBox {
	background-color: #FFF;
	padding: 10px 8px;
	margin: 0 0 20px 0;
	width: auto;
	overflow: hidden;
	border: #CCC 1px solid;
	border-radius: 5px;
}
.dtlSchoolEvent .eventDgtBox .eventBox { 
	float:left;
}

.dtlSchoolEvent .eventDgtBox .eventBox:nth-child(4n+1) {
	clear: both;
}

.dtlSchoolEvent .eventDgtBox .inn {
	width: 168px;
	padding: 8px 4px;
	text-align: center;
	box-sizing: border-box;
	margin: 0;
}
.dtlSchoolEvent .eventDgtBox .inn .imgBox {
	/*width: 150px;
	height: 150px;*/
	width: 160px;
	height: 160px;
	
}
.dtlSchoolEvent .eventDgtBox .inn .imgBox img {
	/*width: 150px;
	height: 150px;*/
	width: 160px;
	height: 160px;
}

.dtlSchoolEvent .shortNameBox {
	height: 18px;
	line-height: 18px;
	border-radius: 4px;
	border: solid 2px #666;
	padding: 2px 6px;
	text-align: center;
	font-weight: bold;
	overflow: hidden;
}
.dtlSchoolEvent .shortNameBox.hokkaido {
	border-color: #497CBD;
}
.dtlSchoolEvent .shortNameBox.tohoku {
	border-color: #79A5D9;
}
.dtlSchoolEvent .shortNameBox.kanto {
	border-color: #0AB6B1;
}
.dtlSchoolEvent .shortNameBox.koshinetsu {
	border-color: #8FCD00;
}
.dtlSchoolEvent .shortNameBox.hokuriku {
	border-color: #8FCD00;
}
.dtlSchoolEvent .shortNameBox.tokai {
	border-color: #70B370;
}
.dtlSchoolEvent .shortNameBox.kansai {
	border-color: #C796D7;
}
.dtlSchoolEvent .shortNameBox.chugoku {
	border-color: #F0BA2D;
}
.dtlSchoolEvent .shortNameBox.shikoku {
	border-color: #C9960E;
}
.dtlSchoolEvent .shortNameBox.kyusyu {
	border-color: #F27D9A;
}
.dtlSchoolEvent .titleBox {
	margin-top: 8px;
	font-weight: bold;
	text-align: left;
}
.dtlSchoolEvent .dateBox {
	margin-top: 8px;
	text-align: left;
	font-weight: bold;
}
.dtlSchoolEvent .dateBox p.eventDateDtl {
	/*font-size: 92%;*/
	font-weight: normal;
}
.dtlSchoolEvent .nameBox {
	text-align: left;
	font-weight: bold;
	color: #EC406B;
}

#searchArea .roomTotalCountBox {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#searchArea .roomTotalCountBox .roomTotalCountBoxInn {
	background-color: #E3FFE2;
	padding: 8px;
}

#searchArea .roomTotalCountBox .tableRowBox {
	display: table-cell;
	vertical-align: middle;
}
#searchArea .roomTotalCountBox .tableRowBox span.txt {
	font-weight: bold;
	vertical-align: middle;
}
#searchArea .roomTotalCountBox .tableRowBox span.numberBox {
	vertical-align: middle;
	display: inline-block;
	background-color: #71B374;
	color: #FFF;
	padding: 0px 4px 8px 6px;
	border-radius: 4px;
	text-align: center;
	font-weight: bold;
}
#searchArea .roomTotalCountBox .tableRowBox span.numberTxt {
	vertical-align: middle;
	width: 20px;
	height: 20px;
	display: inline-block;
	text-align: center;
	font-size: 20px;　
}