@charset "utf-8";
/* CSS Document */

/*********** ********** ********** ********** *********** ********** ********** ********** *********** ********** ********** **********
* Teachers.html
*/


/*ページタイトル*/
div#infomation .titles{width:100%;height:auto;background:#d4edde;}
div#infomation .titles .title{float:left;}
div#infomation .titles .title h2{font-size:200%;line-height:1.0;padding-top:12px;padding-bottom:8px;padding-left:20px;padding-right:20px;color:#006644;}

/*学校の先生方へ*/
div#infomation h3{font-size:200%;line-height:1.0;color:#000;padding-top:12px;padding-bottom:8px;padding-left:20px;padding-right:20px;background-color:#D8D8D8;}
div#infomation .content {margin:20px 10px;}
div#infomation .content p{font-size:110%; padding:10px;}

div#infomation .undeline_always {text-decoration:underline;}
div#infomation .titles .title div#infomation h4{font-size:120%;line-height:1.0;padding-top:12px;padding-bottom:8px;padding-left:5px;padding-right:20px;}
div.content1 {padding-left:2%;width:98%;}


div.content1 table {border:none;}
div.content1 table tr td {border:none;}

div.content1 .table1 td {border:solid 1px #555; padding:5px; vertical-align:middle;}
div.content1 .table1 {width:750px; border-collapse:collapse; font-size:110%; margin:0 1%;}
div.content1 .table1 tr:nth-child(1) {font-weight:normal; color:#ffffff; background:#008200;}
div.content1 .table1 tr:nth-child(2) {font-weight:normal; color:#ffffff; background:#008200;}
div.content1 .table1 td:nth-child(1) {height:15px; text-align:center;}
div.content1 .table1 td:nth-child(2) {width:88px; height:15px; text-align:center;}
div.content1 .table1 td:nth-child(3) {width:88px; height:15px; text-align:center;}
div.content1 .table1 td:nth-child(4) {width:68px; height:15px; text-align:center;}
div.content1 .table1 td:nth-child(5) {width:68px; height:15px; text-align:center;}
div.content1 .table1 td:nth-child(6) {width:68px; height:15px; text-align:center;}
div.content1 .table1 td:nth-child(7) {width:68px; height:15px; text-align:center;}

div.content1 .table2 td {border:solid 1px #555; padding:5px; vertical-align:middle;}
div.content1 .table2 {width:750px; border-collapse:collapse; font-size:110%; margin:0 1%;}
div.content1 .table2 tr:nth-child(1) {font-weight:normal; color:#ffffff; background:#008200; text-align:center;}
div.content1 .table2 tr:nth-child(1) td:nth-child(1) {text-align:center;}
div.content1 .table2 tr:nth-child(1) td:nth-child(2) {text-align:center;}
div.content1 .table2 tr:nth-child(1) td:nth-child(3) {text-align:center;}
div.content1 .table2 td:nth-child(1) {width:310px; height:15px; text-align:left; padding:0 10px;}
div.content1 .table2 td:nth-child(2) {width:220px; height:15px; text-align:left; padding:0 10px;}
div.content1 .table2 td:nth-child(3) {height:15px; text-align:left; padding:0 10px;}

div.content1 .table3 td {border:solid 1px #555; padding:5px; vertical-align:middle;}
div.content1 .table3 {width:750px; border-collapse:collapse; font-size:110%; margin:0 1%;}
div.content1 .table3 tr:nth-child(1) {font-weight:normal; color:#ffffff; background:#008200; text-align:center;}
div.content1 .table3 tr:nth-child(1) td:nth-child(1) {text-align:center;}
div.content1 .table3 tr:nth-child(1) td:nth-child(2) {text-align:center;}
div.content1 .table3 td:nth-child(1) {width:120px; height:15px; text-align:left; padding:0 10px;}
div.content1 .table3 td:nth-child(2) {height:15px; text-align:left; padding:0 10px;}

div.content1 .table4 td {border:solid 1px #555; padding:5px; vertical-align:middle;}
div.content1 .table4 {width:750px; border-collapse:collapse; font-size:110%; margin:0 1%;}
div.content1 .table4 tr:nth-child(1) {font-weight:normal; color:#ffffff; background:#008200; text-align:center;}
div.content1 .table4 tr:nth-child(1) td:nth-child(1) {text-align:center;}
div.content1 .table4 tr:nth-child(1) td:nth-child(2) {text-align:center;}
div.content1 .table4 tr:nth-child(1) td:nth-child(3) {text-align:center;}
div.content1 .table4 td:nth-child(1) {height:15px; text-align:center; padding:0 10px;}
div.content1 .table4 td:nth-child(2) {width:180px; height:15px; text-align:center;}
div.content1 .table4 td:nth-child(3) {width:180px; height:15px; text-align:center;}

div.content1 .table5 td {border:solid 1px #555; padding:5px; vertical-align:middle;}
div.content1 .table5 {border-collapse:collapse; font-size:110%; margin:0 1%;}
div.content1 .table5 tr:nth-child(1) {font-weight:normal; color:#ffffff; background:#008200; text-align:center;}
div.content1 .table5 tr:nth-child(1) td:nth-child(1) {text-align:center;}
div.content1 .table5 tr:nth-child(1) td:nth-child(2) {text-align:center;}
div.content1 .table5 tr:nth-child(1) td:nth-child(3) {text-align:center;}
div.content1 .table5 td:nth-child(1) {width:16px; height:15px; text-align:center;}
div.content1 .table5 td:nth-child(2) {width:380px; height:15px; padding:0 10px;}
div.content1 .table5 td:nth-child(3) {width:480px; height:15px; padding:0 10px;}


@media screen and (max-width: 800px) {
	div#infomation .content table td{
           display:block;
           height:150px;
           width:100%;
        }
	div.content1 .table1 {width:97%; border-collapse:collapse; font-size:110%; margin:0 1%;}
	div.content1 .table2 {width:97%; border-collapse:collapse; font-size:110%; margin:0 1%;}
	div.content1 .table3 {width:97%; border-collapse:collapse; font-size:110%; margin:0 1%;}
	div.content1 .table4 {width:97%; border-collapse:collapse; font-size:110%; margin:0 1%;}
	div.content1 .table5 {width:97%; border-collapse:collapse; font-size:110%; margin:0 1%;}
}