@charset "utf-8";

/* ***************************************************************************** */
/*

　目次

-------------------------------------------------------------------------------

　01. technologyBox
	02. effectBox
	03. effectContentsBox
	04. adoptBox

*/
/* ***************************************************************************** */

/*-----------------------------------------------------------
===  [ 01. technologyBox ]  ====================================
------------------------------------------------------------*/
.tecsubbox {
	padding-left: 10px;
	padding-right: 10px;
}

.technologyBox .sec01 .flLeft {
	width: 345px;
}

.technologyBox .sec01 .flRight {
	width: 305px;
}

.technologyBox .sec02 .principle {
	background: url(/business/cms/images/000014892.gif) no-repeat left top;
	padding: 19px 0 0;
	margin: 0 0 2em;
}

.technologyBox .sec02 .principle .clearfix {
	background: url(/business/cms/images/000014892.gif) no-repeat left bottom;
	padding: 0 0 20px;
}

.technologyBox .sec02 .principle dl {
	width: 187px;
	float: left;
	margin: 0 0 0 10px;
	padding:0 10px;
}
.technologyBox .sec02 .action {
	background: url(/business/cms/images/000014991.gif) no-repeat left top;
	padding: 19px 0 0;
	margin: 0 0 2em;
}

.technologyBox .sec02 .action .clearfix {
	background: url(/business/cms/images/000014991.gif) no-repeat left bottom;
	padding: 0 0 20px;
}

.technologyBox .sec02 .action dl {
	width: 183px;
	float: left;
	margin: 0 0 0 10px;
	padding:0 15px;
}

.technologyBox .sec02 .action dt {
	font-weight: bold;
	font-size: 107.6923%;
}

.technologyBox .sec02 .action dl.first-child {
	margin-left: 0px;
}
#main .technologyBox .sec04 table td {
	text-align: center;
}

/* ***************************************************************************** */

/*-----------------------------------------------------------
===  [ 02. effectBox ]  ====================================
------------------------------------------------------------*/

.effectBox {
	overflow: hidden;
}

.effectBox .clearfix {
	width: 692px;
}

.effectBox li {
	float: left;
	width: 335px;
	margin: 0 11px 0 0;
}

/* ***************************************************************************** */

/*-----------------------------------------------------------
===  [ 03. effectContentsBox ]  =============================
------------------------------------------------------------*/

.effectContentsBox01,
.effectContentsBox02 {
	margin: 0 0 3em;
}

#main .effectContentsBox01 .titStyle02,
#main .effectContentsBox02 .titStyle02 {
	font-size: 100%;
}

.effectContentsBox01 .flLeft {
	width: 415px;
}

.effectContentsBox01 .flRight {
	width: 220px;
}

.effectContentsBox02 .flLeft {
	width: 325px;
}

.effectContentsBox02 .flRight {
	width: 315px;
}

.effectContentsBox01 .flRight img,
.effectContentsBox02 .flRight img {
	margin: 0 0 0.5em;
}

.effectContentsBox01 .proof,
.effectContentsBox02 .proof {
	margin: 0.5em 0 1.5em;
	font-size: 138.462%;
}

.effectContentsBox01 p,
.effectContentsBox02 p {
	line-height:1.5;
}

.effectContentsBox01 .proof span,
.effectContentsBox02 .proof span {
	color: #fff;
	background: #275e72;
	padding: 0.5em 1em;
}

.effectContentsBox01 .cautionBlue,
.effectContentsBox02 .cautionBlue {
	color: #00a3d8;
}

/* ***************************************************************************** */

/*-----------------------------------------------------------
===  [ 04. adoptBox ]  =====================================
------------------------------------------------------------*/

.adoptBox .sec01 {
	width: 678px;
}

.adoptBox .sec01 .flLeft {
	width: 570px;
}

.adoptBox .sec01 .flRight {
	width: 80px;
	padding-right: 20px;
}

.adoptBox .sec02 {
	border: 1px solid #bbb;
	margin: 0 0 5px;
}

.adoptBox .sec02 .clearfix {
	width: 678px;
	padding: 15px 0;
}

.adoptBox .sec02 .clearfix div {
	width: 225px;
	float: left;
	border-left: 1px solid #bbb;
}

.adoptBox .sec02 .clearfix div.first-child {
	border: none;
}

.adoptBox .sec02 .clearfix div h2 {
	color: #275e72;
	text-align: center;
	margin: 0 0 1em;
}

.adoptBox .sec02 .clearfix div .clearfix {
	width: 192px;
	margin: 0 auto;
	padding: 0;
}

#main .adoptBox .sec02 .clearfix div li {
	float: left;
	margin: 0 4px 2px 0;
	width: 92px;
}

#main .adoptBox .sec02 .clearfix div.first-child li {
	margin: 0 4px 13px 0;
}

/* *****************************************************************************
	05. mainText
***************************************************************************** */

.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.cf { min-height: 1px; position:relative }
* html .cf {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

ul.imgList {
}
ul.imgList li {
	float:left; display:inline;
	width:auto;
	margin:0 12px 12px 0 !important;
	padding:0;
}
ul.imgList li.end {
	margin:0 0 12px 0 !important;
}
ul.imgList li img {
}
ul.imgList li a {
}

.mainRead {
	margin:15px 0 15px 0;
	padding:0;
	}
	.mainRead p {
	margin:0 !important;
	padding:0 0 15px 0;
	line-height:1.5;
	}
	.mainRead p.aside {
	margin:0;
	padding:0;
	font-size:93%;
	}

.mainText {
	margin:15px 0 30px 0;
	padding:0;
	}
	.mainText p {
	margin:0 !important;
	padding:0 0 15px 0;
	line-height:1.5;
	}

img.imgRight {
	float:right; display:inline;
	margin:0 0 0 50px;
}
img.imgLeft {
	float:left; display:inline;
	margin:0 50px 0 0;
}

.solutionLinkBox {
	padding:0 10px;
	margin-bottom:60px;
	}
	.solutionLinkBox h2 {
	background:url(/business/cms/images/000024598.gif) top no-repeat;
	height:40px;
	line-height:40px;
	margin:0 !important;
	padding:0 0 0 15px !important;
	color:#fff;
	font-weight:bold;
	font-size:108%;
	}
	.solutionLinkBox div {
	background:url(/business/cms/images/000024600.gif) bottom no-repeat;
	padding:0 0 5px 0;
	}
	.solutionLinkBox div div {
	background:url(/business/cms/images/000024599.gif) repeat-y;
	margin:0 !important;
	padding:0 !important;
	}
	.solutionLinkBox div div .mainText {
	padding:5px 0 0 !important;
	}

	.solutionLinkBox div div ul {
	padding:0 12px;
	margin:0;
	}
	.solutionLinkBox ul.imgList {
	}
	.solutionLinkBox ul.imgList li {
	float:left; display:inline;
	width:auto;
	margin:7px 10px 7px 0 !important;
	padding:0;
	}
	.solutionLinkBox ul.imgList li.end {
	margin:7px 0 7px 0 !important;
	}