@charset "UTF-8";
/*/////////////////////////////////////////////////////////////////////////
format
/////////////////////////////////////////////////////////////////////////*/
html{height:100%;width:100%;}
body {text-align:center;font-size:62.5%;font-family:Arial, Helvetica, sans-serif;}
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;}
img {border:none;}
hr {display:none;}
ul {list-style:none;}
.alt{position:absolute;top:-5000px;left:-9999px;}
.bold {font-weight:bold;}
.normal {font-weight:normal;}

/*float*/
.floatL {float:left;}
.floatR {float:right;}
.clearfloat {height:1px;font-size:1%;clear:both;display:block;background:transparent;}
.clearfix:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix {min-height:1px;}
* html .clearfix {height:1px;/*\*//*/
	height:auto;overflow:hidden;/**/
}
.tCenter {text-align:center !important}
.tRight {text-align:right !important}
.tLeft {text-align:left !important}
/*font-size*/
.f140 {font-size:140%;}
.f120 {font-size:120%;}
.f110 {font-size:110%;}
.f90 {font-size:90%;}
.f85 {font-size:85%;}

/* color */
.cBlue{color:#1a688b;}

/*
font-size:1px;line-height:1px;text-indent:-9999px;display:block;*/


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


/*common*/


body {height:100%;width:100%;margin:0px auto;padding:0px;line-height:150%;color:#333;background:#eee;}

a:link {color:#1a688b;text-decoration:none;}
a:visited {color:#1a688b;text-decoration:none;}
a:active {color:#999;text-decoration:underline;}
a:hover {color:#999;text-decoration:underline;}



.blink a{display:block;background:url(../img/bit.png) no-repeat 10px center; padding:0 0 0 20px;}

.hback{ text-align:center; padding-top:15px;}
.hback a{display: inline-block;background:url(../img/bit.png) no-repeat 10px center; padding:0px 10px 0px 20px;
border-top:1px dotted #aaa; border-bottom:1px dotted #aaa; }
.hback a:hover{ background-color:#4093b9; color:#fff;}

#CONTAINERBG{ border-top:5px solid #4898bc;border-bottom:5px solid #4898bc; background:#FFF;margin:0 auto;}
#CONTAINER{width:760px; margin:0 auto;}

#MAINAREA{width:760px; text-align:left;padding:0 0 30px 0;}
#MAINAREA p,.block dl,.block table,.block ul{font-size:140%; line-height:180%;}

#HEADER{width:760px;height:86px;position:relative;}
#HEADER .logo{position:absolute;top:0;left:0;}
#HEADER .logo a{width:120px;height:86px; background:url(../img/headerlogo.png) no-repeat; display:block;}

	#HEADER #glbmenu{width:640px;height:50px;position:absolute;top:0;right:0; background:#eee;}
		#HEADER #glbmenu ul{ float:right; padding:10px 15px 10px;}
		#HEADER #glbmenu ul li{float:left; font-size:140%; color:#ccc;}
		#HEADER #glbmenu ul li a{color:#333;}
	
	#HEADER .menu{width:640px;height:36px;position:absolute;top:50px;left:120px;}
		#HEADER .menu ul{}
		#HEADER .menu ul li{width:160px;height:36px;float:left;}
		#HEADER .menu ul li a{width:160px;height:36px;display:block; background:url(../img/headermenu.png) no-repeat;}
		#HEADER .menu ul li a:hover{filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
		#HEADER .menu ul li.m1 a{ background-position:0 0;}
		#HEADER .menu ul li.m2 a{ background-position:-160px 0;}
		#HEADER .menu ul li.m3 a{ background-position:-320px 0;}
		#HEADER .menu ul li.m4 a{ background-position:-480px 0;}

		#INFORMATION #HEADER .menu ul li.m1 a{filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
		#ABOUT #HEADER .menu ul li.m2 a{filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
		#PRODUCTS #HEADER .menu ul li.m3 a{filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
		#CUSTOMERS #HEADER .menu ul li.m4 a{filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}


	.titlearea{ background:#c5deea;}
		.titlearea h1{ font-size:360%; font-weight:normal; background:#4093b9;color:#fff;padding:10px 15px; line-height:1em;}
		.titlearea .submenu{padding:3px; float:right;}
		.titlearea ul.submenu li{ float:left;border-left:1px solid #333;padding:0 2px;}
		.titlearea ul.submenu li:first-child{border-left:none;}
		.titlearea ul.submenu li a{ font-size:120%; padding:2px 5px; display:block;}
		.titlearea ul.submenu li a:hover{ background:#4093b9; color:#fff; text-decoration:none;}

		.block{padding-top:20px;}
/*		.block p{ text-indent:1em;}	*/
		.h2area{background:url(../img/h2line) repeat-x left bottom;margin:0 auto 10px auto;}
			.h2area h2{font-size:240%;border-bottom:3px solid #4093b9; color:#1a688b; display:inline-block;padding:8px 5px;}
			.block .blink{padding-top:10px; float:right; text-indent:0;}
			.block .lpdf{background:url(../img/bit.png) no-repeat 0 center; padding:0 0 0 10px;text-indent:0; float:left;margin:0 10px; }

	.block h3{ font-size:180%; font-weight:normal; color:#1a688b; padding:20px 0 10px 0;}

	 img.floatL{margin-right:10px;}
	 img.floatR{margin-left:10px;}
	 p.tCenter{margin:10px 0;}

	hr.dotted{border:none;border-top:1px dotted #aaa; display:block;margin:20px 0 10px; background:#fff;}

	.block dl{}
	.block dl dt{ font-weight:bold; border-left:3px solid #1a688b; padding-left:3px;line-height:120%; margin-top:10px;}
	.block dl dd{ padding-left:50px;}

	.block table{ margin-bottom:10px; border-collapse:collapse;}
	.block table th,.block table td{padding:10px;border:1px solid #fff;}
	.block table th{ padding-right:10px; background:#4093b9; color:#fff;}
	.block table td{ background:#eee;}


#FOOTER{width:760px; margin:10px auto; text-align:left; padding:10px 0 30px 100px;background:url(../img/footericon.png) no-repeat left top; min-height:60px;}
#FOOTER p{ font-size:120%;}

/* TOPPAGE */

#TOPPAGE #HEADER{width:760px;height:385px;;background:#eeeeee; position:relative; margin-bottom:20px;}
#TOPPAGE #HEADER h1{position:absolute;top:0;left:0;width:190px;height:334px; background:#fff url(../img/logotop.png) no-repeat center center;
border-left:1px solid #eee;border-right:1px solid #eee;}

#TOPPAGE #HEADER #glbmenu{width:570px;height:36px;position:absolute;top:0;right:0;}
	#TOPPAGE #HEADER #glbmenu ul{ float:right; padding:10px 15px 10px;}
	#TOPPAGE #HEADER #glbmenu ul li{float:left; font-size:140%; color:#ccc;}
	#TOPPAGE #HEADER .mainimage{position:absolute;top:36px;right:0;}

#TOPPAGE #HEADER .menu{width:760px;height:50px;position:absolute;top:334px;left:0;}
	#TOPPAGE #HEADER .menu ul{}
	#TOPPAGE #HEADER .menu ul li{width:190px;height:50px;float:left;}
	#TOPPAGE #HEADER .menu ul li a{width:190px;height:50px;display:block; background:url(../img/topmenu.png) no-repeat;}
	#TOPPAGE #HEADER .menu ul li.m1 a{ background-position:0 0;}
	#TOPPAGE #HEADER .menu ul li.m2 a{ background-position:-190px 0;}
	#TOPPAGE #HEADER .menu ul li.m3 a{ background-position:-380px 0;}
	#TOPPAGE #HEADER .menu ul li.m4 a{ background-position:-570px 0;}

	#LEFTAREA{width:220px; float:left;}
	#TOPPAGE .infoarea h2{width:220px;height:24px;background:url(../img/topparts.png) no-repeat 0 0;}
	#TOPPAGE .infoarea ul li{ padding:5px 3px; line-height:1.2em; border-bottom:1px dotted #999999; font-size:120%;position:relative;}
	#TOPPAGE .infoarea ul li .date{width:65px;display:block;position:absolute;top:5px;left:3px;}
	#TOPPAGE .infoarea ul li .text{display:block;padding:0 0 0 70px;}

#RIGHTAREA{width:520px; float:right;}

	#TOPPAGE #PRODUCTS{width:520px;height:131px;background:#dddddd;position:relative;margin-bottom:20px;}
	#TOPPAGE #PRODUCTS h2{width:95px;height:25px;background:url(../img/topparts.png) no-repeat 0 -24px;}
/*
	#TOPPAGE .le{position:absolute;top:27px;left:7px;}
	#TOPPAGE .le a{width:250px;height:118px;background:url(../img/topbtn.jpg) no-repeat 0 0;display:block;}
	#TOPPAGE .sd{position:absolute;top:27px;right:7px;}
	#TOPPAGE .sd a{width:250px;height:118px;background:url(../img/topbtn.jpg) no-repeat 0 -118px;display:block;}
	#TOPPAGE .le a:hover,#TOPPAGE .sd a:hover{filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
*/
	img.topimage{padding:3px;border:1px solid #ddd; float:right; margin-left:10px;}
	
	#NO1MARKET{background:url(../img/no1.png) no-repeat left top; padding:10px 0 0 130px; min-height:120px; margin-top:10px;}
	#NO1MARKET h2{ font-size:180%;margin-bottom:8px;}

/* INFORMATION */

	#INFORMATION .h2area{background:url(../img/h2line) repeat-x left bottom;margin:0 auto;}

	#INFORMATION .datearea {background:#eee;padding:5px; margin:0 auto 10px; border-bottom:1px dotted #ccc;}
	#INFORMATION .datearea .date{ text-align:right;}


	#INFORMATION .infoarea ul li{ padding:5px 3px; line-height:1.2em; border-bottom:1px dotted #999999;position:relative;}
	#INFORMATION .infoarea ul li .date{width:80px;display:block;position:absolute;top:5px;left:3px;}
	#INFORMATION .infoarea ul li .text{display:block;padding:0 0 0 90px;}


/* PRODUCTS */

	#PRODUCTS .block img.floatL{margin-right:10px; background:#eee;border:1px solid #ddd;padding:3px;}

	.block table.spc{ margin:0 auto 10px auto; border-collapse:collapse;text-align:left; border:1px double #1a688b !important; background:#fff;}
	.block table.spc th,.block table.spc td{padding:10px;border:1px solid #1a688b; line-height:120%;}
	.block table.spc th{ padding-right:10px; background:#4093b9; color:#fff;}
	.block table.spc td{ background:#eee; text-align:center;}

	.block table.spc th.lb{background:#b1d3e3; color:#333; font-weight:normal;}
	.block table.spc .line{ border-bottom:3px solid #1a688b;}
	
	.dimensions{ text-align:center;}
	.dimensions a.dim{display:inline-block; padding:3px; background:#eee; border:1px solid #ccc; margin-right:5px;}
	.dimensions a.dim:hover{filter: alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

	.blocksd{height:500px; position:relative;}
	.blocksd .btn_sdex{ position:absolute;top:230px; left:40px;}
	.blocksd .btn_sdpr{ position:absolute;top:230px; left:400px;}
	.blocksd a:hover{filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
	.img_sd{width:760px;height:210px;background:url(../img/title_sd.png) no-repeat;}

/* CUSTOMERS */
.cleft{ display:block; float:left; overflow:hidden; padding-right:5px;}

/* CONTACT */

.basetable{ margin:0 auto;}
.submit{ text-align:center;}
/*


*/
/*eof*/



/*ADD*/

.clearfloatR {
	height:1px;
	font-size:1%;
	clear:right;
	display:block;
	background:transparent;
}

#PRODUCTS .block img.floatL_nl {
	margin-right: 15px;
	background: transparent;
	border: 0;
	padding: 0;
	float:left;
}

#MAINAREA ol.spec_note {
	margin: 0 80px;
	font-size:120%;
	line-height:150%;
}

#MAINAREA ol.spec_note li {
	margin: 5px 0;
}

#MAINAREA ol.rm_list {
	margin: 0 0 0 270px;
	font-size:140%;
	line-height:180%;
	font-weight: normal;
}

#MAINAREA ol.rm_list p.rm_text {
	font-weight: normal;
	font-size:90%;
	line-height:130%;
	text-indent: 0;
}


#TOPPAGE #PRODUCTS ul {
	margin: 0 0 0 5px;
	padding: 0;
	height: 98px;
}

#TOPPAGE #PRODUCTS ul li {
	margin: 0 5px 0 0;
	padding: 0;
	width: 166px;
	height: 98px;
	float: left;
}

#TOPPAGE #PRODUCTS ul li a {
	display:block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

#TOPPAGE #PRODUCTS ul li.sd a {
	background-image:url(../img/topbtn.png);
	background-position: 0 0;
}

#TOPPAGE #PRODUCTS ul li.rm a {
	background-image:url(../img/topbtn.png);
	background-position: 0 -98px;
}

#TOPPAGE #PRODUCTS ul li.le a {
	background-image:url(../img/topbtn.png);
	background-position: 0 -196px;
}

#TOPPAGE #PRODUCTS .sd a:hover,
#TOPPAGE #PRODUCTS .le a:hover,
#TOPPAGE #PRODUCTS .rm a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.img_rm {
	width:760px;
	height:70px;
	background:url(../products/img/title_rm.png) no-repeat left bottom;
}


.nbr {
	white-space: nowrap;
}