/* CSS Document */
body {
	margin:0;
	padding:0;
	color:#EDF2F1;
	font-size:12px;
	background:url(../img/back.jpg) top center repeat-x #000000;
	text-align:center;
	}
a:link {color:#3DA9A4;}
a:visited {color:#3DA9A4;}
a:hover {color:#71CCC8;}

#container {}
#header {
	background:url(../img/header_bg.jpg) bottom center repeat-x;
	border-bottom:solid 1px #5B8A80;
	height:99px;
	}
.inheader {
	margin:auto;
	width:900px;
	}
.top_logo {
	height:50px;
	margin:49px 20px 0 0;
	padding:0 0 0 0;
	float:left;
	width:210px;
	}
#menuwapper{
	float:left;
	width:670px;
}
.top_contents {
	margin:73px 0 0 0;
	padding:0 20px 0 0;
	float:left;
	list-style:none;
	}
.top_contents li {
	float:left;
}
#main {
	margin:auto;
	width:900px;
	padding:30px 0 0 0;
	text-align:left;
	}
.subtitle {
	font-size:12px;
	}
#footer {
	background:url(../img/footer_bg.jpg) top center repeat-x #000000;
	border-top:solid 1px #5B8A80;
	margin:auto;
	text-align:center;
	padding:0 0 30px 0;
	margin:50px 0 0 0;
	}


.copyright {
	text-align:center;
	margin:40px 0 0 0;
	}
.t_copyright {
	margin:0 0 0 0;
	text-align:center;
	}
.leftside {
	width:240px;
	float:left;
	}
.leftside ul {
	list-style:none;
	}
.leftside li {
	margin:0;
	padding:0;
	}
.right_side {
	float:right;
	width:635px;
	}
.main_box {
	width:615px;
	float:right;
	text-align:left;
	padding:20px 0 0 20px;
	background-color:#314A45;
	border:solid 1px #383F3D;
	line-height:150%;
	}
	
.sorry {
	padding:160px 0;
	margin:0;
	text-align:center;
	}
.right {
	text-align:right;
	}
.bk_line {
	height:1px;
	border-style:none;
	background-color:#000000;
	margin:0 0 20px 0;
	}
.wh_line {
	height:1px;
	border-style:none;
	background-color:#FFFFFF;
	margin:30px 20px 20px 0;
	}
.margin_left {
	padding:0 0 0 15px;
	}
.gototop {
	text-align:right;
	}


/*top________________________________________________________*/
#top_main {
	margin:100px auto;
	width:905px;
	text-align:center;
	}
.flash {
	width:700px;
	text-align:left;
	float:left;
	margin:0 10px 0 0;
	background-color:#000000;
}
.topics_title {
	padding:10px 0 0 5px;
	margin:0;
	}
.news {
	background:url(../img/black_bg.gif) top left repeat;
	border:solid 1px #5B8A80;
	padding:0;
	margin:0;
	line-height:130%;
	width:188px;
	height:400px;
	float:left;
	text-align:left;
	}
.news dl {
	padding:0 10px;
	margin:10px 0 0 0;
	}
.news dt {
	}
.news dd {
	margin:0 0 10px 0;
	padding:0;
	}
/*.news_img {
	float:right;
	padding:0 0 10px 10px;
	}*/
.infooter {
	margin:auto;
	width:900px;
	padding:10px 0 0 0;
	}
.catalog {
	float:left;
	margin:0;
}
.bnr {
	float:right;
	margin:0 2px 5px 3px;
	}
.bnr img {
	margin:0 0 0 5px;
	}


/*glasuluce______________________________________________________*/	
.glasluce_title {
	background:url(../img/concept/glasluce_title.gif) top left no-repeat;
	width:240px;
	/*height:20px;*/
	margin:0 0 0 0;
	padding:0 0 30px 0;
	text-indent:-99999px;
	font-size:12px;
	}

.midashi {
	margin:0 0 5px 0;
	}
.sub_midashi {
	font-size:12px;
	margin:0;
	}

.glasluce_txt {
	margin:0 0 50px 0;
	}
.glasluce_txt p {
	line-height:170%;
	width:280px;
	margin:30px 20px 0 0;
	padding:0;
	float:left;
	}
