@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;
	color: #47330d;
	background:url(../img/bg-contents.jpg) top center no-repeat;
	background-color:#fff;
}
p {
	margin-bottom: 10px;
}

h3.bn {
	background-color:#f0e6b3;
	padding: 3px 5px;
	margin: 15px 0 8px;
}


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;
}
.allright {
	text-align:right;
	margin-bottom: 15px;
}

.margin-b20 {
	margin-bottom: 20px;
}
.margin-t10b20 {
	margin: 10px 0 20px;
}


.font-red16 {
	font-size: 16px;
	font-weight: bold;
	color: #97222a;
}
.font-16 {
	font-size: 16px;
	line-height: 1.81em;
}
.font-red {
	color: #97222a;
}

#contents-wrapper {
	margin: 0 auto;
	width: 900px;
}
#main-content {
	width:630px;
	float:left;
}

#side-wrapper {
	margin-left: 30px;
	width: 240px;
	float:left;
}
#side {
	margin-left: 11px;
	width: 218px;
}

#header {
	height: 295px;
	width:900px;
}
#contents-outer {
	background:url(../img/bg.jpg) top center no-repeat;
}



/*ナビゲーション*/
#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:726px;*/
	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: 160px;
}


/*サムネリスト*/

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;
}



/*ペリゴール*/
#image-navigation {
	background:url(../img/pg-menu-bg.jpg) no-repeat;
	height: 600px;
}
#image-navigation ul {
	padding: 95px 0 0 40px;
}
#image-navigation ul li {
	margin: 0;
	padding: 0;
	line-height: 0;
}
.navi-image {
	float:left;
}
.navi-image img {
	margin: 100px 0 0 57px;
}
#image-navigation ul li a {
    display: block;
    width: 240px;
    height: 52px;
}

/*ボンファムキッチン*/

dl.thumbnail div {
	float: left;
	margin: 0 13px 20px 13px;
	width: 183px;
}
dl.thumbnail dd {
	text-align: center;
	margin: 2px 0 0 0;
	font-size: 10px;
}
dd.font-red14 {
	font-size: 12px !important;
	color:#97222a;
}


/*ボンファム*/
.bf-lunch {
	background:url(../img/bf/bf-menu01c.jpg) no-repeat;
	padding: 157px 0 0 44px;
	height: 277px;
}
.bf-dinner {
	background:url(../img/bf/bf-menu02c.jpg) no-repeat;
	padding: 146px 0 0 43px;
	margin-top: 30px;
	height: 570px;
}
.bf-anv {
	background:url(../img/bf-menu03.jpg) no-repeat;
	padding: 84px 0 0 279px;
	margin-top: 30px;
	height: 302px;
}

div.event { margin-bottom:20px; }
div.event h4, dl.event h4 {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 13px;
	color:#90141d;
}

div.event div.naiyo {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 12px;
	padding:10px 0 10px;
}


.event dt {
	float:left;
	clear:left;
    width:180px;
    padding:10px 0 0;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 13px;
	color:#90141d;
}

.event dd {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 12px;
	padding:10px 0 10px;
	margin-left: 180px;
}
.event dd div{
   display:inline-block;
}

.event ul {
	list-style: disc;
	margin: 6px 0 6px 2em;
}

.event ul li {
	margin-bottom: 6px;
	line-height: 1.4;
}

.dl-event {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	margin-bottom:10px;
}

.dt-event {
	background-color: #90141d;
	color:#fff;
	width:60px;
	display: block;
	padding:3px 0;
	text-align: center;
}

.dd-event {
	width:calc(100% - 70px);
	padding:3px 0;
}


/*フッター*/
#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;
}