@charset "utf-8";

/*top_visual*/

#top_visual {
	width: 885px;
	height: 310px;
	background:url(/sweets/choco-vege/images/top_bg.png) left top no-repeat;
	margin: 0 auto;
}

#top_visual img {
	margin: 60px 0 0 45px;
}

/* link_box */

#link_box {
	clear: both;
	margin-top: 20px;
}

.link{
	display:inline;
	float:left;
	margin:0 25px 20px 24px;
}

#link_box .link_full {
  width: 885px;
  margin:0 25px 20px 24px;
}

#link_box .link_last {
	width: 885px;
	margin: 0 auto;
}

/* cycle */

#cycle-img{
	position:relative;
	margin:20px auto 0;
	width: 885px;
}

#cycle-what{
	position:absolute;
	top:210px;
	left:11px;
}

#cycle-what img{
	float:left;
}

/*howto*/

#howto{
/*	display:inline;
	float:left;*/
	margin:0 auto 13px;
	width:894px;
	height:459px;
	background:url(/sweets/choco-vege/images/howto_bg.jpg) right bottom no-repeat;
}

h2#howto-title{
	float:left;
	margin:25px 50px 0 0;
	width:235px;
}

#howto-text{
	float:left;
	margin:32px 0 23px 0;
	width:507px;
}

#howto-01{
	display:inline;
	float:left;
	margin:0 12px 0 24px;
	width:275px;
}

#howto-02{
	float:left;
	margin-right:12px;
	width:275px;
}

#howto-03{
	float:left;
	width:275px;
}

h3#howto-title{
	float:left;
}

#howto-01 .howto-text-01{
	display:inline;
	float:left;
	margin:0 0 10px 21px;
}

#howto-01 .howto-text-02{
	display:inline;
	float:left;
	margin-left:21px;
}

#howto-02 .howto-text{
	float:left;
	margin:7px 0 15px 21px;
	width:238px;
}

#howto-02 .howto-milk{
	float:left;
	margin:0 0 16px 28px;
	width:210px;
}

#howto-02 .howto-cream{
	float:left;
	margin:0 0 16px 28px;
	width:210px;
}

#howto-02 .howto-yogurt{
	float:left;
	margin:0 0 0 28px;
	width:210px;
}

#howto-03 .howto-text{
	float:left;
	margin:7px 0 10px 22px;
	width:217px;
}

#howto-03 .howto-img-01{
	display:inline;
	float:left;
	margin:0 18px 17px 32px;
	width:101px;
}

#howto-03 .howto-img-02{
	float:left;
	margin:0 18px 17px 0;
	width:100px;
}

#howto-03 #howto-alert{
	display:inline;
	float:left;
	margin-left:17px;
	width:249px;
}

/*`窶｡R[g\[X{窶廬*/

#choco_sauce {
	width: 884px;
	height: 504px;
	background: url(/sweets/choco-vege/images/sauce_bg01.png) left top no-repeat;
	margin: 25px auto 0;
}

#choco_sauce .recipe01,
#choco_sauce .recipe02 {
	width: 790px;
	margin: 0 auto;
}

#choco_sauce h2 img {
	margin: -50px 0 0 140px;
	z-index: 100;
}

#choco_sauce .recipe01_top {
	clear: both;
}

#choco_sauce .recipe01_top h3 {
	float: left;
	margin-top: 10px;
}

#choco_sauce .recipe01_top p {
	float: left;
	margin: 10px 0 0 25px;
}

#choco_sauce .recipe01_step {
	position: relative;
	margin-bottom: 20px;
}

#choco_sauce .recipe01_step p img {
	position: absolute;
	top: -10px;
	right: 0;
}

#choco_sauce .recipe01_step ul {
	clear: both;
	margin-top: 10px;
}

#choco_sauce .recipe01_step li {
	float: left;
}

#choco_sauce .recipe02 {
	clear: both;
	height: 90px;
	background: url(/sweets/choco-vege/images/sauce_bg02.png) left top no-repeat;
	padding-top: 20px
}

#choco_sauce .recipe02_l {
	float: left;
}

#choco_sauce .recipe02 h3 {
	margin-bottom: 10px;
}

#choco_sauce .recipe02_r {
	float: left;
	margin-left: 40px;
}

#choco_sauce .recipe01_step li:last-child {
	padding: 0px;
	background-image: none;
}


/* Footer */
#content-footer{
	padding:47px 0 0 27px;
	height:84px;
	background:url(/sweets/choco-vege/images/footer_bg.png) left top no-repeat;
}

.bnr{
	float:left;
	margin-right:10px;
}