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

/*********** ********** ********** ********** *********** ********** ********** ********** *********** ********** ********** **********
* usageguide_99.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%; line-height: 1.5em}
div.content1 p{padding-left:2%;width:98%;}
div.content1 h4 {padding-left:10px;}
div.content1 .list-style-type_decimal {list-style-type:decimal; margin-left:50px;}
div.content1 .p1 {padding-left:4px; ;width:93%;}
div.content1 .p2 {padding-left:64px; ;width:88%;}

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

div.content1 .table1 {border-collapse:collapse; margin:0 50px;}
div.content1 .table1 tr td {border:solid 1px #555;}
div.content1 .table1 tr:nth-child(1) {text-align:center;}
div.content1 .table1 tr:nth-child(1) td:nth-child(1) {background:#66FFFF;}
div.content1 .table1 tr:nth-child(1) td:nth-child(2) {background:#33FF33;}
div.content1 .table1 tr:nth-child(1) td:nth-child(3) {background:#FFFF00;}
div.content1 .table1 tr:nth-child(1) td:nth-child(4) {text-align:center; background:#FFFF00;}
div.content1 .table1 td:nth-child(1) {width:220px; vertical-align:middle; text-align:center;}
div.content1 .table1 td:nth-child(2) {width:130px; vertical-align:middle; text-align:center;}
div.content1 .table1 td:nth-child(3) {width:130px; vertical-align:middle; text-align:center;}
div.content1 .table1 td:nth-child(4) {width:317px; vertical-align:middle; text-align:left; padding-left:6px;}

div.content1 .table2 {border-collapse:collapse; margin:0 50px;}
div.content1 .table2 tr td {border:solid 1px #555;}
div.content1 .table2 tr:nth-child(1) td:nth-child(1) {background:#66FFFF;}
div.content1 .table2 tr:nth-child(1) td:nth-child(2) {background:#33FF33;}
div.content1 .table2 tr:nth-child(1) td:nth-child(3) {background:#FFFF00;}
div.content1 .table2 td:nth-child(1) {width:140px; vertical-align:middle; text-align:center;}
div.content1 .table2 td:nth-child(2) {width:320px; vertical-align:middle; text-align:center;}
div.content1 .table2 td:nth-child(3) {width:500px; vertical-align:middle; text-align:center;}

div.content1 .table3 {border-collapse:collapse; margin:0 50px;}
div.content1 .table3 tr td {border:solid 1px #555;}
div.content1 .table3 tr:nth-child(1) td:nth-child(1) {border:none;}
div.content1 .table3 tr:nth-child(1) {text-align:center; vertical-align:middle; border-top-style:none;}
div.content1 .table3 tr:nth-child(2) td:nth-child(1) {background:#ffff00;}
div.content1 .table3 tr:nth-child(2) td:nth-child(2) {background:#00ffff;}
div.content1 .table3 tr:nth-child(2) td:nth-child(3) {background:#ff80ff;}
div.content1 .table3 td:nth-child(1) {width:300px; vertical-align:middle; text-align:center;}
div.content1 .table3 td:nth-child(2) {width:400px; vertical-align:middle; text-align:center;}
div.content1 .table3 td:nth-child(3) {width:80px; vertical-align:middle; text-align:center;}

div.content1 .table4 {border-collapse:collapse; margin:0 50px;}
div.content1 .table4 tr td {border:none;}
div.content1 .table4 td:nth-child(1) {width:210px; vertical-align:middle;}
div.content1 .table4 td:nth-child(2) {width:54px; vertical-align:middle; text-align:center;}
div.content1 .table4 td:nth-child(3) {width:400px; vertical-align:middle;}


@media screen and (max-width: 800px) {
	div#infomation .content table td{
           display:block;
           height:150px;
           width:100%;
        }
}
*.table_border_solid {border: solid 1px; padding: 3px;}
*.table_border_solid_center {border: solid 1px; text-align: center; vertical-align: middle; padding: 3px;}