/**
 * top css
 * 
 * 
 */

@charset "utf-8";

#slide_area-bx {
	max-width: 1024px;
	margin: 0 auto;
	width: 100%;
}

#slide_area-bx .bx-controls {
	display: none;
}
#slide_area-bx .bx-wrapper {
	margin-bottom: 0;
	box-shadow: none;
}

div#slide_area {
	height:368px;
	width:100%;
}	
p#slideshow {
	position:relative;
	max-width:1024px;
	margin:0 auto;}
p#slideshow img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	width:auto;}
p#slideshow img.active { z-index:10; }
p#slideshow img.last-active { z-index:9; }

#contents #mainarea div.news .ttl {
	font-size: 18px;
	font-weight: bold;
	color: #1a3e7e;
	padding: 10px 0 5px;
	border-bottom: 3px solid #1a3e7e;
}
#contents #mainarea div.news ul {
	border:solid 1px #c0c0c0;
	height:130px;
	overflow:auto;
	overflow-y:scroll;
	margin-top:10px;
}

#contents #mainarea div.news ul li {
	margin:10px 15px;
	font-size:93%;
	line-height:1.5;
}

#contents #mainarea div.news ul li span {
	display:inline-block;
	background:url(../images/bullet.gif) no-repeat left 3px;
	padding:0 0 5px 15px;
}

a.here_link {
	display:inline-block;
	background:url(../images/arrow03.png) no-repeat left center;
    background-size:14px 14px;
    padding-left:20px;
	margin-left:5px;
}

#contents #mainarea .bnr {
	margin-top:10px;
}
#contents #mainarea .bnr a img {
	width: 31.9%;
	height: auto;
}

#contents #mainarea .lead {
	margin: 20px 10px 20px 10px;
	line-height: 25px;
}

#contents #mainarea .bold{
	margin:25px 10px 0 10px;
    font-size:125%;
	font-weight:bold;
}


#contents #mainarea .trial_lesson {
	position:relative;
	left:-10px;
}

#contents #mainarea div.articles {
	margin-top: 20px;
	text-align: center;
	max-width: 790px;
	width: 100%;
}

#contents #mainarea div.articles .ttl {
	font-size: 18px;
	font-weight: bold;
	color: #1a3e7e;
	padding: 10px 0 5px;
	border-bottom: 3px solid #1a3e7e;
	text-align: left;
}


#contents #mainarea div.articles dl {
	float: left;
	/*width: 197px;*/
    width: 25%;
	height: 220px;
	margin: 15px 0 10px;
}

#contents #mainarea div.articles dl.noline {
	background:none;
}


#contents #mainarea div.articles dt {
	margin-top:10px;
}
	
#contents #mainarea div.articles dd {
	margin-top: 10px;
	/*width: 177px;*/
	width:auto;
	padding: 0 10px;
	font-size: 93%;
	line-height: 1.5;
	text-align: left;
}

#contents #mainarea div.articles dl.noline dd {
	margin-top: 10px;
	/*width: 177px;*/
	width:auto;
	padding: 0 0 0 10px;
	font-size: 93%;
	line-height: 1.5;
	text-align: left;
}

#contents #mainarea div.facebook_area {
	width:800px;
	height:200px;
	background:#ccc;
	margin-top:20px;
}

.bnr .left {
	float:left;
}

.bnr .right {
	float:right;
}



/******* 768px **************************************************/
@media screen and (max-width: 768px) {

#contents #mainarea .bnr img {
    width: 32%;
}
#contents #mainarea div.articles {
    width: auto;
}
#contents #mainarea div.articles dl {
    width: 25%;
    height: auto;
}
#contents #mainarea div.articles dd {
    width: auto;
}
#contents #mainarea div.articles dl.noline dd {
    width: auto;
}

}



/******* 414px **************************************************/
@media screen and (max-width: 414px) {

#contents #mainarea .bnr a {
    display: block;
    margin: 0 0 10px;
}
#contents #mainarea .bnr img {
    width: 100%;
}
#contents #mainarea .bnr a img {
	width: 100%;
	height: auto;
}

#contents #mainarea div.articles dl {
    width: 50%;
    height: 250px;
}



}