@charset "utf-8";
/* CSS Document */

/*　秋のローズガーデン収穫祭　*/


#autumngarden{	
	position:relative;
	display:block;
	width:100%;
	background: url(/image/event/november2017/garden/bg.png) repeat #a36d6d;
	min-width: 1000px;
	overflow: hidden;
}

#autumngarden_bg{	
	position:relative;
	display:block;
	width:1000px;
	background: url(/image/event/november2017/garden/bg_paper.png) repeat-y;
	margin: 0 auto;
}


#autumngarden #rose{	
	position:absolute;
	width:100%;
	height: 248px;
	background: url(/image/event/november2017/garden/img_rose.png) no-repeat center top;
	z-index: 1;
}

#autumngarden #title{	
	position:relative;
	width:1000px;
	height: 190px;
	background: url(/image/event/november2017/garden/bg_hedder.png) no-repeat center bottom;
	margin: 0 auto;
}

#autumngarden #title h2{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width:1000px;
	height:0;
}


#autumngarden #title img{
	width:82px;
	height:181px;
	position:absolute;
    top: 12px;
	z-index: 999;
}


#autumngarden #title .menu_gaiyou{left:678px;}
#autumngarden #title .menu_item1{left:768px;}
#autumngarden #title .menu_item2{left:858px;}

#autumngarden #event01{
	position:relative;
	width:1000px;
	height: 785px;
	background: url(/image/event/november2017/garden/bg_event01-1121.png) no-repeat center bottom;
	margin: 0 auto;
}

#autumngarden #event01 #avatar01{
	width:112px;
	height:180px;
	background:url(/image/event/november2017/garden/avatar03.png) no-repeat top left;
	position:absolute;
	display:block;
	left: 252px;
    top: 305px;
	animation:
	anime_item1 1.4s steps(23) infinite;
}

@keyframes anime_item1 {
  to {
    background-position: -2576px 0;
  }
}


#autumngarden #event01 .goto_buy{
	width:238px;
	height:55px;
	position:absolute;
	left: 708px;
    top: 640px;
}

#autumngarden #free{	
	position:absolute;
	width:131px;
	height: 81px;
	background: url(/image/event/november2017/garden/img_free.png) no-repeat center top;
	z-index: 1;
	top: -30px;
	left: 25px;
}


#autumngarden #event02{
	position:relative;
	width:1000px;
	height: 740px;
	background: url(/image/event/november2017/garden/bg_event02-1121.png) no-repeat center top;
	margin: 0 auto;
}


#autumngarden #event02 .goto_Cbuy{
	width:159px;
	height:23px;
	position:absolute;
	display:block;
	left: 186px;
    top: 210px;
}

#autumngarden #event02 .goto_Pbuy{
	width:159px;
	height:23px;
	position:absolute;
	display:block;
	left: 186px;
    top: 355px;
}

#autumngarden #event02 .goto_garden{
	width:346px;
	height:55px;
	position:absolute;
	display:block;
	left: 327px;
    bottom: 30px;
}


#autumngarden #event03{
	position:relative;
	width:1000px;
	height: 1200px;
	background: url(/image/event/november2017/garden/bg_event03.png) no-repeat center top;
	margin: 0 auto;
}

#autumngarden #event03 #avatar02{
	width:303px;
	height:487px;
	background:url(/image/event/november2017/garden/avatar01.png) no-repeat top left;
	position:absolute;
	display:block;
	left: 20px;
    top: 505px;
	animation:
	anime_item2 1.4s steps(23) infinite;
}

#autumngarden #event03 #avatar03{
	width:303px;
	height:487px;
	background:url(/image/event/november2017/garden/avatar02.png) no-repeat top left;
	position:absolute;
	display:block;
	right: 20px;
    top: 590px;
	animation:
	anime_item2 1.4s steps(23) infinite;
}

@keyframes anime_item2 {
  to {
    background-position: -6969px 0;
  }
}

#autumngarden #event04{
	position:relative;
	width:1000px;
	height: 263px;
	background: url(/image/event/november2017/garden/bg_event04.png) no-repeat center top;
	margin: 0 auto;
}

#autumngarden #event05,
#autumngarden #item16{
	position:relative;
	width:1000px;
	height: 286px;
	background: url(/image/event/november2017/garden/bg_event05.png) no-repeat center top;
	margin: 0 auto;
}

