@charset "utf-8";

/* ------------------------------------------------------------ HOME */

/* ------------------------------ boxHomeFeature */
.boxHomeFeature {
	position: relative;
	z-index: 99;
	width: 100%;
	margin: -37px 0 0;
	/*background: url(../../images/bg_box_home_feature.gif) 0 0 repeat-x;*/
}
.boxHomeFeature .outer {
	width: 100%;
	background: url(../../images/bg_box_home_feature_inr.png) 50% 0 no-repeat;
}
.boxHomeFeature .inr {
	width: 964px;
	margin: 0 auto 15px auto;
	padding: 15px 0 0;
}
.boxHomeFeature h2 {
	margin: 0 0 10px;
}
.boxHomeFeature ul {
	position: relative;
	margin: 0 -16px;
}
.boxHomeFeature li {
	float: left;
	margin: 0 0 0 16px;
}

/* ------------------------------ seminar block */
.seminar_block {
	margin:0 auto 55px auto;
	padding:25px 0 0 0;
	width:965px;
	position: relative;
	}

.seminar_blocktitle {
	background: url('../../images/seminarblock_title.gif') no-repeat;
	margin:0 0 15px 0!important;
	padding: 25px 0 0 0;
	width: 965px;
	overflow: hidden;
	display: block;
	height: 0px!important;
	height /**/:25px;/* for ie5.x */
	}

.seminar_more {
	position: absolute;
	top:0;
	right:0;
	margin:0;
	padding: 0;
	width: 210px;
	height:44px;
	}

.seminar_more a {
	background: url('../../images/entry_more2.jpg') no-repeat;
	margin:0!important;
	padding: 44px 0 0 0;
	width: 210px;
	overflow: hidden;
	display: block;
	height: 0px!important;
	height /**/:44px;/* for ie5.x */
	}
	
.seminar_more a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7; 
	}

.seminar_blockbox {
	background: url('../../seminar/images/dot.gif') repeat-x;
	background-position: 0 bottom;
	margin:0 0 15px 0;
	padding:0 0 10px 0;
	}

.seminar_blockbox h3 {
	margin:0 0 5px 0!important;
	font-size:14px;
	font-weight: bold;
	}
	
.seminar_blockbox h3 a {
	margin:0;
	font-weight: bold;
	color:#231815;
	}
	
.seminar_blockbox ul {
	margin:0 0 5px 0!important;
	padding:!important;
	font-size:12px!important;
	font-weight: bold;
	}
	
.seminar_blockbox li {
	margin:0 10px 3px 0;
	color:#231815;
	float:left;
	}

.seminar_blockbox_infoarea {
	margin:0;
	padding:0 180px 0 0;
	width:785px;
	position: relative;
	}

.seminar_blockbox_imagebox {
	margin:0;
	width:160px;
	float:left;
	}

.seminar_blockbox_imagebox img {
	margin:0;
	width:160px;
	}

.seminar_blockbox_databox {
	margin:0;
	width:610px;
	color:#231815;
	float:right;
	}

.seminar_blockbox_databox th {
	padding:5px 0 3px 0;
	width:115px;
	font-size:14px!important;
	font-weight: bold;
	vertical-align: top;
	}

.seminar_blockbox_databox td {
	padding:5px 0 3px 0;
	font-size:14px!important;
	}

.seminar_blockbox_databox td p {
	margin:0!important;
	padding:0!important;
	font-size:14px!important;
	}

.seminar_blockbox_infomore {
	position: absolute;
	right:0;
	bottom:0;
	margin:0;
	width:165px;
	height:44px;
	}

.seminar_blockbox_infomore a {
	background: url('../../seminar/images/entry_more.jpg') no-repeat;
	margin: 0;
	padding: 44px 0 0 0;
	width: 165px;
	overflow: hidden;
	display: block;
	height: 0px!important;
	height /**/:44px;/* for ie5.x */
	float:right;
	}
	
.seminar_blockbox_infomore a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7; 
	}
	
.no_data {
	margin:0 0 60px 0!important;
	padding:40px 0 0px 0!important;
	font-size:14px!important;
	text-align: center;
	}

