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




/*　一足先に♪春を知らせる待雪草　*/

#matsuyuki_bg{
	background:url(../../../image/event/january2017/garden/bg.png) repeat #a2d7dd;
	display:block;
	width:100%;
	overflow:hidden;
	
}


#matsuyuki{	
	background:url(../../../image/event/january2017/garden/bg01.png) repeat-y top center;
	position:relative;
	display:block;
	width:100%;
	overflow:hidden;
	
}



#matsuyuki .main{
	background:url(../../../image/event/january2017/garden/bg03.png) no-repeat top center;
	width:1000px;
	height:100%;
	position:relative;
	margin:0 auto;
	overflow:hidden;
}

#matsuyuki h2{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin:-20px 50px 0 20px;
	width:731px;
	height:143px;
	background:url(../../../image/event/january2017/garden/title.png) top left no-repeat;
}



#matsuyuki .menu_gaiyou,
#matsuyuki .menu_item{
	width:180px;
	height:39px;
}

#matsuyuki .menu_gaiyou{
	position:absolute;
	display:block;
	left:800px;
	top:8px;
}

#matsuyuki .menu_item{
	position:absolute;
	display:block;
	left:800px;
	top:52px;
}


#matsuyuki .gaiyou01{
	width:985px;
	height:433px;
	margin:-30px auto 0;
	background:url(../../../image/event/january2017/garden/gaiyou_01.png) no-repeat top center;
	position:relative;
	z-index: 10;
}


#matsuyuki .gaiyou01 .npc{
	position:absolute;
	display:block;
	height:410px ;
	width: 258px;
	left: 10px;
	top: 0px;	
}

#matsuyuki .gaiyou01 .Words01{
	position:absolute;
	display:block;
	height:111px ;
	width: 273px;
	left: 255px;
	top: 10px;	
}

#matsuyuki .gaiyou01 .Words02{
	position:absolute;
	display:block;
	height:147px ;
	width: 285px;
	left: 240px;
	top: 85px;	
}

#matsuyuki .gaiyou01 .gotoshop{
	position:absolute;
	display:block;
	left: 693px;
	top: 165px;	
}

#matsuyuki .gaiyou01 .gotoitem{
	position:absolute;
	display:block;
	left: 840px;
	top: 274px;
	
}

#matsuyuki .gaiyou02{
	width:958px;  
	height:475px;
	margin:0 auto;
	background:url(../../../image/event/january2017/garden/gaiyou_02.png) no-repeat top center;
	position:relative;
}



#matsuyuki .gaiyou03{
	width:877x;
	height:303px;
	margin:0 auto;
	background:url(../../../image/event/january2017/garden/gaiyou_03.png) no-repeat top center;
	position:relative;
}

#matsuyuki .gaiyou03 p {
	width:800x;
	height:300px;
	position:absolute;
	display:block;
	left:130px;
	top: 80px;
	
}


#matsuyuki .item01{
	width:984px;
	height:537px;
	margin:-25px 0 0 6px;
	background:url(../../../image/event/january2017/garden/item_01.png) no-repeat top center;
	position:relative;
}

#item_01_f {
	position:absolute;
	display:block;
	left: 0px;
	top: 0px;
	width:984px;
	height:537px;
}

#matsuyuki .item01 .gotoshop{
	position:absolute;
	left: 295px;
	top: 441px;
	z-index:2;
}


#matsuyuki .item02{
	width:954px;
	height:379px;
	margin:0 auto;
	background:url(../../../image/event/january2017/garden/item_02.png) no-repeat top center;
	position:relative;
}


#matsuyuki .item02 .recipe_n{
	position:absolute;
	display:block;
	left: 660px;
	top: 120px;
}

#matsuyuki .item02 .recipe_r{
	position:absolute;
	display:block;
	left: 660px;
	top: 280px;
}



#matsuyuki .item03{
	width:972px;
	height:661px;
	margin:0 auto;
	background:url(../../../image/event/january2017/garden/item_03.png) no-repeat top center;
	position:relative;
}


#item_03_f {
	position:absolute;
	display:block;
	left: 0px;
	top: 0px;
	width:972px;
	height:661px;
}



#matsuyuki .item04{
	width:877px;
	height:303px;
	margin:0 auto;
	background:url(../../../image/event/january2017/garden/gaiyou_03.png) no-repeat top center;
	position:relative;
}
#matsuyuki .gaiyou03 p,
#matsuyuki .item04 p{
	color:#09651b;
	line-height:2.0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}


#matsuyuki .item04 p {
	position:absolute;
	display:block;
	left: 60px; 
	top: 80px;
	
}

#matsuyuki .item04 .about_link{
	position:absolute;
	top:210px;
	left:680px;
	font-weight:bold;
	color:#09651b;
}　　　　

#matsuyuki .item04 .about_link a{
	color:#09651b;
}


#matsuyuki .red {
	color: #f25e7b;

}

#matsuyuki .gaiyou01,
#matsuyuki .gaiyou02,
#matsuyuki .gaiyou03,
#matsuyuki .item01,
#matsuyuki .item02,
#matsuyuki .item03,
#matsuyuki .item04{
	margin-bottom:30px;
	
}

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