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

/*********** ********** ********** ********** *********** ********** ********** ********** *********** ********** ********** **********
* StoryTelling.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.content1 h4{font-size:120%;line-height:1.0;padding-top:12px;padding-bottom:8px;padding-left:0px;padding-right:20px; color:#008200;}
div.content1 p{font-size:110%; padding:10px;}
div.content1 {padding-left:2%;width:98%;}
div.content1 .image1 img{width:320px;border:0; margin:1%;}
div.content1 .image2 {margin-top:10px; margin-bottom:10px; margin-left:100px;}

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

div.content1 .table1 {border:none; font-size:110%; margin-left:40px;}
div.content1 .table1 tr td {border:none;}
div.content1 .table1 td:nth-child(3) {padding:0 10px;}

div.content1 .table2 {border:none; font-size:110%;}
div.content1 .table2 tr td {border:none;}

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 tr:nth-child(1) td:nth-child(3) {text-align:center;}
div.content1 .table3 td:nth-child(1) {height:15px; text-align:center; padding:0 10px;}
div.content1 .table3 td:nth-child(2) {width:180px; height:15px; text-align:center;}
div.content1 .table3 td:nth-child(3) {width:180px; height:15px; text-align:center;}

@media screen and (max-width: 800px) {
	div.content1 table td{
           display:block;
           height:150px;
           width:100%;
        }
}