/* ------------------------------ boxHomeInfo */

.boxHomeInfo {
	float: left;
	width: 372px;
}
.boxHomeInfo li div {
	color: #666;
}
.boxHomeInfo li p {
	padding: 0 0 5px;
	margin: 0 0 5px;
	background: url(../images/line_dot_gray_h.gif) 0 100% repeat-x;
}

/* ------------------------------ boxHomeSubCont */

.boxHomeSubCont {
	float: right;
	width: 568px;
}
.boxHomeSubCont ul {
}
.boxHomeSubCont li {
	float: left;
	width: 274px;
	margin: 0 0 0 20px;
}
.boxHomeSubCont li.cld1 {
	margin: 0;
}
.boxHomeSubCont li div {
	margin: 0 0 5px;
}

/* ------------------------------ Clearfix */

.boxHomeSubCont,
.boxHomeFeature ul {
	overflow: hidden;
}
.boxHomeSubCont:after,
.boxHomeFeature ul:after {
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	display: block;
	content: " ";
}
* html .boxHomeSubCont,
* html .boxHomeFeature ul {
	zoom: 1;
}
*:first-child+html .boxHomeSubCont,
*:first-child+html .boxHomeFeature ul {
	zoom: 1;
}

/* ------------------------------------------------------------ FEATURE */

.boxLeadTxt {
	margin: 0 auto 40px;
	border: #CCC solid 1px;
}
.feature .boxLeadTxt .inr {
	width: 652px;
	padding: 20px 20px 5px;
	border: #E5E5E5 solid 3px;
}
.case-studies .boxLeadTxt .inr {
	width: 512px;
	padding: 20px 160px 5px 20px;
	border: #E5E5E5 solid 3px;
}
.boxLeadTxt h2 {
	margin: 0 0 20px;
	padding: 0;
	background: 0;
}
.boxLeadTxt p {
	width: 492px;
	margin: 0 0 15px;
}

.answer .boxLeadTxt .inr {
	background: url(../../feature/images/bg_leadtxt_answer.jpg) 100% 100% no-repeat;
}
.business .boxLeadTxt .inr {
	background: url(../../feature/images/bg_leadtxt_business.jpg) 100% 100% no-repeat;
}
.breakthrough .boxLeadTxt .inr {
	background: url(../../feature/images/bg_leadtxt_breakthrough.jpg) 100% 100% no-repeat;
}
.learn .boxLeadTxt .inr {
	background: url(../../feature/images/bg_leadtxt_learn.jpg) 100% 100% no-repeat;
}
.study .boxLeadTxt .inr {
	background: url(../../feature/images/bg_leadtxt_study.jpg) 100% 100% no-repeat;
}

.kuraray .boxLeadTxt .inr {
	background: url(../../case-studies/images/bg_leadtxt_kuraray.jpg) 100% 0 no-repeat;
}
.fujitsu-university .boxLeadTxt .inr {
	background: url(../../case-studies/images/bg_leadtxt_fujitsu-university.jpg) 100% 0 no-repeat;
}
.unisys .boxLeadTxt .inr {
	background: url(../../case-studies/images/bg_leadtxt_unisys.jpg) 100% 0 no-repeat;
}

/* ------------------------------ boxFeatureIndex */

