@charset "utf-8";

#contents {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	color: #333333;
}
#contents a {
	color: #4b70b5;
	text-decoration: none;
}
#contents a:hover {
	color: #4b70b5;
	text-decoration: underline;
}
.marker {
	background: linear-gradient(transparent 50%, #ffff7f 50%);
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 3px;
	margin-right: 3px;
	font-weight: bold;
}
.marker a {
	font-weight: inherit;
}
#contents.columnContents {
	width: 100%;
}
#contents.columnContents .mainTitle {
	background-image: url(../column/images/maintitle_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 154px;
	width: 100%;
	margin-bottom: 40px;
}
#contents.columnContents .mainTitle h1 {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
	font-weight: bold;
	font-size: 40px;
	line-height: 40px;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
	-moz-text-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
	text-indent:-9999px;
}
#contents.columnContents .mainTitle p.columnTitle {
	width: 860px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
	font-weight: bold;
	font-size: 40px;
	line-height: 40px;
	text-indent:-9999px;
}
#contents.columnContents h1 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 0;
	color: #4B70B4;
	font-size: 28px;
	line-height: 40px;
}
#contents.columnContents h2,
#contents.columnContents p.h2Title {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 0px;
	padding: 10px;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 20px;
	clear: both;
	background-color: #1F4463;
}
#contents.columnContents h2 a,
#contents.columnContents p.h2Title a {
	display: block;
	width: 100%;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
}
#contents.columnContents ul.pickupSolutionList {
	list-style: none;
	margin: 40px 0;
	padding: 0 !important;
}
#contents.columnContents ul.pickupSolutionList li {
	display: inline-block;
	margin-bottom: 40px;
	margin-right: 10px;
}
#contents.columnContents ul.pickupSolutionList li:last-child {
	margin-right: 0px;
}
#contents.columnContents ul.pickupSolutionList li img {
	width: 200px;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
}
#contents.columnContents ol {
	list-style: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1F4463;
	font-size: 16px;
}
#contents.columnContents ol li {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #1F4463;
	border-right-color: #1F4463;
	border-left-color: #1F4463;
}
#contents.columnContents ol li a {
	padding: 10px;
	display: block;
}
#contents.columnContents ol li a:hover {
	text-decoration: none;
	background-color: #E6EFF7;
}

#contents.columnContents #section01 h2,
#contents.columnContents #section02 h2,
#contents.columnContents #section03 h2,
#contents.columnContents #section04 h2,
#contents.columnContents #section05 h2,
#contents.columnContents #section06 h2,
#contents.columnContents #section07 h2,
#contents.columnContents #section08 h2,
#contents.columnContents #section09 h2,
#contents.columnContents #section10 h2,
#contents.columnContents #section11 h2,
#contents.columnContents #section12 h2,
#contents.columnContents #section13 h2,
#contents.columnContents #section14 h2,
#contents.columnContents #section15 h2 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	color: #4b70b4;
	font-size: 18px;
	line-height: 25px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0C1A26;
	background-color: #FFF;
}
#contents.columnContents span.date {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 0;
	color: #707070;
	font-size: 12px;
	line-height: 20px;
}
#contents.columnContents img.titleImg {
	width: 100%;
	height: auto;
	clear: both;
}
#contents.columnContents p {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 30px;
}
#contents.columnContents p.quoteP {
	padding: 15px !important;
	background-color: #F0F0F0;
	border: 1px solid #CCCCCC;
	font-style: italic;
}
#contents.columnContents p.quoteP:before {
	content: "“ "
}
#contents.columnContents p.quoteP:after {
	content: " ”"
}


#contents.columnContents .columnArea {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}
#contents.columnContents .columnArea .leftBox {
	float: left;
	width: 640px;
}
#contents.columnContents .columnArea .leftBox.sub {
	float: left;
	width: 620px;
}
#contents.columnContents .columnArea .leftBox.top ul {
	list-style: none;
}
#contents.columnContents .columnArea .leftBox.top ul li {
	width: 300px;
	height: 300px;
	position: relative;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}
#contents.columnContents .columnArea .leftBox.top ul li img {
	width: 300px;
	height: 300px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
