@charset "Shift_JIS";

/* */
#cocktail{width:960px;margin:0 auto;}

#related_box a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: �galpha( opacity=80 )�h;
}



#mistia_tit_box{width:500px;text-align:center;float:left;text-align:center;margin-left:40px;}
#mistia_btl{position:relative;top:-40px;left:5px;}


#cooktail_box{width:100%;}
#cooktail_box .in{width:960px;margin:0 auto;}
#cooktail_box .in_btm{width:960px;margin:0 auto;}


#prucia_footer{width:100%;}
#prucia{background:#fae8e4;}

#recipe{
	margin:0 65px 0 65px;
	padding:30px 20px 30px 35px;
}
#recipe table{
	font-size:100%;
}
#recipe td{
	padding:25px 15px 0 0;
	vertical-align:top;
}
#recipe td img{
	vertical-align:bottom;
	margin-bottom:10px;
}
#recipe h3{
	color:#B83956;
	font-weight:bold;
	padding-bottom:5px;
}
#recipe p{
	font-size:83%;
}
#recipe li{
	font-size:83%;
	padding-left:1em;
	text-indent:-1em;
}

.cocktail_bnr {
	clear:both;
}

.cocktail_bnr li.kimia {
	margin-left:20px;
	padding-top:10px;
}

.restaurant_cat1{
background:url(../../cocktail/img/restaurant_cat_01.png) no-repeat;
padding-left: 68px;
padding-bottom: 5px;
vertical-align:middle;
}

.restaurant_cat2{
background:url(../../cocktail/img/restaurant_cat_02.png) no-repeat;
padding-left: 68px;
padding-bottom: 5px;
vertical-align:middle;
}

.restaurant_cat3{
background:url(../../cocktail/img/restaurant_cat_03.png) no-repeat;
padding-left: 68px;
padding-bottom: 5px;
vertical-align:middle;
}

.restaurant_cat4{
background:url(../../cocktail/img/restaurant_cat_04.png) no-repeat;
padding-left: 68px;
padding-bottom: 5px;
vertical-align:middle;
}




/* modal */
#lean_overlay{position:fixed;z-index:100;top:0px;left:0px;height:100%;width:100%;background:#000;display:none;}
#recipe01,#recipe02,#recipe03,#recipe04,#recipe05,#recipe06,#recipe07,#recipe08,#recipe09,#recipe10,#recipe11,#recipe12{height:400px;display:none;position:relative;}
.modal_cont{width:750px;height:440px;background:url("../../cocktail/img/recipe_bg01.gif") no-repeat 0 0;}
.modal_close{position:absolute;top:2px;left:732px;z-index:2;font-size:120%;}
a.modal_close {color:#555555;text-decoration:none;font-weight:bold;}

.modal_left{float:left;width:450px;height:400px;background:url("../../cocktail/img/recipe_bg02.png") no-repeat bottom;color:#ffffff;}
.modal_left .modal_cont{width:420px;height:380px;padding:10px 15px;background:url("../../cocktail/img/recipe_bg03.png") no-repeat 330px 145px;}

.modal_left h4{font-size:150%;font-weight:bold;}
.modal_left p{width:320px;}

.modal_left .item{width:250px;border:dotted #ffffff;border-width:0 0 1px;padding:2px 0 1px;}

.modal_cont .notice{top:400px;position:absolute; clear:both;}

/* �ėp */

.tx_l{text-align:left !important;}
.tx_c{text-align:center !important;}
.tx_r{text-align:right !important;}

.vm{vertical-align:middle !important;}

.tx_large{font-size:120% !important;}
.tx_xlarge{font-size:150% !important;}
.tx_xxlarge{font-size:200% !important;}
.tx_small{font-size:90% !important;}
.tx_xsmall{font-size:75% !important;}

.bdr_none{border:none !important;}

.radius05{-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;}
.radius10{-webkit-border-radius:10px !important;-moz-border-radius:10px !important;border-radius:10px !important;}

.radius_top05{-webkit-border-top-left-radius:5px !important;-webkit-border-top-right-radius:5px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:5px 5px 0 0 !important;border-radius:5px 5px 0 0; !important;}
.radius_top10{-webkit-border-top-left-radius:10px !important;-webkit-border-top-right-radius:10px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:10px 10px 0 0 !important;border-radius:10px 10px 0 0; !important;}

.radius_bottom05{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:5px !important;-webkit-border-bottom-right-radius:5px !important;-moz-border-radius:0 0 5px 5px !important;border-radius:0 0 5px 5px; !important;}
.radius_bottom10{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:10px !important;-webkit-border-bottom-right-radius:10px !important;-moz-border-radius:0 0 10px 10px !important;border-radius:0 0 10px 10px; !important;}

.mt0{margin-top:0px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}

.mb0{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}

.ml0{margin-left:0px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}

.mr0{margin-right:0px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}

.pt0{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}

.pb0{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}

.pl0{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}

.pr0{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}

.pad0{padding:0 !important;}
.pad05{padding:5px !important;}
.pad10{padding:10px !important;}
.pad15{padding:15px !important;}
.pad20{padding:20px !important;}
.pad30{padding:30px !important;}
.pad40{padding:40px !important;}

.plr05{padding-left:5px !important;padding-right:5px !important;}
.plr10{padding-left:10px !important;padding-right:10px !important;}

.fl{float:left !important;}
.fr{float:right !important;}

.visi{display:block;}
.hide{display:none;}

/* clearfix */
.cls{clear:both;}
/* For modern browsers */
.cf:before,
.cf:after{content:"";display:table;} 
.cf:after{clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf{zoom:1;}