/* ==========================================================================
   Base styles
   ========================================================================== */
html,body { background:url(../img/top/bg.jpg); }

/* ==========================================================================
   :::::: wrap
   ========================================================================== */
#main { width:44%; max-width:1000px; margin:0 auto; height:100%; max-height:600px; padding:0 3%; float:left; }




/* ==========================================================================
   :::::: slider
   ========================================================================== */
#main_navi,
#min_main_navi { width:460px; margin:0 auto; }

.bar_wrap { position:relative; height:55px; }
.bx-pager-list img { position:absolute; padding:0; }
.navi_top { top:2px; left:0; }
.navi_concept { top:2px; left:115px; }
.navi_access { top:2px; left:230px; }
.navi_contact { position:absolute; top:2px; left:345px; }
.slide { height:100%; min-height:270px; }

#main01 .inner { text-align:center; }

#bxslider2 img { width:100%; }
#main02 .inner .clearfix { width:300px; margin:0 auto; }
#main03 .inner .clearfix { width:500px; margin:0 auto; }


/* ==========================================================================
   :::::: likebox
   ========================================================================== */
#likebox_wrap { width:49%; max-width:1000px; margin:0 auto; height:100%; float:right; overflow:hidden; position:relative; }
#likebox_bg { position:absolute; width:280px; top:20%; right:10%; z-index:9999; }
#likebox { width:260px; height:440px; position:absolute; top:20%; right:10%; z-index:9999; margin:10px;
    line-height: 0;
    overflow: hidden;}
#likebox iframe{
width:262px; height:440px;
    position:relative;
    left:-1px;
    top: -1px;
}



/* ==========================================================================
   :::::: Media Queries
   ========================================================================== */
.minDisp { display:none; }

@media only screen and (min-width: 1000px) and (max-width: 1155px) { 
	#main01 img {width:50%;}
	
}

@media only screen and (max-width:999px) { 
	#main { width:100%; padding:0; float:none; margin-bottom:50px; } 
	#likebox_wrap { width:100%; float:none; }
	#likebox_bg,
	#likebox { top:5%; left:10%; width: 80%; height:80%; } 
	#likebox iframe { width: 90%; height:92%; left:2%; top:2%; } 
}

@media only screen and (min-width: 1000px) and (max-width: 1153px) { 
	#main03 .inner .fLeft { float:none; text-align:center; }
	#main03 .inner .fRight { float:none; text-align:left; width:260px; margin:0 auto; }
	#main03 .inner .fRight #img_address { margin-top:20px; }
}

@media only screen and (max-width: 517px) { 
	#main02 .inner .clearfix ,
	#main03 .inner .clearfix{ width:260px; margin:0 auto; }
	.minDisp { display:inline; }
	#main03 .inner .fLeft { float:none; text-align:center; }
	#main03 .inner .fRight { float:none; text-align:left; width:260px; margin:0 auto; }
	#main03 .inner .fRight #img_address { margin-top:20px; }
	#likebox_wrap { padding-top:180px; }
	
	#main_navi,
	#min_main_navi { width:100%; padding:0; margin:0;}
	.bar_wrap { width:340px; height:45px; margin:15px auto 0 auto; }
	
	.navi_bg { width:340px; }
	
	.navi_top,
	.navi_concept,
	.navi_access,
	.navi_contact { width:85px;  }
	.navi_top { margin-top:-6px; }
	
	.navi_top { left:0; }
	.navi_concept { left:85px; }
	.navi_access { left:170px; }
	.navi_contact { left:255px; }
	
	
	#likebox_bg,
	#likebox { height:400px; top:30%; } 
}