@charset "utf-8";

/*********************************
 *
 * PAGE STYLES
 *
 *********************************/

@media screen and (max-width: 767px) {
table.tbl1,
table.fee {width:100% !important;}
}

#area3 h3 {display:block !important; color:#2c9ec5; font-size:14px; font-weight:bold;}

/* tbl1 */
table.tbl1 {width:650px; margin:0 auto;}
table.tbl1 th, table.tbl1 td {padding:1em 0; border-bottom:1px solid #d6d6d1;}
table.tbl1 th {width:130px; color:#999;}

/* fee */
table.fee {width:650px; margin:5px auto 0 auto;}
table.fee th, table.fee td {padding:0.7em 1em; border:1px solid #d6d6d1; vertical-align:middle;}
table.fee th {width:140px; background:#fafafa; font-weight:bold; vertical-align:middle;}	
table.fee thead th {background:#2c9ec5; color:#fff; text-align:center;}
table.fee tbody td {text-align:center;}

/* list */
dl.list {overflow:hidden; clear:both; margin-top:1em;}
dl.list dt, dl.list dd {margin-bottom:2px;}
dl.list dt {float:left; width:90px;}
dl.list dd {margin-left:90px;}

/* list2 */
ul.list2 {margin:0.5em 0 0 1.3em; list-style-type:disc;}

@media screen and (min-width: 768px) {
.area3 + .area3 {margin:-20px 0 0 0;}
.area3 .fright img {max-width:170px; height:auto;}
}