#contents.columnContents .columnArea .leftBox.top ul li .frame {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 200px;
	bottom: 0px;
	z-index: 2;
	padding-left: 14px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	background-image: url(../column/images/a-etl_2-min.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#contents.columnContents .columnArea .leftBox.top ul li .frame span.date {
	display: block;
	color: #ddd;
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column01 {
	background-image: url(../column/images/a-etl_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column02 {
	background-image: url(../column/images/b-dwh_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column03 {
	background-image: url(../column/images/c-dwhetl_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column04 {
	background-image: url(../column/images/d-eai_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column05 {
	background-image: url(../column/images/e-system_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column06 {
	background-image: url(../column/images/f-dtf_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column07 {
	background-image: url(../column/images/g-dexcel_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column08 {
	background-image: url(../column/images/h-ddatalink_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column09 {
	background-image: url(../column/images/i-edi_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column10 {
	background-image: url(../column/images/j-erp_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column11 {
	background-image: url(../column/images/k-core_system_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column12 {
	background-image: url(../column/images/l-20ops_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column13 {
	background-image: url(../column/images/m-data_conversion_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column14 {
	background-image: url(../column/images/n-data_migration_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column15 {
	background-image: url(../column/images/o-data_integration_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column16 {
	background-image: url(../column/images/p-invoice_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column17 {
	background-image: url(../column/images/q-errl_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column18 {
	background-image: url(../column/images/r-webapi_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column19 {
	background-image: url(../column/images/s-mjplus_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column20 {
	background-image: url(../column/images/t-legacy_migration_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column21 {
	background-image: url(../column/images/u-modernization_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column22 {
	background-image: url(../column/images/v-task_management_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column23 {
	background-image: url(../column/images/w-data_utilization_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column24 {
	background-image: url(../column/images/x-etl_tools_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column25 {
	background-image: url(../column/images/y-ocr_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column26 {
	background-image: url(../column/images/z-modernization_service_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column27 {
	background-image: url(../column/images/aa-edi_service_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column28 {
	background-image: url(../column/images/ab-edi_cloud_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column29 {
	background-image: url(../column/images/ac-edi_logistics_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column30 {
	background-image: url(../column/images/ad-saas_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li .frame.column31 {
	background-image: url(../column/images/ae-ipaas_2-min.jpg);
}
#contents.columnContents .columnArea .leftBox.top ul li.select .frame {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 2;
	padding-top: 60px;
}
#contents.columnContents .columnArea .leftBox.top ul li .frame h2 {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 22px;
	color: #FFF;
	font-weight: normal;
	height: 90px;
	width: auto;
	background-color: transparent;
}
#contents.columnContents .columnArea .leftBox.top ul li .frame p {
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 20px;
	color: #FFF;
	font-weight: normal;
	width: auto;
	word-break: break-all;
}
#contents.columnContents .columnArea .leftBox.top ul li .frame a {
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	font-size: 13px;
	line-height: 20px;
	color: #FFF;
	text-decoration: none;
	padding-top: 265px;
	padding-right: 15px;
	text-align: right;
	background-image: url(../column/images/transparent.gif);
}
#contents.columnContents .columnArea .leftBox.sub h3 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 0px;
	color: #1F4463;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
}
#contents.columnContents .columnArea .leftBox.sub h3.imgTitle {
	font-size: 14px;
	margin-bottom: -10px;
	text-align: center;
}
#contents.columnContents .columnArea .leftBox.sub h4 {
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 0px;
}
#contents.columnContents .columnArea .leftBox.sub ul {
	padding-left: 2em;
}
#contents.columnContents .columnArea .leftBox.sub ul li {
	margin-bottom: 20px;
	line-height: 26px;
}
#contents.columnContents .columnArea .leftBox.sub ul li.imgOnly {
	text-align: center;
	padding: 0;
}
#contents.columnContents .columnArea .rightBox {
	float: right;
	width: 300px;
}
#contents.columnContents .columnArea .rightBox .bannerBtn {
	background-color: #4b70b4;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}
#contents.columnContents .columnArea .rightBox .bannerBtn ul {
	list-style: none;
	text-align: center;
}
#contents.columnContents .columnArea .rightBox .bannerBtn ul li {
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	box-shadow:0px 0px 6px 3px #0a4d9b;
	-moz-box-shadow:0px 0px 6px 3px #0a4d9b;
	-webkit-box-shadow:0px 0px 6px 3px #0a4d9b;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#contents.columnContents .columnArea .rightBox .bannerBtn ul li.datadl {
	background-image: url(../images/sec07_icon_datadl.png);
	background-repeat: no-repeat;
	background-position: center 10px;
}
#contents.columnContents .columnArea .rightBox .bannerBtn ul li.trialdl {
	background-image: url(../images/sec07_icon_trialdl.png);
	background-repeat: no-repeat;
	background-position: center 10px;
}
#contents.columnContents .columnArea .rightBox .bannerBtn ul li.seminar {
	background-image: url(../images/sec07_icon_seminar.png);
	background-repeat: no-repeat;
	background-position: center 10px;
	margin-bottom: 17px;
}
#contents.columnContents .columnArea .rightBox .bannerBtn ul li a {
	display: block;
	padding-top: 100px;
	padding-bottom: 20px;
	color: #251e1c;
	font-size: 19px;
	line-height: 23px;
	font-weight: bold;
}
#contents.columnContents .columnArea .rightBox .bannerBtn ul li a span {
	font-weight: bold;
}
#contents.columnContents .columnArea .rightBox .bannerBtn ul li a:hover {
	text-decoration: none;
}
#contents.columnContents .columnArea .rightBox .bannerBtn ul li:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#contents.columnContents .columnArea .rightBox .bannerBtn2 {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
#contents.columnContents .columnArea .rightBox .bannerBtn2 ul {
	list-style: none;
	text-align: center;
}
#contents.columnContents .columnArea .rightBox .bannerBtn2 ul li {
	background-color: #0D1A26;
	padding: 15px;
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
#contents.columnContents .columnArea .rightBox .bannerBtn2 ul li.datadl {
	background-image: url(../column/images/icon_datadl.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 100px 100px;
}
#contents.columnContents .columnArea .rightBox .bannerBtn2 ul li.seminar {
	background-image: url(../column/images/icon_seminar.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 100px 100px;
}
#contents.columnContents .columnArea .rightBox .bannerBtn2 ul li a {
	display: block;
	width: 100%;
	height: 100px;
	padding-left: 110px;
	color: #FFF;
	font-size: 15px;
	line-height: 23px;
	font-weight: bold;
	text-align: left;
}
#contents.columnContents .columnArea .rightBox .bannerBtn2 ul li a span {
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin-top: 10px;
}
#contents.columnContents .columnArea .rightBox .bannerBtn2 ul li a:hover {
	text-decoration: none;
}
#contents.columnContents .columnArea .rightBox .bannerBtn2 ul li:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.casestudyLinkBox {
	margin-bottom: 30px;
}
.casestudyLinkBox ul.bnrWhitePaperArea {
	list-style: none;
	margin-top: 20px !important;
	padding: 0 !important;
	letter-spacing: -.4em;
}
.casestudyLinkBox ul.bnrWhitePaperArea li {
	display: inline-block;
	letter-spacing: normal;
	width: 50%;
	margin-bottom: 20px !important;
}
.casestudyLinkBox ul.bnrWhitePaperArea li:nth-child(even) {
	text-align: right;
}
.casestudyLinkBox ul.bnrWhitePaperArea li img {
	width: 300px;
}
#contents.columnContents .casestudyLinkBox ul.bnrWhitePaperArea li span.date,
#contents.columnContents .casestudyLinkBox ul.productList2020 li span.date {
	width: 300px;
	display: block;
	margin-left: 0;
	margin-right: auto;
	margin-bottom: 5px;
	margin-top: 5px;
	color: #707070;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
}
#contents.columnContents .casestudyLinkBox ul.bnrWhitePaperArea li:nth-child(even) span.date,
#contents.columnContents .casestudyLinkBox ul.productList2020 li:nth-child(even) span.date {
	margin-left: auto;
	margin-right: 0;
	text-align: left;
}
#contents.columnContents .casestudyLinkBox ul.bnrWhitePaperArea li a:hover,
#contents.columnContents .casestudyLinkBox ul.productList2020 li a:hover {
	text-decoration: none;
}
.casestudyLinkBox ul.bnrWhitePaperArea li img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.casestudyLinkBox ul.productList2020 {
	max-width: 860px;
	margin: 20px auto;
	list-style: none;
	font-size: 0;
}
.casestudyLinkBox ul.productList2020 li {
	display: inline-block;
	max-width: 300px;
	margin-right: 20px;
	margin-bottom: 10px;
	vertical-align: top;
}
.casestudyLinkBox ul.productList2020 li:nth-child(even) {
	margin-right: 0px;
}
.casestudyLinkBox ul.productList2020 li h3 {
	width: 100%;
	margin-top: 0px !important;
	margin-bottom: 20px !important;
}
.casestudyLinkBox ul.productList2020 li h3 a {
	font-size: 16px;
	text-decoration: underline !important;
	font-weight: bold;
	color: #4b70b5;
}
.casestudyLinkBox ul.productList2020 li h3 a:hover {
	text-decoration: none !important;
}
.casestudyLinkBox ul.productList2020 li h3 img {
	margin-bottom: 20px;
	width: 100%;
}
.casestudyLinkBox ul.productList2020 li p {
	font-size: 15px !important;
	font-weight: normal;
	width: 100%;
	line-height: 1.75em !important;
	margin-bottom: 0px !important;
}
.casestudyLinkBox h2 {
}
#contents .caseStudyList ul li img {
	width: 100px;
	height: 100px;
	box-shadow:rgba(0, 0, 0, 0.4) 2px 2px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.4) 2px 2px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.4) 2px 2px 3px 0px;
}
#contents .caseStudyList ul.linkList {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px !important;
	list-style-type: none;
}
#contents .caseStudyList ul.linkList li {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	background-color: #FFF;
	padding: 15px;
	position: relative;
	line-height: 28px;
}
#contents .caseStudyList ul.linkList li:nth-child(odd) {
	background-color: #edf1f8;
}
#contents .caseStudyList ul.linkList li:last-child {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #edf1f8;
	margin-bottom: 60px;
}
#contents .caseStudyList ul.linkList li h3 {
	font-size: 115%;
	font-weight: bold;
	color: #4b70b5;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
#contents .caseStudyList ul.linkList li p {
	font-size: 16px;
	line-height: 23px;
	margin-top: 8px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: auto;
}
#contents .caseStudyList ul.linkList li a:after {
	display: block;
	position: absolute;
	top: 0;
	left: auto;
	right: 10px;
	bottom: 0;
	content: "";
	text-decoration: none;
	width: 40px;
	height: 100%;
	background-position: right center;
	background-image: url(images/arrow_linklist.png);
	background-repeat: no-repeat;
}
#contents .caseStudyList ul.linkList li h3 a.tBlank:after {
	display: inline-block;
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	content: "";
	text-decoration: none;
	width: 15px;
	height: 12px;
	margin-left: 10px;
	background-position: right center;
	background-image: url(../images/icon_tblank_pc.gif);
	background-repeat: no-repeat;
}
#contents .caseStudyList ul.linkList li a.tBlank:after {
	display: none;
}
#contents .caseStudyList ul.linkList li .leftImg {
	float: left;
	margin-right: 25px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	vertical-align: middle;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bfcce5;
}
#contents .caseStudyList ul.linkList li span {
	display: inline-block;
	font-size: 11px;
	background-color: #0b57a6;
	color: #FFF;
	line-height: 22px;
	min-width: 85px;
	margin-right: 10px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#contents .caseStudyList ul.linkList li span.acmsapex {
	background-color: #02a1e5;
}
#contents .caseStudyList ul.linkList li span.acmse2x {
	background-color: #0b57a6;
}
#contents .caseStudyList ul.linkList li span.acmse2xPac {
	background-color: #0b57a6;
}
#contents .caseStudyList ul.linkList li span.acmsb2b {
	background-color: #df2d8a;
}
#contents .caseStudyList ul.linkList li span.anytran {
	background-color: #5976ae;
}
#contents .caseStudyList ul.linkList li span.acmsln {
	background-color: #7fbe26;
}
#contents .caseStudyList ul.linkList li span.acmswf {
	background-color: #00a1e5;
}
#contents .caseStudyList ul.linkList li span.acmswa {
	background-color: #009883;
}
#contents .caseStudyList ul.linkList li span.acmswd {
	background-color: #8f388a;
}
#contents .caseStudyList ul.linkList li span.raccoon {
	background-color: #5e70ab;
}
#contents .caseStudyList ul.linkList li span.buysel {
}
#contents .caseStudyList ul.linkList li span.caiwn {
}
#contents .caseStudyList ul.linkList li span.jointDemonstration {
	background-color: #FFF;
	border: 1px solid #0B57A6;
	color: #0B57A6;
	line-height: 20px;
}
#contents .caseStudyList ul.linkList li span a {
	color: #fff;
}
#contents .caseStudyList ul.linkList li span a:after {
	display: none;
}


#contents.columnContents  hr {
	clear: both;
	border: none;
}

#contents.columnContents .socialBox {
	vertical-align: bottom;
}
#contents.columnContents .twitterBtn,
#contents.columnContents .facebookBtn,
#contents.columnContents .hatenaBtn {
	float: left;
	margin-right: 15px;
	padding-top: 3px;
	padding-bottom: 15px;
}
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}
#contents.columnContents .backToList {
    height: 22px;
    line-height: 22px;
    margin: 0 auto 50px;
    padding: 0;
    text-align: right;
    width: 100%;
}


a.barBanner {
	display: flex;
	align-items: center;
	border: 1px solid #3171B9;
	border-radius: 5px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	position: relative;
	font-size: 18px;
	color: #000;
	margin-bottom: 60px;
}
a.barBanner:hover {
	background-color: #EDF1F8;
	opacity: 1;
	text-decoration: none !important;
}
a.barBanner::before {
	content: "関連記事";
	display: inline-block;
	position: absolute;
	left: -1px;
	top: -1px;
	background-color: #3171B9;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	padding: 7px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
a.barBanner::after {
	content: "続きを読む >>";
	display: inline-block;
	position: absolute;
	right:10px;
	bottom:10px;
	background-color: #3171B9;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	padding: 7px;
	border-radius: 5px;
}
a.barBanner:hover::after {
	text-decoration: underline !important;
}
a.barBanner .imgBox {
	padding: 10px;
}
a.barBanner .imgBox img {
	width: 140px;
	height: auto;
	opacity: 1;
}
a.barBanner .titleBox {
	padding: 10px;
	color: #000;
}


/* infoList */
.infoListArea .infoList {
	width: 100%;
	margin-bottom: 40px;
}
.infoListArea .infoList dt {
	font-size: 16px;
	padding-top: 10px;
	line-height: 25px;
	color: #9d9d9d;
}
.infoListArea .infoList dd {
	font-size: 16px;
	line-height: 25px;
	color: #333333;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #bfcce5;
	padding-bottom: 15px;
	position: relative;
}
.infoListArea .infoList dd.new:after {
	display: block;
	position: absolute;
	left: 120px;
	top: -25px;
	color: #BD4C3E;
    content: "NEW";
}
.infoListArea .infoList dd.news {
	background-image: url(../images/info_icon_news.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 120px;
}
.infoListArea .infoList dd.press {
	background-image: url(../images/info_icon_press.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 120px;
}
.infoListArea .infoList dd.casestudy {
	background-image: url(../images/info_icon_casestudy.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 120px;
}
.infoListArea .infoList dd.newsrelease {
	background-image: url(../images/info_icon_newsrelease.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 120px;
}
.infoListArea .infoList dd.irnews {
	background-image: url(../images/info_icon_irnews.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 120px;
}



/* authorBox */
#authorBox {
	border: 1px solid #ccc;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 40px;
}
#authorBox .logoArea {
	width: 35%;
	margin-bottom: 20px;
}
#authorBox .logoArea img {
	width: 100%;
	max-width: 150px;
	display: block;
	margin-bottom: 15px;
}
#authorBox .logoArea span {
	display: inline-block;
	padding: 5px;
	margin-right: 10px;
	border: 1px solid #5C8CC7;
	font-size: 11px;
	line-height: 1em;
}
#authorBox .dataArea {
	width: 65%;
	margin-bottom: 20px;
}
#authorBox .dataArea p {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}
#authorBox .dataArea .author {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 1.25em;
}
#authorBox .dataArea .title {
	font-size: 16px;
}
#authorBox .careerArea {
	border-top:1px solid #eee;
	padding-top: 20px;
}
#authorBox .careerArea p {
	font-size: 15px;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}
#authorBox .careerArea .career strong {
	font-size: 17px;
	display: inline-block;
	margin-bottom: 10px;
}

#contents .tableBoxScroll {
	max-width: 620px;
}