@charset "utf-8";

#mainArea .mainBox .content table {width:100%; border:0; border-collapse: collapse;}
#mainArea .mainBox .content table th, #mainArea .mainBox .content table td {border:1px solid #cacaca;}
#mainArea .mainBox .content table .lt {text-align:left;}
#mainArea .mainBox .content table .rt {text-align:right;}
#mainArea .mainBox .content table .cr {text-align:center;}

#mainArea .mainBox .content .info {overflow:hidden;}
#mainArea .mainBox .content .info div:first-child {float:left; width:40%;}
#mainArea .mainBox .content .info div:last-child {float:right; width:58%;}

#mainArea .mainBox .content .info div > table {margin-top:50px;}
#mainArea .mainBox .content .info div > table th, #mainArea .mainBox .content .info div > table td {padding:3px 10px; font-size: 12px;}
#mainArea .mainBox .content .info div > table th {background-color:#eee;}
#mainArea .mainBox .content .info div > table th:nth-child(1) {width:40%;}
#mainArea .mainBox .content .info div > table th:nth-child(2) {width:30%;}
#mainArea .mainBox .content .info div > table th:nth-child(3) {width:30%;}

#mainArea .mainBox .content .info div > table td span {width:10px; height:10px; display: inline-block;}
#mainArea .mainBox .content .info div > table td span.a { background-color:#eaa228;}
#mainArea .mainBox .content .info div > table td span.b { background-color:#c5b47f;}
#mainArea .mainBox .content .info div > table td span.c { background-color:#579575;}
#mainArea .mainBox .content .info div > table td span.d { background-color:#4bb2c5;}

#mainArea .mainBox .content .info div p.comment {margin-top:5px; font-size: 12px; text-align: right;}

#mainArea .mainBox .content > table {margin-top:30px;}
#mainArea .mainBox .content > table th, #mainArea .mainBox .content > table td {padding:5px 10px;}
#mainArea .mainBox .content > table th {background-color:#eee;}

#mainArea .mainBox .content > table:nth-of-type(1) th:nth-child(1) {width:34%;}
#mainArea .mainBox .content > table:nth-of-type(1) th:nth-child(2) {width:22%;}
#mainArea .mainBox .content > table:nth-of-type(1) th:nth-child(3) {width:22%;}
#mainArea .mainBox .content > table:nth-of-type(1) th:nth-child(4) {width:22%;}

#mainArea .mainBox .content > table:nth-of-type(2) th {width:20%;}

#mainArea .mainBox .content .text {margin-top:10px; text-align:right;}