@charset "UTF-8";

/* ----------------------------------------------------------------------------- */
/* -- page css -- */

a.kakunin {
	display:inline-block;
	box-sizing: border-box;
	font-size:90%;
	line-height:100%;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	padding:10px 10px;
	margin-left:8px;
	background-color:#09C;
	border-radius:4px;
}

div.money {
	width:100%;
}
div.money:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.money div.mbox {
	width:33.3%;
	box-sizing: border-box; 
	float:left;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
div.money div.mbox:nth-child(3) {
	border-right:1px solid #CCC;
}
div.money div.mbox h4 {
	height:24px;
	padding:8px 8px 4px;
	text-align:center;
	background-color:#F0F0F0;
}
div.money div.mbox p {
	height:130px;
	box-sizing: border-box; 
	background-color:#F0F0F0;
	padding:8px 104px 16px;
	border-bottom:1px solid #CCC;
}
div.money div.mbox dl {
	font-size:100%;
}
div.money div.mbox dl dt {
	height:50px;
	padding:4px 8px;
	border-bottom:1px solid #CCC;
}

div.money div.mbox dl dd {
	height:24px;
	padding:4px 8px;
	border-bottom:1px solid #CCC;
}



table.rate {
	width:100%;
	border-collapse:collapse; border-spacing:0px; 
	font-size:86%;
	line-height:120%;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	margin-bottom:8px;
}
table.rate th,
table.rate td {
	padding:16px 8px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
table.rate th {
	background-color:#F0F0F0;
}


table.coffer {
	width:100%;
	border-collapse:collapse; border-spacing:0px; 
	font-size:86%;
	line-height:120%;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	margin-bottom:8px;
}
table.coffer th,
table.coffer td {
	padding:16px 8px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
table.coffer th {
	background-color:#F0F0F0;
}


div.counter {
	display:table;
	width:100%;
	background-color:#E6E6E5;
}
div.counter div.box {
	display:table-cell;
	padding:16px;
}
div.counter div.box h3 {
	padding:0 0 8px;
}
div.counter div.box p {
	padding:0 0 8px;
}


table td input,
table td textarea {
	padding:8px;
	border:1px solid #CCC;
}

table.telbox td:nth-child(2) {
	width:430px;
	padding-left:10px;
}
table.telbox td:nth-child(2) p {
	padding:0 0 0 2.5em;
	text-indent:-2.5em;
}


table.addrtable tr:nth-child(n+3) td:last-child {
	width:270px;
	text-align:left;
}

div#load {
	padding:0;
	margin:0;
}
table.loadtable {
	padding:0;
	margin:0;
}
table.loadtable tr:nth-child(1) td {
	font-weight:bold;
}
table.loadtable tr:nth-child(n+3) td:nth-child(1) {
	width:100px;
}
table.loadtable tr:nth-child(n+3) td:nth-child(2) {
	width:20px;
}
table.loadtable tr:nth-child(n+3) td:nth-child(3) {
	width:80px;
}
table.loadtable tr:nth-child(n+3) td:nth-child(4) {
	width:20px;
	text-align:left;
}


table.remarks p {
	text-align:center;
}
table.remarks input {
	display:inline-block;
}


table.agreement td input.chk_btn {
	display:inline-block;
}
table.agreement tr:nth-child(2) td {
	text-align:center;
}
table.agreement tr:nth-child(2) td input:nth-child(2) {
	margin-left:24px;
}



/* ###################### break-tablet ###################### */
@media screen and (max-width: 840px) and (min-width: 641px) {


div.money div.mbox {
	display:table;
	width:100%;
	box-sizing: border-box; 
	float:none;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
div.money div.mbox:nth-child(3) {
	border-bottom:1px solid #CCC;
}
div.money div.mbox h4 {
	display:table-cell;
	width:3%;
	height:auto;
	padding:8px 8px 4px;
	text-align:center;
	background-color:#F0F0F0;
	vertical-align:middle;
	border-bottom:none;
}
div.money div.mbox p {
	display:table-cell;
	width:30%;
	height:auto;
	box-sizing: border-box; 
	background-color:#F0F0F0;
	padding:8px 8px;
	vertical-align:middle;
	border-bottom:none;
}
div.money div.mbox p img {
	width:70%;
}
div.money div.mbox dl {
	display:table-cell;
}
div.money div.mbox dl dt {
	height:auto;
	padding:4px 8px;
	vertical-align:middle;
	border-bottom:none;
	
}

div.money div.mbox dl dd {
	height:auto;
	padding:4px 8px;
	vertical-align:middle;
	border-bottom:none;
}

}



/* ###################### break-spn ###################### */
@media screen and (max-width: 640px) {


div.money div.mbox {
	display:table;
	width:100%;
	box-sizing: border-box; 
	float:none;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
div.money div.mbox:nth-child(3) {
	border-bottom:1px solid #CCC;
}
div.money div.mbox h4 {
	display:table-cell;
	width:3%;
	height:auto;
	padding:8px 8px 4px;
	text-align:center;
	background-color:#F0F0F0;
	vertical-align:middle;
	border-bottom:none;
}
div.money div.mbox p {
	display:table-cell;
	width:30%;
	height:auto;
	box-sizing: border-box; 
	background-color:#F0F0F0;
	padding:8px 8px;
	vertical-align:middle;
	border-bottom:none;
}
div.money div.mbox p img {
	width:70%;
}
div.money div.mbox dl {
	display:table-cell;
}
div.money div.mbox dl dt {
	height:auto;
	padding:4px 8px;
	vertical-align:middle;
	border-bottom:none;
	
}

div.money div.mbox dl dd {
	height:auto;
	padding:4px 8px;
	vertical-align:middle;
	border-bottom:none;
}


div.counter {
	display:block;
	width:100%;
	background-color:#E6E6E5;
}
div.counter div.box {
	display:block;
	padding:16px;
}
div.counter div.box h3 {
	padding:0 0 8px;
}
div.counter div.box p {
	padding:0 0 8px;
}


}