@charset "utf-8";

/*基本設定　ここから*/


html {
	background: url(../images/home/back.jpg) repeat-x;
}

body {
	color: #555;
	font:15px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5em;
}

html,body{
    width: 100%;
}

a:link{
	color: #C09;
}

a:visited{
	color: #609;
}

a:hover{
	color: #C0C;
}

#PageBody {
	width: 1024px;
	margin: 0 auto;
	position: relative;
}

/*基本設定　ここまで*/

/*メニューバー　ここから*/
#PageTop {
	min-width: 1024px;
	height: 150px;
}

#PageTop #logo {
	float: left;
	margin-top: 5px;
}

#PageTop #MenuIcon {
	float: right;
	width: 400px;
	height: 80px;
	padding-top: 65px;
	margin-right: -20px;
}

#PageTop #MenuIcon li {
	float: left;
	padding-left: 20px;
}
/*メニューバー　ここまで*/

/*コンテンツ　ここから*/
#Wrapper {
	display: none;
	clear: both;
	min-width: 1024px;
	margin: 0 auto;

}

#Wrapper h2 {
	padding-top: 10px;
	margin-bottom: 10px;
}

#Homename {
	color: #FFF;
}

#PageBody #Wrapper #MainContents {
	width: 744px;
	float: left;
}

/*コンテンツ　ここまで*/

/*スライドショー　ここから*/
#slider {
	background: #eee url(../images/home/toppic/loading.gif) no-repeat 50% 50%;
	position: relative;
	width: 1024px;
	height: 380px;
}

#slider img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

/*スライドショー　ここまで*/

/*トップページ　ここから*/
#Recommended {
	width: 744px;
	height: 350px;
}

#Recommended dt {
	padding-top: 25px;
	padding-bottom: 10px;
}

#Recommended ul {
	width: 744px;
	margin-left: 4px;
}

#Recommended li {
	float: left;
 	text-align: center;
 	background-color: #ffffff;/*ポラ台紙色*/
 	margin: 0 12px 5px 0 ;/*周りにスキマをあける*/
 	padding: 10px 10px 10px 10px;/*画像と台紙のスキマ下40から変えた*/
 	border-width: 2px;/*枠の太さ*/
 	border-style: solid;/*枠線*/
 	border-color: #dce3e3 #c1c1c1 #c1c1c1 #dce3e3;/*枠線の色・上右下左*/
 	background-image:url(1ポイント画像のURL);
 	background-repeat:no-repeat;/*繰り返さない*/
 	background-position:95% 98%;/*画像の位置*/
}

#Recommended p {
width: 150px;
height: 180px;
}


#NewPhoto ul li p a span {
	float: right;
	padding-top: 8px;
}

#Recommended dl dd {
	float: right;
	padding-top: 5px;
}

#SNS {
	width: 744px;
	padding-top: 5px;
}

#Facebook {
	float: left;
	width: 744px;
	padding-bottom: 30px;
}

#SNS dl dt {
	padding: 20px 0px 10px 0px;
}

#SNS #Facebook dl dd {
	background-color: #fbfbfb;
	border-radius: 10px;
}


#Twitter {
	float: right;
	width: 352px;
	padding-bottom: 30px;
}

/*トップページ　ここまで*/


/*メニューページ　ここから*/

#MenuLogo img {
	clear: both;
}

#MenuContents {
	width: 744px;
	font-size: 0.95em;
}

#MenuFastFood {
	width: 350px;
	height: 350px;
	padding-top: 20px;
	float: left;
}

#MenuCake {
	width: 350px;
	height: 350px;
	padding-top: 20px;
	float: right;
}

#MenuGift {
	width: 350px;
	height: 350px;
	padding-top: 20px;
	float: left;
}

#MenuDogCake {
	width: 350px;
	height: 350px;
	padding-top: 20px;
	float: right;
}

#MenuPage #MenuContents dl dd {
	margin-top: -80px;
	margin-left: 15px;
	margin-right: 15px;
	line-height: 1.25em;
	font-size: 0.95em;
}

#MenuPage #SideMenu {
	margin-top: 40px;
}


#MenuPage #SideMenu #Banner {
	padding-bottom: 100px;
}

/*メニューページ　ここまで*/

/*アクセスページ　ここから*/

#AccessLogo img {
	clear: both;
}

#AccessContents h3 {
	font-size: 1.5em;
	padding-top: 20px;
}

#AccessContents #Access {
	width: 380px;
	float: left;
	padding-top: 20px;
}

#Access .jusho tr {
	line-height: 2.5em;
	font-size: 0.95em;
}

#Access .jusho tr .num {
	padding-left: 1em;
}

#AccessContents #AccessPhoto {
	float: right;
}

#AccessContents #Access iframe {
	padding-top: 40px;
	background-color: #ffffff;/*ポラ台紙色*/
 	margin: 0 12px 5px 0 ;/*周りにスキマをあける*/
 	padding: 10px 10px 10px 10px;/*画像と台紙のスキマ下40から変えた*/
 	border-width: 2px;/*枠の太さ*/
 	border-style: solid;/*枠線*/
 	border-color: #dce3e3 #c1c1c1 #c1c1c1 #dce3e3;/*枠線の色・上右下左*/
 	background-repeat:no-repeat;/*繰り返さない*/
 	background-position:95% 98%;/*画像の位置*/
}

#Access #GoogleMap {
	padding: 20px 0 50px 0;
}

#AccessPage #SideMenu #Banner {
	padding-bottom: 50px;
}

#AccessPage #SideMenu {
	margin-top: 40px;
}

/*アクセスページ　ここまで*/


/*インメニューページ　ここから*/


