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

/*********** ********** ********** ********** *********** ********** ********** ********** *********** ********** ********** **********
* usageguide.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 .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:10px;}
div.content1 .image2 {margin-left:10px;}

div.content1 table {border:none;}

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 {border:none; width:370px;}

div.content1 .table3 {border-collapse:collapse; border:1px solid #333; margin-left:auto; margin-right:0;}
div.content1 .table3 tr td {width:30px; height:30px; border-collapse:collapse; border:1px solid #333; text-align:center; vertical-align:middle;}
div.content1 .table3 tr:nth-child(-2n+9) td:nth-child(2){background:#FFFFCC;}
div.content1 .table3 tr:nth-child(-2n+9) td:nth-child(4){background:#FFFFCC;}
div.content1 .table3 tr:nth-child(-2n+9) td:nth-child(6){background:#FFFFCC;}
div.content1 .table3 tr:nth-child(-2n+9) td:nth-child(8){background:#FFFFCC;}
div.content1 .table3 tr:nth-child(-2n+9) td:nth-child(10){background:#FFFFCC;}
div.content1 .table3 tr:nth-child(-2n+10) td:nth-child(1){background:#FFFFCC;}
div.content1 .table3 tr:nth-child(-2n+10) td:nth-child(3){background:#FFFFCC;}
div.content1 .table3 tr:nth-child(-2n+10) td:nth-child(5){background:#FFFFCC;}
div.content1 .table3 tr:nth-child(-2n+10) td:nth-child(7){background:#FFFFCC;}
div.content1 .table3 tr:nth-child(-2n+10) td:nth-child(9){background:#FFFFCC;}

div.content1 .table4 {height:30px; border-collapse:collapse; border:1px solid #999999;}
div.content1 .table4 tr:nth-child(1) {color:#FFFFFF;}
div.content1 .table4 tr td {font-size:75%; height:30px; border-collapse:collapse; border:1px solid #333; vertical-align:middle;}
div.content1 .table4 td:nth-child(1){width:30px; text-align:center; color:#FFFFFF;}
div.content1 .table4 td:nth-child(3){width:30px; text-align:center; color:#FFFFFF;}
div.content1 .table4 td:nth-child(5){width:30px; text-align:center; color:#FFFFFF;}
div.content1 .table4 td:nth-child(2){width:192px; padding:0px 4px;}
div.content1 .table4 td:nth-child(4){width:192px; padding:0px 4px;}
div.content1 .table4 td:nth-child(6){width:192px; padding:0px 4px;}
div.content1 .table4 tr:nth-child(-2n+11) td:nth-child(2){background:#FFFFCC;}
div.content1 .table4 tr:nth-child(-2n+11) td:nth-child(6){background:#FFFFCC;}
div.content1 .table4 tr:nth-child(-2n+12) td:nth-child(4){background:#FFFFCC;}
div.content1 .table4 tr:nth-child(n+2) td:nth-child(1){background:#ff9900;}
div.content1 .table4 tr:nth-child(n+2) td:nth-child(3){background:#ff9900;}
div.content1 .table4 tr:nth-child(n+2) td:nth-child(5){background:#ff9900;}
div.content1 .table4 tr:nth-child(1){background:#ff6600;}
div.content1 .table4 tr:nth-child(1) td:nth-child(2) {background:#ff6600;}
div.content1 .table4 tr:nth-child(1) td:nth-child(4) {background:#ff6600;}
div.content1 .table4 tr:nth-child(1) td:nth-child(6) {background:#ff6600;}

div.content1 .table5 {height:30px; border-collapse:collapse; border:1px solid #999999;}
div.content1 .table5 tr:nth-child(1) {color:#FFFFFF;}
div.content1 .table5 tr td {font-size:75%; height:30px; border-collapse:collapse; border:1px solid #333; vertical-align:middle;}
div.content1 .table5 td:nth-child(1){width:30px; text-align:center; color:#FFFFFF;}
div.content1 .table5 td:nth-child(3){width:30px; text-align:center; color:#FFFFFF;}
div.content1 .table5 td:nth-child(5){width:30px; text-align:center; color:#FFFFFF;}
div.content1 .table5 td:nth-child(2){width:192px; padding:0px 4px;}
div.content1 .table5 td:nth-child(4){width:192px; padding:0px 4px;}
div.content1 .table5 td:nth-child(6){width:192px; padding:0px 4px;}
div.content1 .table5 tr:nth-child(-2n+11) td:nth-child(2){background:#FFFFCC;}
div.content1 .table5 tr:nth-child(-2n+11) td:nth-child(6){background:#FFFFCC;}
div.content1 .table5 tr:nth-child(-2n+12) td:nth-child(4){background:#FFFFCC;}
div.content1 .table5 tr:nth-child(n+2) td:nth-child(1){background:#ff9900;}
div.content1 .table5 tr:nth-child(n+2) td:nth-child(3){background:#ff9900;}
div.content1 .table5 tr:nth-child(n+2) td:nth-child(5){background:#ff9900;}
div.content1 .table5 tr:nth-child(1){background:#ff6600;}
div.content1 .table5 tr:nth-child(1) td:nth-child(2) {background:#ff6600;}
div.content1 .table5 tr:nth-child(1) td:nth-child(4) {background:#ff6600;}
div.content1 .table5 tr:nth-child(1) td:nth-child(6) {background:#ff6600;}

div.content1 .table6 {height:30px; border-collapse:collapse; border:1px solid #999999;}
div.content1 .table6 tr:nth-child(1) {color:#FFFFFF;}
div.content1 .table6 tr td {font-size:75%; height:30px; border-collapse:collapse; border:1px solid #333; vertical-align:middle;}
div.content1 .table6 td:nth-child(1){width:30px; text-align:center; color:#FFFFFF;}
div.content1 .table6 td:nth-child(3){width:30px; text-align:center; color:#FFFFFF;}
div.content1 .table6 td:nth-child(5){width:30px; text-align:center; color:#FFFFFF;}
div.content1 .table6 td:nth-child(7){width:30px; text-align:center; color:#FFFFFF;}
div.content1 .table6 td:nth-child(2){width:134px; padding:0px 4px;}
div.content1 .table6 td:nth-child(4){width:134px; padding:0px 4px;}
div.content1 .table6 td:nth-child(6){width:134px; padding:0px 4px;}
div.content1 .table6 td:nth-child(8){width:134px; padding:0px 4px;}
div.content1 .table6 tr:nth-child(-2n+11) td:nth-child(2){background:#FFFFCC;}
div.content1 .table6 tr:nth-child(-2n+11) td:nth-child(6){background:#FFFFCC;}
div.content1 .table6 tr:nth-child(-2n+12) td:nth-child(4){background:#FFFFCC;}
div.content1 .table6 tr:nth-child(-2n+12) td:nth-child(8){background:#FFFFCC;}
div.content1 .table6 tr:nth-child(n+2) td:nth-child(1){background:#ff9900;}
div.content1 .table6 tr:nth-child(n+2) td:nth-child(3){background:#ff9900;}
div.content1 .table6 tr:nth-child(n+2) td:nth-child(5){background:#ff9900;}
div.content1 .table6 tr:nth-child(n+2) td:nth-child(7){background:#ff9900;}
div.content1 .table6 tr:nth-child(1){background:#ff6600;}
div.content1 .table6 tr:nth-child(1) td:nth-child(2) {background:#ff6600;}
div.content1 .table6 tr:nth-child(1) td:nth-child(4) {background:#ff6600;}
div.content1 .table6 tr:nth-child(1) td:nth-child(6) {background:#ff6600;}
div.content1 .table6 tr:nth-child(1) td:nth-child(8) {background:#ff6600;}

div.content1 .table7 {border-collapse:collapse; border:1px solid #333; margin-right:40px;}
div.content1 .table7 tr td {width:30px; height:30px; border-collapse:collapse; border:1px solid #333; text-align:center; vertical-align:middle;}
div.content1 .table7 tr:nth-child(1) {border:none;}
div.content1 .table7 tr:nth-child(-2n+9) td:nth-child(2){background:#FFFFCC;}
div.content1 .table7 tr:nth-child(-2n+9) td:nth-child(4){background:#FFFFCC;}
div.content1 .table7 tr:nth-child(-2n+9) td:nth-child(6){background:#FFFFCC;}
div.content1 .table7 tr:nth-child(-2n+9) td:nth-child(8){background:#FFFFCC;}
div.content1 .table7 tr:nth-child(-2n+9) td:nth-child(10){background:#FFFFCC;}
div.content1 .table7 tr:nth-child(-2n+10) td:nth-child(1){background:#FFFFCC;}
div.content1 .table7 tr:nth-child(-2n+10) td:nth-child(3){background:#FFFFCC;}
div.content1 .table7 tr:nth-child(-2n+10) td:nth-child(5){background:#FFFFCC;}
div.content1 .table7 tr:nth-child(-2n+10) td:nth-child(7){background:#FFFFCC;}
div.content1 .table7 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:10px;}
	div#content1 .image2 {margin-left:10px;}

	div.content1 .table1 {border:none; width:100%}
	div.content1 .table3 {border-collapse:collapse; border:1px solid #333; margin-left:0; margin-right:auto;}
	div.content1 .table3 tr td {width:30px; height:30px; border-collapse:collapse; border:1px solid #333;}
}