﻿@charset "utf-8";

/* 
===  technology.css  ===
*/


/*  -----  content2 ------   */


#content2 .bklink {
	margin: 40px 0 20px 0;
	text-align: right;
}

#content2 .bklink a {
	color: #0066CC;
	font-size: 100%;
	font-weight: bold;
	margin: 20px 0;
}

#content2 .bklink a:hover {
	color: #FF3300;
	font-size: 100%;
	font-weight: bold;
	margin: 20px 0;
}


/* ----- technology ----- */

#technology {
	width: 571px;
	float: left;
	margin-top: 30px;
}

#technology h2 {
	height: 20px;
	border-left: solid 5px #3344bb;
	padding-left: 10px;
	padding-top: 10px;
}

#technology h3 {
	width: 550px;
	clear: both;
}

#technology h3 img {
	margin: 40px 0 15px 0;
	border: solid 1px #666;
	color: #CC0000;
	padding: 1px;
}

#technology h4 {
	width: 450px;
	border-top: solid 1px #666;
	border-bottom: solid 1px #666;	
	padding-top: 4px;
	padding-left: 14px;
	padding-bottom: 4px;
	margin-bottom: 10px;
	margin-top: 20px;
}

#technology h4 a {
	font-size: medium;
	color: #3344bb;
}

#technology ul {
	margin-bottom: 30px;
	margin-left: 10px;
	font-size: small;
}

#technology li {
	line-height: 1.6;
	list-style-position: inside; 
}

#technology p {
	line-height: 1.5;
	margin: 30px 0 0 0;
}

#technology a {
	color: #0066FF;
	font-size: 100%;
	margin: 20px 0 50px;
}

#technology a:hover {
	color: #FF3300;
}


#inqbtn img {
	text-align: center;
	margin: 20px 0;
}


#content2 #mpname {
	font-size: 64%;
	text-align: right;
	margin: 50px 0 0 0;
}

.techend2 {
	padding-bottom: 100px;
}


/* --- inqbox ---*/

#inqbox {
	width: 550px;
	overflow: hidden;
	border-top: dotted 1px #ccc;
	margin: 30px 0 30px 0;
	padding: 35px 0 0 0;
}

#inqbox p {
	margin: 0 0 5px 0;
	padding: 0;
}

#inqbox img {
	margin: 95px 0 0 297px;
}

#inqboxn {
	clear:both;
	background: url(../img/technology/inquiry_backl.gif) left top no-repeat;
	width: 550px;
	height: 150px;
	overflow: hidden;
}


/* ======= mdsgsystem ====== */

#mdsgsystem {
	background: url(../img/technology/mdsgsystem/sline.gif) top left repeat-y;
	padding: 30px 0 0 150px;
	width: 551px;
}

#mdsgsystem h2 {
	width: 550px;
	height: 50px;
	color: #CC0000;
	padding: 1px;
	border: solid 1px #cc0000;
}

#mdsgsystem h3 {
	margin: 80px 0 20px 0
}

#mdsgsystem h4 {
	margin: 20px 0 10px 0;
	color: #FF3300;
	font-size: 100%;
}

#mdsgsystem h5 {
	margin: 20px 0 3px 0;
	color: #FF6600;
	font-size: 100%;
}

#mdsgsystem p {
	line-height: 1.7;
	font-size: 92%;
	margin: 10px 0;
	color: #333;
}

#mdsgsystem dl {
	line-height: 1.3;
	margin: 0 0 30px 0;
}

#mdsgsystem dt {
	font-size: 90%;
	color: #0099FF;
	font-weight: bold;
}

#mdsgsystem dd {
	font-size: 90%;
	color: #333;
	margin: 0 0 10px 0;
}

#mdsgsystem p a {
	color: #FF3300;
	font-size: 100%;
	font-weight: bold;
	margin: 20px 0;
}


/* ======= ldu-501 ====== */

#ldu501 {
	background: url(../img/technology/ldu501/sline.jpg) top left repeat-y;
	padding: 30px 0 0 150px;
	width: 551px;
}

#ldu501 h2 {
	width: 550px;
	height: 50px;
	color: #CC0000;
	padding: 1px;
	border: solid 1px #0066ff;
}

#ldu501 h3 {
	margin: 80px 0 20px 0
}

#ldu501 h4 {
	margin: 20px 0 10px 0;
	color: #FF6600;
	font-size: 94%;
	line-height: 1.5;
}

#ldu501 h5 {
	margin: 20px 0 0 0;
	color: #FF6600;
	font-size: 94%;
	line-height: 1.5;
}

#ldu501 p {
	line-height: 1.7;
	font-size: 92%;
	margin: 10px 0;
	color: #333;
}

#ldu501 ul {
	list-style-type: circle;
}

#ldu501 li {
	line-height: 1.5;
	font-size: 84%;
	color: #333;
}

#ldu501 dl {
	line-height: 1.3;
	margin: 0 0 30px 0;
}

#ldu501 dt {
	font-size: 90%;
	color: #0099FF;
	font-weight: bold;
}

#ldu501 dd {
	font-size: 90%;
	color: #333;
	margin: 0 0 10px 0;
}


/* ======= lit-101 ====== */

#lit101 {
	background: url(../img/technology/ldu501/sline.jpg) top left repeat-y;
	padding: 30px 0 0 150px;
	width: 551px;
}

