@charset "utf-8";

/* classroom */
/* -------------------------------------- */

/* top */
#main.classroom h2 {
	margin: 35px 0 0 0;
}

#main.classroom p.copy {
	margin: 12px 0 0 5px;
	font-size: 90%;
	line-height: 1.65em;
	font-weight: bold;
}

#main.classroom ul.linkArea {
	margin: 10px 0 20px 5px;
}

#main.classroom ul.linkArea li {
	float: left;
	padding: 5px 25px 5px 0;
	background: url(../common/arw07.gif) no-repeat left center;
	font-size: 78%;
	line-height: 1.2em;
	white-space: nowrap;
}

#main.classroom ul.linkArea li a {
	padding: 0 0 0 20px;
}

#main.classroom h3.list {
	margin: 0 0 0 5px;
	padding: 7px 10px 0 20px;
	background: url(../classroom/images/ttl_bg01.jpg) no-repeat left top;
	color: #FFFFFF;
	font-size: 100%;
	line-height: 1.2;
	font-weight: bold;
}

#main.classroom div.ttlBottom {
	height: 16px;
	margin: 0 0 0 5px;
	background: url(../classroom/images/ttl_bg02.jpg) no-repeat left top
}

#main.classroom table.list {
	width: 570px;
	margin: 0 0 35px 5px;
	border-collapse: collapse;
	border: solid 1px #79CC1B;
}

#main.classroom table.list thead td {
	padding: 7px 5px 5px 5px;
	border-collapse: collapse;
	border: solid 1px #79CC1B;
	background: #CAECA3;
	text-align: center;
	vertical-align: middle;
	font-size: 78%;
	line-height: 1.2;
	font-weight: bold;
}

#main.classroom table.list thead td.class {
	width: 23%;
}

#main.classroom table.list thead td.add {
	width: 45%;
}

#main.classroom table.list tbody th {
	padding: 7px 8px 5px 10px;
	border-collapse: collapse;
	border: solid 1px #79CC1B;
	text-align: left;
	vertical-align: middle;
	font-size: 90%;
	line-height: 1.4;
	font-weight: bold;
}

#main.classroom table.list tbody td {
	padding: 7px 5px 5px 10px;
	border-collapse: collapse;
	border: solid 1px #79CC1B;
	text-align: left;
	vertical-align: middle;
	font-size: 78%;
	line-height: 1.4;
}

/* css3 table_bg */
#main.classroom table.list tbody tr:nth-child(even) th,
#main.classroom table.list tbody tr:nth-child(even) td {
	background-color: #E9F8D8;
}



/* entry */
#main.classroom h2.className {
	display: table;
	width: 580px;
	margin: 35px 0 0 0;
	padding: 0 0 5px 0;
	background: url(../classroom/images/name_bg.gif) no-repeat left bottom;
}

#main.classroom h2.className span.name {
	display: table-cell;
	width: 410px;
	text-align: left;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
	color: #009E41;
	font-size: 155%;
	line-height: 1.2;
	font-weight: bold;
}

#main.classroom h2.className a {
	display: table-cell;
	width: 170px;
	text-align: left;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
}

#main.classroom dl.inquiry {
	width: 16em;
	margin: 10px 0 0 5px;
	border: solid 1px #7ACC1B;
}

#main.classroom dl.inquiry dt {
	float: left;
	width: 45%;
	padding: 5px 0 4px 0;
	background: url(../classroom/images/inquiry_bg01.jpg) no-repeat left top;
	text-align: center;
	color: #FFFFFF;
	font-size: 90%;
	line-height: 1.2;
	font-weight: bold;
}

#main.classroom dl.inquiry dd {
	float: right;
	width: 55%;
	padding: 3px 0 0 0;
	text-align: center;
	font-size: 100%;
	line-height: 1.2;
	font-weight: bold;
}

#main.classroom p.time {
	margin: 2px 0 0 8px;
	font-size: 78%;
	line-height: 1.5;
}

#main.classroom dl.news dt {
	margin: 18px 0 0 0;
	padding: 12px 40px 5px 40px;
	background: url(../classroom/images/news_bg01.jpg) no-repeat left top;
	text-align: center;
	color: #79CC1A;
	font-size: 112%;
	line-height: 1.2;
	font-weight: bold;
}

#main.classroom dl.news dd {
	padding: 10px 26px 0 26px;
	background: url(../classroom/images/news_bg02.jpg) repeat-y left;
	font-size: 78%;
	line-height: 1.7;
}

#main.classroom dl.news dd strong,
#main.classroom dl.news dd b {
	font-size: 116%;
	color: #FF6666;
	font-weight: bold;
}

#main.classroom dl.news dd.bottomLine {
	padding: 0;
	background: none;
}

#main.classroom dl.news dd.bottomLine img {
	vertical-align: top;
}

