@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+@ƏЉ̃X^C
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
共通
--------------------------------------------------------------------------------------- */

.boxTechnology {
	width: 570px;
	margin: 5px 0 20px 0;
}

.boxTechnologyTitle {
	width: 570px;
	margin: 5px 0 10px 0;
}

.boxTechnologyBoder {
	width: 570px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background: url(../image/line_dot_gray.gif) repeat-x left bottom;
}

.boxTechnologyTable {
	margin: 0 0 10px 10px;
}

.boxTechnologyTableNone {
	margin: 0 0 0 10px;
}

.boxTechnologyTable tr td {
	vertical-align: top;
}

.boxTechnologyBoder h3 {
	margin: 0 0 12px 0;
}

.boxTechnologyText {
	margin: 10px 10px 0 12px;
}

.boderTechnologyTop {
	margin: 15px 0 0 0;
}

.boderTechnology {
	margin: 0 12px 20px 12px;
	padding: 20px 10px 20px 10px;
	border: 1px #e8e7e7 solid;
}

.boderTechnologyNone {
	margin: 0 20px 0 20px;
	padding: 20px 15px 20px 15px;
	border: 1px #e8e7e7 solid;
}

.boderTechnology div.image,
.boderTechnologyNone div.image {
	margin: 0 0 15px 0;
}

.boderTechnology div.imageNone,
.boderTechnologyNone div.imageNone {
	margin: 0 0 0 0;
}

.boderTechnology p.left,
.boderTechnologyNone p.left {
	float: left;
}

.boderTechnology p.right,
.boderTechnologyNone p.right {
	float: right;
}


/* インデント ------------------------------ */

.technologyBox div.leftBox ul.indent li {
	margin: 0 0 10px 0;
	padding-left: 1em; 
	text-indent: -0.8em;
}

.technologyBox div.leftBox ul.indent li.line2 {
	margin: 0 0 10px 0;
	padding-left: 1em; 
	text-indent: -1.4em;
}

.technologyBox div.leftBox ul.indent li span {
	font-weight: bold;
	color: #B9A253;
}


/* BOX ------------------------------ */

.technologyBox {
	width: 570px;
	padding: 0;
	margin: 0 0 15px 0;
}

.technologyBoxNone {
	width: 560px;
	padding: 20px 0 0 0;
	margin: 0 0 0 10px;
}

.technologyBox div.text {
	width: 560px;
	margin: 10px 0 0 0;
}

.technologyBox div.left {
	float: left;
	width: 290px;
	margin: 0 0 0 10px;
	display: inline;
}

.technologyBox div.leftBox {
	margin: 0 0 20px 10px;
}

.technologyBox p.right {
	display: inline;
	float: right;
	margin: 0 10px 0 0;
}

.technologyBoxTable {
	width: 570px;
	padding: 0;
	margin: 0 0 15px 0;
}

.technologyBox .technologyBoxTable h3 {
	margin: 0 0 0 10px;
}

.technologyBox .technologyBoxTable p.rightSize10 {
	font-size: 86%;
	color: #999999;
	margin: 3px 10px 0 0;
	text-align: right;
}


/* テキスト */

strong.tit {
	margin: 0 0 10px 0;
	color: #B9A253;
	display: block;
	font-size: 113%;
}

.technologyBox p.right span {
	display: block;
	margin: 2px 0 0 0;
	font-size: 86%;
	color: #999999;
}

.technologyBox h3 {
	margin: 10px 0 8px 0;
}

.technologyBox p {
	margin: 0 0 15px 10px;
}

.technologyBox p.bottom {
	margin: 0 0 0 10px;
}

.technologyBox p.left {
	margin: 0;
}

.technologyBox div.leftBox p {
	margin: 0 0 15px 0;
}

.technologyBox div.left strong,
.technologyBox div.leftBox strong {
	display: block;
	margin: 0 0 0px 0;
	color: #B9A253;
	font-size: 113%;
}

.technologyBox div.left p strong,
.technologyBox div.leftBox p strong {
	display: inline;
	margin: 0 0 0px 0;
	color: #333333;
	font-size: 100%;
}

