#main-visual {
	background:#ffe600;
	line-height:0;
}
#main-visual img {
	display:block;
	max-width:900px;
	margin:0 auto;
}
/*
@media screen and (max-width: 1180px) {
#main-visual {
	background-size:auto 100%;
}
}
*/

/* #selecter */
#selecter { padding-bottom:1em; text-align: center; color: rgb(0,200,180); }
#selecter:after {
	content:"";
	display:table;
	clear:both;
}
#selecter a { color: rgb(0,200,180); }
#selecter a:hover { color: rgb(255,255,255); }
#selecter li {
	display: inline-block; width:42%; margin: 10px 0; padding: 80px 0 20px 0;  text-align: center; border: 1px solid rgb(0,200,180);
	}
	@media screen and (max-width: 640px) {
	#selecter li {
	 width:80%; 
	}
	}
	
#selecter li#selecter_intro { background: rgb(255,255,255) url(../publishimage/academy/icon-selecter-intro.png) no-repeat center 10px; }
#selecter li#selecter_basic { background: rgb(255,255,255) url(../publishimage/academy/icon-selecter-basic.png) no-repeat center 10px; }
#selecter li#selecter_intro:hover { background: rgb(0,200,180) url(../publishimage/academy/icon-selecter-intro-hover.png) no-repeat center 10px;  }
/*
#selecter li#selecter_basic:hover { background: rgb(0,200,180) url(../publishimage/academy/icon-selecter-basic-hover.png) no-repeat center 10px; }
*/

/* #contentarea */
-home #contentarea h4.title { text-align: center; font-size: 24px; font-weight: normal; color: rgb(0,200,180); margin: 20px; }
#talk-trailer { margin-bottom: 100px; }

/* 会話 */
#contentarea .talk { width: 100%!important; }
#contentarea .talk .face p { width: 100%!important; }


.talk img {
	width:auto;
}

ul.dot li::before {
	content: '・';
	color: rgb(0,200,180);

}

ul.dot li {
	padding-left:1em;
	text-indent:-1em;
	margin-bottom:0.25em;
	color:rgb(0,200,180)
}


.border {
	border: 2px solid #666; 
	border-radius: 6px; 

}

.tb{
	margin-bottom: 0.5em;
	border-collapse: collapse;
}
.tb th{
	border: 2px solid rgb(0,200,180);
	padding: 0.25em;
	vertical-align: top;
	font-weight: bold;
}

.tb td{
	border: 2px solid rgb(0,200,180);
	padding: 0.25em;
	vertical-align: top;
}

.tb dt{
	color: rgb(0,200,180);
	font-weight: bold;
}

.circle{
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	background-color: rgb(20,125,219);
	border-radius: 0.75em;
	color: white;
	text-align: center;
	vertical-align: middle;
}

.con{
	margin: 0.25em;
	background-color: black;
	color: white;
	font-family: 'smilebasicfont';
	padding: 0.25em;
	margin-bottom: 10px;
}