Ｆ/* @override http://jfe/products/fibridge/common/css/common.css */

@charset "utf-8";

/* @group initialize */

body #technology {
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','MS PGothic','ＭＳ Ｐゴシック',sans-serif;
}

#technology div,#technology ul,#technology ol,#technology li,#technology dl,#technology dt,#technology dd,#technology h1,#technology h2,#technology h3,#technology h4,#technology h5,#technology h6,#technology pre,#technology form,#technology p,#technology blockquote,#technology fieldset,#technology input {
	margin: 0;
	padding: 0;
}

#technology h1,#technology h2,#technology h3,#technology h4,#technology h5,#technology h6,#technology pre,#technology code,#technology address,#technology caption,#technology cite,#technology code,#technology em,#technology strong,#technology th {
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
}

#technology h1,#technology h2,#technology h3,#technology h4,#technology h5,#technology h6 {
	font-weight: bold;
}
#technology p{
	font-size:0.8em;
	line-height: 1.5em;
	}

#technology Pbold{
	font-size:0.8em;
	line-height: 1.5em;
	font-weight: bold;
	}
#technology ul, #technology ol {
	list-style: none;
}

#technology fieldset,img {
	border: none;
}

#technology img {
	vertical-align: bottom;
}

#technology caption,th {
	text-align: left;
}

#technology table {
	border-collapse: collapse;
	border-spacing: 0;
}

#technology hr. {
	/*margin-top: 0.5em;
	margin-bottom: 0.5em;*/	
	display: none;
}

#technology strong {
	color: #333;
	text-decoration: none;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-bottom: 1.5em;
}

#technology em {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#technology .bold {
	font-weight: bold;
}

/* @end */

/* @group common parts */

#technology div.mainmenu {
	margin: 10px 0px 5px;
	color: #999;
}

#technology div.mainmenu.foot {
	padding-top: 5px;
	border-top: 1px solid #999;
}

#technology div.mainmenu a:link, #technology div.mainmenu a:visited {
	color: #999;
	font-weight: bold;
	text-decoration: none;
}

#technology div.mainmenu a:hover, #technology div.mainmenu a:active {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}

#technology div.mainmenu a:link.current, #technology div.mainmenu a:visited.current {
	color: #333;
}

#technology div.wakuRight { color: #fff;
	/*clear: both;*/
	float: right; width: 140px; width: 135px; width: 135px; background-color: #666;
	/*padding-bottom: 0.1em;
	padding-left: 0.1em;*/
	font-size: 12px; line-height:1.2; margin: 0.3em 0.3em 1em 1.5em; padding:3px; }
#technology div.wakuRight160 { color: #fff; font-size: 12px; line-height: 1.2; background-color: #666; margin: 0.3em 0.3em 1em 1.5em; padding: 3px; width: 160px; float: right; width: 160px; }
#technology div.wakuRight198 { color: #fff; font-size: 12px; line-height: 1.2; background-color: #666; margin: 0.3em 0.3em 1em 1.5em; padding: 3px; width: 198px; float: right; width: 198px; }
#technology div.wakuRight360 { color: #fff; font-size: 12px; line-height: 1.2; background-color: #666; left: 60px; margin: 0.3em 4em 1em 100px; padding: 3px; width: 360px; }
#technology div.wakuRight448 { color: #fff; font-size: 12px; line-height: 1.2; background-color: #666; left: 60px; margin: 0.3em 3em 1em 60px; padding: 3px; width: 448px; width: 448px; }
/* @group hacks */

/* clearfix for IE 5.5-7*/

.clearfix {
	zoom: 1;
}

/* clearfix 新しいブラウザ用 */

.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/* clearfix IE用 */

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

/* @end */

/* @group anchor */

#technology a:link {
	color: #333;
	text-decoration: underline;
}

#technology a:visited {
	color: #999;
	text-decoration: underline;
}

#technology a:hover {
	color: #F00;
	text-decoration: none;
}

#technology a:active {
	color: #F30;
	text-decoration: none;
}

#technology a.noUl:link, #technology a.noUl:visited, #technology a.noUl:hover, #technology a.noUl:active {
	text-decoration: none;
}

/* @end */

/* @group clear */

#technology br.clear-both, #technology div.clear-both, #technology br.clear-left, #technology div.clear-left {
	font: 1px/1px monospace;
	display: block;
}

#technology .clear-both {
	clear: both;
}

#technology .clear-left {
	clear: left;
}

#technology .clear-Right {
	clear: right;
}

/* @end */

/* @group heading styles */

#technology .hd01 {
	margin: 1.5em 0 0.8em;
}

#technology .hd02 {
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #600;
	margin-bottom: 1em;
	padding-left: 0.5em;
}

#technology .hd03 {
	margin: 1em 0 0.3em;
	color: #03C;
	line-height: 1.2em;
}
#technology .hd04 {
	margin: 0.5em 0 0.3em;
	display: block;
	padding-left: 5px;
}

#technology .notice {
	font-size: 0.8em;
	padding: 10px;
	width: 90%;
	margin-right: 15px;
	margin-left: 15px;
}

#technology .titlePhoto { background-color:#666; font-size:1em; font-weight:bold; line-height: 1.2em; border-bottom-width: 1px; border-bottom-style: solid;
	/*border-bottom-color: #0064ff;*/
	color: #fff; margin-top: 1px; padding: 1em 10px; }

#technology .waku {
	background-color:#ededed;
	width: 540px;
	width: 530px;
	width: 540px;
    font-size:0.8em;
	font-weight:normal;
	line-height: 1.2em;
	padding-top: 1em;
	padding-bottom: 1em;
	color: #333;
	margin-top: 2em;
	margin-bottom: 2em;
	padding-left: 10px;
	padding-right: 10px;
}

