@charset "utf-8";

/*-----------------------------------------
共通
----------------------------------------*/

h1#page-title{
	margin:0 0 22px 24px;
}

#party_wrap{
	width:885px;
	margin:0 auto;
	background:url(/sweets/choco-vege/recommend/party/images/bg_party_wrap.jpg) repeat-y;
}

#party_cont{
	width:885px;
	margin:0 auto;
	background:url(/sweets/choco-vege/recommend/party/images/bg_party_bottom.jpg) no-repeat bottom;
}

div.recommend_box{
	position:relative;
	width:845px;
	/*border:1px solid #EAEAEA;*/
	margin:0px auto 20px auto;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: 0 0 4px #CCC;
	-webkit-box-shadow:0 0 4px #CCC;
	box-shadow: 0 0 4px #CCC;
	background: #fff;
}

div.rec01_box img.pagetop,
div.rec02_box img.pagetop,
div.rec03_box img.pagetop,
div.rec04_box img.pagetop{
	width:103px;
	height:19px;
	position:absolute;
	bottom:10px;
	right:20px;
}


/*-----------------------------------------
ヘッダー
-----------------------------------------*/

#party_wrap #party_head{
	width:885px;
	height:368px;
	background:url(/sweets/choco-vege/recommend/party/images/bg_party_head.jpg) no-repeat;
}

#party_wrap #party_head ul{
	margin-left:15px;
	overflow:hidden;
}
#party_wrap #party_head ul:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #party_wrap #party_head ul {
    height: 1em;
    overflow: visible;
}
/**/

#party_wrap #party_head ul li{
	width:210px;
	height:69px;
	margin-right:6px;
	float:left;
}


/*-----------------------------------------
オススメ1
-----------------------------------------*/

div.rec01_box{
	width:845px;
	height:689px;
	margin:0px auto;
	position:relative;
}

div.rec01_box h3{
	width:863px;
	height:114px;
	position:absolute;
	top:5px;
	left:-13px;
}

div.rec01_box p.txt_rec01_01{
	width:332px;
	height:228px;
	position:absolute;
	top:117px;
	left:28px;
}

div.rec01_box p.txt_rec01_02{
	width:420px;
	height:30px;
	position:absolute;
	top:426px;
	right:20px;
	z-index:50;
}

div.rec01_box img.photo_rec01_01{
	width:476px;
	height:345px;
	position:absolute;
	top:75px;
	right:2px;
	z-index:20;
}

div.rec01_box img.photo_rec01_02{
	width:432px;
	height:294px;
	position:absolute;
	top:348px;
	left:11px;
	z-index:10;
}

div.rec01_box p.recipe_rec01_01{
	width:221px;
	height:181px;
	position:absolute;
	top:457px;
	left:404px;
	z-index:40;
}

div.rec01_box p.recipe_rec01_02{
	width:225px;
	height:187px;
	position:absolute;
	top:463px;
	right:12px;
	z-index:30;
}

/*-----------------------------------------
オススメ2
-----------------------------------------*/

div.rec02_box{
	width:845px;
	height:434px;
	margin:0px auto;
	position:relative;
}

div.rec02_box h3{
	width:863px;
	height:114px;
	position:absolute;
	top:5px;
	left:-13px;
}

div.rec02_box p.txt_rec02{
	width:334px;
	height:235px;
	position:absolute;
	top:136px;
	right:31px;
}

div.rec02_box img.photo_rec02{
	width:457px;
	height:314px;
	position:absolute;
	top:93px;
	left:18px;
}

/*-----------------------------------------
オススメ3
-----------------------------------------*/

div.rec03_box{
	width:845px;
	height:1214px;
	margin:0px auto;
	position:relative;
}

div.rec03_box h3{
	width:863px;
	height:114px;
	position:absolute;
	top:5px;
	left:-13px;
}

div.rec03_box p.txt_rec03_01{
	width:759px;
	height:84px;
	position:absolute;
	top:114px;
	left:21px;
}

div.rec03_box img.recipe_rec03_01{
	width:797px;
	height:414px;
	position:absolute;
	top:214px;
	left:24px;
}

div.rec03_box p.txt_rec03_02{
	width:561px;
	height:83px;
	position:absolute;
	top:660px;
	left:24px;
}

div.rec03_box ul{
	width:801px;
	height:405px;
	position:absolute;
	top:757px;
	left:24px;
}

div.rec03_box ul li.recipe02{
	width:369px;
	height:195px;
	position:absolute;
	top:0px;
	left:0px;
}
div.rec03_box ul li.recipe03{
	width:367px;
	height:193px;
	position:absolute;
	top:0px;
	right:0px;
}
div.rec03_box ul li.recipe04{
	width:369px;
	height:195px;
	position:absolute;
	top:210px;
	left:0px;
}
div.rec03_box ul li.recipe05{
	width:367px;
	height:193px;
	position:absolute;
	top:210px;
	right:0px;
}


/*-----------------------------------------
オススメ4
-----------------------------------------*/

div.rec04_box{
	width:845px;
	height:794px;
	margin:0px auto;
	position:relative;
}

div.rec04_box h3{
	width:863px;
	height:114px;
	position:absolute;
	top:5px;
	left:-13px;
}

div.rec04_box p.img_rec04_01{
	width:358px;
	height:93px;
	position:absolute;
	top:94px;
	left:14px;
}

div.rec04_box p.txt_rec04_01{
	width:381px;
	height:250px;
	position:absolute;
	top:195px;
	left:20px;
}

div.rec04_box img.photo_rec04_01{
	width:474px;
	height:348px;
	position:absolute;
	top:116px;
	right:7px;
}

div.rec04_box img.photo_rec04_02{
	width:781px;
	height:304px;
	position:absolute;
	top:450px;
	left:43px;
}