.technologyBox div.left table tr td strong {
	color: #333333;
	font-size: 100%;
}

.technologyBox div.left p.indent,
.technologyBox div.leftBox p.indent {
	margin: 0 0 10px 0;
	padding-left: 1em; 
	text-indent: -0.8em;
}

.technologyBox div.left p.indent strong,
.technologyBox div.leftBox p.indent strong {
	color: #B9A253;
}

/* リスト */

.boxTechnology ul.list {
	margin: 10px 0 0 18px;
}

.boxTechnology ul.list li {
	padding-left: 0em;
	margin-bottom: 8px; 
	text-indent: -0.5em;
}

.boxTechnology ul.listNum {
	margin: 10px 0 0 0;
}

.boxTechnology ul.listNum li {
	margin-bottom: 8px;
}

.boxTechnology ul.listNum li strong {
	color: #B9A253;
}


/* --------------------------------------------------------------------------------------
TabMenu
--------------------------------------------------------------------------------------- */

div#tabMenu {
	margin: 0 0 10px 0;
	border-bottom: 2px #cacaca solid;
}

div#tabMenu ul li {
	display: inline;
	margin: 0 3px 0 0;
}

div#tabMenu ul li.last {
	display: inline;
	margin: 0 0 0 0;
}


/* --------------------------------------------------------------------------------------
TOP
--------------------------------------------------------------------------------------- */

div#ctTop {
min-height: 184px;
margin: 0 0 0 0;
padding: 0 20px;
background: #ffffff;
}
* html div#ctTop {
height: 184px;
}

div#ctTopLeft {
float: left;
width: 370px;
}

div#ctTopRight {
	float: right;
	width: 370px;
	padding: 0 0 10px 0;
}


/* --------------------------------------------------------------------------------------
laboratoryTop
--------------------------------------------------------------------------------------- */

div.ctTopLaboratory {
margin: 15px 0 0 0;
padding: 0;
background: #ffffff;
}

div.ctTopLaboratoryLeft {
float: left;
width: 275px;
}

div.ctTopLaboratoryRight {
	float: right;
	width: 275px;
	padding: 0 0 10px 0;
}


/* --------------------------------------------------------------------------------------
アーカイブ
--------------------------------------------------------------------------------------- */

/* コンタクト ------------------------------ */

div.contactArchives {
background: #f7f4ea;
}

div.contactArchivesTop {
	width: 570px;
	padding: 10px 0 0 0;
	background: url(../image/technology/archives/bg_top_archives.gif) no-repeat left top;
	margin: 20px 0 0 0;
}

div.contactArchivesBottom {
padding: 0 0 10px 0;
background: url(../image/technology/archives/bg_bottom_archives.gif) no-repeat left bottom;
}

div.contactArchivesBox {
	width: 542px;
	margin: 0 0 0 15px;
}

div.contactArchivesBoxIn {
	width: 525px;
	margin: 10px 0 0 10px;
}

div.contactArchivesBoxIn div.left {
	float: left;
	width: 240px;
}

div.contactArchivesBoxIn div.right {
	float: right;
	width: 240px;
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
	border-left: 1px #999999 dotted;
}


/* --------------------------------------------------------------------------------------
テーブル
--------------------------------------------------------------------------------------- */

/* テーブル 通常色無し ------------------------------ */

.tableTechnologyNone {
width: 550px;
margin: 1px 0 0 10px;
border-collapse: collapse;
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
}

.tableTechnologyNone tr th {
padding: 7px 7px 4px 7px;
border-right: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
color: #333333;
font-weight: normal;
text-align: left;
vertical-align: top;
white-space: nowrap;
}

* html .tableTechnologyNone tr th {
padding: 10px 7px 4px 7px;
}

.tableTechnologyNone tr th img {
	vertical-align: text-top;
}

* html .tableTechnologyNone tr th img {
	vertical-align: middle;
}

.tableTechnologyNone tr th.thinBorder {
border-right: none;
}

