/* CSS Document */

@media (min-width: 768px) {
div#h1Title h1 { background: url(images/h1Title.png) no-repeat 0 37px; height: 100%; }

.feeInner { padding: 5px 0 50px; font-size: 14px; line-height: 140%; }
.fee18 { font-size: 18px; line-height: 120%; }

table.feeTable { width: 100%; border-top: #2E5EC1 1px solid; border-left: #2E5EC1 1px solid; font-size: 14px; line-height: 120%; margin-bottom: 20px; }
table.feeTable th { background-color: #F0F0F0; color: #000; text-align: center; font-weight: bold; border-right: #2E5EC1 1px solid; border-bottom: #2E5EC1 1px solid; padding: 15px 0; }
table.feeTable td { text-align: center; border-right: #2E5EC1 1px solid; border-bottom: #2E5EC1 1px solid; padding: 15px 0; width: 21%; }
table.feeTable tr.top th { background-color: #3591BC; color: #FFF; text-align: center; font-weight: normal; }    
}
@media (max-width: 767px) {
table.feeTable01 { width: 100%; border-top: #2E5EC1 1px solid; border-left: #2E5EC1 1px solid; }
table.feeTable01 th { background-color: #3591BC; text-align: center; color: #FFF; font-weight: bold; border-right: #2E5EC1 1px solid; border-bottom: #2E5EC1 1px solid; padding: 15px 5px; }
table.feeTable01 td { text-align: center; border-right: #2E5EC1 1px solid; border-bottom: #2E5EC1 1px solid; padding: 15px 0; width: 29%; }
table.feeTable01 tr.top th { background-color: #F0F0F0; color: #000; text-align: center; font-weight: normal; }
table.feeTable01 tr.top th.th01 { background-color: #3591BC; color: #FFF; font-weight: bold; }

}

@media screen and (min-width:480px) and (max-width: 640px){
table.feeTable01 th { padding: 10px 0; }
table.feeTable01 td { padding: 10px 0; }
}
@media screen and (min-width:320px) and (max-width: 480px){
table.feeTable01 th { padding: 5px 0; }
table.feeTable01 td { padding: 5px 0; }
}

@media (max-width: 480px) {

}