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

/*********** ********** ********** ********** *********** ********** ********** ********** *********** ********** ********** **********
* UsefulBook.html
*/


/*ページタイトル*/
div#infomation .titles{width:100%;height:auto;background:#ffff80;}
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;}

/*調べ物にべんりな本*/
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 {font-size:16px; font-weight:300;}

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 .image1 {margin-left:530px;}
div.content1 table {border:none;}
div.content1 .table1 {border:none; width:370px;}
div.content1 .table2 {border-collapse:collapse; border:1px solid #333; margin-left:auto; margin-right:0;}
div.content1 .table2 tr td {width:30px; height:30px; border-collapse:collapse; border:1px solid #333; vertical-align:middle;}
div.content1 .table2 tr:nth-child(-2n+9) td:nth-child(2){background:#FFFFCC;}
div.content1 .table2 tr:nth-child(-2n+9) td:nth-child(4){background:#FFFFCC;}
div.content1 .table2 tr:nth-child(-2n+9) td:nth-child(6){background:#FFFFCC;}
div.content1 .table2 tr:nth-child(-2n+9) td:nth-child(8){background:#FFFFCC;}
div.content1 .table2 tr:nth-child(-2n+9) td:nth-child(10){background:#FFFFCC;}
div.content1 .table2 tr:nth-child(-2n+10) td:nth-child(1){background:#FFFFCC;}
div.content1 .table2 tr:nth-child(-2n+10) td:nth-child(3){background:#FFFFCC;}
div.content1 .table2 tr:nth-child(-2n+10) td:nth-child(5){background:#FFFFCC;}
div.content1 .table2 tr:nth-child(-2n+10) td:nth-child(7){background:#FFFFCC;}
div.content1 .table2 tr:nth-child(-2n+10) td:nth-child(9){background:#FFFFCC;}


@media screen and (max-width: 800px) {
	div#infomation .content table td{
           display:block;
           height:150px;
           width:100%;
        }
	div.content1 .image1 {margin-left:30px;}
	div.content1 .table1 {border:none; width:100%}
	div.content1 .table2 {border-collapse:collapse; border:1px solid #333; margin-left:0; margin-right:auto;}
	div.content1 .table2 tr td {width:30px; height:30px; border-collapse:collapse; border:1px solid #333;}
}