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

body {
	width:900px;
	background:url(../images/toppage/bg_main.gif) repeat-x #D6D6D6 top;
	margin:0 auto;
	font-family:Tahoma, verdana, "Microsoft Sans Serif";
}
p { margin:0; padding:0; }

.c_666 { color:#666666; }

.link a {text-decoration:none; color:#333333;}
.link a:hover { text-decoration:underline; color:#FF6600; }

#headToppage {
	width:auto;
	height:166px;
}
#headToppage #title {
	width:auto;
	height:94px;
}
#headToppage #title .logo {
	width:300px;
	float:left;
}
#headToppage #title .language {
	width:291px;
	float:right;
}
#headToppage #title .language ul {
	width:auto;
	margin:0;
	list-style:none;
	float:right;
}
#headToppage #title .language ul li {
	float:left;
}
#headToppage #title .language ul li a {
	display: block; 
	text-decoration: none; 
	height: 28px;
	background-position: 0 0; 
	background-repeat: no-repeat;
}

#headToppage #title .language ul li a span {
	visibility: hidden;	
}
#headToppage #title .language ul li#th a { background:url(../images/toppage/l_th_off.gif); width:49px;}
#headToppage #title .language ul li#th a:hover { background:url(../images/toppage/l_th_on.gif); }
#headToppage #title .language ul li#en a { background:url(../images/toppage/l_en_off.gif); width:59px;}
#headToppage #title .language ul li#en a:hover { background:url(../images/toppage/l_en_on.gif); }


#headToppage #title .language ul li#click a { background:url(../images/toppage/b_e_brochure_off.gif); width:121px; margin:15px 0 0 60px;}
#headToppage #title .language ul li#click a:hover { background:url(../images/toppage/b_e_brochure_on.gif); }


#headToppage #menu {
	width:auto;
	height:72px;
}
#headToppage #mainmenu {
	width:693px;
	float:left;
}
#headToppage #mainmenu div {
	margin:7px 0 0 18px;
}
#headToppage #search {
	width:206px;
	margin:6px 0 0 0;
	float:right;
}

.cssform p{
	width: auto;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	height: 1%;
}

.cssform label{
	font-weight: bold;
	float: left;
	width: 48px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 151px;
	border:1px solid #999999;
	background:#F3F3F3;
}

* html .threepxfix{
	margin-left: 3px;
}





#bodyToppage {
	width:auto;
}
#bodyToppage #banner {
	width:626px;
	float:left;
}
#bodyToppage #news {
	width:274px;
	float:right;
}
#bodyToppage #news ul {
	width:auto;
	list-style:none;
	margin:35px 0 0 0;
	padding:0;
}
#bodyToppage #news ul li.title {
	background:url(../images/toppage/bar_news.gif) no-repeat;
	width:274px;
	height:30px;
}
#bodyToppage #news ul li.title h2 { 
	font-size:14px;
	margin:6px 0 0 6px;
	color:#333333;
}
#bodyToppage #news ul#border li.body {
	background:#C2C2C2;
	padding:12px;
	border-bottom:1px solid #FFFFFF;
}
#bodyToppage #news ul#border li.body div {
	width:auto;
	margin:0;
	padding:0;
}
#bodyToppage #news ul#border li.body div div.pic {
	float:left;
	width:84px;
}
#bodyToppage #news ul#border li.body div div.detail { 
	width:245px;
	float:right;
	font-size:12px;
	vertical-align:top;
}


#footerToppage {
	width:auto;
}
#footerToppage .logo {
	width:626px;
	float:left;
	text-align:right;
}
#footerToppage .copyright {
	width:274px;
	float:right;
}
/*-------------------------------clearfix-------------------------------*/
/* begin clearfix */

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

.clearfix {
	display: inline-table;
	zoom: 1; /* for IE5.5 - IE7 */
}

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