@charset "UTF-8";

/* =実演試食パーティー
------------------------------------------------------------------*/

#cookRecipe {
}
#cookRecipe div.top {
	height:355px;
}
#cookRecipe div.local {
	height:326px;
}
#cookRecipe div.firstBox {
	position:relative;
}
#cookRecipe div.firstBox p.read {
	margin-bottom: 20px;
}
#cookRecipe div.firstBox p.btn {
	position:absolute;
	top:339px;
	right:15px;
	z-index:100;
}
#cookRecipe div.leftBox {
	float:left;
	width:572px;
}
#cookRecipe div.leftBox h4 {
	clear:both;
}
#cookRecipe div.leftBox h4.bottom {
	margin:0 0 6px;
}
#cookRecipe div.leftBox p {
	padding:15px 0;
	font-size:12px;
	line-height:2;
}
#cookRecipe div.leftBox p.photo01 {
	margin:0 20px 45px 0;
	padding:0;
	float:left;
}
#cookRecipe div.leftBox p.photo02 {
	text-align:center;
	padding:0;
	margin:0 0 45px;
}
#cookRecipe div.rightBox {
	background:url(../img/special/cook_recipe/side_bg.jpg) top left no-repeat;
	float:right;
	width:267px;
	padding:26px 30px 26px 25px;
	margin:0 0 30px;
}
#cookRecipe div.rightBox dl {
}
#cookRecipe div.rightBox dl dt {
	clear:both;
}
#cookRecipe div.rightBox dl dd.top {
	padding:5px 0 25px 7px;
}
#cookRecipe div.rightBox dl dd.bottom {
	padding:5px 0 5px 7px;
}
#cookRecipe div.rightBox dl dd a {
	margin:0 5px 5px 0;
	display:block;
	float:left;
}
#cookRecipe div.rightBox dl dd img {
	border:1px solid #cacaca;
	padding:2px;
}
#cookRecipe div.rightBox p {
	text-align:center;
	clear:both;
}
#cookRecipe div.guestBox {
	background:url(../img/special/cook_recipe/guest_bg.gif) no-repeat top center;
	clear:both;
	padding:55px 84px;
	margin:0 0 35px;
}
#cookRecipe div.guestBox h4 {
	visibility:hidden;
	display:none;
}
#cookRecipe div.guestBox div.leftGuest {
	float:left;
}
#cookRecipe div.guestBox div.rightGuest {
	float:right;
}
#cookRecipe div.guestBox div {
	width:360px;
}
#cookRecipe div.guestBox div p {
	float:left;
}
#cookRecipe div.guestBox div dl {
	float:right;
}
#cookRecipe div.guestBox div dl dt {
	text-align:center;
	padding:15px 0;
}
#cookRecipe p.backBtn {
	clear:both;
	text-align:center;
	margin:0 0 25px 0;
}

/*ゲスト*/
#cookRecipe div.secondBox {
	width:920px;
	position:relative;
	background:url(../img/special/cook_recipe/recipe1/guest_bottom_bg.gif) 83px bottom no-repeat;
	height:650px;
	margin:0 0 15px;
}
#cookRecipe div.secondBox h3 {
	position:absolute;
	top:306px;
	left:83px;
	z-index:100;
}
#cookRecipe div.secondBox p {
	position:absolute;
	top:381px;
	left:178px;
	z-index:100;
}
#cookRecipe div.secondBox dl {
	position:absolute;
	top:405px;
	left:398px;
	z-index:100;
	width:370px;
}
#cookRecipe div.secondBox dl dt {
	text-align:center;
	margin:0 0 20px;
}
#cookRecipe div.secondBox dl dd {
	font-size:12px;
	line-height:1.5;
}

#cookRecipe div.thirdBox {
	width:920px;
	position:relative;
	background:url(../img/special/cook_recipe/recipe1/guest_bottom_bg.gif) 83px bottom no-repeat;
	height:760px;
	margin:0 0 15px;
}
#cookRecipe div.thirdBox h3 {
	position:absolute;
	top:306px;
	left:83px;
	z-index:100;
}
#cookRecipe div.thirdBox p.photo {
	position:absolute;
	top:361px;
	left:178px;
	z-index:100;
}
#cookRecipe div.thirdBox dl {
	position:absolute;
	top:385px;
	left:398px;
	z-index:100;
	width:370px;
}
#cookRecipe div.thirdBox dl dt {
	text-align:center;
	margin:0 0 20px;
}
#cookRecipe div.thirdBox dl dd {
	font-size:12px;
	line-height:1.5;
}
#cookRecipe div.thirdBox p.read {
	position:absolute;
	top:580px;
	left:178px;
	z-index:100;
	font-size:12px;
	line-height:1.5;
	width:575px;
}

