@charset "utf-8";

/* CSS Document */

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*----  cmmon                                                                 */
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.class_detail {
	margin: 0 10px 20px 10px;
}

.btn01 {
	display: block;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #e0e0e0);
	background-image: -moz-linear-gradient(top, #ffffff, #e0e0e0);
	background-image: -ms-linear-gradient(top, #ffffff, #e0e0e0);
	background-image: -o-linear-gradient(top, #ffffff, #e0e0e0);
	background-image: linear-gradient(to bottom, #ffffff, #e0e0e0);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
	text-shadow: 1px 1px 2px #ffffff;
	color: #666666;
	font-size: 120%;
	font-weight: bold;
	padding: 10px 0;
	border: solid #cccccc 1px;
	text-decoration: none;
}

.btn02 {
	display: block;
	font-size: 110%;
	font-weight: bold;
	color: #444444;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	border: 1px solid #bae52e;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 5px;
	text-decoration: none;
	padding: 8px 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c9f246), color-stop(0.00, #dffa89));
	background: -webkit-linear-gradient(#dffa89, #c9f246);
	background: -moz-linear-gradient(#dffa89, #c9f246);
	background: -o-linear-gradient(#dffa89, #c9f246);
	background: -ms-linear-gradient(#dffa89, #c9f246);
	background: linear-gradient(#dffa89, #c9f246);
}

.btn01:hover, btn02 {
	text-decoration: none;
}

.btnarea {
	background: url("../images/btnarea_bg.png") repeat left top;
	padding: 10px;
	text-align: center;
}

.telarea {
	background: url("../images/telarea_bg.png") repeat left top #eee;
	margin-bottom: 10px;
	padding: 0 20px 10px;
	text-align: center;
}

.tel_title {
	background-color: #34A02E;
	color: #fff;
	font-size: 120%;
	text-align: center;
	padding: 8px 0;
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 1;
}

.tel_kimitsu {
	padding-bottom: 10px;
	border-bottom: 1px solid #fafafa;
	margin-bottom: 0;
}



.telarea_inner {
	display: -webkit-box;
	display: -ms-box;
	display: -moz-box;
	display: box;
	box-align: center;
	-moz-box-align: center;
	-ms-box-align: center;
	-webkit-box-align: center;
	box-pack: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
}

.tel_btn {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;
}

.tel_class {
	font-size:120%;
	color: #666;
	font-weight: bold;
	padding: 0 10px 0 32px;
	background :url("../images/tel_bg.png") no-repeat left center;
	background-size: 30px 25px;
	-webkit-background-size: 30px 25px;
	-moz-background-size: 30px 25px;
	box-align: start;
	-moz-box-align: start;
	-ms-box-align: start;
}

/*━━━footer━━━----━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

footer {
	background-color: #99c857;
	color: #fff;
	padding: 20px 0;
	text-align: center;
	font-size: 50%;
	margin-top:10px;
	margin-bottom:px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*----  class                                                                 */
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.class_info {
	background-color: #69c9f2;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	padding: 5px 10px 10px 10px;
	margin: 10px 10px 20px 10px;
}

.class_info ul {
	background: #fff;
	padding: 10px;
}

.class_infoL {
	float:left;
	width: 48%;
	display: block;
	text-align:center;
}

.class_infoL a, .class_infoR a {
	display: block;
	font-weight: bold;
	color: #111;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 3px;
	text-decoration: none;
	padding: 10px 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #a2d93f), color-stop(0.50, #a1d54f), color-stop(0.50, #80c218), color-stop(1.00, #aef333));
	background: -webkit-linear-gradient(top, #a2d93f 0%, #a1d54f 50%, #80c218 50%, #aef333 100%);
	background: -moz-linear-gradient(top, #a2d93f 0%, #a1d54f 50%, #80c218 50%, #aef333 100%);
	background: -o-linear-gradient(top, #a2d93f 0%, #a1d54f 50%, #80c218 50%, #aef333 100%);
	background: -ms-linear-gradient(top, #a2d93f 0%, #a1d54f 50%, #80c218 50%, #aef333 100%);
	background: linear-gradient(to bottom, #a2d93f 0%, #a1d54f 50%, #80c218 50%, #aef333 100%);
}

.class_infoR {
	float:right;
	width: 48%;
	display: block;
	text-align:center;
}

.course_detail {
	border: 3px solid #ffc11b;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.course_detail dt {
	float:left;
	color: #ffc11b;
	width:76px;
	padding:5px 0 5px 5px;
	clear:both;
	font-weight:bold;
}

.course_detail dd {
	margin-left:76px;
	padding:5px;
}

.fuki01 {
	position: relative;
	background: #ffffff;
	color: #359f30;
	line-height: 1.3;
	border: 2px solid #359f30;
	margin: 10px 10px 22px 10px;
	padding: 10px 5px 10px 10px;
	border-radius: 5px;
	box-shadow:3px 3px 0px 0px #359f30;
}

.fuki01:after, .fuki01:before {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
}

.fuki01:after {
	left: 40px;
	border: 10px solid transparent;
	border-top: 10px solid #ffffff;
}

.fuki01:before {
	left: 38px;
	border: 12px solid transparent;
	border-top: 12px solid #359f30;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*----  jisseki                                                               */
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.j_comment01 {
	margin: 10px;
	font-size:110%;
	line-height: 1.3;
	font-weight: bold;
	color: #587432;
	line-height: 1.5;
	padding: 0 140px 0 10px;
	min-height: 133px;
	background: url("../images/jisseki/bg01.jpg") right bottom no-repeat;
	background-size: 150px 133px;
	-webkit-background-size: 150px 133px;
	-moz-background-size: 150px 133px;
}

.j_comment02 {
	margin: 10px;
	font-size:110%;
	line-height: 1.3;
	font-weight: bold;
	color: #E8A3C0;
	line-height: 1.5;
	padding: 0 140px 0 10px;
	min-height: 133px;
	background: url("../images/jisseki/bg02.jpg") right bottom no-repeat;
	background-size: 150px 133px;
	-webkit-background-size: 150px 133px;
	-moz-background-size: 150px 133px;
}

.j_comment03 {
	margin: 10px;
	font-size:110%;
	line-height: 1.3;
	font-weight: bold;
	color: #EA9348;
	line-height: 1.5;
	padding: 0 140px 0 10px;
	min-height: 133px;
	background: url("../images/jisseki/bg03.jpg") right bottom no-repeat;
	background-size: 150px 133px;
	-webkit-background-size: 150px 133px;
	-moz-background-size: 150px 133px;
}

.j_list01, .j_list02, .j_list03 {
	margin: 8px;
}

.j_list01 li {
	margin-bottom: 30px;
	border-left: 5px solid #9BCA59;
}

.j_list02 li {
	margin-bottom: 30px;
	border-left: 5px solid #E8A3C0;
}

.j_list03 li {
	margin-bottom: 30px;
	border-left: 5px solid #EA9348;
}

.j_list01 li:last-child, .j_list02 li:last-child, .j_list03 li:last-child {
	margin-bottom: none;
}

.j_list01 dl, .j_list02 dl, .j_list03 dl {
	margin-left: 10px;
}

.j_list01 dt {
	font-size: 110%;
	color: #9BCA59;
	font-weight: bold;
}

.j_list02 dt {
	font-size: 110%;
	color: #E8A3C0;
	font-weight: bold;
}

.j_list03 dt {
	font-size: 110%;
	color: #EA9348;
	font-weight: bold;
}

.j_title {
	font-size: 110%;
	font-weight: bold;
	padding-left: 30px;
	background: url("../images/jisseki/j_title.png") left center no-repeat;
	background-size: 25px 16px;
	-webkit-background-size: 25px 16px;
	-moz-background-size: 25px 16px;
}

.j_inner {
	font-size: 90%;
}

.voice {
	position: relative;
	background: #cbf8f6;
	padding: 5px 10px;
	font-size: 100%;
	line-height: 1.5;
	margin-bottom: 20px;
	border-radius: 20px;
}

.voice:after {
	content: '';
	position: absolute;
	height: 30px;
	width: 30px;
	border-radius: 15px;
	z-index: -1;
	background: #fff;
	bottom: -20px;
	left: 45px;
}

.voice:before {
	content: '';
	position: absolute;
	height: 30px;
	width: 30px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	z-index: -1;
	background: #cbf8f6;
	bottom: -15px;
	left: 35px;
}

.photo img {
	display: block;
	float: left;
	padding: 0 10px 10px 0;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*----  Newsletter                                                            */
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.news_area {
	background-color: #9ACC51;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	padding: 5px 10px 10px 10px;
	margin: 0 10px 10px 10px;
}

.news_inner {
	background: url("../images/newsletter/news_inner.png") no-repeat right bottom;
	background-size: 122px 55px;
	min-height: 50px;
	padding: 5px 122px 0 5px;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
}

.news_list li a {
	background: url("../images/newsletter/link_bg.png"), #f9fcf7; /* Old browsers */
	background: url("../images/newsletter/link_bg.png"), -moz-linear-gradient(top, #f9fcf7 0%, #f5f9f0 100%); /* FF3.6+ */
	background: url("../images/newsletter/link_bg.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9fcf7), color-stop(100%, #f5f9f0)); /* Chrome,Safari4+ */
	background: url("../images/newsletter/link_bg.png"), -webkit-linear-gradient(top, #f9fcf7 0%, #f5f9f0 100%); /* Chrome10+,Safari5.1+ */
	background: url("../images/newsletter/link_bg.png"), -o-linear-gradient(top, #f9fcf7 0%, #f5f9f0 100%); /* Opera 11.10+ */
	background: url("../images/newsletter/link_bg.png"), -ms-linear-gradient(top, #f9fcf7 0%, #f5f9f0 100%); /* IE10+ */
	background: url("../images/newsletter/link_bg.png"), linear-gradient(to bottom, #f9fcf7 0%, #f5f9f0 100%); /* W3C */
 filter: url("../images/newsletter/link_bg.png"), progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0', GradientType=0 ); /* IE6-9 */
	background-repeat: no-repeat;
	background-position: right bottom, 0 0;
	background-size: 158px 30px, auto auto;
	display: block;
	padding: 10px 0 10px 15px;
	font-size: 110%;
	font-weight: bold;
	border-top: #fff solid 1px;
	border-bottom: #ddd solid 1px;
	text-decoration:none;
	color: #333;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*----  Sitemap                                                               */
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.sitemap {
	margin: 20px;
}

.sitemap ul {
	padding-left: 10px;
	border-left: 5px #99C954 solid;
}

.sitemap li span {
	color: #99C954;
	font-size: 120%;
	font-weight: bold;
}

.sitemap li a {
	display: block;
	background: #ffffff;
	background-image: url("../images/icon01.png"), -webkit-linear-gradient(top, #ffffff, #e0e0e0);
	background-image: url("../images/icon01.png"), -moz-linear-gradient(top, #ffffff, #e0e0e0);
	background-image: url("../images/icon01.png"), -ms-linear-gradient(top, #ffffff, #e0e0e0);
	background-image: url("../images/icon01.png"), -o-linear-gradient(top, #ffffff, #e0e0e0);
	background-image: url("../images/icon01.png"), linear-gradient(to bottom, #ffffff, #e0e0e0);
	background-repeat:no-repeat;
	background-position: right center, 0 0;
	background-size: 24px 16px, auto auto;
	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	border-radius: 3px;
	text-shadow: 1px 1px 2px #ffffff;
	color: #666666;
	font-size: 110%;
	font-weight: bold;
	padding: 5px 10px 5px 15px;
	border: solid #cccccc 1px;
	text-decoration: none;
	margin-bottom: 10px;
}

.sitemap li a:hover {
	text-decoration: none;
}


#news_waku{
	margin-bottom:10px;
	padding-bottom:10px;

}


.news_title{
	background-color:#f8d8e7;
	width:90%;
	margin:0 auto;
	display:block;
	padding:5px 0 0 10px;
	height:25px;
	border-top:#ccc 1px solid;
	border-right:#ccc 1px solid;
	border-left:#ccc 1px solid;	
	
}




#news{
    overflow-y: auto;
	overflow-x:hidden;
	height:230px;
    width: 90%;
    padding: 5px;
    border: 1px solid #CCC;
    -webkit-overflow-scrolling: touch;
	margin:0px 0px 10px 0px;
	margin:0 auto;

}
    
.stuff_erea{text-align:center; width:100%;margin-bottom:30px;}
.stuff_erea div{ margin-top:30px;}

.stuff_erea #heiretsu { display:block;height450px;text-align:center; width:100%; }


.stuff_erea li{display:table-cell;padding:3px;width:30%}
.stuff_erea li:first-child{padding-left 2px;}