/* CSS Document */



ul li{list-style-type:none; padding:0; margin:0;}
h1,h2,h3,h4,h5,object,ul,li{padding:0; margin:0;}
div,dl,dt,dd{margin:0; padding:0; line-height:1.9;}
img{ border:none;}

/*�@clearfix�@�@�@**********************************/
.clearfix:after {
	content:",";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix { display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;} 
/* End hides from IE-mac \*/
/**************************************************/


html{height:100%; margin:0; padding:0;}
body{ margin:0; padding:0; height:100%; background: #fff fixed;
	color:#777;
	font: normal small/2.1em Verdana, "MS P Gothic", "Hiragino Maru Gothic Pro", sans-serif;}

a{color:#0094e0; text-decoration:underline;}
a:hover{ text-decoration:none; color:#000000;}

.clear{clear:both;}
em{font-size:1px; visibility:hidden;}
.attention { font-size:10px; color:#ff3300;}
.attention_cn { font-size:12px; color:#ff3300;}
.small{font-size:10px;}
.cn{letter-spacing:1px;}

#wrap{width:890px; height:100%; margin:0 auto;
	position:relative; padding:0;}
#content{background:url(../images/bg_content.gif) repeat-y;}
#navigation{float:left; width:200px;}
#main{float:right; width:690px;}
address{clear:both; width:890px; height:22px; padding:0; margin:0;
	background:url(../images/copyright.gif) no-repeat center right #0053a8;}

h1{background:url(../images/logo.gif) no-repeat; height:153px;
	border-top:22px solid #0053a8;}
h1 a{display:block; height:153px; text-decoration:none;}

#head{ background:#666; height:22px;}
#toppage #head{background:#666; height:22px;}

#head ul { float:right}

#head li{float:left; height:22px; background-position:0 -44px;}

#head1{background:url(../images/head_jp.gif); width:99px;}
#head2{background:url(../images/head_en.gif); width:85px;}
#head3{background:url(../images/head_cn.gif); width:91px;}

#head a{text-decoration:none; height:22px; display:block;}
#head a:hover{background-position:0 -22px;}

#head0 a{background:url(../images/head_home.gif); width:77px;}
#head1 a{background:url(../images/head_jp.gif); width:99px;}
#head2 a{background:url(../images/head_en.gif); width:85px;}
#head3 a{background:url(../images/head_cn.gif); width:91px;}



/* ===================================================================================== */

#nav, #nav_en, #nav_cn {/*position:relative;*/ z-index:200; width:200px;
	border-top:1px solid #fff;
 position:fixed; top:174px;
/* IE5 later && javascript-on */
_position: expression('absolute');
_top: expression((documentElement.scrollTop || document.body.scrollTop) + 174 + 'px');
    }
	


#nav table, #nav_en table, #navi_cn table {border-collapse:collapse;}

/*main----------------*/
#nav li,
#nav_en li,
#nav_cn li {height:54px; width:200px; font-size:1px; line-height:1;}

#nav li a,
#nav_en li a,
#nav_cn li a {height:54px; width:200px; display:block; color:#888; text-decoration:none; }

#navi1{background:url(../images/navigation1.gif);}
#navi2{background:url(../images/navigation2.gif);}
#navi3{background:url(../images/navigation3.gif);}
#navi4{background:url(../images/navigation4.gif);}
#navi5{background:url(../images/navigation5.gif);}
#navi6{background:url(../images/navigation6.gif);}
#navi7{background:url(../images/navigation7.gif);}

#nav li:hover,
#nav_en li:hover,
#nav_cn li:hover { position:relative; z-index:300; background-position:center;}

#nav a:hover,
#nav_en a:hover,
#nav_cn a:hover { position:relative; z-index:300; background-position:center;}

#page1 li#navi1, #page2 li#navi2, #page3 li#navi3,
#page4 li#navi4, #page5 li#navi5, #page6 li#navi6, #page7 li#navi7{ background-position:right;}
#page1 li:hover#navi1, #page2 li:hover#navi2, #page3 li:hover#navi3, 
#page4 li:hover#navi4, #page5 li:hover#navi5, #page6 li:hover#navi6, #page7 li:hover#navi7{ background-position:center;}
/*ie6*/
#page1 #navi1 a.parent, #page2 #navi2 a.parent, #page3 #navi3 a.parent, 
#page4 #navi4 a.parent, #page5 #navi5 a.parent, #page6 #navi6 a.parent, #page7 #navi7 a.parent{ _background-position:right;}
#page1 #navi1 a:hover.parent, #page2 #navi2 a:hover.parent, #page3 #navi3 a:hover.parent,
#page4 #navi4 a:hover.parent, #page5 #navi5 a:hover.parent, #page6 #navi6 a:hover.parent, #page7 #navi7 a:hover.parent{_background-position:center;}

/*ie6*/
#navi1 a{ _background:url(../images/navigation1.gif);} 
#navi2 a{ _background:url(../images/navigation2.gif);}
#navi3 a{ _background:url(../images/navigation3.gif);}
#navi4 a{ _background:url(../images/navigation4.gif);}
#navi5 a{ _background:url(../images/navigation5.gif);}
#navi6 a{ _background:url(../images/navigation6.gif);}
#navi7 a{ _background:url(../images/navigation7.gif);}

/*sub----------------*/
#nav li ul,
#nav_en li ul,
#nav_cn li ul { position:absolute; z-index:500; border:1px solid #b2cbe5; border-top:none;}
#nav li ul { width:160px;}
#nav_en li ul { width:195px;}
#nav_cn li ul { width:140px;}

#nav li li,
#nav_en li li,
#nav_cn li li { border-top:1px solid #b2cbe5; background:#fff; line-height:1; font-size:1px; height:auto;}
#nav li li { width:160px;}
#nav_en li li { width:195px;}
#nav_cn li li { width:140px; letter-spacing:2px;}

#nav li li a,
#nav_en li li a,
#nav_cn li li a {background:url(../images/navigation_icon.gif) no-repeat; padding-left:32px; font-size:12px; color:#000; text-decoration:none; display:block; line-height:3; height:auto;}
#nav li li a { width:128px;}
#nav_en li li a { width:163px;}
#nav_cn li li a { width:108px;}


#nav li li a:hover,
#nav_en li li a:hover,
#nav_cn li li a:hover { background:url(../images/navigation_icon.gif) no-repeat 0 -80px #0053a8; color:#fff;}

/* a hack for IE5.x and IE6 */
#nav li a li {}


#nav :hover ul,
#nav_en :hover ul,
#nav_cn :hover ul {left:155px; top:10px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul,
#nav_en a:hover ul,
#nav_cn a:hover ul {left:155px;}


#nav ul,
#nav_en ul,
#nav_cn ul {position:absolute; left:-9999px; top:-9999px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul,
#nav_en li:hover li:hover > ul,
#nav_cn li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul,
#nav_en li:hover > ul ul,
#nav_cn li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a,
#nav_en li:hover > a,
#nav_cn li:hover > a {}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul,
#nav_en a:hover a:hover ul,
#nav_en a:hover a:hover a:hover ul,
#nav_en a:hover a:hover a:hover a:hover ul,
#nav_en a:hover a:hover a:hover a:hover a:hover ul,
#nav_cn a:hover a:hover ul,
#nav_cn a:hover a:hover a:hover ul,
#nav_cn a:hover a:hover a:hover a:hover ul,
#nav_cn a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul,
#nav_en a:hover ul ul,
#nav_en a:hover a:hover ul ul,
#nav_en a:hover a:hover a:hover ul ul,
#nav_en a:hover a:hover a:hover a:hover ul ul,
#nav_cn a:hover ul ul,
#nav_cn a:hover a:hover ul ul,
#nav_cn a:hover a:hover a:hover ul ul,
#nav_cn a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* ===================================================================================== */




#maintext{width:570px; margin:0 auto 60px 70px;}
p{line-height:1.9; padding-bottom:2em; margin:0;}
p.padding0{padding-bottom:0;}
p.padding1{padding-bottom:1em;}

h2{height:45px; margin:30px auto 35px 70px;}
#title1_1{background:url(../images/title_healthier.gif) no-repeat;}
#title1_2{background:url(../images/title_more_energy.gif) no-repeat;}
#title1_3{background:url(../images/title_lifetime_warranty.gif) no-repeat;}
#title2_1{background:url(../images/title_cell_structures.gif) no-repeat; height:75px;}
#title2_2{background:url(../images/title_insulation.gif) no-repeat;}
#title2_3{background:url(../images/title_indoor_air_quality.gif) no-repeat; height:75px;}
#title2_4{background:url(../images/title_simulation.gif) no-repeat;}
#title3  {background:url(../images/title_project_gallery.gif) no-repeat;}
#title4  {background:url(../images/title_business_scope.gif) no-repeat;}
#title5_1{background:url(../images/title_manage_principles.gif) no-repeat;}
#title5_2{background:url(../images/title_corporate_profile.gif) no-repeat;}
#title6  {background:url(../images/title_faq.gif) no-repeat;}
#title7  {background:url(../images/title_contact.gif) no-repeat;}

#title_business_scope  {background:url(../images/title_en_business_scope.gif) no-repeat;}
#title_manage_principles {background:url(../images/title_en_manage_principles.gif) no-repeat;}

#title_cn_business_scope  {background:url(../images/title_cn_business_scope.gif) no-repeat;}
#title_cn_manage_principles {background:url(../images/title_cn_manage_principles.gif) no-repeat;}
#title_cn_corporate_profile {background:url(../images/title_cn_corporate_profile.gif) no-repeat;}
#title_cn_contact {background:url(../images/title_cn_contact.gif) no-repeat;}



.photo{background:#f1f1f1;}
.photo p{font-size:10px; padding:10px 15px; line-height:1.7; margin:0;}
.left{float:left;}
.right{float:right; margin:5px 0 25px 25px;}
.photo img.left{float:left; margin-right:14px;}

.photo2{background:#e5f4f9; margin-bottom:1em;}
.photo2 p{padding:20px 30px; line-height:1.8;}
.photo2 strong{font-size:10px; _font-size:70%; line-height:3;}

.photo3{background:#e5f4f9; margin-bottom:2em;}
.photo3 div{padding:20px 0 13px 30px; width:230px;}
.photo3 p{padding-bottom:7px; line-height:1.9; font-size:10px; _font-size:75%;}
.photo3 strong{line-height:3;}

.column2 div.box{margin-top:30px; font-size:10px;}
.column2 img{margin-bottom:25px;}
img.rightphoto{float:right; margin:0;}
.column2 .right{float:right; margin:30px 0 0 0;}

#foot{background:url(../images/bg_foot.gif) repeat-x top;
	padding:20px 20px 35px 20px; width:565px; margin-left:50px; font-size:10px;}
#foot ul{float:left; width:435px;}
#foot li{display:inline; line-height:20px; padding-right:10px;}
#foot li a{background:url(../images/arrow1.gif) no-repeat left 5px ;
	padding:4px 0 4px 20px; color:#777; text-decoration:none;}
#foot li a:hover{background-position:0 -35px; color:#000;}

#foot .linktop{float:right; text-align:right;}
#foot .linktop a{background:url(../images/arrow2.gif) no-repeat left 5px ;
	padding:4px 0 4px 20px; color:#777; text-decoration:none; line-height:20px;}
#foot .linktop a:hover{background-position:0 -35px; color:#000;}
#foot .cn{font-size:12px;}


dt{background:#edf3f9; padding:7px 10px; line-height:1.5; font-size:10px; color:#000;}
dd{padding:10px 10px 30px 10px;}


/*Indoor Air Quality*/
#technicaldata{ margin-bottom:20px; line-height:1.8;
	width:570px; border:1px solid #ccc; border-bottom:none;}
#technicaldata th,#technicaldata td{border-bottom:1px solid #ccc;} 
#technicaldata th{text-align:center; font-weight:bold; vertical-align:top;
	width:85px; padding:5px 0 5px 10px;}
#technicaldata td{padding:5px 0 5px 25px; vertical-align:top;}
#technicaldata td.small{width:230px; padding:7px 30px 7px 25px;}

#technicaldata table{margin-top:3px;}
#technicaldata td td{border-bottom:none; width:px; padding:0 5px 0 0; text-align:center;}



/*Project Gallery*/


#page3 #maintext{margin:0 auto 35px 70px;}

#page3 h3{height:30px; clear:both;}
h3#project1{background:url(../images/subtit_project_gallery1.gif) no-repeat;}
h3#project2{background:url(../images/subtit_project_gallery2.gif) no-repeat;}
h3#project3{background:url(../images/subtit_project_gallery3.gif) no-repeat;}

#gallery{width:590px;}
#gallery li{width:118px; height:100px; float:left;}
.galleryclear{padding-top:35px; clear:both;}

#certification{padding-top:60px;}
#certification li{background:url(../images/bg_foot.gif) repeat-x top;
	padding:15px 15px 0 15px; width:565px; clear:both;}
	
#certification li img{float:left; margin-bottom:15px;}

#certification div{width:420px; float:right;}


#certification div a, a.link{background:url(../images/arrow1.gif) no-repeat 0 -37px;
	padding-left:20px; color:#000; text-decoration:none; font-weight:bold;}
#certification div a:hover, a.link:hover{background-position:left 3px ;color:#777;}
#certification p{padding:0 0 15px 0; line-height:1.8;}
#certification div p{padding:15px 0; line-height:1.8;}



#award{padding-top:50px;}
#award li{background:url(../images/bg_foot.gif) repeat-x top;
	padding:12px 0; width:565px; clear:both;}
#award p{padding:0; line-height:1.8;}
	


/*Management principles*/
#vision{background:url(../images/vision_bg0.gif) repeat-y; color:#ee9d00; line-height:1.7;
	width:570px; margin-bottom:30px;}
.topbg{background:url(../images/vision_bg1.gif) no-repeat; height:3px;}
.btmbg{background:url(../images/vision_bg2.gif) no-repeat; height:3px;}
.mid{padding:10px 10px 10px 0;}
#vision h3{background:url(../images/vision_title.gif) no-repeat center; height:29px;}
#vision h3.en{background:url(../images/vision_en_title.gif) no-repeat center; height:29px;}
#vision h3.cn{background:url(../images/vision_cn_title.gif) no-repeat center; height:40px;}

h3#sign{background:url(../images/title_sign.gif) no-repeat right; height:30px;}
h3#sign_en{background:url(../images/title_en_sign.gif) no-repeat right; height:30px;}
h3#sign_cn{background:url(../images/title_cn_sign.gif) no-repeat right; height:30px;}

/*Business Scope*/

#page4 #maintext{margin:0 auto 25px 70px;}


#asia {background:url(../images/map_business_scope.gif) no-repeat 0 35px; min-height:472px; margin-top:20px;
	margin:0 0 60px 70px;}
#asia .subtit{margin-bottom:20px;}
#asia dt{background:none; padding:0; line-height:1.8; font-size:10px; color:#000; font-weight:bold;}
#asia dt span{font-weight:normal;}
#asia dd{padding:0 0 25px 0; font-size:10px; line-height:1.8; color:#666;}
#asia .cn dt, #asia .cn dd{font-size:12px;}


/*contact*/
.odd{background:#edf3f9;}

table#contact{width:570px;}
#contact th{font-weight:normal; text-align:left; padding:0 10px; font-size:10px; width:120px; color:#000;}
#contact td{padding:6px 0;}
.submitcel{text-align:center;}
.form01{width:400px;font-family: Osaka, Meiryo, "MS P Gothic", Arial, sans-serif; font-size:12px;
	border:1px solid #ccddee;}
.odd .form01{background:#edf3f9;}

.en #contact th{width:130px;}
.cn_contact #contact th{width:150px; padding:5px 10px; line-height:1.5; font-size:12px;}
.cn_contact .form01{width:360px;}
.cn_contact #contact th span.cn{font-size:12px; color:#999;}

#err_box{margin-bottom:20px; color:#FF0000;}
#err_box ul{margin-top:10px;}
#err_box li{list-style:disc; margin:0 0 0 20px;}
#err_btn{margin:0 0 40px 0; clear:both;}

.thanx{margin:0 0 200px 0;}
.thanx a.link{ font-weight:normal;}


/*corporate*/
table#corporate{width:570px;}
#corporate th{font-weight:normal; text-align:left; padding:9px 10px; font-size:10px; color:#000; width:110px;
	vertical-align:top;}
#corporate td{padding:6px 10px 6px 0; line-height:1.7;}
.cn #corporate th{font-size:12px;}

table#corporate table td{padding:0; line-height:1.5; vertical-align:top; padding:3px 0;}

p#minus6{/*background:url(../) left center no-repeat;*/
	padding:7px 10px 7px 0; margin-top:40px;
	font-size:10px; border:1px solid #f1f1f1; line-height:1.4;}
p#minus6 img{margin:4px 15px 0 0;}




.space{margin-bottom:70px;}