#cookRecipe div.makeBox {
	background:url(../img/special/cook_recipe/recipe1/make_bg.gif) repeat-y;
	font-size:12px;
	line-height:1.5;
	width:820px;
	margin:0 0 10px 30px;
	padding:0 20px 10px 20px;
}
#cookRecipe div.makeBox img.photo {
	float:left;
}
#cookRecipe div.makeBox dl.make {
	float:right;
	margin:0 0 20px;
}
#cookRecipe div.makeBox dl.makeList {
	clear:both;
}
#cookRecipe div.makeBox dl.makeList dt {
	float:left;
	padding:0 0 0 7px;
}
#cookRecipe div.makeBox dl.makeList dd {
	float:right;
	padding:8px 0 0 0;
}
#cookRecipe div.makeBox dl.makeList dd ul {
	list-style:none;
}
#cookRecipe div.makeBox dl.makeList ul li {
	margin:0 0 15px;
}

#cookRecipe div.makeBox p.comentImg {
	float:right;
}
#cookRecipe div.makeBox div.comentBox {
	clear:both;
	padding:12px 26px 20px 16px;
}
#cookRecipe div.makeBox div.coment {
	float:left;
	background:url(../img/special/cook_recipe/recipe1/coment_bg_middle.gif) repeat-y left;
	width:636px;
	position:relative;
	line-height:2;
	color:#336601;
}
#cookRecipe div.makeBox div.coment span {
	position:absolute;
	top:23px;
	left:634px;
}
#cookRecipe div.makeBox div.comentBottom {
	background:url(../img/special/cook_recipe/recipe1/coment_bg_bottom.gif) bottom left no-repeat;
	padding:0 0 7px;
}
#cookRecipe div.makeBox div.comentTop {
	background:url(../img/special/cook_recipe/recipe1/coment_bg_top.gif) top left no-repeat;
	padding:7px 15px 0;
}

#cookRecipe div.eventBox {
	clear:both;
	background:url(../img/special/cook_recipe/recipe1/event_bg_middle.gif) repeat-y left;
	width:860px;
	position:relative;
	line-height:1.8;
	font-size:14px;
	margin:35px 0 30px 30px;
	color:#535353;
}
#cookRecipe div.eventBox span {
	position:absolute;
	top:-16px;
	left:-30px;
	z-index:100;
}
#cookRecipe div.eventBox span img {
	behavior: expression(IEPNGFIX.fix(this));
}
#cookRecipe div.eventBoxBottom {
	background:url(../img/special/cook_recipe/recipe1/event_bg_bottom.gif) bottom left no-repeat;
	padding:0 0 10px;
}
#cookRecipe div.eventBoxTop {
	background:url(../img/special/cook_recipe/recipe1/event_bg_top.gif) top left no-repeat;
	padding:10px 15px 0;
}
#cookRecipe div.eventBox img.photo {
	float:left;
	margin:0 15px 0 0;
}
#cookRecipe div.eventBox p {
	float:left;
	width:405px;
}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
	font-size:12px;
}
#cboxOverlay {
	position:fixed;
	width:100%;
	height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear:left;
}
#cboxContent {
	position:relative;
}
#cboxLoadedContent {
	overflow:auto;
}
#cboxTitle {
	margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor:pointer;
}
.cboxPhoto {
	float:left;
	margin:auto;
	border:0;
	display:block;
}
.cboxIframe {
	width:100%;
	height:100%;
	display:block;
	border:0;
}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
	background:#000;
}
#colorbox {
}
#cboxContent {
	background:#fff url(../img/special/cook_recipe/box_bg.jpg) no-repeat bottom center;
	overflow:hidden;
}
#cboxError {
	padding:50px;
	border:1px solid #ccc;
}
#cboxLoadedContent {
	margin-bottom:20px;
}
#cboxTitle {
	position:absolute;
	bottom:0px;
	left:0;
	text-align:center;
	width:100%;
	color:#999;
}
#cboxCurrent {
	position:absolute;
	bottom:0px;
	left:170px;
	color:#999;
}
#cboxSlideshow {
	position:absolute;
	bottom:0px;
	right:42px;
	color:#444;
}
#cboxPrevious {
	position:absolute;
	bottom:0px;
	left:5px;
	color:#444;
	background:url(../img/special/cook_recipe/arrow_left.gif) left center no-repeat;
	padding:0 0 0 18px;
}
#cboxNext {
	position:absolute;
	bottom:0px;
	left:90px;
	color:#444;
	background:url(../img/special/cook_recipe/arrow_right.gif) right center no-repeat;
	padding:0 18px 0 0;
}
#cboxLoadingOverlay {
	background:#fff url(images/loading.gif) no-repeat 5px 5px;
}
#cboxClose {
	position:absolute;
	bottom:0;
	right:5px;
	display:block;
	background:url(../img/special/cook_recipe/arrow_close.gif) left center no-repeat;
	padding:0 0 0 18px;
}