@charset "utf-8";

html
{
	margin: 5px;
	padding: 0;
}

body
{
	background-color: #FFFFFF;
	text-align: center;
}
textarea
{
	overflow-y: scroll;
	resize: none;
	font-size: 10pt;
}
ul
{
	margin-top: 5px;
	margin-bottom: 10px;
}

.base_div
{
	background-color: #FFFFFF;
	width: 800px;
	text-align: left;
	font-size: 12pt;
}
.title_div
{
 margin:0 0 20px 0;
	width: 100%;
	text-align: center;
	font-size: 18pt;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	background-color: #311264;
}
.footer_div
{
	width: 750px;
	background-color: #311264;
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	font-size: 10pt;
}

.comment_div
{
	margin: 3px 0px 20px 0px;
}
.hissu_span
{
	color: #FF0000;
}

.emphasis_div
{
	font-size: 10pt;
	margin: 5px;
	padding: 5px;
	
	border-width: 2px;
	border-style: dashed;
	border-color: red;
}

.button_div
{
	margin: 5px 0px 10px 0px;
	text-align: center;
}

.change_table1
{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	
	/*width: 100%;
	border-collapse:collapse;
	width: 100%;
	margin: 0px 0px 20px 0px;
	
	border-width: 2px 0px 0px 2px;
	border-style: solid;
	border-color: #666666;*/
}
.change_table1 caption
{
	font-size: 9pt;
	text-align: left;
}
.change_table1 th
{
	border:1px solid #ccc;
	padding:10px;
	/*border-width: 2px 0px 0px 2px;
	border-style: solid;
	border-color: #666666;*/
	
	font-size: 11pt;
	background-color: #DDDDDD;
	font-weight: normal;
}
.change_table1 td
{
	border:1px solid #ccc;
	padding:10px;
	/*border-width: 2px 0px 0px 2px;
	border-style: solid;
	border-color: #666666;*/
	
	font-size: 10pt;
}
.change_table1 .th_type1
{
	width: 30%;
	background-color: #F2F9A8;
}
.change_table1 .th_type2
{
	width: 30%;
	background-color: #FFFFFF;
}


.change_table2
{
	/*border-collapse:collapse;*/
	width: 100%;
	margin: 0px 0px 20px 0px;
	
	/*border-width: 2px 0px 0px 2px;*/
	border-style: solid;
	border-color: #666666;
}
.change_table2 th
{
	/*border-width: 2px 0px 0px 2px;*/
	border-style: solid;
	border-color: #666666;
	
	font-size: 11pt;
	background-color: #DDDDDD;
	font-weight: normal;
}
.change_table2 td
{
	/*border-width: 2px 0px 0px 2px;*/
	border-style: solid;
	border-color: #666666;
	
	font-size: 10pt;
}

.change_table2 .td_type1
{
	width: 5%;
	text-align: center;
}

.change_table2 .td_type2
{
	width: 25%;
	text-align: center;
}

/* ----------------- */

/* ----------------- */
.a_base_div
{
	background-color: #FFFFFF;
	width: 750px;
	text-align: left;
	font-size: 12pt;
}

.page_div
{
	text-align: right;
}
.page_table
{
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.page_table td
{
	width: 50%;
}
.page_table .l
{
	text-align: left;
}
.page_table .r
{
	text-align: right;
}

.change_list_table
{
	/*border-collapse:collapse;*/
	width: 100%;
	
	/*border-width: 1px 0px 0px 1px;*/
	border-style: solid;
	border-color: #666666;
}
.change_list_table th
{
	/*border-width: 0px 1px 1px 0px;*/
	border-style: solid;
	border-color: #666666;
	font-size: 11pt;
	background-color: #DDDDDD;
}
.change_list_table td
{
	/*border-width: 0px 1px 1px 0px;*/
	border-style: solid;
	border-color: #666666;
	font-size: 10pt;
}
.change_list_table .type1
{
	width: 14%;
}
.change_list_table .type2
{
	width: 20%;
}
.change_list_table .type2 div
{
	font-size: 7pt;
}
.change_list_table .type3
{
	width: 15%;
}
.change_list_table .type4
{
	width: 35%;
}
.change_list_table .type5
{
	width: 8%;
}
.change_list_table .type6
{
	width: 8%;
}

@media screen and (max-width:572px) {
/*　画面サイズが572px以下はここを読み込む　*/

.base_div {
	width:90%;
	margin:0 auto;
	font-size: 10pt;
}

table.change_table1 th,table.change_table1 td
{
	width:auto;
	display:block;
}

table.change_table1 th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}

.footer_div {
	width:90%;
	margin:0 auto;
	font-size: 10pt;
}


.change_table1 .th_type1
{
	width:auto;
	background-color: #F2F9A8;
}
.change_table1 .th_type2
{
	width: auto;
	background-color: #FFFFFF;
}



}