/* responsive web design area */
@media screen and (max-width:1440px) {
	#wrap { width:100%; margin:0 auto; }
}

@media screen and (max-width:1280px) {
}

@media screen and (max-width:1140px) {
	.nav a {width:150px;}
}

@media screen and (max-width:1024px) {
 .nav a {width:120px;}
 

}

@media screen and (max-width:768px) {

#header { width:100%; height:45px;float:none; padding:0; margin-top:0px;border-bottom:1px solid #E9EAE9;background-color:#EEEEEE; }
#header_left { width:100%;magin:0 auto; padding:0px;}
#header_right {float:right;width:250px;padding:0px 0px 5px 0px; }
#header_right {display:none;position:absolute;
right:0px; top:45px;}
#header_left_menu{ display:block;}
	h1.logo { text-align:center; margin:0 auto; padding:5px 0;width:100%;float:left;}

.nav { margin:0; overflow:hidden;
	  background-color: #CCCCCC; }
	.nav { border-top:1px solid #fff; font-size:1.1em;margin-left:10px; }
	.nav li { float:left; width:90%;margin:10px 10px 0px 10px; 
	     text-align:left; font-size:1.1em; border-right:0px solid #666666; 
      	border-bottom:1px solid #999;background:none;
	   	box-sizing: border-box; /* W3C */
  		-o-box-sizing: border-box; /* Opera */
  		-ms-box-sizing: border-box; /* Internet Explorer */
	  	-moz-box-sizing: border-box; /* Firefox */
  		-webkit-box-sizing: border-box; /* Safari & Chrome */	
	} /* 12px / 16px*/
/*	.nav li:nth-child(3n) { width:33.4%; border-right:none; } */
	.nav a { display:block; text-align:left; width:100%; border-bottom:none; color:#444444;  }
.nav a:hover {text-align:left;}


#form_item .input_desc {font-size:1em;margin:10px 0;line-height:24px;float:left}
#form_item
 .input_box input { float:left; font-size:1em;width:50%;margin:7px 0 0 5px; color:#000000; height:27px; border:1px solid blue;  padding-left:10px;line-height:27px;background:#ffffff; }
 


#board_desc h1 {font-size:1.5em; margin:10px 0;line-height:35px;}
#board_desc h4 {font-size:1.0em;color:red; margin:10px 0;line-height:15px;}
#board_desc .now {font-size:0.85em; margin:10px 0;line-height:25px;}

#board_picture{max-height:650px; max-width:500px;background:url(../img/company_500.png) no-repeat;
 background-size:100%; background-position:center top;} 

#board_menu {min-height:187px; min-width:630px; margin:0 auto;}
#board_menu_picture1{min-width:630px;min-height:187px; } 

#board_table {width:620px;margin:0 auto;}

#board_inquiry{width:95%;}

#foot_left{ display:none; }
#foot_area {max-width:450px;margin:0 auto;}
#foot_right {width:100%;margin:10px auto; text-align:center;}

}


@media screen and (max-width:650px) {

#board_picture{max-height:650px; max-width:500px;background:url(../img/company_500.png) no-repeat;
 background-size:100%; background-position:center top;} 

#board_map { max-width:80%;margin:20px auto;padding:20px 20px 10px 20px; overflow:auto;
  background-color:#fff;
  border:1px solid #29C771;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
}
#board_map h1 {font-size:1.5em;font-weight:bold; margin:10px 0;line-height:35px;}
#board_map h4 {font-size:1.2em; margin:10px 0;line-height:15px;}
#board_map .now {font-size:0.75em; margin:10px 0;line-height:25px;}


#board_menu {min-height:100px; min-width:450px; margin:0 auto;}
#board_menu_picture1{min-width:450px;margin:0 auto;
 background-size:100%; background-position:center top;} 


#board_service{min-height:100px; max-width:350px; margin:0px auto;} 

#board_search {width:90%;}

#form_condenser {float:left;margin:0 auto; padding-left:2px; }
#form_condenser .list {font-size:0.85em;border:1px solid green;padding:2px 1px 2px 1px;margin:2px auto;line-height:5px;
 border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px;}
 