.tableTechnologyNone tr td {
padding: 7px 7px 4px 7px;
	border-bottom: 1px #cccccc solid;
	vertical-align: top;
}

.tableTechnologyNone tr td span {
	font-size: 86%;
	color: #999999;
}

.tableTechnologyNone tr td.left {
padding: 7px;
border-left: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
}

.tableTechnologyNone tr td.leftLast {
padding: 7px;
border-left: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
}


/* テーブル 通常青 ------------------------------ */

.tableTechnology {
width: 550px;
margin: 0 0 0 10px;
border-collapse: collapse;
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
}

.tableTechnology tr th {
padding: 7px;
border-right: 2px #cccccc solid;
border-bottom: 1px #cccccc solid;
background: #e8eff4;
color: #333333;
font-weight: bold;
text-align: left;
vertical-align: top;
white-space: nowrap;
}

.tableTechnology tr th.thinBorder {
border-right: none;
}

.tableTechnology tr td {
	padding: 7px;
	border-bottom: 1px #cccccc solid;
	vertical-align: top;
}

.tableTechnology tr td span {
	font-size: 86%;
	color: #999999;
}

.tableTechnology tr td.left {
padding: 7px;
border-left: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
}

.tableTechnology tr td.leftLast {
padding: 7px;
border-left: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
}


/* 背景 Archives ------------------------------ */

.bgArchivesTop {
width: 570px;
padding: 14px 0 0 0;
background: url(../image/technology/archives/bg_top01.gif) no-repeat left top;
}

.bgArchivesBottom {
	padding: 0 0 14px 0;
	background: url(../image/technology/archives/bg_bottom01.gif) no-repeat left bottom;
	margin: 0 0 25px 0;
}

.bgArchives {
background: #f7f4ea;
}

.bgArchivesIn {
width: 542px;
margin: 0 0 0 14px;
}

.bgArchivesIn ul {
	float: left;
	width: 106px;
}

.bgArchivesIn ul li {
	margin: 12px 0 0 10px;
}


/* テーブル Archives ------------------------------ */

.tableArchives {
width: 550px;
margin: 0 0 0 10px;
border-collapse: collapse;
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
}

.tableArchives tr th {
padding: 7px;
border-right: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
background: #e8eff4;
color: #333333;
font-weight: bold;
text-align: center;
vertical-align: top;
white-space: nowrap;
}

.tableArchives tr th.left {
padding: 7px;
border-left: none;
border-right: none;
border-bottom: 1px #cccccc solid;
}

.tableArchives tr td {
	padding: 7px;
	border-bottom: 1px #cccccc solid;
	vertical-align: top;
}

.tableArchives tr td.none {
	padding: 7px;
	border-bottom: 1px #cccccc solid;
	vertical-align: middle;
}

.tableArchives tr td span {
	font-size: 86%;
	color: #999999;
}

.tableArchives tr td.left {
width: 9em;
padding: 7px;
border-left: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
}

.tableArchives tr td.leftLast {
padding: 7px;
border-left: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
}


/* テーブル Technology ------------------------------ */

.tableTechnology {
width: 550px;
margin: 2px 0 0 10px;
border-collapse: collapse;
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
}

.tableTechnology tr th {
	padding: 7px;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background: #e8eff4;
	color: #333333;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	font-size: 86%;
}

.tableTechnology tr th.none {
	padding: 7px;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background: none;
	color: #333333;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	font-size: 86%;
}

.tableTechnology tr th.left {
padding: 7px;
border-left: none;
border-right: none;
border-bottom: 1px #cccccc solid;
}

.tableTechnology tr td {
	padding: 7px;
	border-bottom: 1px #cccccc solid;
	vertical-align: middle;
	border-left: 1px #cccccc solid;
	font-size: 86%;
}

.tableTechnology tr td span {
	font-size: 86%;
	color: #999999;
}

.tableTechnology tr td.left {
padding: 7px;
border-left: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
}

.tableTechnology tr td.leftLast {
padding: 7px;
border-left: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
}