@charset "UTF-8";
@import url(reset.css);
@import url(textsettings.css);

/* ---------------------------------------------------------------- *
	全体に関する設定
 * ---------------------------------------------------------------- */

body {
	background-color:#F9F9F9;
}
#wrapper {
	width: 890px;
	margin: 0 auto;
	background-color: transparent;
	background-image: url(../images/bg_main.gif);
	background-repeat: repeat-y;
}
#container {
	background: transparent;
	width: 880px;
	margin: 0 auto;
}
#container, #main, #mainbox {
	position: relative;
}
#topcontentswrapper {
	background-color: #F9F9F9;
}
#floormap {
position: relative;
}
#floormap #imagePhoto {
	position: absolute;
	top:0px;
	left:0px;
	width:250px;
	height:150px;
	z-index:1;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding:2px;
}
/* ---------------------------------------------------------------- *
	各ページイメージ画像
 * ---------------------------------------------------------------- */
 
#conceptwrapper {
	background-image: url(../images/imgconcept.jpg);
	background-repeat: no-repeat;
}
#spacewrapper {
	background-image: url(../images/imgspace.jpg);
	background-repeat: no-repeat;
}
#ceremonywrapper {
	background-image: url(../images/imgceremony.jpg);
	background-repeat: no-repeat;
}
#producewrapper {
	background-image: url(../images/imgproduce.jpg);
	background-repeat: no-repeat;
}
#cuisinewrapper {
	background-image: url(../images/imgcuisine.jpg);
	background-repeat: no-repeat;
}
#contactwrapper {
	background-image: url(../images/imgcontact.jpg);
	background-repeat: no-repeat;
}
#accesswrapper {
	background-image: url(../images/imgaccess.jpg);
	background-repeat: no-repeat;
}
#privacywrapper {
	background-image: url(../images/imgprivacy.jpg);
	background-repeat: no-repeat;
}
#sitemapwrapper {
	background-image: url(../images/imgsitemap.jpg);
	background-repeat: no-repeat;
}



/* ---------------------------------------------------------------- *
	メインコンテンツの設定
 * ---------------------------------------------------------------- */
#main {
  width: 565px;
  float:right;
  margin:0 15px 15px 30px;
}
*html body #main {
  width: 565px;
  float:right;
  margin:0px 10px 15px 35px;
}

#topmain {
	width:365px;
	float:right;
}

/* ---------------------------------------------------------------- *
	左カラムの設定
 * ---------------------------------------------------------------- */

#topleftside {
	width:515px;
	float:left;
	background-color: #FFFFFF;
	padding-bottom:15px;
}

#leftside {
  width: 270px;
  float:left;
}


/* ---------------------------------------------------------------- *
	右カラムの設定
 * ---------------------------------------------------------------- */


#rightside {
  /* ★右カラム(RightSide)幅 */
  width: 200px;
  
  background: transparent;
}
#rightside {
  /* 右カラム絶対配置 */
  position: absolute;
  top: 0;
  right: 0;
}

/* ---------------------------------------------------------------- *
	基本要素の設定
 * ---------------------------------------------------------------- */

p {
  margin-top: 0;
  margin-bottom: 0.5em;
}
ul, ol, dl {
  margin-top: 0;
  margin-bottom: 0;
}
h1 {
  margin: 0 0 0 15px;
}
h2 {
  margin-top: 0;
  margin-bottom: 0.5em;
}
h3 {
  margin-top: 0;
  margin-bottom: 0;
}
h4 {
  margin-top: 0;
  margin-bottom: 0;
}
h5 {
  margin-top: 0;
  margin-bottom: 0;
}
h6 {
  margin-top: 0;
  margin-bottom: 0;
}
/* ハイパーリンク付き画像は枠なし */
a img {
  border: none;
}
pre {
  padding: 8px;
  border: 1px solid #DFDFDF;
  width: auto;
  _width: 90%;
  overflow: auto;
  _overflow: scroll;
  color: #333333;
  background-color: #F6F6F6;
  font-family: "Courier New","ms pgothic", monospace;
}

/* ---------------------------------------------------------------- *
	ヘッダ
 * ---------------------------------------------------------------- */

#header {
  margin: 0;
  padding: 0;
	background-color:#fff;
}
/* ---------------------------------------------------------------- *
	グローバルナビゲーション
 * ---------------------------------------------------------------- */