#form_condenser .btn_search
{float:left; font-size:0.85em;border:1px solid #FFffff;padding:2px 2px 2px 2px;margin:0px 1px 0px 1px;text-align:center;line-height:20px;
 border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px;}
#board_table {width:460px;margin:0 auto;}
#board_list .tdp{display:none;}


	
 .foot_copy { font-size:0.6em; }

}

@media screen and (max-width:480px) {
	#wrap { min-width:300px; }

#index_main_menu{min-height:400px;max-width:300px;magin:0; }
#index_main_menu_picture1{width:300px;min-height:130px; background:url(../img/elec_500_200.png)no-repeat;background-size:100%;background-position:center center;} 
#index_main_menu_picture2{width:300px;min-height:130px;background:url(../img/super_500_200.png) no-repeat;background-size:100%;background-position:center center;} 
#index_main_menu_picture3{width:300px;min-height:130px;;background:url(../img/con_500_200.png) no-repeat;background-size:100%;background-position:center center;} 

#board_picture{min-height:300px; max-width:480px; background-size:100%; background-position:center top;} 

#board_search {width:340px;margin:0 auto;background:#F7F6EA;padding:10px 10px 10px 10px;border-bottom:1px solid #ddd; overflow:auto;}
#form_item .input_desc {font-size:0.75em;margin:10px 0;line-height:24px;float:left}
#form_item
 .input_box input { float:left; font-size:0.75em;width:100px;margin:7px 0 0 5px; color:#000000; height:27px; border:1px solid blue;  padding-left:10px;line-height:27px;background:#ffffff; }
 
 
#board_desc {padding:20px 0px 10px 0px; }
#board_desc h1 {font-size:1.3em; margin:10px 0;line-height:35px;}
#board_desc h4 {font-size:0.9em;color:red; margin:10px 0;line-height:15px;}
#board_desc .now {font-size:0.75em; margin:10px 0;line-height:25px;}


#board_menu {min-height:120px;min-width:300px;  margin:0 auto;}
#board_menu_picture1{min-width:90%;min-height:120px;
background-size:100%; background-position:center top; margin:0 auto;} 
#board_menu_picture2{float:left;min-width:100%;margin:4px auto;}
#board_menu_picture3{float:left;min-width:100%;margin:0 auto;} 
#board_menu_picture4{float:left;min-width:100%;margin:4px auto;}
#board_service{min-height:100px; max-width:300px; margin:0px auto;background:url(../img/service_350_100.png) no-repeat;background-size:100%; background-position:center center;} 


#form_condenser {float:left;margin:0 auto; padding-left:2px; }
#form_condenser .list {font-size:0.75em;border:1px solid green;padding:2px 4px 2px 4px;margin:2px 6px auto 6px;line-height:5px;
 border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px;}
#form_condenser .btn_search
{float:left; font-size:0.85em;border:1px solid #FFffff;padding:2px 15px 2px 15px;margin:0px 1px 0px 1px;text-align:center;line-height:20px;
 border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px;}


#board_table {max-width:350px;margin:0 auto;}

#board_inquiry .tr {font-size:0.8em;}
#board_inquiry .td {font-size:0.8em;}
#board_inquiry .tdname {font-size:0.8em;letter-spacing:0px;}
#board_inquiry .tdinput {font-size:0.8em;}
#board_inquiry .tdinputtext  {width:95%;height:35px;}
#board_inquiry .btn_inquiry{font-size:1.2em;}

#search_area {padding:0px;}
#search_area .search_form {width:100%;background:#F7FE2E;font-size:1.05em;}




#foot_area {max-width:100%;margin:0 auto;}
#foot_right{width:100%;}
 .foot_copy { font-size:0.5em;margin:5px 0 10px 2px;padding-left:2px; text-align:center;}


}


@media screen and (max-width:350px) {

#board_menu {min-height:80px; max-width:100%; margin:0 auto;}
#board_menu_picture1{background-size:100%;min-height:80px;} 

#board_picture{min-height:200px; max-width:350px; background-size:100%; background-position:center top;} 


#board_service{min-height:100px; max-width:250px; margin:0px auto;background:url(../img/service_350_100.png) no-repeat;background-size:100%; background-position:center center;}