/*
Copyright (C) 2006 ECS All Rights Reserved.
Layout CSS 
*/

/*-----------------------
   Global Property
-----------------------*/
html 		{}
body 		{ background-color:#f4f7f9; margin:0 auto; padding:0 0 10px; text-align:center; line-height:1;}

h1,h2,h3,h4,h5 { margin:0; padding:0;}

p  			{ margin:0; padding:0;}
img 		{ border:0;}

dl,dt,dd 	{ margin:0; padding:0;}

form 		{ margin:0; padding:0;}

.hidden 	{ visibility:hidden;}
.dnone  	{ display:none;}
.cboth  	{ clear:both; visibility: hidden; height: 0.1px; font:0.1px/0.1px sans-serif; line-height: 0;}
.bgnone 	{ background:none;}

.pkg:after 	{ content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg 		{ display: block; }
/* */


/*-----------------------
	Global Area
-----------------------*/
#main 			{ margin:0 auto; text-align:left;	width:720px; _width:758px; padding:0 18px; border:1px solid #CCCCCC; border-top:none; background-color:#FFFFFF;}
#mainBox		{ width:720px; margin:0; padding:0; background:url("../images/sub_back.gif") repeat-y left top;}

.baseBox		{ width:530px; margin-bottom:30px;}
.baseSBox		{ width:530px; padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid #CCCCCC; }

#mainBoxR		{ float:left; width:530px;}
#TopicPath		{ font-size:85%; _font-size:85%; width:529px; margin:10px 0 0; padding:0 0 2px; border-bottom:dotted 1px #999999; }
#Topic2Path		{ font-size:85%; _font-size:85%; width:529px; margin:10px 0 0; padding:0 0 2px; }
#contentsBox	{ margin:20px 0; }


/*-----------------------
	Main Area
-----------------------*/

.techBoxS						{ width:530px; padding:5px 0 20px; border-bottom:1px solid #cccccc;}
.techBoxS .techBoxS-L,
.techBoxS-H .techBoxS-L			{ float:left; width:265px; margin:10px 0 0; text-align:center;}
.techBoxS .techBoxS-R,
.techBoxS-H .techBoxS-R			{ float:right; width:265px; margin:10px 0 0; text-align:center;}
.techBoxS-H						{ width:530px; padding:10px 0 10px; border-bottom:1px solid #cccccc;font-size: 14px; _font-size:110%;}
.techBoxS-F						{ width:530px; padding:5px 0 30px; border-bottom:1px solid #cccccc;}
.techBoxS-NO					{ width:530px; padding:5px 0 20px;}

.techColorBox					{ width:488px; _width:530px; padding:15px 20px 20px; margin-bottom:20px; border:1px solid #cccccc; background-color:#F8FaFe;}
.techColorBox strong			{  margin-bottom:10px; width:250px; }
.techColorBox .techColorBox-L	{ float:left; width:220px; text-align:center; }
.techColorBox .techColorBox-R	{ float:right; width:220px; text-align:center; }
.techColorBox .techColorBox-Rtxt{ float:right; width:240px; }

.rightBox						{ float:right; width:250px; text-align:left; margin:10px 0 0; }
.rightBoxS						{ float:right; width:220px; text-align:left; margin:5px 0 0 10px; }
.rightBox img,
.rightBoxS img					{ margin-bottom:5px;}

.baseBox .lineBox				{ width:530px; padding:15px 0; border-bottom:1px solid #CCCCCC;}
.baseBox .lineTopBox			{ width:530px; padding:15px 0; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC;}
.baseBox .lineBox .lineBox-L	{ float:left; width:220px; margin:0 0 0 10px; text-align:center;}
.baseBox .lineBox .lineBox-R	{ float:right; width:280px; margin:0 0 0 10px; text-align:left; }
.baseBox .lineBox strong,
.baseBox .lineTopBox strong		{ display:block; margin-bottom:10px;}



/*-----------------------
	Other Class
-----------------------*/
.subtitle					{ display:block; margin-bottom:3px;}
.moriyamaFax				{ float:right; width:280px; _width:290px; margin-top:10px; padding:9px; background-color:#EEF6F9; border:solid 1px #CCCCCC; font-size:11px; _font-size:0.9em; line-height:1.2em;}
.techsign					{ margin:0 0 10px 0; width:530px; text-align:right; font-size:10px; _font-size:85%;}



/*-----------------------
	Common Class
-----------------------*/
.center						{ text-align:center; }
.Tleft p					{ text-aline:left;}
.figBox p					{ font-size:10px; _font-size:85%; text-align:center;}
.left						{ float:left; margin:0 10px 0 0;}
.right						{ float:right; margin:0 0 0 10px;}
.btm10						{ margin-bottom:10px; }
.top5						{ margin-top:5px; }
.top10						{ margin-top:10px; }
.figtitle					{ margin:20px 0 5px;}
img.Line1					{ border:1px solid #CCCCCC; }
p.leftLine 					{ margin-bottom:10px; padding:1px 0 0 7px; border-left:solid 4px #2a7ebd; }
p.pad5						{ padding:5px;}
.PageTop					{ margin-top:5px; width:530px; text-align:right; font-size:10px; _font-size:85%; }
.openwin					{ text-align:right; margin-top:3px;}


/*-----------------------
	products info
-----------------------*/
.chara						{ margin: 20px 0 20px;}
.use						{ float:left; margin: 0 0 0;}
.productimg					{ float:right; width:240px; margin:10px 0 0 10px;}
.productinfo				{ float:left; width:270px; margin:10px 0 0;}
.BoxLinkBtnR				{ float:right; width:240px; margin:6px 0 0 10px; text-align:right;}
.LinkBtnR					{ float:right; width:115px; _width:140px; text-align:left; margin:7px 0 0 30px; padding:1px 0 1px 23px;
						  	  background:url(../images/icon_arrow1.gif) left center repeat-y; border:1px solid #2a7ebd;}

.otherRBox					{ width:240px; float:right; margin-top:20px; padding-top:15px; border-top:solid 1px #CCCCCC;}
.otherRBox p				{ width:240px; float:right; margin-bottom:5px;}

/*--Lineup--*/
.LineupBox					{ width:530px; padding:20px 0; margin:0; /*\*/border-bottom:1px solid #cccccc; /* */}

.LineupBox strong			{ display:block; float:left; width:259px; _width:270px; margin:0 0 3px; border-left:solid 4px #2a7ebd;  padding:1px 0 0 7px; }
.LineupBox .imgRBox			{ float:right; width:240px; text-align:left; margin:5px 0 0 10px; }
.LineupBox .imgLBox			{ float:left; width:240px; text-align:left; margin:5px 10px 0 0; }
.LineupBox .infoBox			{ float:left; width:270px; text-align:left; border-top:1px solid #2a7ebd; padding-top:15px;}
.LineupBox .pname			{ font-weight:bold; margin-bottom:5px; }
.LineupBox ul				{ margin-top:15px;}
.LineupBox .centerBox		{ float:left; width:530px; text-align:left; border-top:1px solid #2a7ebd; padding-top:15px;}
.LineupBox .centerBox img	{ margin-bottom:5px;}

.LineupTab 					{ width:530px; background:url(../images/lineup_foot.gif) no-repeat bottom left;}
.LineupTab ul				{ margin:0 0 0 5px; padding:0; list-style:none; _font-size:1px; }
.LineupTab li				{ float:left; margin:0; padding:0; line-height:1;height:53px; }
.LineupTab li img			{ cursor:pointer;}


/*-----------------------
	List
-----------------------*/
ol.optionlist				{ margin:0 0 0 25px; _margin:0 0 0 30px; padding:0; }
.techColorBox .optionlist strong			{  margin-bottom:0;}

ol.optionlist li			{ margin:1px 0; padding:0; }
ul.techinfoList				{ margin:0; padding:0; list-style:none;}
ul.techinfoList li			{ margin:0 0 8px; padding:0 0 8px; border-bottom:dotted 1px #b7b4ac;}
ol.numList					{ margin:0 0 0 25px; _margin:0 0 0 30px; padding:0; }
ol.numList li				{ margin:10px 0; padding:0; }

ul.circleList				{ width:265px; _width:260px; margin:10px 0 0 6px; _margin:10px 0 0 11px; padding:0; list-style:none; }
ul.circleMaxList			{ width:500px; margin:20px 0 0 6px; _margin:20px 0 0 11px; padding:0; list-style:none; }
ul.circleList li,
ul.circleMaxList li			{ margin:5px 0; padding-left:12px; background:url("../images/icon_list.gif") left 5px no-repeat; }
ul.circleList strong,
ul.circleMaxList strong		{ display:block; margin:10px 0 3px; }


/*-----------------------
	Table Class
-----------------------*/
table.basicTable			{ width:100%; margin-bottom:30px;}
table.basicTable td			{ padding:10px; border-bottom:solid 1px #e1ded6;}
table.basicTable td.top		{ border-top:solid 1px #e1ded6;}
table.basicTable ul			{ padding:0px; margin:0px; list-style:none;}
table.basicTable2			{ width:50%; margin-bottom:40px; border-top:solid 1px #e1ded6;}
table.basicTable2 td		{ padding:10px; border-bottom:solid 1px #e1ded6;}

table.techTable				{ width:70%; margin-bottom:5px; border-top:solid 1px #e1ded6; border-right:solid 1px #e1ded6; text-align:center;}
table.techTable th			{ padding:5px; background-color:#f8f8fd; border-bottom:solid 1px #e1ded6; border-left:solid 1px #e1ded6;}
table.techTable td			{ padding:5px; border-bottom:solid 1px #e1ded6; border-left:solid 1px #e1ded6;}

table.specTable1,
table.specTable2			{ width:99%; /*\*/width:100%;/* */ margin-bottom:5px; border-top:solid 1px #e1ded6; border-right:solid 1px #e1ded6; text-align:center;}
table.specTable1 th			{ padding:5px 10px; background-color:#F8FaFe; border-bottom:solid 1px #e1ded6; border-left:solid 1px #e1ded6; text-align:left;}
table.specTable2 th			{ padding:5px 1px; background-color:#F8FaFe; border-bottom:solid 1px #e1ded6; border-left:solid 1px #e1ded6;}
table.specTable1 td			{ padding:2px 0px; text-align:center; border-bottom:solid 1px #e1ded6; border-left:solid 1px #e1ded6;}
table.specTable2 td			{ padding:2px 0 2px 15px; text-align:left; border-bottom:solid 1px #e1ded6; border-left:solid 1px #e1ded6;}
.specTable1 .gback,
.specTable2 .gback			{ background-color:#F9F9F9;}


/*-----------------------
	subnavi
-----------------------*/
#subnaviBox					{ float:left; width:180px; margin-right:10px; background:url("../images/sub_back.gif") repeat-y left top;}

ul.subnaviMenu 				{ width:168px; margin:0 0 0 1px; padding:0; list-style:none; background-color:#e9e9e9; _line-height:0;}
ul.subnaviMenu img			{ margin:0 5px 0 2px;}
ul.subnaviMenu li 			{ margin:0; padding:0;}
ul.subnaviMenu li a			{ display:block; padding:4px 0 4px 4px; border-bottom:solid 1px #FFFFFF;}
ul.subnaviMenu li a:hover	{ padding:4px 0 4px 4px; background-color:#e9eef2; text-decoration:none;}

ul.subnaviMenu2				{ margin:0; padding:0; list-style:none; background:url("../images/sub_back2.gif") repeat-y left top; _line-height:1;}
ul.subnaviMenu2 li			{ margin:0; padding:0; border-bottom:solid 1px #FFFFFF;}
ul.subnaviMenu2 li a		{ display:block; width:151px; _width:168px; padding:4px 2px 4px 15px; border-bottom:0;}
ul.subnaviMenu2 li a:hover	{ padding:4px 2px 4px 15px; background-color:#e9eef2;  text-decoration:none;}

.txlk-bsc					{ margin:0; padding:0; border-bottom:solid 1px #fff;}
.txlk-bsc a					{ width:151px; _width:168px; padding:0; background: url("../images/sub_arrow2.gif") no-repeat left center; }
.txlk-bsc a:hover			{ background-color:#e9eef2;}

ul.subnaviMenu3 			{ margin:0; padding:0 0 0 15px; list-style:none; }
ul.subnaviMenu3 li 			{ margin:0; padding:0; background:url("../images/sub_tree.gif") no-repeat; border-bottom:0; }
ul.subnaviMenu3 li.treeend 	{ padding:0; margin-bottom:5px; background:url("../images/sub_treeend.gif") no-repeat; }

ul.subnaviMenu3 li a		{ width:128px; _width:151px;  padding:2px 0 0 23px; border-bottom:0; background:url("../images/spacer.gif") no-repeat; }
ul.subnaviMenu3 li a:hover	{ padding:2px 0 0 23px;  background:none; text-decoration: underline; }


/*-----------------------
	Header Area
-----------------------*/
#HeaderBox					{ width:720px; margin:0; padding:0; border-top:4px solid #067ae5;}
#HeaderBoxL					{ float:left; width:204px; margin-top:10px;}
#HeaderBoxR					{ float:right; width:300px; margin-top:5px;}

#globalbtnBox				{ width:720px; height:29px; margin:10px 0 0; padding:0; background:url("../images/head_back.gif") repeat-x top; _font-size:1px;}
ul.globalList				{ float:left; height:29px; padding:0; margin:0; list-style:none;}
ul.globalList li			{ float:left; margin:0; padding:0; height:29px; }

#HomeLang					{ float:right;}
.Home						{ margin-right:15px;}
#serch						{ text-align:right; vertical-align:bottom; margin-top:6px;}
.sercharea					{ margin:3px 0 0; padding:0; vertical-align:top; background-color:#f3f4f7; border:1px solid #bbbbbb; width:120px; height:17px; font-size:80%;}
.serchbtn					{ margin:3px 0 0; padding:0}


/*-----------------------
	Footer Area
-----------------------*/
#FooterBox					{ vertical-align:bottom; width:720px; margin:0; padding:0; border-top:4px solid #067ae5; background-color:#f4f7f9; font-size:80%; color:#808080;}
#FooterBoxL					{ float:left; width:400px; margin:10px;}
#FooterBoxR					{ margin:10px;}
ul.FooterList				{ float:right; padding:0px; margin:0px; list-style:none;}
ul.FooterList li			{ float:left; }
ul.FooterList li.none		{ margin-right:0; padding-right:0; border-right:0;}


/*-----------------------
	Toppage
-----------------------*/
#topmainBox					{ width:720px; margin:0; padding:0;}
#topimgBox					{ width:720px; margin-bottom:20px;}
#topinfoBox					{ width:280px; float:left; margin:0 20px 20px 0; padding-bottom:10px; background:url("../../images/tech_back.gif") repeat-y left top; border-bottom:1px solid #CCCCCC;}
#topcontensBox				{ width:420px; float:right; margin:0; padding:0;}
#topproductBox				{ width:420px; padding-bottom:10px; background:url("../../images/products_back.gif") repeat-y left top; border-bottom:1px solid #CCCCCC;}
#topbnrBox					{ width:420px; margin-top:15px; padding-top:15px; border-top:1px dashed #CCCCCC; vertical-align:bottom;}
.productslink				{ margin:15px 0; padding-bottom:5px;}
.productslink .title		{ width:400px; margin:0 10px 5px; padding-bottom:5px; border-bottom:2px solid #88BBCC; }
.productslink .title strong	{ margin:7px 0 0 0px; padding-left:5px; width:95px; _width:110px; float:left; border-left: 3px solid #88BBCC;}
.productslink .title .small	{ float:left; width:260px; margin-top:2px;}
.productslink .Linklist		{ width:400px; margin:0 10px;}
.productslink ul			{ width:200px; margin:0; padding:0; list-style:none;}
.productslink ul.Llink		{ float:left;}
.productslink ul.Rlink		{ float:right;}
.productslink li			{ padding:2px 0 2px 17px; background:url("../images/sub_arrow2.gif") no-repeat 3px center;}

ul.topinfoList				{ width:260px; margin:10px 10px 0; padding:0 0 1px; list-style:none; border-bottom:dotted 1px #b7b4ac;}
ul.topinfoList li			{ margin:0; padding:6px 0; border-bottom:dotted 1px #b7b4ac;}
.topteckLink				{ width:260px; margin:5px 10px 0; padding:0; text-align:right}


/*-----------------------
	Functionpage
-----------------------*/
.PolicyBox				{ width:650px; margin:0 0 30px 30px;}
ul,policy				{ margin:0 0 0 40px; padding:0;}
ul.policy li			{ margin:10px 0;}
ol.attelist1			{ margin:0 0 0 40px; padding:0;}
ol.attelist2			{ margin:0 0 0 30px; padding:0;}
ol.attelist1 li			{ margin:10px 0;}
ol.attelist2 li			{ margin:5px 0;}
.PolicyBox h4			{ width:650px;}
.PolicyBox p			{ margin:5px 0;}
#topmainBox #TopicPath	{ width:719px;}

.siteBox				{ width:720px; margin-bottom:30px;}
.siteBox h4				{ width:710px; _width:720px; background-color:#EEF6F9; padding:8px 0 3px 10px;}
.siteLBox				{ width:350px; margin-bottom:30px; float:left;}
.siteRBox				{ width:350px; margin-bottom:30px; float:right;}
.siteLBox h4,
.siteRBox h4			{ width:340px; _width:350px; background-color:#EEF6F9; padding:8px 0 3px 10px;}
ul.sitelistL			{ margin:0 0 0 30px; list-style:none;}
ul.sitelistM			{ margin:0 0 0 10px; list-style:none;}
ul.sitelistS			{ margin:0 0 0 10px; list-style:none;}
.sitelistL li			{ margin:2px 0; padding:0 0 0 17px; background:url("../images/sub_arrow2.gif") no-repeat 3px 4px;}
.sitelistM li			{ margin:2px 0; background:url("../images/sub_arrow2.gif") no-repeat 3px 4px;}
.sitelistS li			{ margin:2px 0; background:url("../images/sub_arrow2.gif") no-repeat 3px center;}
.sitelistL li.Listleft	{ float:left; width:303px; _width:320px; margin:5px 0 0;}
.sitelistL li.Listright	{ float:right; width:303px; _width:320px; margin:5px 20px 0 0;}


/*-----------------------
   Link Box
-----------------------*/
.LinkBoxL,
.LinkBoxTopL,
.LinkBoxProductL		{ width:247px; _width:255px; float:left; margin-top:10px; padding:3px; border:solid 1px #2a7ebd;}
.LinkBoxR,
.LinkBoxTopR,
.LinkBoxProductR		{ width:247px; _width:255px; float:right; margin-top:10px; padding:3px; border:solid 1px #2a7ebd;}
.LinkBoxTopL,
.LinkBoxTopR			{ background:url("../images/box_back.gif") no-repeat bottom right; }
.LinkBoxTopL img,
.LinkBoxTopR img		{ float:right; margin-left:10px;}
.LinkBoxTopC			{ width:522px; _width:530px; float:left; margin-top:20px; padding:3px; border:solid 1px #2a7ebd;}

.LinkBoxL a,
.LinkBoxR a,
.LinkBoxTopL a,
.LinkBoxTopR a			{ display:block; width:230px; _width:247px; margin-bottom:3px; padding:5px 0 5px 17px;
						  background:url("../images/sub_arrow2.gif") no-repeat 3px center; background-color:#EEF6F9; border-bottom:solid 1px #5599bb;}
.LinkBoxTopC a			{ display:block; width:505px; _width:522px; margin-bottom:3px; padding:5px 0 5px 17px;
						  background:url("../images/sub_arrow2.gif") no-repeat 3px center; background-color:#EEF6F9; border-bottom:solid 1px #5599bb;}
.LinkBoxC				{ width:372px; _width:380px; margin-top:10px; padding:3px; border:solid 1px #2a7ebd;}
.LinkBoxC a				{ display:block; width:355px; _width:372px; margin-bottom:3px; padding:5px 0 5px 17px;
						  background:url("../images/sub_arrow2.gif") no-repeat 3px center; background-color:#EEF6F9; border-bottom:solid 1px #5599bb;}

.LinkBoxProductL .title a:hover,
.LinkBoxProductR .title a:hover,
.LinkBoxTopL .title a:hover,
.LinkBoxTopR .title a:hover,
.LinkBoxTopC .title a:hover,
.LinkBoxL a:hover,
.LinkBoxR a:hover,
.LinkBoxC a:hover		{ background-color:#DDEDFB; text-decoration:none;}

.LinkBoxProductL .title a,
.LinkBoxProductR .title a{ display:block; width:230px; _width:247px; margin-bottom:3px; padding:5px 0 5px 17px;
					 	   background:url("../images/sub_arrow2.gif") no-repeat 3px center; background-color:#EEF6F9; border-bottom:solid 1px #5599bb;}
.LinkBoxProductL ul,
.LinkBoxProductR ul		{ width:225px; margin:0 10px; padding:0; list-style:none;}
.LinkBoxProductL li,
.LinkBoxProductR li		{ padding:3px 0 3px 17px; background:url("../images/sub_arrow2.gif") no-repeat 3px center;}
.LinkBoxProductL .pad5,
.LinkBoxProductR .pad5	{ border-bottom:1px dotted #CCCCCC; margin-bottom:3px;}


/*-----------------------
   From
-----------------------*/
table.basicTable select	{ margin:5px 0;}
table.basicTable input	{ margin:0 5px 0 0;}
table.basicTable .check	{ margin:3px 5px 3px 30px;}
table.basicTable .left2list	{ width:170px; float:left;}
table.basicTable .left2Llist	{ width:225px; float:left;}
table.basicTable .left2Slist	{ width:125px; float:left;}
table.basicTable .left3list	{ width:110px; float:left;}
.w100					{ width:99%;}
.w50					{ width:50%;}
.formbtn				{ padding:0 5px; _padding:2px 5px 0;}
.fattn					{ padding:1px 2px; margin:0 2px 0 0; background-color:#ef6920; color:#fff;}