@charset "utf-8";

table.fee {margin: 10px 0; border: 2px solid #bbb; line-height: 160%;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
-webkit-box-shadow: 0 1px 3px #ccc;
-moz-box-shadow:    0 1px 3px #ccc;
box-shadow:         0 1px 3px #ccc;}

table.fee {border-width: 2px 1px 1px 2px; *border-width: 2px; border-spacing: 0; *border-collapse: collapse; /* IE7 and lower */}

table.fee th {text-align: center;}

table.fee td, table.fee th {
	border-width: 0;
	border-right:  1px solid #bbb;
	border-bottom: 1px solid #bbb;
}



table.fee th {
font-weight: normal;
text-align: center;
	background-color: #f5f5f5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f9f9f9));
	background-image: -webkit-linear-gradient(top, #efefef, #f9f9f9);
	background-image:    -moz-linear-gradient(top, #efefef, #f9f9f9);
	background-image:     -ms-linear-gradient(top, #efefef, #f9f9f9);
	background-image:      -o-linear-gradient(top, #efefef, #f9f9f9);
	background-image:         linear-gradient(top, #efefef, #f9f9f9);
	-webkit-box-shadow:	0 1px 0 rgba(255,255,255,.8) inset;
	-moz-box-shadow:		0 1px 0 rgba(255,255,255,.8) inset;
	box-shadow:					0 1px 0 rgba(255,255,255,.8) inset;
	text-shadow:				0 1px 0 rgba(255,255,255,.5);
}


table.fee th:first-child {-moz-border-radius: 4px 0 0 0; -webkit-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0;}

table.fee th:last-child {
	-moz-border-radius: 0 4px 0 0;
	-webkit-border-radius: 0 4px 0 0;
	border-radius: 0 4px 0 0;
}

table.fee th:only-child{
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

table.fee tr:last-child td:first-child {
	-moz-border-radius: 0 0 0 4px;
	-webkit-border-radius: 0 0 0 4px;
	border-radius: 0 0 0 4px;
}

table.fee tr:last-child td:last-child {
	-moz-border-radius: 0 0 4px 0;
	-webkit-border-radius: 0 0 4px 0;
	border-radius: 0 0 4px 0;
}

/* 料金の値段 */

.dinf {font-family: 'dinFs', 'Arial', sans-serif; padding-right: 2px; padding-left: 2px;}

table.total {border-color: #ff8c00; border-width: 2px}
table.total td {border: none;}

.fee .dinf {font-size: 22px; vertical-align: -1px;}
.fee .dinf span {font-size: 18px;}
.fee td.total .dinf {color: #ff8c00;}
.fee td.total {text-align: right;}
.fee .isp_logo {height: 50px;}

table.total .dinf {font-size: 30px; color: #ff8c00; vertical-align: -1px;}
table.total .dinf span {font-size: 20px;}

.dinf.st {color: #ff8c00;} /* strongの略 */

td.sm, th.sm {line-height: 150%;}

table td.br_dot, table th.br_dot {border-right-style: dotted;}
table td.br_non, table th.br_non {border-right-style: none;}

table.fee .waribiki {background: #ffe57f; margin: 6px 0; padding: 6px; font-size: 80%; line-height: 120%; width: 90%; white-space: nowrap;}

h2 + table.fee,
h3 + table.fee,
h4 + table.fee,
h5 + table.fee,
h6 + table.fee {margin-top: 0;}