.concept_list {
	margin:0 0 0 10px;
	padding:0;
	}
.concept_list li {
	margin:0;
	padding:0;
	}
	
/*system______________________________________________________*/	
.system_title {
	background:url(../img/glasluce/system_title.gif) top left no-repeat;
	width:240px;
	margin:0 0 0 0;
	padding:0 0 30px 0;
	text-indent:-99999px;
	font-size:12px;
	}
.system_box {
	padding:0 0 20px 0;
	}
.system_box h3 {
	font-size:14px;
	background:url(../img/arrow01.jpg) left center no-repeat;
	padding:0 0 0 15px;
	margin:20px 0 5px 0;
}
.system_box p {
	margin:0 20px 0 0;
	}
.products_img {
	margin:10px 0 0 0;
	
	}
.system_list {
	margin:200px 0 0 0;
	padding:0;
	}
.system_list li {
	margin:0;
	padding:0;
	}
	
/*customize______________________________________________________*/	
.customize_title {
	background:url(../img/glasluce/customize_title.gif) top left no-repeat;
	width:240px;
	/*height:20px;*/
	margin:0;
	padding:0 0 30px 0;
	text-indent:-99999px;
	font-size:12px;
	}
	
/*spec_____________________________________________________*/	
.spec_title {
	background:url(../img/glasluce/spec_title.gif) top left no-repeat;
	width:240px;
	/*height:20px;*/
	margin:0 0 0 0;
	padding:0 0 30px 0;
	text-indent:-99999px;
	font-size:12px;
	}
.spec_box {
	padding:0 20px 0 0;
	}
.spec_box h2 {
	font-size:14px;
	margin:0 0 20px 0;
	}
.spec_box h3 {
	font-size:12px;
	margin:20px 0 5px 0;
	background:url(../img/arrow01.jpg) center left no-repeat;
	padding:0 0 0 15px;
	}
.spec_box h4 {
	font-size:12px;
	margin:0 0 0 12px;
	}
.spec_box p {
	margin-top:0;
	margin-bottom:10px;
	}
.indent12 {
	margin-left:24px;
	}
.spec_table {
	border-collapse:collapse;
	margin:0 0 20px 0;
	}
.spec_table td,.spec_table th {
	border:solid 1px #FFFFFF;
	}
	
/*option___________________________________________________*/	
.option_title {
	background:url(../img/glasluce/option_title.gif) top left no-repeat;
	width:240px;
	/*height:20px;*/
	margin:0 0 0 0;
	padding:0 0 30px 0;
	text-indent:-99999px;
	font-size:12px;
	}
.option_box {
	padding:0 20px 50px 0;
	}
.option_subtitle {
	margin:20px 0 10px 0;
	}
.option_box h3 {
	font-size:14px;
	margin:30px 0 10px 0;
	padding:0 0 0 0;
	}
.option_box h4 {
	font-size:12px;
	margin:0 0 10px 0;
	background:url(../img/arrow01.jpg) center left no-repeat;
	padding:0 0 0 15px;
	}
.option_box p {
	margin:0 0 20px 0;
	}
.option_box ul {
	border-bottom:solid 1px #FFFFFF;
	margin:0;
	padding:0 0 20px 20px;
	}

/*application_____________________________________________*/
.application_list {
	margin:200px 0 0 0;
	padding:0;
	}
.application_list li {
	margin:0;
	padding:0;
	}
	
/*residential_____________________________________________*/
.residential_title {
	background:url(../img/application/residential_title.gif) top left no-repeat;
	width:240px;
	/*height:20px;*/
	margin:0 0 0 0;
	padding:0 0 30px 0;
	text-indent:-99999px;
	font-size:12px;
	}
	
/*commercial_____________________________________________*/
.commercial_title {
	background:url(../img/application/commercial_title.gif) top left no-repeat;
	width:240px;
	/*height:20px;*/
	margin:0 0 0 0;
	padding:0 0 30px 0;
	text-indent:-99999px;
	font-size:12px;
	}
	
/*contents_____________________________________________*/
.contents_list {
	margin:200px 0 0 0;
	padding:0;
	}