#navi {
  margin: 0;
  padding: 0;
}
#navi ul {
  margin: 0;
  padding: 0;
}
#navi ul li {
	margin: 0;
	padding: 0;
	float: left; 
}
#navi ul li a {
  display: block;
}

/* フロートしているナビゲーションアイテムのフロート解除をクリアする設定（clearfix） */
#navi ul:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

/* ---------------------------------------------------------------- *
	左カラム内の設定
 * ---------------------------------------------------------------- */

#topleftside ul {
	margin: 5px 10px 10px 10px;
	display:inline;
	width:500px;
	list-style-type: none;
	list-style-position: outside;
}
#topleftside ul li {
	margin: 0;
	list-style-type: none;
	line-height: 25px;
	color:#0033CC;
	background-image: url(../images/common_newsline.gif);
	display:block;
}
#topleftside ul li a {
	margin: 0 10px 0 0;
	list-style-type: none;
	height: 25px;
	color: #666666;
	display: block;
	display:inline;
}

/* バグ回避のため、同じ値での指定を2回行う */
[id="leftside"]#leftside {
  /* ★上マージンを設定 */
  /* ★コンテンツ部分の上マージンと同じ値を設定 */
  margin-top: 0;
}
html:lang(ja) #leftside {
  /* ★直前の指定と同じ値を設定 */
  margin-top: 0;
}

#topleftside .contactimg {
    margin: 15px 10px 0 10px;
	float:left;
	display: inline;
}
.contactimg {
    margin: 15px 10px 0 10px;
	float:left;
	display: inline;
}

/* ---------------------------------------------------------------- *
	メインコンテンツ内の設定
 * ---------------------------------------------------------------- */

#topmain .contents {
  margin: 15px;
}

.contents {
  margin-bottom: 15px;
}

#chef ul li {
border-bottom:1px dashed #ccc;
margin-bottom:8px;
padding-bottom:2px;
}

/* ---------------------------------------------------------------- *
	コンテンツ画像の設定
 * ---------------------------------------------------------------- */

.contents img.fig {
  /* 画像の回り込みleftまたはrightを指定 */
  float: left;
  /* 回り込みがleftのとき→左マージン0、rightのとき→右マージン0 */
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-left: 0;
}

/* ---------------------------------------------------------------- *
	右カラム内の設定
 * ---------------------------------------------------------------- */

/* メインコンテンツから変更する部分を設定。変更不要のプロパティはコメントアウト */
#rightside .contents {
  background: #F2F2F2;
  /* ボックス内の最初のボックスの上マージンは折りたたまれないので0を指定 */
  margin-top: 0;
}
#rightside .contents ul {
  margin: 0 0 0 1.4em;
  padding: 0;
}
#rightside .contents ul li {
  margin-bottom: 0.5em;
}

/* ---------------------------------------------------------------- *
	画像のみのボックス
 * ---------------------------------------------------------------- */

.imgbox {
  background: #FFFFFF;
  margin-top: 0;
  margin-bottom: 6px;
}

/* 右・左カラム内の画像のみボックス。変更する部分を設定 */
#rightside .imgbox, #leftside .imgbox {
  background: transparent;
  /* margin-top: 3px; */
  /* margin-bottom: 3px; */
}

/* ---------------------------------------------------------------- *
	フッタ
 * ---------------------------------------------------------------- */

#footer {
	padding: 8px;
	background-image: url(../images/bg_foot.jpg);
	height:60px;
}
#footer ul {
    margin-bottom: 10px;
    padding: 0;
}
#footer ul li {
  display: inline;
  margin: 0 10px 0 0;
  padding: 0;
  background-image: none;
}
#footer ul li a {
	color: #999;
}
#footer ul li a:hover {
	color: #ccc;
}
address {
  margin-top:15px;
}

/* ---------------------------------------------------------------- *
	複数セレクタ共通項目
 * ---------------------------------------------------------------- */

/* ナビゲーション，フッタでは折り返しを抑制 */
#navi, #footer {
  white-space: nowrap;
}

/* ナビゲーション，フッタの箇条書きは横並びリスト */
#navi ul, #footer ul {
  margin: 0;
  list-style: none;
}

/* ナビゲーション用カラムのコンテンツマージン */
#leftside p, #leftside ul, #leftside ol, #leftside dl,
#navibox p, #navibox ul, #navibox ol, #navibox dl {
  margin-top: 0;
  margin-bottom: 0;
}

