@charset "UTF-8";

/*角丸・シャドウのCSS3を適用したclassなどには以下のセレクタと値を追加
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(ie-css3.htc);
*/
/*
リンクのある画像にクラスopacitystyle指定で透過
a:hover img.opacitystyle
{opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";}
*/

body {
	font-size: 12px;
	line-height: 1.6em;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	background-color:#fff;
	color: #47330d;
}
p {
	margin-bottom: 10px;
}
a:link {
    color:#1c3389;
    font-style:normal;
    text-decoration:none;
}
a:visited {
    color:#1c3389;
    text-decoration:none;
}
a:hover {
    color:#396fb8;
    font-style:normal;
    text-decoration:underline;
}


.alignleft{margin-right:15px; margin-bottom:15px; float:left;}
.alignright{margin-left:15px; margin-bottom:15px; float:right;}
.center{
	margin: 10px auto 20px auto;
	text-align: center;
}
.font-red {
	color: #97222a;
}

.margin-b36 {
	margin-bottom: 36px;
}

#contents-outer {
	background:url(../img/bg.jpg) top center no-repeat;
}

#contents-wrapper {
	margin: 0 auto;
	width: 900px;
}
#main-content {
	width:630px;
	float:left;
}
#side {
	margin-left: 52px;
	width: 218px;
	float:left;
}
#header {
	height: 460px;
}

/*ナビゲーション*/
#navi {
	height: 108px;
	z-index: 200;
	position: absolute;
	top: 0;

}
#navi li {
	float:left;
}
#navi li#kitchen {
	left:523px;
	position: absolute;
}
#navi li#cake {
	left:712px;
	position: absolute;
}

#logo {
	z-index: 500;
    position: relative;
	top: 0;
	left: 369px;
	width: 154px;
}

/*スライド*/
#slide {
	z-index: 100;
	position: absolute;
	top: 108px;
	height: 327px;
}


/*サムネリスト*/

ul.thumbnail { list-style-type: none; }
ul.thumbnail li {
      float: left;
      margin: 0 9px 15px 10px;
}
ul.thumbnail li img {
     -moz-box-shadow: -3px 3px 5px #ccc;
     -webkit-box-shadow: -3px 3px 5px #ccc;
     box-shadow: -3px 3px 5px #ccc;
}

ul.thumbnail li a { display: block; }


/*半透明*/
a:hover img.hover {
     opacity:0.7;
     filter: alpha(opacity=70);
     -ms-filter: "alpha( opacity=70 )";
     background: #fff;
}


/*トップページ*/
#top-papa {
	background-image:url(../img/top-02.jpg);
	background-repeat:no-repeat;
	height: 542px;
}
#top-papa p {
	margin: 5px 280px 0 0;
}
#top-son {
	background-image:url(../img/top-04.jpg);
	background-repeat:no-repeat;
	height: 525px;
}
#top-son p {
	margin: 15px 0 0 280px;
}

/*フッター*/
#footer-outer {
	background:url(../img/footer.jpg) no-repeat top center;
	height:275px;
}
#footer {
	background:url(../img/footer-bg.jpg) repeat-x top center;
	height: 275px;
}
#footer-inner {
	width: 740px;
	margin: 0 auto;
	padding: 100px 80px 0 80px;
	font-size: 10px;
}


.footer-right {
     margin: 0 70px;
}
.footer-right div {
	 float: left;
	 width: 300px;
}
.footer-right dt { text-align: center; }
.footer-right dd {
	padding:5px 0 10px;
	line-height: 1.2;
	text-align:center;
}