@charset "Shift_JIS";

/* */
#main{width:960px;}
#header{width:960px;}

#cocktail #header h1{position:absolute;left:205px;top:40px;}
#cocktail #header #stamp{position:absolute;left:32px;}


#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;}

.gray_box{width:920px;padding:20px;margin:0 auto 30px;border:1px solid #dfdfd0;}

#recipe_box{width:100%;padding:40px 0 20px;margin:0;background:url("../../cocktail/img/mistia_bg02.gif") repeat-x top #e3e6c9;text-align:center;}
#recipe_box .in{width:963px;margin:0 auto;text-align:left;}

#recipe_box .recipe{width:240px;height:337px;background:url("../../cocktail/img/mistia_bg03.png") no-repeat 0 0;float:left;}
#recipe_box .recipe .recipe_in{padding:5px 25px 20px 15px;}
#recipe_box .recipe .tit{text-align:center;color:#006e65;font-weight:bold;font-size:110%;margin:0 0 5px;width:200px;height:37px;}
#recipe_box .recipe .tit_l1{text-align:center;color:#006e65;font-weight:bold;font-size:110%;margin:0 0 5px;width:200px;height:37px;}
#recipe_box .recipe .tit_l1 span{padding:10px 0 0;display:inline-block;}
#recipe_box .recipe .ex{text-align:left;color:#ffffff;font-size:80%;margin:0 0 5px;}
#recipe_box .recipe .ex2{text-align:left;color:#ffffff;font-size:120%;margin:0 0 5px;}

#cooktail_box{width:100%;background:#f6f7e6 url(../../cocktail/img/bgb_cocktail.jpg) repeat-x center bottom;}
#cooktail_box .in{width:960px;margin:0 auto;background:#ffffff;}
#cooktail_box .in_btm{width:960px;margin:0 auto;}

/* */
#section1{
	background:url(../../cocktail/img/cocktail_bg01.jpg) repeat-x 0 341px;
	width:100%;
	padding-bottom:20px;
}
#section1 #cocktail-menu1{
	width:810px;
	margin:0 auto 0 auto;
	overflow:hidden;
	zoom:1;
	text-align:left;
}
#section1 #cocktail-menu1 li,#section2 #cocktail-menu2 li{
	float:left;
}
#section1 #cocktail-menu1 .recipe1{margin:232px 50px 0 0; width:230px;}
#section1 #cocktail-menu1 .recipe1 img{margin-left:13px;}
#section1 #cocktail-menu1 .recipe2{width:230px;}
#section1 #cocktail-menu1 .recipe2 img{margin-left:31px;}
#section1 #cocktail-menu1 .recipe3{margin:162px 0 0 30px; width:265px;}
#section1 #cocktail-menu1 .recipe3 img{margin-left:41px;}

#section2{
	background:url(../../cocktail/img/cocktail_bg02.jpg) repeat-x center top;
	width:100%;
	margin-top:0;
}
#section2 #cocktail-menu2{
	width:810px;
	margin:0 auto 0 auto;
	overflow:hidden;
	zoom:1;
	text-align:left;
	padding-bottom:50px;
}

#section2 #cocktail-menu2 .recipe4,#section2 #cocktail-menu2 .recipe5,#section2 #cocktail-menu2 .recipe6{
	min-height:555px;
	height:auto !important;
	height:555px;
}
#section2 #cocktail-menu2 .recipe4{margin:0 50px 0 0; width:230px;}
#section2 #cocktail-menu2 .recipe4 img{margin:62px 0 0 7px;}
#section2 #cocktail-menu2 .recipe5{width:230px;}
#section2 #cocktail-menu2 .recipe5 img{margin:62px 0 0 2px;}
#section2 #cocktail-menu2 .recipe6{margin-left:30px; width:265px;}
#section2 #cocktail-menu2 .recipe6 img{margin-left:39px;}

#section1 #cocktail-menu1 li ul,#section2 #cocktail-menu2 li ul{
	margin-top:5px;
}
#section1 #cocktail-menu1 li li,#section2 #cocktail-menu2 li li{
	float:none;
	padding-left:1em;
	text-indent:-1em;
	color:#05746B;
}
.cocktail_bnr {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	padding:30px 0;
}

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

#mistia_footer{width:100%;background:#00746b;}
#mistia_footer #footer_bnr{position:relative;top:-20px;}

.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{display:none;position:relative;width:800px;}
.modal_cont{width:750px;height:440px;background:#f6f7e5 url("../../cocktail/img/recipe_bg01.gif") no-repeat 0 0;}
.modal_cont_long{width:750px;height:560px;background:#f6f7e5 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.gif") no-repeat left bottom;color:#006e65;}
.modal_cont_long .modal_left{float:left;width:450px;height:520px;background:url("../../cocktail/img/recipe_bg02.gif") no-repeat left bottom;color:#006e65;}
.modal_left .modal_left_in{padding:10px 15px 0;height:400px;background:url("../../cocktail/img/recipe_bg03.png") no-repeat 360px 120px;}
.modal_cont_long .modal_left .modal_left_in{width:420px;height:520px;padding:10px 15px;background:url("../../cocktail/img/recipe_bg03.png") no-repeat 360px 240px;}

.modal_right{float:right;width:300px;overflow:hidden;}

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

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

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

/* 汎用 */

.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;}

.w_full{width:100% !important;}
.w200{width:200px !important;}
.w960{width:960px !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;}