/* CSS Document */

html{
	overflow-y: auto;
	overflow-x: visible;
	/*overflow-y: hidden;*/	
}

body {
	font-size: 12px;
	height:100%;
	*height:99%;
	font-family:Arial, Helvetica, sans-serif;
	color:#58595B;
} 

a{
	color:#58595B;
	text-decoration:none;
}

/*this is what we want the div to look like*/
div.fullscreen{
	display:block;
	
	/*set the div in the top-left corner of the screen*/
	position:absolute;
	top:0;
	left:0;
	
	/*set the width and height to 100% of the screen*/
	width:100%;
	height:100%;
	
	/*margin-left:50px;*/
}

.wrapper{
	/*width:1024px;*/
	width:965px;
	margin:0 auto;
	/*height:100%;*/
	position:relative;
}

.content_wrapper{
	float:left;
	margin:0 66px 0 50px;
	width:780px;
	/*width:829px;8/
	/*width:748px;*/
}

.content{
	/*min-height:100%;*/
	width:100%;
	overflow-x:hidden;
	overflow-y:auto;
	height:545px;
	min-height:456px;
}

.sub_header{
	width:728px;
	float:left;
	margin-bottom:31px;
}

.sub_header h3{
	/*font-size:15px;*/
	letter-spacing:-1px;
	display:inline;
}

.sub_header .right_side{
	float:right;
}

.sub_header .right_side h3{
	border-left: 8px solid;
	letter-spacing: 0;
	padding-left: 5px;
}

.clear{clear:both;}
.spacer{height:40px;}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 10px .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.wfont{color:white;}
.wfont a{color:white; text-decoration:none;}


/******************************  top ******************************/

.top{
	margin:50px 0 27px 0;
	overflow:hidden;
}

.top div{
	display:inline-block;
}

.top .describe{
	-webkit-text-size-adjust:none;
	display:inline;
	margin-left:95px;
	*padding-left:95px;
	font-size:9px;
}



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



/****************************** header ******************************/


.header{
	/*float:left;
	width:142px;
	overflow:hidden;*/
}

.header .right_line{
	border-right:1px solid #57585A;
	/*min-height:600px;*/
}

.header table{
	width:142px;
}

.header table tr{
	height:38px;
	vertical-align:top;
}

.header table td{
	text-align:right;
	background:none;
}

.header table .menu{
	width:134px;
	text-align:left;
}

.header table .nav_bar{
	background:#58595B;
	vertical-align:bottom;
}

.header table .select_nav{
	width:8px;
	height:16px;
	background:white;
	overflow:auto;
}

.header table tr td ul li a{
	color:#939598;
}

.header table tr td ul li .selected_project,
.header table tr td ul li a:hover{
	color:#58595B;
}





/* no useful yet */
/*.header .main-nav{
		float:left;
		display:block;
		height: 47px;
		background:	 url(../images/head_line2_img_1.png) no-repeat scroll center top;
	}

.header .main-nav .menuli_01 {	float:left;		width:135px;	 height:47px;	text-align:center;	}
.header .main-nav .menuli_02 {	float:left;		width:192px;	 height:47px;	text-align:center;	}
.header .main-nav .menuli_03 {	float:left;		width:136px;	 height:47px;	text-align:center;	}
.header .main-nav .menuli_04 {	float:left;		width:142px;	 height:47px;	text-align:center;	}
.header .main-nav .menuli_05 {	float:left;		width:191px;	 height:47px;	text-align:center;	}



	.header .main-nav li a.menu_nav_01{ background: url(../images/menu_nav_1.png) no-repeat scroll center bottom; }
	.header .main-nav li a.menu_nav_02{ background: url(../images/menu_nav_2.png) no-repeat scroll center bottom; }
	.header .main-nav li a.menu_nav_03{ background: url(../images/menu_nav_3.png) no-repeat scroll center bottom; }
	.header .main-nav li a.menu_nav_04{ background: url(../images/menu_nav_4.png) no-repeat scroll center bottom; }
	.header .main-nav li a.menu_nav_05{ background: url(../images/menu_nav_5.png) no-repeat scroll center bottom; }
	
	
	
	.header .main-nav li a.menu_nav_01active{ background: url(../images/menu_nav_1.png) no-repeat scroll center top; }
	.header .main-nav li a.menu_nav_02active{ background: url(../images/menu_nav_2.png) no-repeat scroll center top; }
	.header .main-nav li a.menu_nav_03active{ background: url(../images/menu_nav_3.png) no-repeat scroll center top; }
	.header .main-nav li a.menu_nav_04active{ background: url(../images/menu_nav_4.png) no-repeat scroll center top; }
	.header .main-nav li a.menu_nav_05active{ background: url(../images/menu_nav_5.png) no-repeat scroll center top; }
	
.header .main-nav li a.menu{
	display:block;
	text-indent: -9999px;
	outline:none;
	height:47px;
}

.header .main-nav li a.menu:hover {background-position:center top;}*/


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


/****************************** footer ******************************/


.footer{
	/*background-color:white;
	height:66px;
	width:100%;
	right:215px;
	bottom:36px;*/
	/*margin:0 86px 36px 0;*/
	margin:0 0 36px 50px;
	text-align:right;
	font-size: 9px;
	width:728px;
}


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



