/* それぞれのトップ画像スタート **************************************************/


.melon {
	width:850px;
	height: 700px;
	background-image: url(../popular/back/melon.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}

.chijuku {
	width:850px;
	height: 700px;
	background-image: url(../popular/back/chijuku.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}

.waffle {
	width:850px;
	height: 700px;
	background-image: url(../popular/back/waffle.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}

.newyorkDoughnut {
	width:850px;
	height: 700px;
	background-image: url(../popular/back/newyorkDoughnut.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}

.butterRichCroissant {
	width:850px;
	height: 700px;
	background-image: url(../popular/back/butterRichCroissant.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}

.almondMelon {
	width:850px;
	height: 700px;
	background-image: url(../popular/back/almondMelon.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}


.cheesecakeMelon {
	width:850px;
	height: 700px;
	background-image: url(../popular/back/cheesecakeMelon.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}



.summer {
	width:850px;
	height: 700px;
	background-image: url(../popular/back/summer.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}


.shuice {
	width:850px;
	height: 700px;
	background-image: url(../popular/back/shuice.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}



.icemonaka {
	width:850px;
	height: 700px;
	background-image: url(../popular/back/icemonaka.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}


/* それぞれのトップ画像終了 **************************************************/



/* toppageへ戻るボタン **************************************************/
#back {
	height:20px;
	width:100px;
	margin-left: 760px;
	background-image: url(../popular/topPage.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-bottom: 30px;
}


#back p {
 display:inline;
 list-style-type:none;
}

#back p a {
	height:20px;
	display:block;
	float:left;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}

/*------off*/
#back p.topPage a {
	width:100px;
	background-image: url(../popular/topPage.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/*------hover*/
#back p.topPage a:hover {
 background: url(../popular/topPage.jpg) no-repeat 0px -20px;

}
/* toppageへ戻るボタン終了 **************************************************/




#bottomwrap ul{
	list-style-type: none;
	height: 160px;
}

#bottomwrap li{
	float: left;
	text-indent: -9999px;
	padding-left: 12px;
}

#bottomwrap li a {
	display:block;
	width:122px;
	height: 160px;
}


/*　lightボックスのソース（現在使用していない） **************************************************/



/* h1スタート **************************************************/


#bottomwrap h1 {
	width:300px;
	height: 37px;
	background-repeat: no-repeat;
	float: none;
	margin-bottom: 3px;
	text-indent: -9999px;
	margin-left: 5px;
}
/* 富良野メロンパンtitle */

#bottomwrap h1.melon {
	background-image: url(../menu/bakery/melon.jpg);
}

/* 富良野メロンパンスタート **************************************************/


/* melonpan01スタート */


#bottomwrap li.bakerymenu01 {
	width:122px;
}


#bottomwrap li.bakerymenu01 a {
	background-image: url(../menu/bakery/mini_melon.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#bottomwrap li.bakerymenu01 a:hover {
	background-position: 0px -160px;
}


/* melonpan01スタート */


#bottomwrap li.bakerymenu01 {
	width:122px;
}


#bottomwrap li.bakerymenu01 a {
	background-image: url(../menu/bakery/mini_melon.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#bottomwrap li.bakerymenu01 a:hover {
	background-position: 0px -160px;
}

/* メロンパンスタート */


#bottomwrap li.bakerymenu01 {
	width:122px;
}


#bottomwrap li.bakerymenu01 a {
	background-image: url(../menu/bakery/mini_melon.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#bottomwrap li.bakerymenu01 a:hover {
	background-position: 0px -160px;
}

/* ちぃ熟スタート */


#bottomwrap li.sweetsmenu01 {
	width:122px;
}


#bottomwrap li.sweetsmenu01 a {
	background-image: url(../menu/sweets/mini_chijuku.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#bottomwrap li.sweetsmenu01 a:hover {
	background-position: 0px -160px;
}

/* ワッフルスタート */


#bottomwrap li.sweetsmenu02 {
	width:122px;
}


#bottomwrap li.sweetsmenu02 a {
	background-image: url(../menu/sweets/mini_waffle.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#bottomwrap li.sweetsmenu02 a:hover {
	background-position: 0px -160px;
}
