@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);
/* ================================================================ *
	CSS for agastia SUBLIME design 2009
 * ================================================================ */

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定です
 * ---------------------------------------------------------------- */
html,body { margin: 0; padding: 0; }
body { background-color: #00643c; background-image: none; background-position: 0 0; }
#screen { background-color: #fff; background-image: url(../_images/bk_main.gif); background-repeat: repeat-x; background-position: center top; margin: 0; padding: 0; }
#container {
  background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: auto;
  margin: 0 auto; padding: 0; }
#main_wrap { background-color: #fff; background-image: url(../_images/bk_main2.gif); background-repeat: no-repeat; background-position: left top; width: 952px; margin-right: auto; margin-left: auto; }
/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */
#upper_wrap { background-color: #fff; background-image: url(../_images/bk_main.gif); background-repeat: repeat-x; background-position: left top; width: 952px; height: 150px; margin: 0 auto; padding: 0; }
#header {
  width: 950px; height: 90px; margin: 0 auto; padding: 0; }
#header_top { margin: 0 auto; padding: 0; width: 950px; height: 25px; }
#brand_area { width: 400px; float: left; }
#communication_area { width: 400px; float: right; }
#header h1 { color: #003c1e; font-size: 1.1em; float: left; margin-left: 5px; }
#header_top h1 { color: #003c1e; font-size: 1.1em; margin-left: 5px; float: left; }
#header #logo { width: 150px; height: 50px; float: left; clear: left; margin-top: 3px; margin-left: 30px; }
*html #header #logo  { width: 150px; height: 50px; float: left; clear: left; margin-top: 3px; margin-left: 15px; }
#header h2 { color: #033; font-size: 1.1em; line-height: 1.3em; text-align: center; width: 216px; float: left; clear: left; margin-top: 2px; }
#header h2 a { color: #003c1e; font-weight: bold; }
a.sitemap { color: #003c1e; font-size: 1em; font-weight: bold; float: right; margin-top: 3px; margin-right: 5px; }
a.sitemap:hover {  }
#header #tel { float: right; clear: right; margin-top: 5px; margin-right: 5px; }
#header a#btn_fair { background-image: url(../_images/btn_fair.gif); background-repeat: no-repeat; background-position: center top; text-indent: -9999px; width: 125px; height: 20px; float: right; margin-top: 3px; margin-right: 5px; display: block; }
#header a#btn_fair:hover { background-position: 50% bottom; }
#header a#btn_inquiry { background-image: url(../_images/btn_inquiry.gif); background-repeat: no-repeat; background-position: center top; text-indent: -9999px; width: 125px; height: 20px; float: right; clear: right; margin-top: 3px; margin-right: 5px; display: block; }
#header a#btn_inquiry:hover { background-position: 50% bottom; }
*:first-child+html a#btn_inquiry { text-indent: -9999px; position: relative; top: -15px; width: 125px; height: 20px; float: right; clear: right; margin-top: 0; margin-right: 5px; display: block; }
#top_img { width: 950px; height: 280px; margin-right: auto; margin-left: auto; }
/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定です
 * ---------------------------------------------------------------- */

#navi {
  background-color: #fff; width: 952px; height: 60px; margin: 0 auto; padding: 0; }

#navi ul {
  width: 952px; height: 60px; margin: 0;
  padding: 0; }

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

#navi ul li a { background-image: url(../_images/bk_menu.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; height: 60px; display: block; }
#navi ul li a.top { width: 79px; }
#navi ul li a.top:hover { background-position: left bottom; }
#navi ul li a.news { background-position: -79px top; width: 136px; }
#navi ul li a.news:hover { background-position: -79px bottom; }
#navi ul li a.chapel { background-position: -215px top; width: 117px; }
#navi ul li a.chapel:hover { background-position: -215px bottom; }
#navi ul li a.party { background-position: -332px top; width: 153px; }
#navi ul li a.party:hover { background-position: -332px bottom; }
#navi ul li a.space { background-position: -485px top; width: 121px; }
#navi ul li a.space:hover { background-position: -485px bottom; }
#navi ul li a.cuisine { background-position: -606px top; width: 117px; }
#navi ul li a.cuisine:hover { background-position: -606px bottom; }
#navi ul li a.access { background-position: -723px top; width: 131px; }
#navi ul li a.access:hover { background-position: -723px bottom; }
#navi ul li a.voice { background-position: -854px top; width: 98px; }
#navi ul li a.voice:hover { background-position: -854px bottom; }
/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です
 * ---------------------------------------------------------------- */
