@charset "utf-8";
/* CSS Document */

body { 
		margin:0; 
		padding:0; 
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		background:url(../images/bg.gif) repeat-x;
		background-color: #ffffff;
		color:#666;
	}
img {border:0;}
td{vertical-align:top;}
select{color:#666}
input{color:#666}
		  
		  
.right{float:right;}
.left{float:left;}


/*###########################################################################										#
#                         Header area From Here
#								 
###########################################################################*/ 

#headerarea { margin:0 auto 20px auto; width:850px; text-align:left;}

#headerarea .logo{float:left; margin-top:30px;}

#headerarea  #langmenu{width:300px; text-align:right;}
				 						 
/*===========================================================================										 
                               Main menu area                        
								 
============================================================================*/  
#menuarea {height:37px; background:#ffffff url(../images/bg_menu.jpg) bottom repeat-x;}
#menuarea #mainmenu{margin:0 auto; width:850px; text-align:left;}
#menuarea #mainmenu img{margin-right:3px;}




/*###########################################################################										#
#                         Main Contets Area From Here
#								 
###########################################################################*/  

#contents{ padding-bottom:10px; margin:20px auto; width:850px; text-align:left;}


				 						 
/*===========================================================================										 
                                 　left area                           
								 
============================================================================*/  

#leftbox {width:175px; color:#333333; font-size:0.9em; padding-top:10px; text-align:left; float:left;}

#leftbox dl{margin:15px 0 0 0;}
#leftbox dt{margin:0; padding:0 0 10px 0;}
#leftbox dd{margin:0; padding:0 0 10px 0; line-height:140%;}
#leftbox dd td{padding-bottom:5px; padding-right:5px;}
#leftbox dd th{padding-bottom:5px; font-size:1.2em; text-align:left;}
#leftbox dd .pnumber{padding-top:8px; font-size:1.2em; font-weight: bold; display:inline-block;}
#leftbox ul.address{margin:0; padding:0; list-style:none;}
#leftbox ul.address li{height:18px; padding:2px 0 7px 25px;}
#leftbox ul.address li a{color:#336600; text-decoration:none; font-weight:bold;}

#leftbox dl.testimonials{margin:0; color:#666666; font-size:0.9em;}
#leftbox dl.testimonials dt{margin:0; padding:0 0 5px 0;}
#leftbox dl.testimonials dd{margin:0; padding:0 0 5px 0; font-style:italic;}
#leftbox dl.testimonials dd.m10{margin:0; padding:0 0 10px 0; font-style:normal; }

/* Icon list */
#leftbox li.icon01{background:url(../images/icon/mail_18.gif) no-repeat}
#leftbox li.icon02{background:url(../images/icon/location_18.gif) no-repeat}


/*===========================================================================										 
                             left area for contents                     
								 
============================================================================*/  

#leftcontbox {width:165px; color:#333333; font-size:0.9em; text-align:left; float:left;}

#leftcontbox ul#submenu{margin:0; padding:0; list-style:none;}
#leftcontbox ul#submenu li{padding:12px 0; border-bottom:#E3E3E3 1px solid;}



#leftcontbox ul.services{margin:0; padding:0; color:#FEC81E; list-style:none;}
#leftcontbox ul.services li a{color:#666666; text-decoration:none;}
#leftcontbox ul.services li a:hover{color:#FEC81E;}


#leftcontbox ul.experience{margin:0; padding:0; color:#4F8CC2; list-style:none;}
#leftcontbox ul.experience li a{color:#666666; text-decoration:none;}
#leftcontbox ul.experience li a:hover{color:#4F8CC2;}


#leftcontbox dl.testimonials{margin:0; color:#666666; font-size:0.9em;}
#leftcontbox dl.testimonials dt{ padding:0 0 5px 0;}
#leftcontbox dl.testimonials dd{margin:0; padding:0 0 5px 0; font-style:italic;}
#leftcontbox dl.testimonials dd.m10{margin:0; padding:0 0 10px 0;font-style:normal; }

#leftcontbox dl{margin:15px 0 0 0;}
#leftcontbox dt{margin:30px 0 0 0; padding:0 0 10px 0;}
#leftcontbox dd{margin:0; padding:0 0 10px 0; line-height:140%;}
#leftcontbox dd td{padding-bottom:5px; padding-right:5px;}
#leftcontbox dd th{padding-bottom:5px; font-size:1.2em; text-align:left;}
#leftcontbox dd .pnumber{padding-top:8px; font-size:1.2em; font-weight: bold; display:inline-block;}


#leftcontbox ul.address{margin:0; padding:0; list-style:none;}
#leftcontbox ul.address li{height:18px; padding:2px 0 7px 25px;}
#leftcontbox ul.address li a{color:#336600; text-decoration:none; font-weight:bold;}


/* Icon list */
#leftcontbox li.icon01{background:url(../images/icon/mail_18.gif) no-repeat}
#leftcontbox li.icon02{background:url(../images/icon/location_18.gif) no-repeat}


/*===========================================================================										 
                                 Right area                           
								 
============================================================================*/ 

#rightarea {width:610px; padding-top:10px; padding-left:49px; text-align:left; float:right; background:url(../images/contents_bg.jpg) no-repeat;}

#rightarea h2{margin:0 0 20px 0;}
#rightarea p{margin:0 0 10px 0; line-height:150%;}
#rightarea p.bunner{margin-top:20px;}

#rightarea img.conphoto{margin:0 0 10px 15px; float:right;}

#rightarea a{color:#336600; text-decoration:none; font-weight:bold;}

#rightarea dl.worklist dt{font-weight:bold;}
#rightarea dl.worklist dd{margin:0; padding:5px 0 10px 0;}
#rightarea dl.worklist dd p{margin:0 0 10px 0;}
#rightarea dl.worklist dd ul.pdf{margin:0; padding:0 0 15px 0; list-style:none;}
#rightarea dl.worklist dd ul.word{margin:0; padding:0 0 15px 0; list-style:none;}
#rightarea dl.worklist dd ul.pdf li{padding-left:25px; background:url(../images/icon/pdf_16.gif) no-repeat;}
#rightarea dl.worklist dd ul.word li{padding-left:25px; background:url(../images/icon/file_16.gif) no-repeat;}


#rightarea strong.red{ font-weight:normal; color:#CC0000}

div.toppage{height:380px;}

#rightarea #profile{margin-bottom:20px;}
#rightarea #profile h4{margin:0 0 10px 0; font-size:1.1em}

#rightarea #profile ul.pa{margin:0 0 0 15px; padding:0; line-height:140%;}
#rightarea #profile ul.pa li{margin:0; padding:0 0 10px 0;}
#rightarea #profile ul.pb{margin:0 0 0 15px; padding:0; line-height:140%; list-style:url(../images/listbar.gif)}
#rightarea #profile ul.pb li{margin:0; padding:0 0 10px 0;}


/*---------- Mail form ----------------*/

#rightarea #mailform {color:#666666; text-align:left;} 
#rightarea #mailform h2{margin:0 0 10px 0;}
#rightarea #mailform h4{margin:0 0 10px 0; font-size:1.1em;}
#rightarea #mailform p{margin:5px 0 0 0;}
#rightarea #mailform small{font-size:0.9em;}
#rightarea #mailform small strong {color:#336600;}

#rightarea #mailform table{margin-top:15px;}
#rightarea #mailform th{padding-bottom:10px; padding-right:20px; padding-top:3px; text-align:left; vertical-align:top; font-size:0.9em;}
#rightarea #mailform td{padding-bottom:10px;}
#rightarea #mailform td strong{color:#CC0000; margin-left:10px; font-weight:normal; font-size:0.9em;}



/*###########################################################################										#
#                         Footer Area From Here
#								 
###########################################################################*/ 

#footerarea {width:850px; padding:20px 0 30px 0; margin:0 auto; font-size:0.7em; text-align:left; border-top:1px #cccccc solid;}

#footerarea p.menu{word-spacing:5px; margin:0 0 15px 0;}
#footerarea p.copy{word-spacing:2px; margin:0 0 20px 0;}
#footerarea a{word-spacing:normal; color:#999; text-decoration:none;}
#footerarea a:hover{word-spacing:normal; color:#336600; text-decoration:none;}
#footerarea span{word-spacing:normal; color:#336600; font-weight:bold;}
#footerarea small{color:#999; font-size:0.9em;}



/*############################################################################
#                         Addition setting From Here
#								 
###########################################################################*/ 

.cls:after{ 
			content:".";
			display: block;
			clear:both;
			height: 0;
			visibility: hidden;
			
			}
.cls {display: inline-block;}

/* mac ie5 \*/
* html .cls {height: 1%;}
.cls{ display: block;}
/* mac ie5 */