#InMenuContents #InMenuMenu {
	clear: both;
	padding-top: 15px;
}


#InMenuMenu ul #FastFood {
	width:186px;
	height: 64px;
	float: left;
}

#InMenuMenu ul #Cake {
	width:186px;
	height: 64px;
	float: left;
}

#InMenuMenu ul #Gift {
	width:186px;
	height: 64px;
	float: left;
}

#InMenuMenu ul #DogCake {
	width:186px;
	height: 64px;
	float: left;
}

#InMenuContents #InMenuLogo {
	clear: both;
	padding:50px 0 0 0;
}


#InMenuContents #Description {
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 15px 0 20px 0;
}

#PriceList {
	width: 744px;
	padding-bottom:50px;
}

#PriceList h3 img {
	padding-bottom: 25px;
}	

#Crepe {
	width: 480px;
	height: 160px;
	float: left;
	}

#Crepe1 {
	width: 220px;
	height: 130px;
	float: left;
}

#Crepe2 {
	width: 220px;
	height: 130px;
	float: left;
	padding-left: 40px;
}

#Smoothie {
	width: 220px;
	height: 160px;
	float: left;
	padding-left: 35px;
}

#Pancake {
	width: 220px;
	height: 140px;
	float: left;
	padding-top: 10px;
}

#HotSand {
	width: 220px;
	height: 140px;
	float: left;
	padding-left: 35px;
	padding-top: 10px;
	padding-bottom: 50px;
}



#InMenuContents tr {
	font-size: 0.9em;
	line-height: 1.8em;
	width: 20em;
}

.ta1 {
	width: 220px;
}

.ta1 .num {
	text-align: right;
}

.ta2 {
	width: 220px;
}

.ta2 .num {
	text-align: right;
}

.ta3 {
	width: 220px;
}

.ta3 .num {
	text-align: right;
}

.ta4 {
	width: 220px;
}

.ta4 .num {
	text-align: right;
}

.ta5 {
	width: 220px;
}

.ta5 .num {
	text-align: right;
}

.ta6 {
	width: 220px;
}

.ta6 .num {
	text-align: right;
}

#CakePriceList {
	width: 744px;
	}

#CakePriceList #Cake1 {
	float: left;
}

#CakePriceList #Cake2 {
	float: right;
	padding-right: 250px;
}

.oc1 {
	width: 220px;
}

.oc1 .num {
	text-align: right;
}

.oc2 {
	width: 220px;
}

.oc2 .num {
	text-align: right;
}


.os {
	width: 220px;
}

.os .num {
	text-align: right;
}

.dc {
	width: 220px;
}

.dc .num {
	text-align: right;
}





#Gallery {
	width: 744px;
	float: left;
}

#Gallery h3 img {
	clear: both;
	padding: 20px 0px 20px 0px;
}

#Gallery a img {
	border: solid 1px #ccc;
	padding: 4px;
	margin: 5px 21px 10px 0;
}

#InMenuContents #MorePhoto {
	float: right;
	padding-top: 5px;
	padding-bottom: 25px;
}

#InSideMenu {
	padding-top: 100px;
}


/*インメニューページ　ここまで*/

/*ギャラリーメニューページ　ここから*/
#Gallery h2 {
	clear: both;
}

.filters .filter a {
	float:left;
	padding: 10px 50px 0 0;
	outline:none;
	text-decoration: none;
}

.filters .container {
	float:left;
	clear:both;
	width:744px;
	position:relative;
}

.filters .container ul li {
	float:left;
	margin:0 8px 8px 0;
}

.filters .container a {
	display:block;
	float:left;
	width:150px;
	height:150px;
	padding:15px 28px 15px 0;
}

#BackToMenu {
	clear: both;
	float: right;
	padding-top: 10px;
	padding-bottom: 20px;
}

#InInSideMenu {
	padding-top: 80px;
}

/*ギャラリーメニューページ　ここまで*/

/*パンくず　ここから*/
#Pankuzu li a {
	text-decoration: none;
}

#Pankuzu li {
	display: inline;
	font-size: 0.85em;
	color:#666;
}

#Pankuzu {
	padding: 15px 0px 5px 0px;
}

/*パンくず　ここまで*/


/*サイド　ここから*/
#Wrapper #SideMenu {
	float: right;
	width: 240px;
	padding-left: 20px;
	padding-top: 20px;
}

#SideMenu #Information {
	width: 240px;
	height: 340px;
	background-image: url(../images/home/memo.png);
	background-repeat: no-repeat;
}

#SideMenu #Information dl dt {
	padding-top: 55px;
	padding-left: 40px;
}

#SideMenu #Information dl dd {
	width: 200px;
	margin: 10px 20px 10px 20px;
	font-size: 0.92em;
	line-height: 170%;
	font-weight: 500;
	color: #000;
}

#SideMenu #Information p {
	margin: 0px 20px 20px 20px;
}

#Information dl dd p {
	padding-left: 10px;
	padding-top: 10px;
}

#Wrapper #Banner {
	margin-top: 20px;
}

#Wrapper #Banner li {
	margin-top: 10px;
	padding-left: 5px;
}

/*サイド　ここまで*/


/*フッター　ここから*/

#FooterContents {
	width: 1024px;
	height: 145px;
	margin: 0 auto;
}

#FooterContents #GoToTop {
	width: 1024px;
	text-align: right;
	padding-top: 20px;
}

#FooterContents address {
	width: 1024px;
	color: #FFF;
	margin: 0 auto;
	text-align: center;
	padding-top: 10px;
	font-size: 0.85em;
}

#Footer {
	clear: both;
	background: url(../images/home/back.jpg) repeat-x;
	height: 145px;
	min-width: 1024px;
}

/*フッター　ここまで*/