.contents_list li {
	margin:0;
	padding:0;
	}
	
/*bgv_____________________________________________*/
.bgv_title {
	background:url(../img/contents/bgv_title.gif) top left no-repeat;
	width:240px;
	/*height:20px;*/
	margin:0 0 0 0;
	padding:0 0 30px 0;
	text-indent:-99999px;
	font-size:12px;
	}
.bgv_box {
	padding:0 0 20px 0;
	}
.bgv_box h2 {
	margin:30px 0 10px 0;
	}
.bgv_cell {
	float:left;
	width:200px;
	}
.bgv_cell h3 {
	background:url(../img/arrow01.jpg) left center no-repeat;
	padding:0 0 0 15px;
	font-size:12px;
	margin:10px 0 5px 0;
	}
.bgv_cell p {
	padding:0 0 0 0;
	margin:0 20px 0 0;
	}
.bgv_txt {
	margin:5px 20px 5px 0;
	}
.bgv_img {
	float:right;
	margin:0 0 0 10px;
	}
.bgv_swf {
	background-color:#314A45;
	}
	
/*contents_____________________________________________*/
.contents_title {
	background:url(../img/contents/contents_title.gif) top left no-repeat;
	width:240px;
	/*height:20px;*/
	margin:0 0 0 0;
	padding:0 0 30px 0;
	text-indent:-99999px;
	font-size:12px;
	}
	
/*digital_____________________________________________*/
.digital_title {
	background:url(../img/contents/digital_title.gif) top left no-repeat;
	width:240px;
	/*height:20px;*/
	margin:0 0 0 0;
	padding:0 0 30px 0;
	text-indent:-99999px;
	font-size:12px;
	}
.digital_box {
	padding:0 20px 20px 0;
	}
.digital_img {
	text-align:center;
	margin:0 0 10px 0;
	}
	
/*about_____________________________________________*/
.about_list {
	margin:160px 0 0 0;
	padding:0;
	}
.about_list li {
	margin:0;
	padding:0;
	}
	
/*news_____________________________________________*/
.news_title {
	background:url(../img/about/news_title.gif) top left no-repeat;
	width:240px;
	/*height:20px;*/
	margin:0 0 0 0;
	padding:0 0 30px 0;
	text-indent:-99999px;
	font-size:12px;
	}
.news_box {
	padding:0 20px 20px 0;
	}
.news_box p {
	margin:5px 0;
	padding:0;
	text-indent:12px;
	}
.news_box h3 {
	font-size:12px;
	margin:0 0 0 12px;
	cursor:pointer;
	text-decoration:underline;
	font-weight:normal;
	}
.news_subtitle {
	font-weight:bold;
	border-top:dashed 1px #21312E;
	padding:20px 0 0 10px;
	font-size:12px;
	margin:20px 0 5px 0;
	background:url(../img/about/arrow.jpg) left 23px no-repeat;
	}
#news090701,#news090625,#news090615,#news090806,#news090904,#news090916,#news090923 {
	display:none;
	margin:10px 0 0 0;
	}

/*showroom_____________________________________________*/
.showroom_title {
	background:url(../img/about/showroom_title.gif) top left no-repeat;
	width:240px;
	/*height:20px;*/
	margin:0 0 0 0;
	padding:0 0 30px 0;
	text-indent:-99999px;
	font-size:12px;
	}
.showroom_box {
	padding:0 20px 20px 0;
	}
.showroom_box h2 {
	font-size:14px;
	margin:0;
	}
.showroom_box h3 {
	font-size:12px;
	margin:20px 0 0 0;
	}
.showroom_box h4 {
	background:url(../img/arrow01.jpg) center left no-repeat;
	font-size:12px;
	margin:10px 0 0 10px;
	padding:0 0 0 15px;
	}
.showroom_box p {
	margin:0 0 20px 10px;
	}
.hanbai {
	margin:0;
	}
.hanbai dt {
	float:left;
	width:30px;
	}

/*agent_____________________________________________*/
.agent_title {
	background:url(../img/about/agent_title.gif) top left no-repeat;
	width:240px;
	/*height:20px;*/
	margin:0 0 0 0;
	padding:0 0 30px 0;
	text-indent:-99999px;
	font-size:12px;
	}	
	