/* 回り込み解除設定 */
#header, #navi, .contents, #footer {
	clear: both;
	font-size: 10px;
	line-height: 16px;
}

/* 画像のみのボックスのパディングは 0 とする */
.imgbox {
  padding: 0;
  
}

/* 画像のみのボックスの画像の余白は「なし」にしておく */
.imgbox img {
  margin: 0;
  padding: 0;
  border: none;
}

/* サムネイルリストはマーカなし，余白なし */
#thumbslist {
  list-style: none;
  margin: 0;
  padding: 0;
}

#thumbslist li {
  float: left;
  margin: 0;
  overflow: hidden;
  display: block;
  text-align: center;
}

/* サムネイルはボックスの中央に */
.thumbnail {
  margin: 0 auto;
}

/* ---------------------------------------------------------------- *
	ハック
 * ---------------------------------------------------------------- */

/* IE6 で画像が消えることがあるバグを回避 */
.contents img {
  position: relative;
}

/* IE6/IE7 で垂直配置がずれるバグを回避 */
html[lang^="ja"] #leftside {
  margin-top: 0;
}

/* Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-Mac */

/* ---------------------------------------------------------------- *
	画像置き換えメニュー
 * ---------------------------------------------------------------- */

#navi .home {
	height: 24px;
	width: 110px;
	background-image: url(../images/navi.jpg);
	background-repeat: no-repeat;
	background-position: 0px -24px;
}
#navi .home:hover {
	background-position: 0px 0px;
}
#navi .concept {
	height: 24px;
	width: 110px;
	background-image: url(../images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -110px -24px;
}
#navi .concept:hover {
	background-position: -110px 0px;
}
#navi .concept {
	height: 24px;
	width: 110px;
	background-image: url(../images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -110px -24px;
}
#navi .concept:hover {
	background-position: -110px 0px;
}
#navi .space {
	height: 24px;
	width: 110px;
	background-image: url(../images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -220px -24px;
}
#navi .space:hover {
	background-position: -220px 0px;
}
#navi .ceremony {
	height: 24px;
	width: 110px;
	background-image: url(../images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -330px -24px;
}
#navi .ceremony:hover {
	background-position: -330px 0px;
}
#navi .produce {
	height: 24px;
	width: 110px;
	background-image: url(../images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -440px -24px;
}
#navi .produce:hover {
	background-position: -440px 0px;
}
#navi .cuisine {
	height: 24px;
	width: 110px;
	background-image: url(../images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -550px -24px;
}
#navi .cuisine:hover {
	background-position: -550px 0px;
}
#navi .access {
	height: 24px;
	width: 110px;
	background-image: url(../images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -660px -24px;
}
#navi .access:hover {
	background-position: -660px 0px;
}
#navi .contact {
	height: 24px;
	width: 110px;
	background-image: url(../images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -770px -24px;
}
#navi .contact:hover {
	background-position: -770px 0px;
}
#navi a {
	text-indent: -9999px;	
}
.contact2 {
	height: 22px;
	width: 130px;
	background-image: url(../images/navi_contact.gif);
	background-repeat: no-repeat;
	background-position: 0px -22px;
	text-indent: -9999px;
	display: block;
	margin-top:20px;
	float:left;
}
.reserve2 {
	height: 22px;
	width: 112px;
	background-image: url(../images/navi_reserve.gif);
	background-repeat: no-repeat;
	background-position: 0px -22px;
	text-indent: -9999px;
	display: block;
	margin-top:20px;
	float:left;
}
.swspace2 {
	height: 22px;
	width: 100px;
	background-image: url(../images/navi_out.gif);
	background-repeat: no-repeat;
	background-position: 0px -22px;
	text-indent: -9999px;
	display: block;
	margin-top:20px;
	float:left;
}
.contact2:hover, .reserve2:hover,.swspace2:hover {
	background-position: 0px 0px;
}


.bfbanner a {
	background-image: url(../images/common_bfimg.jpg);
	display: block;
	height: 50px;
	width: 320px;
	text-indent: 95px;
	padding-top:10px;
	font-size: 28px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-family:"Arial","Lucida Grande","Hiragino Kaku Gothic Pro","\30D2\30E9\30AE\30CE\89D2\30B4\20Pro\20W3","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","Osaka",verdana,arial,sans-serif;
}
.bfbanner a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.bfbanner a:hover {
	color: #FFFFFF;
	text-decoration: none;
}


#news li {
font-size:10px;
}