* { 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; }
			.body_wrap { margin: 0 auto; padding-top: 25px; width: 1400px; /* background: #999; */}
			.body_wrap p { margin: 0; padding: 0 0 10px 0; }

				@media (max-width: 1200px){
						.body_wrap { width: 85%; }
						}

				@media (max-width: 1024px){
						.body_wrap { width: 100%; }
						}
				
				@media (max-width: 960px){
						.body_wrap { width: 100%; }
						}
				
				@media (max-width: 640px){
						.body_wrap { width: 100%; }
						}
		.body_wrap .body_title { margin-bottom: 20px; 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 {clear:both; margin: 30px auto; padding: 0; width: 1400px; overflow:hidden; float:center; }
				@media (max-width: 1400px){
				.body_wrap { margin: 20px auto; width: 100%;  }
				}


			.body_wrap .img { margin: 0; padding: 0; width: 50%; height: 510px; float: left; }
				
				@media (max-width: 960px){
						.body_wrap .img { margin: 10px 0; padding: 0 15%; width: 70%; height: 100%; }
						}

			.body_wrap .img img { margin-right: 10px; padding: 0; width: 100%; }
			.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 { width: 100%;  }
						}
			
			.body_wrap .company table { margin-left: 5%; padding: 0; width: 95%}

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

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



			.body_wrap .ceo { margin: 20px auto; padding: 35px 50px; width: 55%; }
					
						@media (max-width: 960px){
						.body_wrap .ceo { margin: 10% auto; padding: 25px; width: 80%; }
						}
			
			.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: 20px 0; 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 .address { margin: 0 auto; padding: 0; width: 1200px; }

						@media (max-width: 1280px){
									.body_wrap .address { margin: 0 auto; padding: 0; width: 90%;  }
									}


			.body_wrap .map { margin: 20px auto; padding: 0; }

			.body_wrap .map iframe{ margin: 0 auto; padding: 0; width: 1200px; }

						@media (max-width: 1280px){
									.body_wrap .map iframe{ margin: 0 auto; padding: 0; width: 90%;  }
									}
		


		#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============================== */ 

/* 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 */

/* 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 */


/* ceo */ 

.body_wrap .ceo { border: 3px solid #dddddd;  border-radius: 25px; box-shadow: 10px 10px 20px 2px #999999; font-size: 14px; color: #444444;}

		@media (max-width: 640px){
						.body_wrap .ceo { border-radius: 15px; font-size: 12px; }
						}
/* //ceo */ 


/* 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: 10px 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 */ 



/* access */ 
.body_wrap .address { color: #444444; font-size: 12px; }


.body_wrap .map {  }

/* //access */

/* contact */ 
.body_wrap .conimg { width: 85px; margin: 30px auto 10px auto; }
.body_wrap .contact { text-align: center; width: 300px; margin: 0px auto; margin-bottom: 200px; }
			@media (max-width: 640px){
						.body_wrap .contact { width: 230px; margin-bottom: 50px; }
										}
.body_wrap .contact li { color: #595757; font-weight: bold; font-size: 18px; }
			@media (max-width: 640px){
						.body_wrap .contact li { font-size: 14px; }
										}
/* //contact */


/* group */
.body_wrap .nanaimg { width: 426px; margin: 10px auto ; }
			@media (max-width: 640px){
						.body_wrap .nanaimg { width: 340px; }
										}
			@media (max-width: 640px){
						.body_wrap .nanaimg img { width: 340px; }
										}
.body_wrap .group { text-align: center; width: 300px; margin: 0px auto; margin-bottom: 200px; }
			@media (max-width: 640px){
						.body_wrap .group { width: 230px; margin-bottom: 50px; }
										}
.body_wrap .group li { color: #595757; font-weight: bold; font-size: 18px; }
			@media (max-width: 640px){
						.body_wrap .group li { font-size: 14px; }
										}

/* //group */


/* ==============================//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============================== */