@charset "utf-8";
/* CSS Document */

.editArea h2{ clear:both; font-size:140%; font-weight:bold; margin:35px 0; background:url(../img/h2_bd.gif) left bottom no-repeat; padding-bottom:10px;}
.editArea h2.casestudy{ background:url(../img/h2_casestudy.gif) 0 0 no-repeat; padding:4px 0 0 55px; min-height:40px;}
.editArea h2.category{ background:url(../img/h2_category.gif) 0 0 no-repeat; padding:4px 0 0 55px; min-height:40px;}
.editArea h2.issue{ background:url(../img/h2_issue.gif) 0 0 no-repeat; padding:4px 0 0 55px; min-height:40px;}
.editArea h2.sec30{ background:url(../img/h2_30sec.gif) 0 0 no-repeat; padding:4px 0 0 55px; min-height:44px;}
.editArea h2.list{ background:url(../img/h2_list.gif) 0 0 no-repeat; padding:4px 0 0 55px; min-height:40px;}
.editArea h2.keyword{ background:url(../img/h2_keyword.gif) 0 0 no-repeat; padding:4px 0 0 55px; min-height:40px;}
.editArea h2 a.icArrow{ color:#000000;}
.editArea h2 a.icArrow:hover{ color:#0096d7; text-decoration:none;}
.editArea h2 a.icArrow:after{ content:''; display:inline-block; width:9px; height:14px; background:url(../img/icon_arrow_drop.png) no-repeat; margin-left:10px;}

.editArea h3{ clear:both; font-size:120%; font-weight:bold; margin:30px 0 20px; border-left:8px solid #80d2f3; padding-left:6px;}
.editArea h4{ font-size:120%; font-weight:bold; margin:30px 0 20px;}
.editArea h5{ font-weight:bold; margin:20px 0 10px;}
#contentArea .editArea p{ margin:20px 0;}

.editArea ul{ margin:20px 0;}
.editArea ul li{ background:url(../img/icon_list.png) 2px 0.6em no-repeat; padding-left:15px; margin:3px 0;}
.editArea ul ol{ padding-left:25px;}
.editArea ul ol li{ background:none; padding:0;}

.editArea ol{ margin:20px 0 20px 25px; list-style:decimal;}
.editArea ol li{ margin:3px 0;}
.editArea ol ul{ list-style:none;}

.editArea table.tbl{ width:100%; margin:30px 0; border-collapse:collapse; table-layout:fixed;}
.editArea table.tbl th,.editArea table.tbl td{ border-bottom:1px solid #ffffff; vertical-align:top; text-align:left; padding:12px; table-layout:fixed;}
.editArea table.tbl th{ background:#eaedf5; font-weight:normal;}
.editArea table.tbl th + th,.editArea table.tbl td + td,.editArea table.tbl th.bdl,.editArea table.tbl td.bdl{ border-left:1px solid #ffffff;}
.editArea table.tbl td{ background:#f5f6fa;}
.editArea table.tbl .w20{ width:20%;}
#contentArea .editArea table.tbl p,.editArea table.tbl ul{ margin:5px 0;}
.editArea table.tbl ol{ margin:5px 0 5px 25px;}
.editArea table td img{ max-width:100%; height:auto !important;}

.editArea ul.pNavs li{ background:url(../img/icon_arrow_b.png) 0 0.6em no-repeat;}

.editArea .capBox{ float:left; margin-right:10px; text-align:center;}
.editArea .capBoxR{ float:left; text-align:center;}
.editArea .capBox p,.editArea .capBoxR p{ margin:5px 0 0;}

.editArea hr{ height:1px; border:none; border-top:6px solid #80d2f3; margin:20px 0;}
.editArea hr.sep{ height:0; border:none; border-top: 1px solid #ddd; margin: 35px 0; }

#contentArea .editArea>*:first-child{ margin-top:0px;}
.editArea ul ul,.editArea ul ol,.editArea ul p,.editArea ul table.tbl,.editArea ol ul,.editArea ol ol,.editArea ol p,.editArea ol table.tbl{ margin:5px 0;}

.editArea .grArea{ background:#f5f5f5; padding:20px; margin:25px 0;}

.editArea .grArea>h2:first-child,.editArea .grArea>h3:first-child,.editArea .grArea>h4:first-child,.editArea .grArea>p:first-child,.editArea .grArea>ul:first-child,.editArea .grArea>ol:first-child,.editArea .grArea>table.tbl:first-child{ margin-top:0px;}

.editArea .acArea h2.acTitle {
	position: relative;
	clear:both;
	font-size:140%;
	font-weight:bold;
	margin:35px 0;
	padding: 10px;
	border: 2px solid #80d2f3;
	background: none;
	cursor: pointer;
}
.editArea .acArea h2.acTitle:before {
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	left: -2px;
	bottom: -2px;
	background:url(../img/h2_bd.gif) left top no-repeat;
}
.editArea .acArea h2.acTitle:after {
	content: '';
	width: 24px;
	height: 24px;
	position: absolute;
	right: 10px;
	bottom: 0;
	top: 0;
	margin: auto;
	background:url(../img/icon_ac_plus.png) no-repeat center center;
}
.editArea .acArea h2.acTitle:hover {
	background-color: #ecf8fd;
}
.editArea .acArea.is-active>h2.acTitle:after {
	background:url(../img/icon_ac_minus.png) no-repeat center center;
}
.editArea .acArea h3.acTitle {
	position: relative;
	clear:both;
	font-size:120%;
	font-weight:bold;
	margin:30px 0 20px;
	border:1px solid #80d2f3;
	border-left:8px solid #80d2f3;
	padding: 6px;
	cursor: pointer;
}
.editArea .acArea h3.acTitle img {
	vertical-align: middle;
	line-height: 0;
}
.editArea .acArea h3.acTitle:after {
	content: '';
	width: 22px;
	height: 22px;
	position: absolute;
	right: 10px;
	bottom: 0;
	top: 0;
	margin: auto;
	background:url(../img/icon_ac_plus.png) no-repeat center center;
	background-size: 100% auto;
}
.editArea .acArea h3.acTitle:hover {
	background-color: #ecf8fd;
}
.editArea .acArea.is-active>h3.acTitle:after {
	background:url(../img/icon_ac_minus.png) no-repeat center center;
}
.editArea .acArea .acBody {
	overflow: hidden;
}
.editArea .acArea .acBody > *:first-child {
	margin-top: 0 !important;
}

.editArea [valign="middle"] {
	vertical-align: middle !important;
}

.faqArea {
	margin-top: 20px;
}
.faqArea .faqTitle {
	position: relative;
	padding-right: 35px;
	margin-bottom: 10px;
	overflow: hidden;
	cursor: pointer;
}
.faqArea .faqTitle .faqInner > :first-child {
	margin-top: 0 !important;
}
.faqArea .faqTitle .faqInner > :last-child {
	margin-bottom: 0 !important;
}
.faqArea .faqTitle:after {
	content: '';
	width: 22px;
	height: 22px;
	position: absolute;
	right: 10px;
	bottom: 0;
	top: 0;
	margin: auto;
	background:url(../img/icon_faq_plus.png) no-repeat center center;
	background-size: 100% auto;
}
.faqArea.is-active .faqTitle:after {
	background:url(../img/icon_faq_minus.png) no-repeat center center;
}
.faqArea .faqTitle .faqIconQ {
	float: left;
	margin:0 15px 15px 0;
}
.faqArea .faqTitle .faqInner {
	overflow: hidden;
}
.faqArea .faqBody {
	overflow: hidden;
}
.faqArea .faqBody .faqInner > :first-child {
	margin-top: 0 !important;
}
.faqArea .faqBody .faqInner > :last-child {
	margin-top: 0 !important;
}
.faqArea .faqBody .faqIconA {
	float: left;
	margin:0 15px 15px 0;
}
.faqArea .faqBody .faqInner {
	overflow: hidden;
}