/******************************  admin setting ******************************/

.link_btn{
	display:inline-block;
	padding:1px 8px;
	border:1px inset;
	border-radius:4px;
}

.link_btn:hover{
	background:#CCC;
}

.admin_border_bottom_line{
	border-bottom:1px solid;
	margin: 5px 0;
}

.admin_news_table tr{
	height:40px;
}

.admin_news_table tr th{
	width:80px;
}

.admin_news_table .admin_input{
	width:200px;
}

.admin_date{
	text-align:center;
}

.admin_input_image{
	
}

.admin_textarea{
	width:300px;
	height:200px;
}

.admin_submit_btn{
	
}



.admin_project_cat_table tr{
	height:40px;
}

.admin_project_cat_table tr th,
.admin_project_cat_table tr td{
	width:160px;
	text-align:center;
}

.admin_project_cat_table .admin_input{
	width:120px;
}

.admin_project_cat_table .admin_input.sort{
	width:50px;
}



.admin_project_info_table tr{
	height:40px;
	vertical-align:top;
}

.admin_project_info_table tr th{
	width:160px;
}

.admin_project_info_table tr td{
	vertical-align:top;
}

.admin_project_info_table .admin_input{
	width:200px;
}

.admin_project_info_table .admin_input.sort{
	width:50px;
	text-align:center;
}



.admin_project_image_table tr{
	height:40px;
}

.admin_project_image_table tr th,
.admin_project_image_table tr td{
	width:160px;
	text-align:center;
}

.admin_project_image_table .admin_input{
	width:200px;
}

.admin_project_image_table .admin_input.sort{
	width:50px;
	text-align:center;
}




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



/******************************  index ******************************/

.index_news ul{
	margin-top:10px;
}

.index_news ul li{
	float:left;
	margin:0 10px 0 0;
}


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


/****************************** news ******************************/

.news{
	
}

.news .left_content{
	float:left;
	width:577px;
	height:527px;
}

.news .left_content div{
	display:block;
}

.news .left_content .news_top{
	margin-bottom:17px;
}

.news .left_content .news_bottom{
	margin-bottom:45px;
	width:480px;
}

.news .left_content .news_bottom img{
	max-width:480px;
}

.news .left_content .border_line{
	border-top:1px solid;
	width:480px;
}

.news .right_content{
	float:left;
	width:145px;
}

.news .right_content .border_line{
	margin:10px 0;
	border-top:1px solid;
}



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


/******************************  about us ******************************/

.about_us_content{
	width:394px;
}

.company_describe{
	margin-bottom:45px;
}

.about_us_info_table{
	width:394px;
}

.about_us_info_table tr{
	vertical-align:top;
	height:25px;
}

.about_us_content_jap{
	/*width:360px;*/
}




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



/******************************  project ******************************/

.project_sub_head li{
	float:left;
	margin-left:20px;
}

.project_sub_head li a{
	color:#939598;
}

.project_sub_head li a.selected{
	font-weight:bold;
	color:#58595B;
}

.project_content{
	width:100%;
	overflow-x:hidden;
	overflow-y:auto;
	height:493px;
	min-height:456px;
	/*margin-bottom:34px;*/
}

.project_image_list{
	width:813px;
	overflow-x:hidden;
}

.project_image_list li{
	width:182px;
	height:136px;
	/*overflow:hidden;*/
	/*margin:0 90px 38px 0; original setting*/
	margin:0 90px 41px 0;
	float:left;
	cursor:pointer;
}

.project_pageno{
	height:18px;
	width:728px;
	text-align:right;
}

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


/******************************  project detail ******************************/

.project_detail_content{
	width:100%;
	overflow-x:hidden;
	overflow-y:auto;
	height:482px;
	margin-bottom:20px;
	min-height:456px;
}

.project_detail_info{
	width:728px;
}

.project_detail_info .project_left{
	float:left;
	line-height:1.4;
	width:300px;
}

.project_detail_info .project_right{
	float:right;
}

.project_detail_info .project_right li{
	float:left;
	width:84px;
	height:56px;
	overflow:hidden;
	margin-left:20px;
}


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


/******************************  contact us ******************************/

.contact_us_form{
	width:394px;
}

.contact_us_form .contact_us_table tr{
	height:30px;
	vertical-align:top;
}

.contact_us_form .contact_us_table th{
	width:120px;
}
.contact_us_form .contact_us_table td{
	width:10px;
}

.contact_us_form .contact_us_table .input_line{
	width:282px;
	border-color:#58595B;
	border:0;
	border-bottom:1px solid;
}
.contact_us_form .contact_us_table .textarea_tr{
	height:40px;
}
.contact_us_form .contact_us_table textarea{
	width:282px;
	border-color:#58595B;
	height:115px;
	border:1px solid;
}

.contact_us_form .contact_us_table .submit{
	border:0;
	width:40px;
	background:white;
	float:right;
}


.contact_us_border{
	border-bottom:1px solid;
	margin-bottom:31px;
	width:96%;
}

.contact_us_info_table{
	margin-bottom:24px;
}
.contact_us_info_table table tr{
	height:28px;
}

/******************************  Recruit ******************************/
.recruit_cms{
	width:450px;
	margin-bottom:40px;
	line-height:1.5;	
}