#main.classroom dl.info01 {
	width: 570px;
	margin: 35px 0 0 5px;
}

#main.classroom dl.info01 dt {
	padding: 7px 10px 0 20px;
	background: url(../classroom/images/ttl_bg01.jpg) no-repeat left top;
	color: #FFFFFF;
	font-size: 100%;
	line-height: 1.2;
	font-weight: bold;
}

#main.classroom dl.info01 dd.ttlBottom {
	height: 16px;
	background: url(../classroom/images/ttl_bg02.jpg) no-repeat left top;
}

#main.classroom dl.info01 div.txt {
	float: left;
	width: 310px;
}

#main.classroom dl.info01 div.txt p.tel {
	padding: 0 0 10px 77px;
	background: url(../classroom/images/icon_tel.gif) no-repeat left top;
	font-size: 100%;
	line-height: 1.2;
	font-weight: bold;
}

#main.classroom dl.info01 div.txt p.add {
	padding: 0 0 10px 77px;
	background: url(../classroom/images/icon_add.gif) no-repeat left top;
	font-size: 78%;
	line-height: 1.7;
}

#main.classroom dl.info01 div.txt p.add {
	padding: 0 0 10px 77px;
	background: url(../classroom/images/icon_add.gif) no-repeat left top;
	font-size: 78%;
	line-height: 1.7;
}

#main.classroom dl.info01 div.txt p.station {
	padding: 0 0 10px 77px;
	background: url(../classroom/images/icon_station.gif) no-repeat left top;
	font-size: 78%;
	line-height: 1.7;
}

#main.classroom dl.info01 div.txt p.schedule {
	padding: 0 0 0 20px;
	background: url(../classroom/images/pdf_icon.gif) no-repeat left top;
	font-size: 78%;
	line-height: 1.7;
}

#main.classroom dl.info01 div.txt p.schedule_small {
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
	font-size: 70%;
	line-height: 1.7;
}

#main.classroom dl.info01 div.txt div.route {
	padding: 5px 0 15px 0;
}

#main.classroom dl.info01 div.txt div.route p {
	font-size: 78%;
	line-height: 1.7;
}

#main.classroom dl.info01 div.txt div.route span {
	color: #009E41;
	font-size: 78%;
	line-height: 1.7;
	font-weight: bold;
}


/* NoMap */
#main.classroom dl.info01 div.txtNoMap {
	float: left;
	width: 570px;
}

#main.classroom dl.info01 div.txtNoMap p.tel {
	padding: 0 0 10px 77px;
	background: url(../classroom/images/icon_tel.gif) no-repeat left top;
	font-size: 100%;
	line-height: 1.2;
	font-weight: bold;
}

#main.classroom dl.info01 div.txtNoMap p.add {
	padding: 0 0 10px 77px;
	background: url(../classroom/images/icon_add.gif) no-repeat left top;
	font-size: 78%;
	line-height: 1.7;
}

#main.classroom dl.info01 div.txtNoMap p.add {
	padding: 0 0 10px 77px;
	background: url(../classroom/images/icon_add.gif) no-repeat left top;
	font-size: 78%;
	line-height: 1.7;
}

#main.classroom dl.info01 div.txtNoMap p.station {
	padding: 0 0 10px 77px;
	background: url(../classroom/images/icon_station.gif) no-repeat left top;
	font-size: 78%;
	line-height: 1.7;
}

#main.classroom dl.info01 div.txtNoMap div.route {
	padding: 5px 0 15px 0;
}

#main.classroom dl.info01 div.txtNoMap div.route p {
	font-size: 78%;
	line-height: 1.7;
}

#main.classroom dl.info01 div.txtNoMap div.route span {
	color: #009E41;
	font-size: 78%;
	line-height: 1.7;
	font-weight: bold;
}
/* //NoMap */


#main.classroom dl.info01 div.map {
	float: right;
	width: 240px;
	background: url(../classroom/images/map_bg01.gif) no-repeat left top;
}

#main.classroom dl.info01 div.map img {
	margin: 10px 0 0 10px;
}

#main.classroom dl.info01 div.map span.bottomLine img {
	margin: 0;
}

#main.classroom dl.info01 dd.img {
	width: 580px;
	margin: 0 -20px 0 0;
}

#main.classroom dl.info01 dd.img div {
	float: left;
	width: 135px;
	margin: 0 10px 0 0;
}

#main.classroom dl.info01 dd.img div p.img {
	padding: 4px 0 0 4px;
	background: url(../classroom/images/img_bg01.gif) no-repeat left top;
}

#main.classroom dl.info01 dd.img div p.txt {
	padding: 7px 0 0 0;
	background: url(../classroom/images/img_bg02.gif) no-repeat left top;
	text-align: center;
	font-size: 70%;
	line-height: 1.25;
}

#main.classroom dl.info02 {
	width: 570px;
	margin: 35px 0 0 5px;
}

