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

@import url('../../library/hover-min.css');


/*　0913　9周年飾り
------------------------------------------- */

#backImage{
	position: absolute;
	background: url(../../../image/event/september2017/town2/img_back.png) no-repeat center top;
	width: 100%;
	height: 120px;
}

#topImage{
	position: relative;
	background: url(../../../image/event/september2017/town2/img_topline.png) repeat-x center top;
	width: 100%;
	height: 34px;
}

#leftSideImage{
	position: absolute;
	background: url(../../../image/event/september2017/town2/img_leftSide.png) no-repeat left top;
	width: 174px;
	height: 147px;
	top: 0;
	left: 0;
	z-index: 300;
}

#rightSideImage{
	position: absolute;
	background: url(../../../image/event/september2017/town2/img_rightSide.png) no-repeat right top;
	width: 174px;
	height: 147px;
	top: 0;
	right: 0;
	z-index: 300;
}

#frontImage{
	position: absolute;
	background: url(../../../image/event/september2017/town2/img_fron.png) no-repeat center top;
	width: 100%;
	height: 120px;
	z-index: 300;
}



/*　ニコットうさぎ草にまた会える♪　*/


#yuriusagi{	
	position:relative;
	display:block;
	width:100%;
	background: url(/image/event/september2017/garden2/bg.png) repeat #f7b66a;
	min-width: 1000px;
	overflow: hidden;
}

#yuriusagi #event01{
	position:relative;
	width:1000px;
	height: 240px;
	background: url(/image/event/september2017/garden2/bg_usausa01.png) no-repeat center bottom;
	margin: 0 auto;
}

#yuriusagi #event02{
	position:relative;
	width:1000px;
	height: 950px;
	background: url(/image/event/september2017/garden2/bg_usausa02.png) no-repeat center top;
	margin: 0 auto;
}

#yuriusagi #event02 #avatar01{
	width:170px;
	height:310px;
	background:url(/image/event/september2017/garden2/usausa.png) no-repeat top left;
	position:absolute;
	display:block;
	left: 603px;
    top: 157px;
	animation:
	anime_item 1.4s steps(22) infinite;
}

@keyframes anime_item {
  to {
    background-position: -3740px 0;
  }
}



#yuriusagi #event02 .usaRecipe{
	width:200px;
	height:51px;
	position:absolute;
	left: 144px;
    top: 600px;
}

#yuriusagi #event02 .usaLog2012{
	width:270px;
	height:83px;
	position:absolute;
	left: 460px;
    top: 450px;
}

#yuriusagi #event02 .usaLog2015{
	width:260px;
	height:94px;
	position:absolute;
	left: 720px;
    top: 490px;
}

#yuriusagi #event02 .goto_buy{
	width:238px;
	height:56px;
	position:absolute;
	left: 240px;
    top: 858px;
}

#yuriusagi #event03{
	position:relative;
	width:1000px;
	height: 388px;
	background: url(/image/event/september2017/garden2/bg_usausa03.png) no-repeat center top;
	margin: 0 auto;
}

#yuriusagi #event03 .goto_garden{
	width:518px;
	height:56px;
	position:absolute;
	left: 241px;
    top: 300px;
}

#yuriusagi #event04{
	position:relative;
	width:1000px;
	height: 1000px;
	background: url(/image/event/september2017/garden2/bg_usausa04.png) no-repeat center top;
	margin: 0 auto;
}

#yuriusagi #event04 img{
	width:168px;
	height:51px;
    bottom: 22px;
	float: left;
	margin: 926px 4px 0;
}

#yuriusagi #event04 img.recipe_pink{
	margin-left: 55px;
}

#yuriusagi #event05{
	position:relative;
	width:1000px;
	height: 420px;
	background: url(/image/event/september2017/garden2/bg_usausa05.png) no-repeat center top;
	margin: 0 auto;
}

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

#yuriusagi #event05 p.about_link{
	font-weight: bold;
	left: 760px;
	top: 320px;	
}

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

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