/* @end */

/* @group list styles */
#technology .indexmenu ol li  {
	width: 98%;
	padding:0.2em 1em 0.2em 20px;
	font-weight:bold;
	line-height: 1.5em;
	font-size: 0.8em;
	background-image: url(../../image/icon_menu_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#technology .waku dl dt {
	background-color:#ffffff;
	width: 528px;
	padding:5px
    font-size:1em;
	font-weight:bold;
	line-height: 1.2em;
	margin: 3px 1px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0064ff;
}

/* @end */

/* @group box styles */

#technology div.relatedLink {
	margin: 0.7em 0;
	text-align: left;
}

#technology div.relatedLink a:link, #technology div.relatedLink a:visited, #technology div.relatedLink a:hover, #technology div.relatedLink a:active {
	color: #700;
}

#technology div.mainmenu {
	margin: 1em 0 0.5em;
	color: #999;
}

#technology div.mainmenu.foot {
	padding: 0.3em 0;
	border-top: 1px solid #ccc;
}

	#technology div.mainmenu a:link, #technology div.mainmenu a:visited, #technology div.mainmenu a:hover, #technology div.mainmenu a:active {
	color: #666;
	text-decoration: none;
}

#technology div.mainmenu a.current {
	color: #0064ff;
	text-decoration: none;
}

#technology div.pagetop { text-align: right; width: 570px; }
#technology div.pagetop2 { text-align: right; width: 570px; margin-top: 10px; margin-bottom: 16px; padding: 0; }
#technology div.pdfLink {
	margin: 2em 0 2em;
}

#technology .left {
	float: left;
}

#technology .right {
	float: right;
}

#technology #technologyTop div.box01 {
	padding: 10px;
	background: #d9e5e2;
}

#technology div.box { margin-bottom:2em; }
#technology div.box02 { width: 570px; margin: 4px 0; }
#technology div.box03 { color: #c03; text-align: left; left: 15px; width: 500px; margin: 0 0 10px 15px; padding: 20px; border: solid 1px; }
/* @end */

/* @group mark styles */

#technology .markPdf {
	display: block;
	padding-left: 33px;
	background: url(../moto/images/icon_pdf.gif) no-repeat left center;
}

#technology a.markPdf:link , #technology a.markPdf:visited {
	color: #000;
}

#technology a.markPdf:hover, #technology a.markPdf:active {
	color: #F30;
}

/* @end */

/* @group table styles */

#technology table.tbl01{
	margin-bottom: 10px;
}

#technology table.tbl01 th{
	vertical-align: top;
	padding: 0.5em;
	width: 150px;
}

#technology table.tbl01 th.kind{
	width: 150px;
}

#technology table.tbl01 td{
	padding: 0.5em;
	/*width: 350px;*/
}

/* @end */

/* @group border styles */

#technology .bdT{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	color: #FFF;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	background-color: #666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
#technology .bdB{
	font-size:0.8em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	background-color: #ededed;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}

#technology .lineT {
	/*margin-top: 0.5em;
	margin-bottom: 0.5em;*/
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #600;
}

/* @end */

/* @group page style */

/* @group base layout */

/* @end */

#technology {
	width: 570px;
	margin: 0px;
}

#technologyPop {
	width: 725px;
	width: 708px;
	width: 725px;
	background-color: #ededed;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
#technology.newWin {
	width: 90%;
	margin: 10px auto;
	text-align: center;
}

#technology.newWin2 {
	width: 68%;
	margin: 10px auto;
	text-align: center;
}

/* @group top */

#technology #technologyTop h1#visual {
	margin: 0.5em 0 0em;
}

#technology div.support {
	margin: 0em 0 1em;
	background-color: #ededed;
	padding: 0.5em 1em;
}

#technology #technologyTop div.topKinou {
	margin: 1em 0 2em;
}

#technology #technologyTop div.topKinou div.item {
	margin: 1em 0;
}

#technology #technologyTop div.topKinou div.item div.right {
	width: 380px;
	margin-left: 10px;
}

#technology #technologyTop div.topKinou div.item div.left {
	width: 180px;
}

#technology #technologyTop div.topKinou h3 {
	margin-bottom: 0.8em;
	padding: 0.3em 0.5em 0.2em;
	background: #444;
	color: #fff;
}

#technology #technologyTop div.jirei div.left {
	width: 280px;
}

#technology #technologyTop div.jirei div.right {
	width: 280px;
}

#technology #technologyTop div.jirei h3 {
	color: #999;
}

#technology #technologyTop div.jirei h4 {
	margin: 0 0 0.5em;
	color: #0064ff;
}

#technology #technologyTop div.jirei div.box01 div.left {
	width: 81px;
}

#technology #technologyTop div.jirei div.box01 div.right {
	width: 159px;
}

/* @end */

/* @group feature */

/* @end */

/* @group kinou */

#technologyKinou div.content {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0064ff;
	background-color: #ededed;
	width: 760px;
	padding-top: 0.5em;
	padding-right: 0;
	padding-bottom: 0.5em;
	padding-left: 0;
}

#technologyKinou div.content2 {
	padding: 0.5em 0;
	background-color: #e3f0ec;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0064ff;
}

#technologyKinou h4 {
	background-color: #0064ff;
	color: #fff;
	font-weight: normal;
	padding-left: 0.5em;
}

#technologyKinou h5 {
	color: #0064ff;
}

#technologyKinou p.hosoku {
	color: #7f7f7f;
	text-align: right;
	margin-top: 10px;
}

#technologyKinou div.leftTxt {
	width:380px;
	float: left;
}

#technologyKinou div.rightImg {
	width:190px;
	float: left;
	padding: 0.5em 0;
}

/* @end */

/* @end */