@charset "UTF-8";
#wrapper	{position: relative;}
#main	{padding-top: 0;}
.container{
	padding: 0;
}

.cpTpl .container .kvArea img{
	width: 100%;
}
.cpTpl .content .innerCpTpl {
	padding: 0 10px;
}

.cpTpl #fixedBtn	{display: none; position: fixed; bottom: 20px; left: 0; width: 100%;}
.cpTpl .alert	{color: #ee0000; font-weight: bold;}
.cpTpl .buttonCpTpl	{display: block; padding: 15px; color: #ffffff; background-color: #000000; border: none; font-size: 16px; text-align: center; cursor: pointer}
.cpTpl .buttonCpTpl.blue	{background-color: #006acc;}
.cpTpl .buttonCpTpl:active	{background-color: #cc0033;}
.cpTpl .buttonCpTpl.blue:hover	{background-color: #115294;}
.cpTpl .buttonAreaCpTpl a	{margin: 0 20px;}
.cpTpl #fixedBtn .buttonAreaCpTpl a	{margin: 0 90px 0 10px;;}
.cpTpl .tabContentCpTpl .buttonAreaCpTpl	{margin-top: 50px; padding: 20px 0; background-color: #e7e7e7;}

.cpTpl .content .containerCpTpl	{ line-height: 1.6}
.cpTpl .content p	{margin-bottom: 15px;}
.cpTpl .content h3	{margin: 30px 0 10px; padding: 10px; color: #ffffff; background-color: #cc0033; border-bottom: 5px solid #000000; font-weight: bold; overflow: hidden; border-bottom-width: 3px; border-bottom-style: solid; font-size: 16px;}
.cpTpl .content .cpDetail h3	{margin-bottom: 0;;}
.cpTpl .content h4	{margin-bottom: 10px; padding-left: 10px; color: #cc0033; border-left: 5px solid #cc0033; font-size: 16px; font-weight: bold;}
.cpTpl .content h5	{margin: 0 0 10px; padding: 10px; border-bottom: 3px solid #aaaaaa; font-size: 16px; font-weight: bold;}
.cpTpl .content .mainCatch	{padding: 0 10px;}
.cpTpl .content .mainCatch .colCpTpl div{margin-top: 10px}
.cpTpl .content .rowCpTpl .colCpTpl > div a	{ display: block; padding: 10px; background-color: #ffffff; border: 2px solid #cc0033; font-size: 12px; text-align: center;}
.cpTpl .content .rowCpTpl .colCpTpl > div a:active	{ text-decoration: none}
.cpTpl .content .rowCpTpl .colCpTpl b	{display: block; color: #cc0033; font-size: 12px; font-weight: bold; line-height: 1.4;}
.cpTpl .content .rowCpTpl .colCpTpl b:after	{content: "\f078"; margin: 10px 0; font-family: fontAwesome; font-size: 14px; font-weight: normal; line-height: 1.0;}
.cpTpl .content .prArea	{margin-top: 10px; padding: 20px; color: #ffffff; background-color: #000000; font-size: 14px; text-align: center;}
.cpTpl .content .prArea .rowCptpl span{display: block; padding: 5px 0; background-color: #cc0033; font-size: 12px; font-weight: bold; text-align: center;}
.cpTpl .content .prArea .rowCptpl p{padding: 10px 0; background-color: #333333; text-align: center;}
.cpTpl .content .prArea .buttonAreaCpTpl	{margin: 20px 0;}
.cpTpl .content .prArea b	{display: block; margin-top: 10px; font-size: 16px;}
.cpTpl .content .boxCpTpl	{margin: 10px;  padding: 20px;}
.cpTpl .content .boxCpTpl.solid	{background-color: #ffffff; border: 1px solid #c7c7c7;}
.cpTpl .content strong.pointCpTpl	{display: block; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #c7c7c7; font-size: 16px; font-weight: bold;}
.cpTpl .content strong.pointCpTpl span	{margin-left: 10px; color: #cc0033; font-weight: bold; text-decoration: underline}
.cpTpl .content strong.pointCpTpl .fa-chevron-right	{font-size: 12px; font-weight: normal; vertical-align: 2px;}

.cpTpl .content table	{display: block;}
.cpTpl .content table th, .cpTpl .content table td	{display: block; padding: 10px; }
.cpTpl .content table td	{padding-bottom: 20px;}
.cpTpl .content table th	{color: #cc0033; border-bottom: 1px dotted #c7c7c7; font-weight: bold;}
.cpTpl .content ul.discCpTpl	{margin: 0 10px 0 25px; list-style-type: disc}

.cpTpl .content .tabCpTpl	{padding: 0 0 2% 2%; background-color: #000000;}
.cpTpl .content .tabCpTpl li	{position: relative; float: left; width: 48%; height: 40px; line-height: 40px; margin: 2% 2% 0 0; color: #ffffff; background-color: #444444;font-size: 12px; font-weight: bold;text-align: center; cursor: pointer; z-index: 0; border-radius: 3px}
.cpTpl .content .tabCpTpl li.active	{ color: #333333; background-color: #ffffff;}
.cpTpl .content .tabCpTpl li.lf	{line-height: 1.4;}
.cpTpl .content .tabCpTpl li.lf:before	{display: block; content: ""; height:5px;}
.cpTpl .content .tabContentCpTpl > li	{display: none; padding-top: 20px; background-color: #ffffff;border: 5px solid #000000;border-bottom: 5px solid #000000;border-left: 5px solid #000000;}
.cpTpl .content .tabContentCpTpl > li h4, .cpTpl .content .tabContentCpTpl > li b	{margin-right: 20px; margin-left: 20px;}
.cpTpl .content .tabContentCpTpl > li p	{padding: 0 20px;}
.cpTpl .content .tabContentCpTpl li.active	{display: block;}
.cpTpl .content .tabContentCpTpl > li strong	{display: block; margin: 10px; padding: 10px; background-color: #e7e7e7; font-weight: bold;}
.cpTpl .content .tabContentCpTpl > li b	{font-weight: bold;}
.cpTpl .content .tabContentCpTpl li li h4	{margin-top: 50px;}
.cpTpl .content .tabContentCpTpl li li:first-child h4	{margin-top: 0;}
.cpTpl .content .phCpTpl	{text-align: center;}
.cpTpl .content .phCpTpl img	{max-width: 100%;}


.cpTpl .content #flowCpTpl ol li	{ position: relative;margin: 20px 20px 50px; padding: 10px 0; background-color: #ffffff; text-align: center;box-shadow:0px 0px 4px 4px #cccccc;
}
.cpTpl .content #flowCpTpl ol li:nth-of-type(1):after,
.cpTpl .content #flowCpTpl ol li:nth-of-type(2):after,
.cpTpl .content #flowCpTpl ol li:nth-of-type(3):after{ position: absolute; left: 50%; bottom: -10px; content: "\f078"; width: 20px; height: 20px; margin-left: -20px; font-family: fontAwesome; font-size: 40px; z-index: 10; text-align: center}
.cpTpl .content #flowCpTpl ol li > div b	{ display: block; color: #cc0033; font-size: 20px; font-weight: bold;}
.cpTpl .content #flowCpTpl ol li > div b:before	{ display: block; width: 60px; height: 60px; line-height: 60px; margin: 10px auto; color: #ffffff; background-color: #cc0033; border-radius: 30px;}
.cpTpl .content #flowCpTpl ol li:nth-of-type(1) > div b:before	{ content: "1";}
.cpTpl .content #flowCpTpl ol li:nth-of-type(2) > div b:before	{ content: "2";}
.cpTpl .content #flowCpTpl ol li:nth-of-type(3) > div b:before	{ content: "3";}
.cpTpl .content #flowCpTpl ol li:nth-of-type(4) > div b:before	{ content: "4";}
.cpTpl .content #flowCpTpl ol li > div p	{padding: 0 20px; font-size: 14px; text-align: left;}

.cpTpl .content .cpDetail .field, .cpTpl .content .noticeArea ul	{display: none}
.cpTpl .content .cpDetail h3, .cpTpl .content .noticeArea h5	{position: relative;}
.cpTpl .content .cpDetail h3:after, .cpTpl .content .noticeArea h5:after	{position: absolute; top: 0; right: 0; display: block; content: "\f067"; width: 40px; padding: 10px 0; font-family: fontAwesome; font-size: 16px; text-align: center;}
.cpTpl .content .cpDetail h3:after	{color: #333333;  border-left: 1px solid #a00c28;}
.cpTpl .content .noticeArea h5:after	{border-left: 1px solid #aaaaaa;}
.cpTpl .content .cpDetail h3.active:after, .cpTpl .content .noticeArea h5.active:after	{content: "\f068";}