
/*============================
#contentArea
============================*/

#contentArea .subTitle { background: #d3f1fb; border-top: 4px solid #059fd2; font-size:17px; }
#contentArea .lead { line-height: 1.7; padding: 0 30px; margin-top: 40px; }
#contentArea .lead .sub { line-height: 1.7; color: #777; font-size:12px; margin-top:20px; text-indent: -1em; padding-left:1em; }
#contentArea .content { padding: 0 0; margin-top: 40px; }
#contentArea .content .miniTitle span { border-left: 5px solid #059fd2; line-height: 1.4; font-size: 18px; font-weight: bold; padding-left:10px; }
#contentArea .content .text { line-height: 1.7; margin-top: 30px; padding: 0 30px; }
#contentArea .content .matome { line-height: 1.7; margin-top: 30px; border-top: dotted 1px #ddd; padding: 30px 30px 0; }
#contentArea .content .question {margin: 30px 30px 0; }
#contentArea .content .graph { text-align: center; margin-top: 30px; }

#contentArea .content .point {  }
#contentArea .content .point .list { }
#contentArea .content .point .list .text { margin-top: 10px; padding-left: 35px; line-height: 1.7; }
#contentArea .content .point .list .text span { display: inline-block; margin-left: -17px; font-size: 18px; color: #059fd2; }
#contentArea .content .point .list .category { margin-top: 25px; margin-bottom: 5px; padding-left: 20px; line-height: 1.7; }
#contentArea .content .point .list .category span { padding: 2px 10px; background: #dcf4d2; border: 1px solid #c6e6b8; font-weight: bold; border-radius: 2px; }
#contentArea .content .point .list .minor { margin-top: 10px; padding-left: 45px; line-height: 1.7; }
#contentArea .content .point .list .minor span { display: inline-block; margin-left: -17px; font-size: 10px; color: #059fd2; margin-right: 5px; }


#contentArea .content .figure  { }
#contentArea .content .figure th,
#contentArea .content .figure td { line-height: 1.5; }
#contentArea .content .figure th { font-weight: bold; padding: 0 15px 0 0; color: #059fd2; }
#contentArea .content .figure tr + tr th,
#contentArea .content .figure tr + tr td { padding-top: 15px; }

#contentArea .content .catchLead { margin-bottom: 15px; margin-top: 25px; padding: 0 30px; }
#contentArea .content .catchLead span { font-size: 14px; font-weight: bold; border: 1px solid #e66c27; padding: 1px 10px 0; background: #f47b36; color: #fff; border-radius: 2px; }
#contentArea .content .comment { line-height: 1.7; padding: 0 20px; }
#contentArea .content .comment ul { }
#contentArea .content .comment ul li { margin-top: 10px; padding-left: 35px; line-height: 1.5; }
#contentArea .content .comment ul li span { display: inline-block; margin-left: -17px; font-size: 18px; color: #f47b36; }
#contentArea .content .comment ul li span.name { display: inline; margin-left: 0; font-size: 14px; color: #f47b36; }


/* .conclusion */
#contentArea .conclusion .photo { float: left; padding: 7px; border: 1px solid #ddd; margin: 0 10px 10px 0; width: 200px; }
#contentArea .conclusion .data { float: right; line-height: 1.5; width: 390px; }
#contentArea .conclusion .name { margin-top: 7px; font-size: 11px; text-align: center; font-weight: normal; }
.clearfix:after { content: ""; clear: both; display: block;}

/*============================
#summaryArea
============================*/
#summaryArea .text { background: #059fd2; }
#summaryArea .text:after { border-top-color: #059fd2; }
#summaryArea ul li:before { color: #059fd2; }

/*============================
#nextPageArea
============================*/
.nextPageArea .paging ul li span { border-bottom: 2px solid #059fd2; }
