/* CSS Document */

#contents {text-align:center;}
#container{padding-top:10px;}
#main a:link{ 	color:#ed8804;text-decoration:none; }
#main a:visited{ color:#ed8804;text-decoration:none; }
#main a:active{	color:#ed8804;text-decoration:none;}
#main a:hover{ 	color:#ed8804;text-decoration:underline;}

#main {text-align:left}

#btn_show {
	cursor:pointer;
}

p.honbun {
	line-height:2em;
	text-align:left;
	width:700px;
	margin-left:130px;
	margin-bottom:30px;
}

.content01 {
	
}

.content01 p {
	float: left;
	width: 470px;
	font-size:18px;
	line-height: 1.6em;
	margin-left: 40px;
	margin-right: 33px;
}

.content02 {
	margin-left:40px;
	margin-right:40px;
}

.content02 h2{
	margin-top:50px;
	margin-bottom:5px;
	font-size:18px;
	line-height:1.6em;
}
.content02 h2 span.grn_sq {
	color:green;
}
.content02 p.item {
	margin-left: 180px;
	font-size: 15px;
	line-height: 1.6em;
	text-align: left;
}

.content02 span.m1 {
	color: #F00;
	font-size: 24px;
	font-weight: bold;
}

.content02 span.m2 {
	color: #999;
	font-size: 24px;
	font-weight: bold;
}

#toutline {
	float:left;
	width:600px;
	font-size: 15px;
	line-height: 1.6em;
	text-align: left;
}
#toutline th {
	font-size: 15px;
	line-height: 1.6em;
	text-align: left;
	padding-left:80px;
	width:100px;
}
#toutline td {
	width:420px;
}


#tschedule {
	font-size: 15px;
	line-height: 1.6em;
	text-align: left;
}

#tschedule thead {
	font-size: 15px;
	line-height: 1.6em;
	text-align: left;
}

#tschedule tbody tr th {
	text-align:left;
	border-right:solid 8px #ccc;
}

#tschedule tbody tr td {
	padding-left:1em;
}

#tschedule tbody tr.spacer {
	height:15px;
}

#tschedule ul {
	margin-left:20px;
}


#tinfo tbody tr th {
	color:green;
	font-weight:bold;
	background-color:#eee;
	padding:8px;
	border:solid 2px #fff;
	vertical-align:top;
}
#tinfo tbody tr td {
	line-height:2em;
	background-color:#eee;
	padding:8px;
	border:solid 2px #fff;
}

.teachers .teacher{
	margin-bottom:25px;
}


.teachers .teacher img {
	float:left;
}


@media only screen and (max-width: 767px){

.content02{margin:0 2%;}
.teachers .teacher img{margin:0 10px 10px 0;}
.content02 p.item{margin:0;}
#tschedule,
#tinfo{width:100% !important;}
#tschedule th:first-child,
#tinfo th:first-child{width:30% !important;}
#tschedule th:last-child,
#tinfo td:last-child{width:70% !important;word-break:break-all;}
.content02 span.m1,
.content02 span.m2,
#tschedule li{font-size:12px;}
p.honbun{width:96%;margin:0 2%; padding:0;}

}