#main_container { width: 880px; margin-right: auto; margin-left: auto; padding-top: 8px; }
#main {
  width: 880px; float: left; margin: 0 auto; }
/* ---------------------------------------------------------------- *
	コンテンツ部分の設定です
 * ---------------------------------------------------------------- */

#contents {
  width: 620px; float: right; margin-top: 0; margin-bottom: 15px; }
#contentsmain { width: 630px; float: right; margin-top: 0; margin-bottom: 50px; }
#contentsmain_wide { margin-top: 0; margin-bottom: 50px; width: 730px; float: right; }
#contentsmain_top { margin-top: 0; margin-bottom: 50px; width: 590px; float: left; }
#contentsmain_top h3 { margin-bottom: 15px; }
#contentsmain_top h4 img { margin-top: 15px; margin-bottom: 5px; border-bottom: 1px solid #d4dbd2; }
#contentsmain_top ul { }
#contentsmain_top ul li { font-size: 1.2em; line-height: 140%; margin-bottom: 5px; }
#contentsmain_top ul li a { color: #666; }
#bnr_area { width: 268px; float: right; margin-top: 30px; margin-bottom: 20px; display: block; }
#bnr_area ul {  }
#bnr_area ul li { height: 84px; float: right; clear: right; margin-bottom: 5px; }
#topmenu_area { text-align: center; width: 780px; clear: both; margin-right: auto; margin-left: auto; }
#topmenu_area ul { text-align: center; width: 800px; margin-right: auto; margin-bottom: 10px; margin-left: auto; border-left: 1px solid #4583d3; }
#topmenu_area ul li { float: left; padding-right: 5px; padding-left: 5px; border-right: 1px solid #4583d3; }
#topmenu_area ul li a { color: #4583d3; font-size: 1em; }
#pankuzu { width: auto; height: 25px; margin: 0 0 5px; padding: 0; }
#pankuzu p { font-size: 0.9em; position: relative; top: 7px; width: 860px; margin-right: auto; margin-left: auto; }
#pankuzu p a { color: #464646; text-decoration: underline; }
#pankuzu p a:hover { text-decoration: none; }
#contentsmain h3 img { width: 630px; margin-bottom: 15px; border-bottom: 1px solid #91c2fd; }
#contentsmain_wide h3 img { margin-bottom: 15px; width: 730px; border-bottom: 1px solid #91c2fd; }
#contentsmain h4 img { margin-bottom: 20px; }
#contentsmain_wide h4 { margin-bottom: 20px; }
#screen_chapel { background-image: url(../_images/chapel/bk_main.jpg); background-repeat: no-repeat; background-position: left top; }
#screen_space { background-image: url(../_images/space/bk_main.jpg); background-repeat: no-repeat; background-position: left top; }
#screen_party { background-image: url(../_images/party/bk_main.jpg); background-repeat: no-repeat; background-position: left top; }
#screen_cuisine { background-image: url(../_images/cuisine/bk_main.jpg); background-repeat: no-repeat; background-position: left 70px; }
#screen_access { background-image: url(../_images/access/bk_main.jpg); background-repeat: no-repeat; background-position: left top; }
#screen_voice { background-image: url(../_images/voice/bk_main.jpg); background-repeat: no-repeat; background-position: left top; }
#screen_news { background-image: url(../_images/news/bk_main.jpg); background-repeat: no-repeat; background-position: left top; }
#screen_info { background-image: url(../_images/info/bk_main.jpg); background-repeat: no-repeat; background-position: left top; }
#screen_company { background-image: url(../_images/company/bk_main.jpg); background-repeat: no-repeat; background-position: left top; }
#screen_recruit { background-image: url(../_images/recruit/bk_main.jpg); background-repeat: no-repeat; background-position: left top; }
#screen_privacy { background-image: url(../_images/privacy/bk_main.jpg); background-repeat: no-repeat; background-position: left top; }
#screen_sitemap { background-image: url(../_images/sitemap/bk_main.jpg); background-repeat: no-repeat; background-position: left top; }
.photo_box { width: 610px; margin-right: auto; margin-left: auto; padding-bottom: 30px; }
.photo_box h5 { width: 580px; margin-right: auto; margin-bottom: 10px; margin-left: auto; }
.photo_box a { float: left; margin-right: 10px; margin-bottom: 20px; margin-left: 10px; }
.photo_box a img { border: solid 1px #6e6e6e; }
.lead_box { width: 610px; margin: 20px auto 40px; }
.lead_box h5 { color: #4583d3; font-size: 1.4em; font-weight: normal; width: 295px; margin-top: 5px; margin-bottom: 20px; }
.lead_box p { width: 295px; }
.lead_box img { border: solid 1px #6e6e6e; }
.spec { background-color: #fdfcef; text-align: center; padding-top: 5px; padding-bottom: 5px; border: solid 1px #00643c; }
.spec p { font-size: 1em; }
.caption_box { background-color: #fcf9df; width: auto; margin-top: 20px; margin-bottom: 15px; padding: 15px; border: solid 1px #00643c; }
.caption_box h4 { color: #003c1e; font-size: 1.2em; font-weight: bold; margin-bottom: 5px; border-style: none; border-width: 0; }
table.data { background-color: #fcf9df; width: auto; margin: 0; padding: 0; border: solid 1px #003c1e; outline-width: 0; }
table.data th { color: #003c1e; font-size: 1.2em; text-align: left; width: 145px; padding: 10px; border-right: 1px solid #003c1e; }
table.data td { font-size: 1.2em; background-color: #fff; padding: 10px; }
/* ---------------------------------------------------------------- *
	コンテンツ画像の設定です
 * ---------------------------------------------------------------- */

#contents img.fig {
  float: left;
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-left: 0;
}
/* ---------------------------------------------------------------- *
	画像のみのボックスを作る場合の設定です
 * ---------------------------------------------------------------- */

.imgbox {
  background: #ffffff;
  margin-top: 0;
  margin-bottom: 10px;
}
/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */

#footer {
  background: #ffffff url(../_images/bk_foot.gif) no-repeat center top;
  width: 952px; height: 60px; margin: 0 auto; }
#bottom_wrap { background-color: #00643c; width: auto; margin: 0 auto; padding: 10px 0; }
#bottom { bottom: 0; width: 900px; margin: 0 auto; padding: 0; }
#bottom h6 { color: #fff; float: right; }
#bottom ul { color: #fff; float: left; margin-bottom: 4px; padding: 0;
    border-left: 1px solid #cccccc; }
#bottom ul li { margin: 0; padding: 0 5px;
  border-right: 1px solid #cccccc;
  background-image: none; }
#bottom ul li a { color: #fff; }
#bottom address { color: #fff; font-size: 1em; text-align: center; width: 950px; clear: both; margin-right: auto; margin-left: auto; }
.float_right { float: right; }
.float_left { float: left; }
.float_clear { clear: both; }
*html #header a#btn_fair { background-image: url(../_images/btn_fair.gif); background-repeat: no-repeat; background-position: center top; text-indent: -9999px; width: 125px; height: 20px; float: right; margin-top: -10px; margin-right: 5px; display: block; }
*html #header a#btn_inquiry { background-image: url(../_images/btn_inquiry.gif); background-repeat: no-repeat; background-position: center top; text-indent: -9999px; width: 125px; height: 20px; float: right; clear: right; margin-top: -10px; margin-right: 5px; display: block; }