/*support_____________________________________________*/
.support_title {
	background:url(../img/about/support_title.gif) top left no-repeat;
	width:240px;
	/*height:20px;*/
	margin:0 0 0 0;
	padding:0 0 30px 0;
	text-indent:-99999px;
	font-size:12px;
	}	
	
/*faq_____________________________________________*/
.faq_title {
	background:url(../img/about/faq_title.gif) top left no-repeat;
	width:240px;
	/*height:20px;*/
	margin:0 0 0 0;
	padding:0 0 30px 0;
	text-indent:-99999px;
	font-size:12px;
	}
.faq_box {
	margin:0 20px 0 0;
	padding:0 0 20px 0;
	}
.faq_box h2 {
	font-size:14px;
	margin:0 0 20px 0;
	background:url(../img/arrow01.jpg) left center no-repeat;
	padding:0 0 0 15px;
	}
.faq_box h3 {
	background:url(../img/arrow02.gif) left center no-repeat;
	font-size:12px;
	margin:0 0 0 10px;
	padding:0 0 0 15px;
	}
.faq_box dl {
	margin:10px 0 20px 10px;
	}
.faq_box dt {
	margin:10px 0 0 0;
	background:url(../img/about/q.gif) center left no-repeat;
	padding:0 0 0 20px;
	text-decoration:underline;
	cursor:pointer;
	}
.faq_box dd {
	background:url(../img/about/a.gif) left 3px no-repeat;
	padding:0 0 0 20px;
	margin:5px 0 0 20px;
	}
#faq01,#faq02,#faq03,#faq04,#faq05,#faq06,#faq07,#faq08,#faq09,#faq10,#faq11,#faq12,#faq13,#faq14,#faq15,#faq16,#faq17,#faq18,#faq19,#faq20,#faq21,#faq22 {
	display:none;
	}
		
/*contact________________________________________________________*/
	
.contact_list {
	margin:200px 0 0 0;
	padding:0;
	}
.contact_list li {
	margin:0;
	padding:0;
	}
	
.info_title {
	background:url(../img/contact/info_title.gif) left top no-repeat;
	width:630px;
	/*height:20px;*/
	margin:0 0 0 0;
	padding:0 0 30px 0;
	text-indent:-99999px;
	font-size:12px;
	}
.info_box {
	padding:0 20px 20px 0;
}
.info_box h2 {
	font-size:14px;
	}
.info_box form {
	border-bottom:solid 1px #FFFFFF;
	padding:0 0 20px 0;
	}
.info_table {
	border-collapse:collapse;
	}
.info_table th {
	border-top:solid 1px #FFFFFF;
	border-left:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
	border-right:dashed 1px #FFFFFF;
	text-align:left;
	padding:5px 3px 5px 15px;
	}
.info_table td {
	border-top:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
	padding:5px 3px 5px 15px;
	}
.contact_box {
	margin:0 0 0 40px;
	padding:0 0 300px 0;
	}
.contact_box p {
	line-height:200%;
	}
/*.info_table input,textarea,{
background:none #EFEFEF;
color:#FFFFFF;
border:none;
}*/
.btn_box {
	margin:30px 0 0 0;
	text-align:center;
	padding:0 0 10px 0;
	}
.right_btn {
	float:right;
	}
.btn_box input {
	background-color:#000000;
	border:solid 1px #5B8A80;
	color:#5B8A80;
	cursor:pointer;
	text-align:center;
	width:100px;
	margin:0 40px;
}
	
/*company________________________________________________________*/
.company_title {
	background:url(../img/contact/company_title.gif) top left no-repeat;
	width:240px;
	/*height:20px;*/
	margin:0 0 0 0;
	padding:0 0 30px 0;
	text-indent:-99999px;
	font-size:12px;
	}
.company_box {
	padding:0 20px 20px 0;
}
.company_table {
	margin:20px 0 0 0;
	}
.company_box ol {
	margin:0 0 0 20px;
	padding:0;
	}
.company_box li {
	margin:0;
	padding:0;
	}