#lit101 h2 {
	width: 550px;
	height: 50px;
	color: #CC0000;
	padding: 1px;
	border: solid 1px #0066ff;
}

#lit101 h3 {
	margin: 80px 0 20px 0
}

#lit101 h4 {
	margin: 20px 0 10px 0;
	color: #FF6600;
	font-size: 94%;
	line-height: 1.5;
}

#lit101 h5 {
	margin: 20px 0 0 0;
	color: #FF6600;
	font-size: 94%;
	line-height: 1.5;
}

#lit101 p {
	line-height: 1.7;
	font-size: 92%;
	margin: 10px 0;
	color: #333;
}

#lit101 ul {
	list-style-type: circle;
}

#lit101 li {
	line-height: 1.5;
	font-size: 84%;
	color: #333;
}

#lit101 dl {
	line-height: 1.3;
	margin: 0 0 30px 0;
}

#lit101 dt {
	font-size: 90%;
	color: #0099FF;
	font-weight: bold;
}

#lit101 dd {
	font-size: 90%;
	color: #333;
	margin: 0 0 10px 0;
}


/* ======= tts-05 ====== */

#tts05 {
	background: url(../img/technology/tts05/sline.jpg) top left repeat-y;
	padding: 30px 0 0 150px;
	width: 551px;
}

#tts05 h2 {
	width: 550px;
	height: 50px;
	color: #CC0000;
	padding: 1px;
	border: solid 1px #3171d2;
}

#tts05 h3 {
	margin: 80px 0 20px 0
}

#tts05 h4 {
	margin: 20px 0 10px 0;
	color: #333;
	font-size: 94%;
	line-height: 1.5;
	font-weight: normal;
}

#tts05 h5 {
	margin: 20px 0 0 0;
	color: #FF6600;
	font-size: 94%;
	line-height: 1.5;
}

#tts05 p {
	line-height: 1.7;
	font-size: 92%;
	margin: 10px 0;
	color: #333;
}

#tts05 ul {
	list-style-type: circle;
}

#tts05 li {
	line-height: 1.5;
	font-size: 84%;
	color: #333;
}

#tts05 dl {
	line-height: 1.3;
	margin: 0 0 30px 0;
}

#tts05 dt {
	font-size: 90%;
	color: #0099FF;
	font-weight: bold;
}

#tts05 dd {
	font-size: 90%;
	color: #333;
	margin: 0 0 10px 0;
}


/* ======= nanofiber ====== */

#nanofiber {
	width: 551px;
	float: left;
	margin-top: 30px;
	margin-bottom: 50px;
}

#nanofiber h2 {
	margin-bottom: 15px;
	width: 550px;
	height: 50px;
	color: #CC0000;
	padding: 1px;
	border: solid 1px #ccc;
}

#nanofiber h3 {
	margin-bottom: 15px;
	font-size: medium;
	color: #FF6600;
}

#nanofiber h4 {
	clear: both;
	margin-bottom: 3px;
	font-size: x-small;
	font-weight: normal;
	color: #CC0000;
}

#nanofiber h5 {
	font-size: 84%;
	font-weight: normal;
	line-height: 1.5;
	color: #ff6600;
	margin-bottom: 15px;
}

#nanofiber p {
	color: #333;
	line-height: 1.55;
}

#nanofiber p a {
	color: #0066FF;
}

#nanofiber p a:hover {
	color: #FF3300;
}


.nanop2 {
	width: 550px;
	letter-spacing: 0.03em;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-right: 15px;
}

.nanop3 {
	letter-spacing: 0.03em;
}

.nanop4 {
	clear: both;
	color: #FF6600;
	font-weight: bold;
}

.nboxs {
	width: 495px;
	padding: 5px 10px 5px 15px;
	border: solid 1px #ccc;
	margin: 10px 0px 20px 0;
}

.nbox1 {
	width: 300px;
	float: right;
	padding: 1px;
	border: solid 1px #ccc;
	margin-left: 8px;
}

.nbox2b {
	overflow: hidden;
	margin: 0 0 20px 0;
}

.nbox2 {
	width: 187px;
	float: left;
	padding: 1px;
	border: solid 1px #ccc;
	margin-right: 8px;
}

.nbox3 {
	width: 495px;
	margin-bottom: 15px;	
}

.nbox4 {
	float: left;
	width: 330px;
}

.nbox5 {
	float: left;
	width: 165px;
}

.nbox6 {
	margin: 10px 0px 20px 0;
}

.nbox7 {
	margin: 10px 0px 20px 0px;
	padding: 15px 10px 5px 25px;
	border: solid 1px #ccc;
}

.nb3img {
	float: left;
	padding-right: 5px;
}

.nimg_p {
	font-size: x-small;
	text-align: left;
	margin: 5px 0 0 5px;
	margin-bottom: 5px;
	color: #3344bb;
}

.nbox8 {
	width: 384px;
	padding: 10px;
	border: solid 1px #ccc;
	margin: 10px 0px 20px 0;
}

.nbox9 {
	width: 384px;
	margin-bottom: 5px;	
}

.nbox10 {
	width: 457px;
	padding: 10px;
	border: solid 1px #ccc;
	margin: 10px 0px 20px 0;
}

.nbox11 {
	width: 550px;
	padding: 8px;
	border: solid 1px #ccc;
	margin-bottom: 15px;
}

.nbox12 {
	width: 500px;
	padding: 10px;
	border: solid 1px #ccc;
	margin: 5px 0px 20px 0;
}





