html{height:100%;}
body {height:100%; margin: 0; padding: 0; font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Geneva, Arial, Helvetica, sans-serif; text-align:left;}

/*wrapper*/
* html div#wrapper {height:100%;}
#wrapper {width:800px; margin:0 auto; padding: 0; position:relative; min-height: 100%;}
body > #wrapper {height: auto;}

/*headermenu*/
#headermenu {margin: 0; padding: 0;}
#headermenu div.three_btn{margin-right:17px; float:left;}
#headermenu div.one_btn{margin-right:1px; float:left;}

/*logo*/
h1.logo {margin: 50px 0 0 0; padding: 0;}
h1.logoinner {margin: 50px 0 0 0; padding: 0;}

/*imagepanel*/
#imagepanel {margin-top: 5px;}

/*menu*/
#menu {margin: 10px 0 0 0; padding: 0;}
#menu ul{margin: 0; padding: 0; list-style:none;}
#menu li{margin: 0; padding: 0; float:left;}

/*news*/
#news {width:800px; height:22px; margin-top: 20px; background:url(../images/newsbg.gif) no-repeat right center; font-size:10px; line-height:1.8em;}
#news a{font-size:10px; line-height:1.5em; text-decoration:none; color:#20b0e5;}
#news a:hover{text-decoration:underline;}
#news #newsttl{width:128px; float:left;}
#news #newsinner{float:left; margin:3px 0 4px 10px;}

/*contents*/
#contents{width:700px; margin-top:5px; padding:50px; background:url(../common_images/bg.gif) no-repeat left top;}
#contents h2{margin:0; padding:0 0 30px 0; background:url(../common_images/dotline.gif) repeat-x left bottom;}
#contents h3{margin:0; padding:20px 0;}
#contents p{margin:0; padding:20px 0; font-size:12px; line-height:1.5em;}
#contents div.contentsinner{margin:0; padding:0 20px;}

/*footer*/
#footermargin{padding-bottom:30px;}
#footer {width:800px; height:13px; position:absolute; bottom:0px;}

/*Utility*/
img{border:0;}
.clearer{ clear:both;}



/******NEWS******/
#contents table.newstable{width:700px; margin: 0; padding: 0; border:0;}
#contents table.newstable tr{margin:0; padding:0; background:url(../common_images/dotline.gif) repeat-x left bottom;}
#contents table.newstable td p{margin:0; padding:15px 10px 15px 0; font-size:12px; line-height:1.5em;}
#contents table.newstable td p span.date{color:#646464; font-size:12px; line-height:1.5em;}
#contents table.newstable td p a{text-decoration:none; color:#20b0e5;}
#contents table.newstable td p a:hover{text-decoration:underline;}


/******ABOUT JOINT 1******/
#contents p.bottomdot{background:url(../common_images/dotline.gif) repeat-x left bottom;}
#contents dl.about{margin: 0; padding: 0; font-size:12px;}
#contents dl.about dt{width:125px; margin-left: 25px; padding: 0;  float:left; color:#195776; line-height:1.5em;}
#contents dl.about dd{width:475px; margin: 0; padding: 0;  float:left; color:#000; line-height:1.5em;}


/******ENGINEER******/
#contents div.engineerlist{margin: 0; padding: 0;}
#contents div.engineerlist p.engineer_ttl{margin-top: 30px; padding: 0;}
#contents div.engineerlist p.engineer_ttl2{margin-top: 60px; padding: 0;}
#contents div.engineerlist p.engineer_name{margin: 10px 0 0 10px; padding: 0;}
#contents div.engineerlist p.engineer_btn{margin: 10px 0 0 10px; padding: 0;}
#contents div.engineerlist div.engineer_left{ width:350px; margin: 0; padding: 0; float:left;}
#contents div.engineerlist div.engineer_right{ width:350px; margin: 0; padding: 0; float:left;}
#contents div.engineerlist div.engineer_left p.engineer_name{margin: 10px 0 0 10px; padding: 0;}
#contents div.engineerlist div.engineer_right p.engineer_name{margin: 10px 0 40px 10px; padding: 0;}
#contents div.engineerlist div.engineer_right p.engineer_name2{margin: 10px 0 0 10px; padding: 0;}
#contents div.engineerlist div.engineer_left  p.engineer_btn{margin: 10px 0 0 10px; padding: 0;}

#contents div.engineerprofile{margin: 0; padding: 0;}
#contents div.engineerprofile h3{margin: 10px 0 0 0; padding: 0;}
#contents div.engineerprofile h3.second{margin: 60px 0 0 0; padding: 0;}
#contents table.engineer{ width:672px; margin: 15px 0 0 28px; color:#696969; text-align:left; font-size:12px; line-height:1.5em;}
#contents table.engineer th{margin: 0; padding: 5px; background-color:#9ed0e9;}
#contents table.engineer tr.blue{margin: 0; padding: 5px; background-color:#e2f1f8;}
#contents table.engineer td{margin: 0; padding: 5px; vertical-align:top;}
#contents table.engineer td.blueline{border-left:solid 1px #9ed0e9;}
#contents table.engineer td.bluetxt{color:#759aad;}
#contents div.engineerothers{width:642px; margin: 0 0 0 28px; padding: 15px; border:solid 1px #9ed0e9;} 
#contents div.engineerothers p.leftothers{margin: 0; padding: 0; width:82px; float:left;} 
#contents div.engineerothers p.rightothers{margin: 0; padding: 0; width:560px; float:left; color:#696969;} 


/******CONTACT******/
#contents .contactphone{margin: 0; padding: 0 0 0 25px; background:url(../common_images/dotline.gif) repeat-x left bottom;}
#contents .contactphone p.contactnum{margin: 0 0 15px 0; padding: 0; }
#contents .contactphone p.contactatt{margin: 0; padding: 0 0 20px 0; color:#754818; font-size:10px; line-height:1.5em;}
#contents .contactphone2{margin: 20px 0 0 0; padding: 0 0 0 20px;}
#contents .contactphone2 p.phone2ttl{margin: 0; padding: 0;}
#contents .contactphone2 p.phone2ttl_sub{margin: 3px 0 0 0; padding: 0 0 10px 0; color:#195776; font-size:10px;}
#contents .contactphone2 div.phonedetail_name{margin:0 0 15px 0; padding:0; border-left: solid 5px #000;}
#contents .contactphone2 p.phonedetail_name1{margin:0; padding:0 0 0 5px; color:#000; font-weight:bold;}
#contents .contactphone2 p.phonedetail_name2{margin:0; padding:0 0 0 5px; color:#000;}
#contents .contactphone2 p.phonedetail_name2 a{color:#195776; text-decoration:none;}
#contents .contactphone2 p.phonedetail_name2 a:hover{color:#195776; text-decoration:underline;}


div.pegetop{ margin-top:15px; text-align:right;}