/*
/* for TOPPAGE
/*
/* THEBOXMANDESIGN2013
/*
---------------------------*/


/* for background
-------------------------------------------------------------------------------*/

.top_bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	z-index: -9999;
}


.bg1{
	background-image: url('../images_top/new_2018_L_01_2048.jpg');
	background-position: 70% 20%;
}

.bg2{
	background-image: url('../images_top/new_2018_L_02_2048.jpg');
	background-position: 20% 90%;
}

.bg3{
	background-image: url('../images_top/new_2018_L_03_2048.jpg');
	background-position: 20% 40%;
}

.bg4{
	background-image: url('../images_top/new_2018_R_01_2048.jpg');
	background-position: 100% 0%;
}

.bg5{
	background-image: url('../images_top/new_2018_R_02-2_2048.jpg');
	background-position: 100% 15%;
}



/* for title
-------------------------------------------------------------------------------*/



.title1{
	margin: 40vh 0px 0px 10vw;
}

.change1{
	margin: 55vh 0px 0px 15vw;
}
/* --------*/

.title2{
	margin: 40vh 0px 0px 10vw;
}

.change2{
	margin: 55vh 0px 0px 15vw;
}

/* --------*/
.title3{
	margin: 40vh 0px 0px 10vw;
}

.change3{
	margin: 55vh 0px 0px 15vw;
}

/* --------*/
.title4{
	right:0; 
	margin: 52vh 5vw 0px 0px;
}

.change4{
	right:0; 
	margin: 65vh 7vw 0px 0px;
}

/* --------*/
.title5{
	right:0; 
	margin: 20vh 10vw 0px 0px;
}

.change5{
	right:0; 
	margin: 38vh 13vw 0px 0px;
}



/* --------*/




.top_title{
	position: absolute;
	max-width: 413px;
	max-height: 71px;
	z-index: 9999;
}







.top_change_lang{
	position: absolute;
	max-width: 190px;
	max-height: 20px;
	z-index: 9999;
}





/* for footer Navigation
-------------------------------------------------------------------------------*/


.top_footer {
	position: absolute;
	width: 100%;
	height: 82px;
	min-height: 10%;
	background: 
	rgba(0,0,0,0.4);
	-webkit-transition: background-color 2s linear;
	-moz-transition: background-color 2s linear;
	transition: background-color 2s linear;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	outline: 0;
	outline-style: none;
	outline-width: 0;
	-moz-outline-width: 0;
	text-align: center;
	vertical-align: middle;
}

.top_footer #top_nav{
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	padding: 0;  
	width: 965px;  
	height: 82px; 
	z-index: 2000;
}

#top_nav ul{
	list-style-type: none;  
	margin: 0;  
	padding: 0;  
}

#top_nav li{  
	text-indent: -9999px;  
	float:left;   
	margin: 0;  
	padding: 0;  
}  

#top_nav a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
} 

#top_nav a img{
	display: block;
	height: 82px;
	z-index: 9999;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
} 

#menu01 a img{
  width: 118px; 
 }

#menu02 a img{  
  width: 124px;
}

#menu03 a img{
  width: 160px; 
 }

#menu04 a img{  
  width: 147px;
}

#menu05 a img{
  width: 139px; 
 }

#menu06 a img{  
  width: 146px;
}

#menu07 a img{
  width: 131px;  
 }


/* for iPhone
-------------------------------------------------------------------------------*/

@media screen (max-height: 480px) {


	.title1{
	margin: 10% 0px 0px 6%;
	}
	
	.title2{
	position:absolute;  
	right:0; 
	margin: 10% 6% 0px 0px;
	}
	
	.title3{
	margin: 10% 0px 0px 6%;
	}
	
	.title4{
	margin: 10% 0px 0px 6%;
	}
	
		
}

/* for Print
-------------------------------------------------------------------------------*/
@media print {



}