#main.classroom dl.info02 dt {
	padding: 7px 10px 0 20px;
	background: url(../classroom/images/ttl_bg01.jpg) no-repeat left top;
	color: #FFFFFF;
	font-size: 100%;
	line-height: 1.2;
	font-weight: bold;
}

#main.classroom dl.info02 dd.ttlBottom {
	height: 16px;
	background: url(../classroom/images/ttl_bg02.jpg) no-repeat left top;
}

#main.classroom dl.info02 dd {
	font-size: 78%;
	line-height: 1.7;
}

#main.classroom dl.info02 dd div.lead {
	margin: 0 0 3px 0;
	color: #009E41;
	font-size: 116%;
	line-height: 1.7;
	font-weight: bold;
}

#main.classroom dl.info03 {
	width: 575px;
	margin: 35px 0 0 5px;
}

#main.classroom dl.info03 dt {
	padding: 7px 15px 0 20px;
	background: url(../classroom/images/ttl_bg01.jpg) no-repeat left top;
	color: #FFFFFF;
	font-size: 100%;
	line-height: 1.2;
	font-weight: bold;
}

#main.classroom dl.info03 dd.ttlBottom {
	height: 16px;
	background: url(../classroom/images/ttl_bg02.jpg) no-repeat left top;
}

#main.classroom dl.info03 dd.teacher {
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	background: url(../classroom/images/tensen01.gif) no-repeat left bottom;
}

#main.classroom dl.info03 div.img {
	float: left;
	width: 175px;
	background: url(../classroom/images/teacher_bg01.jpg) no-repeat left top;
}

#main.classroom dl.info03 div.img img {
	margin: 6px 0 0 6px;
}

#main.classroom dl.info03 div.img span.bottomLine img {
	margin: 0;
}


/* NoImg */
#main.classroom dl.info03 div.imgNon {
	float: left;
	width: 175px;
	background: none;
}
/* //NoImg */


#main.classroom dl.info03 div.txt {
	float: left;
	width: 395px;
	margin: 1px 0 0 0;
	background: url(../classroom/images/teacher_bg03.gif) repeat-y left top;
}

#main.classroom dl.info03 div.txt p.name {
	margin: 0 0 0 15px;
	padding: 5px 0 10px 0;
	background: url(../classroom/images/line01.gif) no-repeat left bottom;
	color: #009E41;
	font-size: 90%;
	line-height: 1.5;
	font-weight: bold;
}

#main.classroom dl.info03 div.txt p.subject {
	display: table;
	width: 380px;
	margin: 0 0 0 15px;
	padding: 8px 0;
	background: url(../classroom/images/line01.gif) no-repeat left bottom;
}

#main.classroom dl.info03 div.txt p.subject span.left {
	display: table-cell;
	width: 85px;
	text-align: left;
	vertical-align: middle;
	font-size: 78%;
	line-height: 1.5;
	font-weight: bold;
	/display: inline;
	/zoom: 1;
}

#main.classroom dl.info03 div.txt p.subject span.right {
	display: table-cell;
	width: 295px;
	text-align: left;
	vertical-align: middle;
	font-size: 78%;
	line-height: 1.8;
	/display: inline;
	/zoom: 1;
}

#main.classroom dl.info03 div.txt div.message {
	width: 380px;
	margin: 0 0 0 15px;
	padding: 6px 0 0 0;
}

#main.classroom dl.info03 div.txt div.message span.left {
	float: left;
	width: 85px;
	text-align: left;
	font-size: 78%;
	line-height: 1.8;
	font-weight: bold;
}

#main.classroom dl.info03 div.txt div.message span.right {
	float: left;
	width: 290px;
	text-align: left;
	font-size: 78%;
	line-height: 1.8;
}

#main.classroom div.bottomSpace {
	clear: both;
	width: 580px;
	height: 10px;
	margin: -42px 0 0 0;
	background: #FAFBED;
}

#main.classroom div.inquiry02 {
	display: table;
	width: 580px;
	height: 50px;
	background: url(../classroom/images/inquiry_bg.jpg) no-repeat left top;
}

#main.classroom div.inquiry02 p.txt {
	display: table-cell;
	width: 181px;
	text-align: right;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
}

#main.classroom div.inquiry02 p.tel {
	display: table-cell;
	width: 202px;
	text-align: left;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 155%;
	line-height: 1.2;
	font-weight: bold;
	/display: inline;
	/zoom: 1;
}

#main.classroom div.inquiry02 p.btn {
	display: table-cell;
	width: 197px;
	padding: 7px 0;
	text-align: left;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
}

#main.classroom p.goTop {
	margin: 15px 5px 0 5px;
	text-align: right;
	font-size: 78%;
	line-height: 1.25;
}

#main.classroom p.goTop a {
	padding: 0 0 0 18px;
	background: url(../common/arw06.gif) no-repeat left center;
}