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

/*********** ********** ********** ********** *********** ********** ********** ********** *********** ********** ********** **********
* LibraryApproach.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;}
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 .table1 {margin:20px 10px; width:97%;}
div.content1 .table1 p{font-size:110%; padding:10px;}
div.content1 .table1 {border-collapse:collapse;font-size:110%;margin:0 20px; text-align:center;}
div.content1 .table1 td{width:20%;border:solid 1px #555;padding:5px;vertical-align:middle;height:100px;}

div.content1 .table2 {width:98%;border-collapse:collapse;font-size:110%;margin:0 1%;}
div.content1 .table2 tr:nth-child(1) {font-weight:normal; color:#ffffff; background:#008200;}
div.content1 .table2 td{border:solid 1px #555;padding:5px;}
div.content1 .table2 td:nth-child(1){width:35%;}
div.content1 .table2 td:nth-child(2){width:65%;}

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

}