* { margin: 0; padding: 0; }

/* layout : area */ 

		#wrap { width: 100%; position: absolute; left: 0; top: 0; }

		#header { margin: 0; padding: 0; }
			.h_contact { background-color: #0075a9; width: 100%; height: 20px; left: 0; top: 0; }
			.h_logo { background-color: #ffffff; width: 100%; height: 100px; left: 0; top: 0; }
			.h_nav { background-color: #0075a9; width: 100%; height: 30px; left: 0; top: 0; }
					
					@media (max-width: 640px){
						.h_nav { height: 60px; }
						}

		#contents { margin: 0; padding: 0; }
		.banner { margin: 0; padding: 0; width: 100%; }
		.banner img { margin: 0; padding: 0; width: 100%; }

		.body_wrap .body_title { margin: 10px 0 0 0; padding: 0; width: 100%; overflow:hidden; }
		.body_wrap .body_title .jp { margin: 5px auto; padding: 0; width: 150px; }
		.body_wrap .body_title .en { margin: 8px auto; padding: 0; width: 150px; }

		.body_wrap .business { margin: 0 auto; padding: 0; }
			.body_wrap .business ul{ margin: 0 auto; padding: 0; width: 960px; }

						@media (max-width: 960px){
						.body_wrap .business ul { margin: 0; width: 100%;  }
						}

			.body_wrap .business li{ margin: 0px 0px 15px 0px; padding: 0; width: 25%;}

						@media (max-width: 640px){
						.body_wrap .business li{  margin: 0px 0px 15px 0px; padding: 0; width: 50%;}

						}
			.body_wrap .business li img{ margin: 0 auto; padding: 0; width: 150px; }
						
						@media (max-width: 960px){
						.body_wrap .business li img{ width: 120px;}

						}	
		
		
		.body_wrap .recruitrap {clear:both; margin: 30px auto; padding: 0; width: 1400px; overflow:hidden; float:center; }
				@media (max-width: 1400px){
				.body_wrap .recruitrap { margin: 20px auto; width: 100%;  }
				}


		.body_wrap .img { margin: 0%; padding: 0; width: 50%; float:left; }
				
				@media (max-width: 960px){
						.body_wrap .img { margin: 0 20%; width: 60%;  }
						}

			.body_wrap .img img { margin: 0 5%; padding: 0; width: 90%; }
			.body_wrap .img_contact { margin: 0 50%; }




			.body_wrap .company { margin: 0; padding: 0; width: 50%; float:left; }

				@media (max-width: 960px){
						.body_wrap .company { margin: 10px 0 0 0; width: 100%;  }
						}
			
			.body_wrap .company table { margin: 0 5% 0 0; padding: 0; width: 95%}

				@media (max-width: 960px){
				.body_wrap .company table { margin: 0 10%; width: 80%;  }
				}

				@media (max-width: 640px){
				.body_wrap .company table { margin: 0; width: 100%;  }
				}

			.body_wrap .company tbody { margin: 0; padding: 0;  }
			.body_wrap .company tr { margin: 0; padding: 0;  }
			.body_wrap .company td { margin: 0; padding: 10px; }


		#footer { clear:both; margin: 0; padding: 0;  background-color: #333333; width: 100%;  overflow: hidden; }
			.fo_wrap { margin: 20px; padding: 0; width: 70% float: center; }
			.fo_wrap .fo_lc { margin: 0 auto; padding: 0; width: 100%; float: center;}
					@media (max-width: 640px){
						.fo_wrap .fo_lc { width: 300px; float: center; }
						}

			.fo_wrap .fo_logo { margin: 0; padding: 0; width: 300px; float: left;}
					@media (max-width: 640px){
						.fo_wrap .fo_logo { float: center; padding-bottom: 20px; border-bottom: 1px dashed #fff;; }
						}		

			.fo_wrap .fo_conul { width: 270px; float: right;}
					@media (max-width: 640px){
						.fo_wrap .fo_conul { width: 300px; margin: 20px auto; float: center; }
						}



/* //layout : area */



/* ==============================header============================== */ 

/* h_contact */ 
.h_contact { margin: 0; padding: 0;  overflow: hidden;}
.h_contact .h_info { margin: 0; padding: 0; float: right; width:350px; line-height: 20px; }
.h_contact .h_info ul { margin: 0; padding: 0;  overflow: hidden;}
.h_contact .h_info li { margin: 0 10px 0 0; padding: 0;  float: left;  font-size: 11px; color: #ffffff;  line-height: 20px; }
.h_contact .h_info li.last{ margin: 0; padding: 0;}
/* //h_contact */


/* h_logo */ 
.h_logo { margin: 0; padding: 0; }
.h_logo .h_img { margin: 10px auto; padding: 0; width:300px;}
.h_logo .h_img a{ margin: 0; padding: 0; }
.h_logo .h_img img{ margin: 0; padding: 0; }
/* //h_logo */



/* h_nav */ 
.h_nav { margin: 0; padding: 0; }
.h_nav .h_menu { margin: 0 auto; padding: 0; width:900px; line-height: 30px; }
		
		@media (max-width: 960px){
						.h_nav .h_menu {width: 90%; }
						}
		@media (max-width: 640px){
						.h_nav .h_menu {width: 80%; }
						}
						

.h_nav .h_menu ul{ margin: 0; padding: 0; overflow: hidden;}
.h_nav .h_menu li{ margin: 0; padding: 0; float: left; width: 14.285714%; text-align: center; line-height: 30px; }
		
		
		@media (max-width: 640px){
						.h_nav .h_menu li{ width: 25%; margin: 0 auto;}
						}

		@media (max-width: 640px){
						.h_nav .h_menu .no1{ margin-right: 12.5%; }
						}

		@media (max-width: 640px){
						.h_nav .h_menu .no2{ margin-right: 12.5%; }
						}


.h_nav .h_menu li.last{ margin: 0; padding: 0;}
.h_nav .h_menu li a{ color: #fff; font-size: 16px; display: block; transition: all 0.1s ease; }
		
		@media (max-width: 640px){
						.h_nav .h_menu li a{ font-size: 15px; }
						}
.h_nav .h_menu li a:hover{ background-color: #fff; color: #0075a9; font-weight: bold;  }

/* //h_nav */


/* ==============================//header============================== */




/* ==============================contents============================== */ 

/* banner */ 
.banner {}
.banner img {}
/* //banner */

/* body_wrap */
.body_wrap .body_title {  }
.body_wrap .body_title .jp { text-align: center; font-weight: bold; font-size: 22px; color: #0075a9; border-bottom: 3px dashed #777777; }

					@media (max-width: 640px){
					.body_wrap .body_title .jp { font-size: 18px; }

					}
.body_wrap .body_title .en { text-align: center; font-size: 12px; color: #0075a9; }
/* //body_wrap */

/* business */ 

.body_wrap .business {text-align: center; }
.body_wrap .business ul {overflow: hidden; }
.body_wrap .business li {float: left;}
.body_wrap .business li img {padding: 30px 0px 15px 0px; }
.body_wrap .business li span {display:block; font-size: 14px;  font-weight: bold; color: #333 }
.body_wrap .business li.last {margin-right: 0px; }

/* //business */ 

/* company */ 
.body_wrap .img { }
.body_wrap .img img { }
.body_wrap .company table { float:left; border-collapse:collapse; color: #444444; }
.body_wrap .company tbody {  }
.body_wrap .company tr {}
.body_wrap .company td { border: 1px solid #777777; font-size: 12px; }

	@media (max-width: 640px){
						.body_wrap .company td { font-size: 8px; }
						}

/* //company */


/* ==============================//contents============================== */



/* ==============================footer============================== */ 

#footer .fo_lc { color: #ffffff; }
		.fo_conul { font-size: 14px; }
		.fo_conul a { color: #ffffff; }
		.fo_conul .fo_title { font-size: 18px; font-weight: bold; text-align: center;}
#footer hr {clear:both; border-top-color: rgb(68, 68, 68); border-top-width: 1px; border-top-style: solid; display:block; margin-top:0px; }

#footer .coltd { margin-top: 20px; text-align: center; font-size: 12px; color: #ffffff; }

/* ==============================//footer============================== */