#autumngarden #item01{
	position:relative;
	width:1000px;
	height: 790px;
	background: url(/image/event/november2017/garden/bg_item01.png) no-repeat center top;
	margin: 10px auto 0;
	z-index: 0;
}

#autumngarden #item01 #flashContent1{
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 0;
}

#autumngarden #item01 img{
	width:467px;
	height:66px;
	position:absolute;
	display:block;
	left: 261px;
    bottom: 20px;
}

#autumngarden #item02{
	position:relative;
	width:1000px;
	height: 229px;
	background: url(/image/event/november2017/garden/bg_item02.png) no-repeat center top;
	margin: 0 auto;
}

#autumngarden #item02 img{
	width:224px;
	height:51px;
	position:absolute;
	display:block;
	left: 267px;
    top: 115px;
}

#autumngarden #item02 img.recipe_r{
	left: 662px;
}


#autumngarden #item03{
	position:relative;
	width:1000px;
	height: 550px;
	background: url(/image/event/november2017/garden/bg_item03.png) no-repeat center top;
	margin: 0 auto;
}

#autumngarden #item03 #flashContent2{
	position: absolute;
	top: 85px;
	left: 10px;
}

#autumngarden #item04{
	position:relative;
	width:1000px;
	height: 330px;
	background: url(/image/event/november2017/garden/bg_item04.png) no-repeat center top;
	margin: 0 auto;
}

#autumngarden #item11{
	position:relative;
	width:1000px;
	height: 500px;
	background: url(/image/event/november2017/garden/bg_item11.png) no-repeat center 30px;
	margin: 0 auto;
}

#autumngarden #item11 img{
	width:467px;
	height:66px;
	position:absolute;
	display:block;
	left: 267px;
    top: 480px;
}

#autumngarden #item12{
	position:relative;
	width:1000px;
	height: 702px;
	background: url(/image/event/november2017/garden/bg_item12.png) no-repeat center 30px;
	margin: 0 auto;
}

#autumngarden #item12 img{
	width:467px;
	height:66px;
	position:absolute;
	display:block;
	left: 261px;
    bottom: 40px;
}


#autumngarden #item13{
	position:relative;
	width:1000px;
	height: 245px;
	background: url(/image/event/november2017/garden/bg_item13.png) no-repeat center top;
	margin: 0 auto;
}

#autumngarden #item13 img{
	width:168px;
	height:51px;
    bottom: 22px;
	float: left;
	margin: 170px 4px 0;
}

#autumngarden #item13 img.recipe1{
	margin-left: 65px;
}

#autumngarden #item14{
	position:relative;
	width:1000px;
	height: 630px;
	background: url(/image/event/november2017/garden/bg_item14.png) no-repeat center top;
	margin: 0 auto;
}

#autumngarden #item14 img{
	position: absolute;
	right: 28px;
	bottom: 28px;
}

#autumngarden #item15{
	position:relative;
	width:1000px;
	height: 650px;
	background: url(/image/event/november2017/garden/bg_item15.png) no-repeat center 30px;
	margin: 0 auto;
}

#autumngarden #item15 #avatar04,
#autumngarden #item15 #avatar05{
	width:212px;
	height:360px;
	background:url(/image/event/november2017/garden/avatar04.png) no-repeat top right;
	position:absolute;
	display:block;
	right: 200px;
    top: 140px;
	animation:
	anime_item3 1.4s steps(23) infinite;
}

#autumngarden #item15 #avatar05{
	background:url(/image/event/november2017/garden/avatar05.png) no-repeat top right;
	right: 20px;
    top: 190px;
}

@keyframes anime_item3 {
  to {
    background-position: 0 0;
  }
}

#autumngarden #event05 p,
#autumngarden #item04 p,
#autumngarden #item16 p{
	position: absolute;
	left: 120px;
	top: 100px;
	color: #384357;
	line-height: 1.6em;
	font-family: "Meiryo", "メイリオ","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
}

#autumngarden #item04 p.about_link{
	font-weight: bold;
	left: 720px;
	top: 240px;	
}

#autumngarden #item16 p.about_link{
	font-weight: bold;
	left: 720px;
	top: 200px;	
}

#autumngarden #item04 p.about_link a,
#autumngarden #item16 p.about_link a{
	color: #384357;
	font-family: "Meiryo", "メイリオ","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
}




/*-------------------------------------- */