@charset "utf-8";

/*********************************
 *
 * STYLES
 *
 *********************************/
table.pt1 {}
	table.pt1 tbody th {width:15%; background:#fafafa; text-align:center;}
	table.pt1 tbody td {width:15%; text-align:right;}

table.pt2 {}
	table.pt2 tbody th {width:22%; background:#fafafa; text-align:center;}
	table.pt2 tbody td {width:28%; text-align:right;}

table.pt3 {}
	table.pt3 tbody th {width:22%; background:#fafafa; text-align:center;}
	table.pt3 tbody td {width:38%; text-align:right;}

table.pt4 {width:85%; margin-top:1em;}
	table.pt4 tbody th {width:40%; background:#fafafa;}
	table.pt4 tbody td {width:30%; text-align:right;}

table.pt5 {margin-top:1em;}
	table.pt5 tbody th {background:#fafafa;}
	table.pt5 tbody th.ttl {width:100%; background:#dce6ed; color:#204862; font-size:13px; font-weight:bold;}
	table.pt5 tbody th.sttl {width:32%;}
	table.pt5 tbody td {width:22%; text-align:right;}

ul.atn {margin:8px 0 0 0; color:#555; font-size:11px; list-style-type:none;}
	ul.atn li {margin:0 0 0 3em; text-indent:-3em;}
		ul.atn dl {margin:0 0 3px 3em;}
			ul.atn dl dt {float:left; width:8em; margin-right:-8em;}
			ul.atn dl dd {margin-left:8em;}
			
.txt_c {text-align:center !important;}

.lead {margin:0 0 1em 0; padding:1em; background:#eef5fb; color:#1c5b99;}

.gm {margin:1em 0 0 0;}

@media screen and (max-width: 767px) {

/* profile */	
table.profile {width:100%; margin:0 auto; border:1px solid #d6d6d1; border-top:0;}
table.profile th, table.profile td {display:block; line-height:1.6;}
table.profile th {padding:1em 1.5em; background:#fafafa; border-top:1px solid #d6d6d1; font-weight:700; white-space:nowrap;}
table.profile td {padding:1.5em; border-left:none;}

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

/* links */
table.links {width:100%; margin:5px 0 0 0; border-top:1px solid #d6d6d1;}
table.links th, table.links td {padding:0.7em 1em; border-bottom:1px solid #d6d6d1;}
table.links td {background:#fafafa;}

}

@media screen and (min-width: 768px) {

h3.ttl {background:url(../common/images/contents/bg_h2.gif) repeat-y; padding:16px 0 10px 0; border-bottom:1px solid #ddd; color:#694f02; font-size:14px; font-weight:bold; line-height:1.3;}
h3.ttl span {font-size:12px;}
	
/* profile */	
table.profile {width:100%;}
table.profile th, table.profile td {padding:1.5em; border:1px solid #d6d6d1; line-height:1.6;}
table.profile th {width:180px; background:#fafafa; border-right:none; font-weight:bold; white-space:nowrap;}

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

/* links */
table.links {width:100%; margin:1em 0 0 0; border-top:1px solid #d6d6d1;}
table.links th, table.links td {padding:0.7em 1em; border-bottom:1px solid #d6d6d1;}
table.links td {background:#fafafa;}
	
/* 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;}
	
}