.boxFeatureIndex {
	width: 704px;
	margin: 0 auto 30px;
}
.boxFeatureIndex .cld1 {
	clear: both;
	width: 700px;
	height: 160px;
	margin: 0 0 2px;
	padding: 0 2px;
	background: url(../../feature/images/bg_index_01.jpg) 0 100% no-repeat;
}
.boxFeatureIndex .cld2 {
	clear: both;
	height: 160px;
	margin: 0 0 2px;
	background: url(../../feature/images/bg_index_02.jpg) 0 100% no-repeat;
}
.boxFeatureIndex .cld3 {
	clear: both;
	height: 160px;
	margin: 0 0 2px;
	background: url(../../feature/images/bg_index_03.jpg) 0 100% no-repeat;
}
.boxFeatureIndex .cld4 {
	clear: both;
	height: 160px;
	margin: 0 0 2px;
	background: url(../../feature/images/bg_index_04.jpg) 0 100% no-repeat;
}
.boxFeatureIndex .cld5 {
	clear: both;
	height: 160px;
	margin: 0 0 2px;
	background: url(../../feature/images/bg_index_05.jpg) 0 100% no-repeat;
}
.boxFeatureIndex .inrL {
	float: left;
	width: 340px;
	margin: 33px 0 0 190px;
	_margin: 33px 0 0 95px;
}
.boxFeatureIndex .inrR {
	float: right;
	width: 154px;
	margin: 70px 16px 0 0;
	_margin: 70px 8px 0 0;
}
.boxFeatureIndex h3 {
	margin: 0 0 7px;
	padding: 0;
	background: 0;
}
.boxFeatureIndex .boxClickable:hover a img {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

/* ------------------------------ boxFeatureCaseStudies */

.boxFeatureCaseStudies {
}

/* ------------------------------ boxCaseStudies */

.boxCaseStudies {
	width: 660px;
	margin: 0 auto 30px;
	padding: 16px;
	border: #CCC solid 4px;
}
.boxCaseStudies h2 {
	margin: 0;
	font-size: 133.3%;
	font-weight: bold;
}
.boxCaseStudies .inr {
	margin: 15px 0 0;
	padding: 15px 0 0;
	border-top: #CCC solid 1px;
}
.boxCaseStudies .inrL {
	float: left;
	width: 486px;
}
.boxCaseStudies h3 {
	margin: 0 0 5px;
	color: #006400;
	font-size: 116.6%;
	font-weight: bold;
}
.boxCaseStudies h4 {
	margin: 0 0 5px;
	font-size: 116.6%;
	font-weight: bold;
}
.boxCaseStudies p {
}
.boxCaseStudies .inrR {
	float: right;
	width: 154px;
}
.boxCaseStudies ul {
}

/* ------------------------------ boxContentsEx */

.boxContentsEx {
	margin: 0 0 20px;
	padding: 14px 19px 0;
	border: #E5E5E5 solid 1px;
}
.boxContentsEx .inr {
	margin: 0 0 14px;
}
.boxContentsEx .inrL {
	float: left;
	width: 320px;
}
.boxContentsEx .inrR {
	float: right;
	width: 320px;
}
.section .boxContentsEx h3 {
	margin: 0 auto 10px;
	padding: 0 0 8px;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	background: url(../images/line_dot_gray_h.gif) 0 100% repeat-x;
}
.section .boxContentsEx p {
	font-size: 91.6%;
}
.section .boxContentsEx li {
	font-size: 91.6%;
}
.answer .section .boxContentsEx li {
	font-size: 116.6%;
}

/* ------------------------------ Clearfix */

.boxContentsEx .inr,
.boxCaseStudies .inr {
	overflow: hidden;
}
.boxContentsEx .inr:after,
.boxCaseStudies .inr:after {
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	display: block;
	content: " ";
}
* html .boxContentsEx .inr,
* html .boxCaseStudies .inr {
	zoom: 1;
}
*:first-child+html .boxContentsEx .inr,
*:first-child+html .boxCaseStudies .inr {
	zoom: 1;
}

/* ------------------------------------------------------------ CASE STUDIES */

.boxCaseStudiesIndex {
	position: relative;
	margin: 0 -2px 20px;
	padding: 0 0 10px;
	background: url(../../case-studies/images/bg_box_case_studies_index_b.jpg) 0 100% no-repeat;
}
.boxCaseStudiesIndex .inr {
	padding: 20px 20px 10px;
	background: url(../../case-studies/images/bg_box_case_studies_index_t.jpg) 0 0 no-repeat;
}
.boxCaseStudiesIndex .inrL {
	float: left;
	width: 420px;
}
.boxCaseStudiesIndex .inrR {
	float: right;
	width: 220px;
}
.boxCaseStudiesIndex h2 {
	margin: 0 auto 10px;
	padding: 0;
	background: 0;
}
.boxCaseStudiesIndex p {
}
.boxCaseStudiesIndex ul {
}
.boxCaseStudiesIndex li {
}
.boxCaseStudiesIndex .boxClickable:hover a img {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

/* ------------------------------ Clearfix */

.boxCaseStudiesIndex .inr {
	overflow: hidden;
}
.boxCaseStudiesIndex .inr:after {
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	display: block;
	content: " ";
}
* html .boxCaseStudiesIndex .inr {
	zoom: 1;
}
*:first-child+html .boxCaseStudiesIndex .inr {
	zoom: 1;
}

/* ------------------------------------------------------------ INFORMATION */

/* ------------------------------ tbInformationList */

.tbInformationList {
	position: relative;
	width: 700px;
	margin: -10px 0 0;
}
.tbInformationList tr {
	background: url(../images/line_dot_gray_h.gif) 0 92% repeat-x;
}
.tbInformationList th,
.tbInformationList td {
	font-size: 116.6%;
	vertical-align: top;
}
.tbInformationList th {
	width: 8em;
	padding: 10px 10px 10px 0;
	white-space: nowrap;
	color: #666;
}
.tbInformationList td {
	padding: 10px 0;
}

/* ------------------------------------------------------------ EXPERIENCE */

/* ------------------------------ boxMailmag01 */

.boxMailmag01 {
	position: relative;
	clear: both;
	width: 700px;
	height: 260px;
	margin: 0 auto 10px;
}
.boxMailmag01 p {
	position: absolute;
}
.boxMailmag01 ul {
	position: absolute;
	top: 206px;
}

/* ------------------------------ boxMailmag02 */

.boxMailmag02 {
	width: 700px;
	margin: 0 auto 20px;
	padding: 0 0 10px;
	background: url(../../experience/images/bg_box_mailmag_02_b.gif) 0 100% no-repeat;
}
.boxMailmag02 .inr {
	width: 680px;
	padding: 20px 0 10px 20px;
	background: url(../../experience/images/bg_box_mailmag_02_t.gif) 0 0 no-repeat;
}
.boxMailmag02 h2 {
	margin: 0 0 15px;
}
.boxMailmag02 ul {
	width: 680px;
	margin: 0 0 0 2px;
}
.boxMailmag02 li {
	float: left;
	width: 204px;
	margin: 0 22px 0 0;
}
.boxMailmag02 li div {
	margin: 0 0 20px;
}
.boxMailmag02 li p.ttl {
	font-size: 116.6%;
	font-weight: bold;
}
.boxMailmag02 li p.body {
}

/* ------------------------------ boxMailmag03 */

.boxMailmag03 {
	width: 700px;
	margin: 0 auto;
	text-align: center;
}
.boxMailmag03 .inr {
	width: 680px;
	padding: 20px 0 10px 20px;
	background: #EFE9DB;
}
.boxMailmag03 h2 {
	margin: 0 auto 15px;
}
.boxMailmag03 ul {
	width: 680px;
	margin: 0;
}
.boxMailmag03 li {
	float: left;
	margin: 0 10px 3px 0;
}

/* ------------------------------ boxMailmag04 */

.boxMailmag04 {
	width: 700px;
	margin: 0 auto;
	text-align: center;
}
.boxMailmag04 li {
	margin: 2px 0 0;
}

/* ------------------------------ boxRule */

.boxRule {
	width: 660px;
	height: 250px;
	margin: 0 auto 20px;
	padding: 19px;
	overflow: auto;
	border: #CCC solid 1px;
}
.boxRule h4 {
	font-size: 100%;
}
.boxRule dt {
	margin: 0 0 10px;
	font-weight: bold;
}
.boxRule dd {
	margin: 0 0 10px;
}

/* ------------------------------ boxSendMailAddress */

.boxSendMailAddress {
	padding: 19px 20px 7px;
	background: #E9E5E2;
}
.boxSendMailAddress .inr {
	width: 340px;
	margin: 0 auto;
}
.boxSendMailAddress p {
	margin: 0 auto 10px;
	text-align: center;
}
.boxSendMailAddress p.ttl {
	font-weight: bold;
}
.boxSendMailAddress .fMailAddress {
	width: 330px;
	padding: 3px 4px;
	margin: 0 auto 15px;
	border: #CCC solid 1px;
}
.boxSendMailAddress ul {
	width: 224px;
	margin: 0 auto;
}

/* ------------------------------ Clearfix */

.boxMailmag03 ul,
.boxMailmag02 ul {
	overflow: hidden;
}
.boxMailmag03 ul:after,
.boxMailmag02 ul:after {
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	display: block;
	content: " ";
}
* html .boxMailmag03 ul,
* html .boxMailmag02 ul {
	zoom: 1;
}
*:first-child+html .boxMailmag03 ul,
*:first-child+html .boxMailmag02 ul {
	zoom: 1;
}

/* ------------------------------------------------------------ DOWNLOAD ※20180506追加 */

/* ------------------------------ boxDl01 */
.boxDl01 {
	position: relative;
	clear: both;
	width: 700px;
	height: 404px;
	margin: 0 auto;
	z-index: 10;
}
.boxDl01 p {
	position: absolute;
}
.boxDl01 ul {
	position: absolute;
	top: 310px;
	left: 30px;
}
.boxDl01 div {
	position: absolute;
	top: 326px;
	right: 0;
}

/* ------------------------------ boxDl02 */
.boxDl02 {
	position: relative;
	clear: both;
	width: 700px;
	margin: 0 auto 40px;
}

/* ------------------------------ boxDl03 */
.boxDl03 {
	position: relative;
	clear: both;
	width: 700px;
	margin: 0 auto 20px;
}
.boxDl03 ul {
	font-size: 116.6%;
}

.boxDl03_01 {
	margin-right: -20px;
	padding-bottom: 40px;
	background: url(../../download/images/bg_index_02.jpg) 100% 0 no-repeat;
}

.boxDl03_02 {
	padding: 20px 35px;
	background: #efe7da url(../../download/images/bg_index_01.png) 100% 0 no-repeat;
}
.boxDl03_02 h4 + p {
	margin: 20px 200px 20px 0;
}
.boxDl03_02 h5 {
	padding: 14px 20px 14px 14px;
	color: #fff;
	background: #000;
	font-size: 116.6%;
}
.hAccrdn {
	position: relative;
}
.hAccrdn + div {
	padding: 4px 5px 0 14px;
}
.labelConclusion {
	float: left;
	display: block;
	width: 2.5em;
	margin: -4px 12px 0 0;
	padding: 4px 8px;
	color: #fff;
	background: #9c0d0d;
	text-align: center;
}
.nav-open {
	cursor: pointer;
}
.nav-open:before,
.nav-open:after {
	position: absolute;
	content: '';
}
.hAccrdn.nav-open:before {
	margin-top: -5px;
	top: 50%;
	right: 14px;
	height: 10px;
	width: 2px;
	background: #fff;
}
.hAccrdn.nav-open:after {
	margin-top: -1px;
	top: 50%;
	right: 10px;
	width: 10px;
	height: 2px;
	background: #fff;
}
.hAccrdn.is-open:before {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}

/* ------------------------------------------------------------ RESULT */

/* ------------------------------ boxResult */

.boxResult01 {
	margin: 0 0 20px;
	padding: 10px;
	background: #EEEAE7;
	border-left: #900 solid 4px;
}
.boxResult02 {
	margin: 0 0 20px;
	padding: 10px;
	background: #EEEAE7;
	border-left: #004000 solid 4px;
}
.boxResult03 {
	margin: 0 0 20px;
	padding: 10px;
	background: #EEEAE7;
	border-left: #542E18 solid 4px;
}
.boxResult04 {
	margin: 0 0 20px;
	padding: 10px;
	background: #EEEAE7;
	border-left: #215A70 solid 4px;
}
.boxResult05 {
	margin: 0 0 20px;
	padding: 10px;
	background: #EEEAE7;
	border-left: #660 solid 4px;
}