﻿@charset "utf-8";
/* CSS Document */

/*********** ********** ********** ********** *********** ********** ********** ********** *********** ********** ********** **********
* reference.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%;}

div.content1 .list-style-type_disc {list-style-type:disc; margin-left:30px;}
div.content1 .list-style-type_decimal {list-style-type:decimal; margin-left:30px;}

div.content1 table {border:none;}
div.content1 table tr td {border:none;}

div.content1 .table1 {border:none; font-size:95%; padding:5px; vertical-align:middle; max-width:750px;}
div.content1 .table1 tr td {border:none;}
div.content1 .table1 tr:nth-child(1) {font-weight:bold; color:#008200;}
div.content1 .table1 td:nth-child(1) {width:9%; height:28px;}
div.content1 .table1 td:nth-child(2) {width:48%; height:28px;}
div.content1 .table1 td:nth-child(3) {width:22%; height:28px;}
div.content1 .table1 td:nth-child(4) {width:22%; height:28px;}

div.content1 .table2 {border:solid 1px #555; padding:5px; vertical-align:middle; max-width:660px;}
div.content1 .table2 tr td {border:solid 1px #555;}
div.content1 .table2 tr:nth-child(1) {font-weight:normal; color:#ffffff; background:#008200; text-align:center;}
div.content1 .table2 td:nth-child(1) {width:280px; text-align:center; vertical-align:middle; height:28px;}
div.content1 .table2 td:nth-child(2) {height:28px; text-align:center; vertical-align:middle;}
div.content1 .table2 td:nth-child(3) {height:28px; text-align:center; vertical-align:middle;}
div.content1 .table2 td:nth-child(4) {height:28px; text-align:center; vertical-align:middle;}

div.content1 .table3 {border:solid 1px #555; padding:5px; vertical-align:middle; table-layout:fixed; max-width:750px;}
div.content1 .table3 tr td {border:solid 1px #555;}
div.content1 .table3 td:nth-child(1) {width:38%;  height:28px; vertical-align:middle; text-align:center; padding:0 10px;}
div.content1 .table3 td:nth-child(2) {width:62%; height:28px;}

@media screen and (max-width: 800px) {
	div#infomation .content table td{
           display:block;
           height:150px;
           width:100%;
        }
}
