@charset "Shift_JIS";


/* main
-------------------------------*/
#main {
	width: 1000px;
	margin-top: 30px;
}

h2 {
	font-size: 180%;
	font-weight: bold;
	clear: both;
}


/* main What's new
-------------------------------*/
.course2{
	overflow: hidden;
	margin-bottom: 40px;
	margin-left: 20px;
}

.yotei{
	background-color: beige;
	padding: 20px 30px;
}

.news-title{
	font-weight: bold;
	font-size: 120%;
}

.news{
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
	display: flex;
	width: 460px;
    height: 90px;
	border: 1px solid #ccc;
	background-color: #f8f8f8;
}

.news_img{
	height: 100%;
}

.news_text{
	margin: 10px 20px;
}



/* main lesson-info
-------------------------------*/
.course{
	overflow: hidden;
	margin-bottom: 50px;
}

.lesson-info{
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
	border: 1px solid #c0c0c0;
	padding: 20px 25px;
	width: 430px;
	height: 400px;
	border-radius: 10px;
	background-color: #ffffff;
	font-size: 100%;
	line-height: 1.2;
	text-align: center;
	
}


.info-button{
	padding-top: 30px;
}
.info-button img:hover{
	opacity: 0.5;
}




.lesson-infoL{
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
	border: 1px solid #c0c0c0;
	padding: 20px 25px;
	width: 430px;
	height: 350px;
	border-radius: 10px;
	background-color: #ffffff;
	font-size: 100%;
	line-height: 1.2;
	text-align: center;
}

.lesson-infoL:hover{
	background: #e7e7e7;
}


.lesson-infoB{
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
	border: 1px solid #c0c0c0;
	padding: 20px 25px;
	width: 430px;
	height: 380px;
	border-radius: 10px;
	background-color: #ffffff;
	font-size: 100%;
	line-height: 1.2;
	text-align: center;
	
}


.lesson-title{
	font-weight: bold;
	font-size: 120%;
}


/* topinfo
-------------------------------*/

.topinfo ul{
  margin-left: 20px;
	margin-right: 30px;
}
.topinfo li{
  display: flex;
  padding:10px 15px;
  border-bottom:1px dotted #ccc;
}

.day{
  
}
.label1{
  background-color:#fff4f4;
  border-radius:3px;
  color:#ff7f7f;
  padding:2px 5px;
  margin:0 20px;
  font-size: 90%;
	width: 60px;
	text-align: center;
}

.label2{
  background-color:#f2ffe5;
  border-radius:3px;
  color:#339900;
  padding:2px 5px;
  margin:0 20px;
  font-size: 90%;
		width: 60px;
	text-align: center;

}


.label3{
  background-color:#f4f9ff;
  border-radius:3px;
  color:#6699cc;
  padding:2px 5px;
  margin:0 20px;
  font-size: 90%;
		width: 60px;
	text-align: center;

}

.text{
  
}