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

a { color:#fff; text-decoration:underline; }
a:hover { color:#FFFFCC; }

/* ==========================================================================
   :::::: wrap
   ========================================================================== */
.wrap { width:100%; max-width:1072px; margin:0 auto; }


/* ==========================================================================
   :::::: header
   ========================================================================== */
#header { margin:40px 0; }
#header .logo { margin-right:70px; float:left; width:195px; }
#header #g_navi { float:left; width:651px; height:54px; margin-top:5px; position:relative;  }
#header #g_navi .navi_concept,
#header #g_navi .navi_cafebar,
#header #g_navi .navi_fitness,
#header #g_navi .navi_access,
#header #g_navi .navi_contact { position:absolute; top:5px; }

#header #g_navi .navi_concept { left:0; }
#header #g_navi .navi_cafebar { left:129px; }
#header #g_navi .navi_fitness { left:258px; }
#header #g_navi .navi_access { left:387px; }
#header #g_navi .navi_contact { left:516px; }

/* ==========================================================================
   :::::: footer
   ========================================================================== */
#footer { color:#ffffff; margin-bottom:20px; }


/* ==========================================================================
   :::::: side - main
   ========================================================================== */
#sidebar { float:left; width:80px; height:140px; margin-top:10%; }
#sidebar .bx-pager-list ul li { margin-bottom:20px; }
#sidebar img { margin-bottom:15px; }

#main { float:right; width:961px; margin:10px 0 0 0; }


/* ==========================================================================
   :::::: slider
   ========================================================================== */
.slide { width:100%; text-align:center; height:580px; }

.main_img { position:relative; }
.main_img p { position:absolute; background:url(../img/cafe/bg_black.png); color:#ffffff; height:40px; width:477px; line-height:40px; padding-left:20px; text-align:left; }

.main_text { text-align:left; margin:30px 0; color:#ffffff;}
.main_text img { float:left; margin-right:5%; }
.main_text div { float:left; }


#main01 .text { color:#fff; font-size:12px; width:100%; max-width:790px; margin:0 auto; }
#main01 .text ul li { float:left; text-align:left; }

#me_maintext {
	text-align:left; 
	font-size:12px;
	line-height:1.3em;
}


#main02 .main_text { position:relative; }
#main02 .main_text #about_macro { position:absolute; width:200px; height:25px; bottom:0; right:0; }

#main02 .main_img p { top:160px; left:252px; }
#main03 .main_img p { top:160px; right:1px; }

#main04 { height:1000px; }
#main04_img { position:relative; }
#main04 .text { color:#fff; font-size:12px; width:100%; max-width:790px; margin:0 auto; }


#main04 .sub_text { background-color:#330810; color:#ece3dd; padding:10px; opacity: 0.8; filter: alpha(opacity=80);/*IE7*/ margin-bottom:30px; text-align:left; }
#main04 .wine_box { margin-bottom:20px; text-align:left; color:#ffffff; }
#main04 .wine_header { font-size:16px; font-weight:bold; margin-bottom:15px; color:#fff; }
#main04 .wine_header span { font-size:13px; font-weight:normal; }
#main04 .wine_header p { font-size:13px; font-weight:normal; }


#main04 #wine_group01 .left { float:left; width:50%; }
#main04 #wine_group01 .right { float:right; width:50%; }
#main04 #wine_group01 .col { background:url(../img/cafe/wine_main_bg.png) 0 10px no-repeat; color:#f3eeea; position:relative; width:470px; height:146px; margin-top:-10px; }
#main04 #wine_group01 .row1 { margin-top:15px; }

#main04 #wine_group01 .wine_img { position:absolute; top:-15px; }
#main04 #wine_group01 .row1 .wine_img { left:35px; }
#main04 #wine_group01 .row2 .wine_img { right:30px; }

#main04 #wine_group01 .wine_detail { position:absolute; top:50px; }
#main04 #wine_group01 .wine_detail .name { font-size:16px; margin-bottom:5px; }
#main04 #wine_group01 .row1 .wine_detail { left:100px; }
#main04 #wine_group01 .row2 .wine_detail { left:35px; }

#main04 .no_img .row { color:#f3eeea; }
#main04 .no_img .col { float:left; margin-right:10px; background:url(../img/cafe/wine_bg.jpg) 0 0 ; padding:10px 20px; width:270px; margin-bottom:10px; }
#main04 .no_img .col .name { font-weight:bold; margin-bottom:5px; }




#main00 { height:800px; }
#main00_img { position:relative; }
#main00 .text { color:#fff; font-size:12px; width:100%; max-width:790px; margin:0 auto; }


#main00 .sub_text { background-color:#330810; color:#ece3dd; padding:10px; opacity: 0.8; filter: alpha(opacity=80);/*IE7*/ margin-bottom:30px; text-align:left; }
#main00 .wine_box { margin-bottom:20px; text-align:left; color:#ffffff; }
#main00 .wine_header { font-size:16px; font-weight:bold; margin-bottom:15px; color:#fff; }
#main00 .wine_header span { font-size:13px; font-weight:normal; }
#main00 .wine_header p { font-size:13px; font-weight:normal; }


#main00 #wine_group01 .left { float:left; width:50%; }
#main00 #wine_group01 .right { float:right; width:50%; }
#main00 #wine_group01 .col { background:url(../img/cafe/wine_main_bg.png) 0 10px no-repeat; color:#f3eeea; position:relative; width:470px; height:146px; margin-top:-10px; }
#main00 #wine_group01 .row1 { margin-top:15px; }

#main00 #wine_group01 .wine_img { position:absolute; top:-15px; }
#main00 #wine_group01 .row1 .wine_img { left:35px; }
#main00 #wine_group01 .row2 .wine_img { right:30px; }

#main00 #wine_group01 .wine_detail { position:absolute; top:50px; }
#main00 #wine_group01 .wine_detail .name { font-size:16px; margin-bottom:5px; }
#main00 #wine_group01 .row1 .wine_detail { left:100px; }
#main00 #wine_group01 .row2 .wine_detail { left:35px; }

#main00 .no_img .row { color:#f3eeea; }
#main00 .no_img .col { float:left; margin-right:10px; background:url(../img/cafe/wine_bg.jpg) 0 0 ; padding:10px 20px; width:270px; margin-bottom:10px; }
#main00 .no_img .col .name { font-weight:bold; margin-bottom:5px; }



#me_maintext {
	text-align:left; 
	font-size:12px;
	line-height:1.3em;
}

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

@media only screen and (max-width:1150px) { 
	#header { text-align:center; margin:20px 0 30px 0; }
	#header .logo { margin-right:0; margin-bottom:20px; float:none; }
	#header #g_navi { float:none; margin:0 auto; }

	.wrap { width:90%; margin:0 auto; }
	
	#main01 { height:600px; }
	
	#main { width:85%; }
	#main01 img,
	.main_img img { width:100%; }
	.main_img p { display:none; }
	.main_text div { width:65%; }
	.main_text img { margin-bottom:20px; } 
	
	.slide { margin-bottom:60px; height:500px; }
	
	.disp_sp { display:inherit; }
	
	#main02 { height:540px; }
	
	#main04 { height:1500px; }
	
	#main04 #wine_group01 .left { float:none; width:100%; padding-top:20px; }
	#main04 #wine_group01 .right { float:none; width:100%; }
	#main04 .no_img .col { width:250px; }
	
	#main00 { height:600px; }
	
	#main00 #wine_group01 .left { float:none; width:100%; padding-top:20px; }
	#main00 #wine_group01 .right { float:none; width:100%; }
	#main00 .no_img .col { width:250px; }
	

}
@media only screen and (max-width:858px) { 
	.main_text { text-align:center; } 
	.main_text div { width:100%; text-align:left; float:none; }
	.main_text img { float:none; } 

	#main01 { height:540px; }
	#main04 { height:1800px; }
	#main04 .no_img .col { width:100%; max-width:430px; }
	#main00 { height:600px; }
	#main00 .no_img .col { width:100%; max-width:430px; }
}
@media only screen and (max-width: 740px) { 
	#header #g_navi { width:500px; }
	#header #g_navi .navi_bg { width:100%; }
	
	#header #g_navi .navi_concept,
	#header #g_navi .navi_cafebar,
	#header #g_navi .navi_fitness,
	#header #g_navi .navi_access,
	#header #g_navi .navi_contact { width:98px; }

	#header #g_navi .navi_concept { left:0; }
	#header #g_navi .navi_cafebar { left:100px; }
	#header #g_navi .navi_fitness { left:200px; }
	#header #g_navi .navi_access { left:300px; }
	#header #g_navi .navi_contact { left:400px; }
	
}

@media only screen and (max-width: 620px) { 
	
	#sidebar { float:none; width:320px; height:40px; margin:0 auto 20px auto;}
	#sidebar .bx-pager-list ul li { margin-bottom:0; padding:0 10px; float:left; }
	#sidebar img { margin-bottom:0; }
	
	#main { float:none; width:90%; margin:0 auto; }
	#main01 { height:400px; }
	
}

@media only screen and (max-width: 570px) { 
	.minDisp { display:inline; }
	
	.wrap { width:98%; margin:0 auto; }
	
	#header #g_navi { width:100%; text-align:center; }
	#header #g_navi .navi_bg { display:none; }
	#header #g_navi .navi_concept,
	#header #g_navi .navi_cafebar,
	#header #g_navi .navi_fitness,
	#header #g_navi .navi_access,
	#header #g_navi .navi_contact { width:90px; position:inherit; }
	
	#sidebar { float:none; }
	#main { float:none; }
	
	#sidebar { margin:0 auto; height:55px; }
	#sidebar ul li { float:left;  }
}

@media only screen and (max-width: 530px) { 
	
	#header #g_navi { width:300px; }
	.line { display:inherit; text-align:center; margin-bottom:10px;  }
	.line img { width:95%; }

}

@media only screen and (max-width: 385px) { 
	
	#sidebar  { width:180px; height:100px; }

}