#online { background: #f0f5fa; font-size: 0.825em; border: 1px solid #6d88a3; width: 320px; padding: 0; margin: 0 0 15px 0;}
#online a:hover{ text-decoration: none;}
#online ul{ list-style: none; margin: 10px 0 10px 25px; padding: 0;}
#online ul li{ background: url(../img/migi001.gif) no-repeat 0 3px; padding-left: 12px; margin: 0 0 3px 0;}

#online p#tel{ /*background: #00FF00 url(../img/online/tel.gif) no-repeat 0 0;*/ height:44px; width: 320px; margin:0; padding: 0;}
#online p#btn{ text-indent: -9999px; margin: 0; padding: 0;}
#online p#btn a{ display: block; background: url(../img/online/btn_online.gif) no-repeat 0 0; height: 39px; width: 320px;}
#online p#btn a:hover{ background-position: 0 -39px;}

#reservation{ background: url(../img/online/bg_online02.jpg) no-repeat 0 0 #fff; padding:0; margin: 0; color: #555; border-bottom: 3px solid #52597b;}
#reserv_main{ background:; padding: 40px 20px 5px 100px;}
#reserv_main table{ font-size: 75%; margin: 0; padding: 0; color: #333;}
#reserv_main table td{ vertical-align: middle; padding-bottom: 5px; padding-right: 5px;}
#reserv_main table td.ttl{ width: 100px; font-weight: normal; color: #003366; vertical-align: middle;}
#reserv_main table td span{ font-size: 90%; font-weight: normal;}
#reserv_box{/* float: left;*/ margin: 0; padding: 0;}

#reserv_btn{ /*width: 80px;*/ margin: 0; padding: 0; /*float: right; text-align: right;*/}
#seek_btn{
	display: block;
	font-size: 0pt;
	cursor:pointer;
	width: 140px;
	height: 25px;
	text-indent: -9999px;
	line-height: 0px;
	margin-top: 0px;
	margin-left: 20px;
	border: none;
	background:url(../img/online/btn_reserve.gif) no-repeat 0 0 #ddd;}

#reserv_main form{ margin: 0; padding: 0;}
#reserv_main select{ margin: 0 2px 3px 0;}

/*-------------------------------------------
	撮影
-------------------------------------------*/
#info_pict td{ background: #003366; padding: 8px 0; text-align: center; border-top: 3px solid #52597b;}
#info_pict td a{ color: #ccc; text-decoration: underline;}
#info_pict td a:hover{ text-decoration: none;}
#info_pict td p{ font-size: 75%; color: #ddd;}

/*-------------------------------------------
	フッターバナー
-------------------------------------------*/
.fotter_banner{ margin: 10px 8px 0 0;}
.fotter_banner p.sbn{ margin: 0 0 0 8px; padding: 0; float: right;}
.fotter_banner p{ margin: 0 0 3px 0; text-align: right;}
.fotter_banner a img{ border: none;}


/*-------------------------------------------
	トップページ What's New
-------------------------------------------*/
.whatsnew {
	width: 320px;
	margin: 0 auto 3px;
	padding: 0;
	display: block;
	text-align: center;
	float: left;
}

#top_bridalfair{ background:url(../img/bn_bridalfair_03.jpg) no-repeat 0 0; width: 240px; height: 50px; margin: 0 auto;}
#bridal_link01{ display: block; width: 110px; height: 15px; margin-top:35px; float:left; text-indent: -9999px; overflow: hidden;}
#bridal_link02{ display: block; width: 125px; height: 15px; margin-top:35px; float:right; text-indent: -9999px; overflow: hidden;}

/*-----------------------------------------------------
	トリップアドバイザー
-----------------------------------------------------*/
#tripadvisor{ border: 1px solid #bacfe5; width: 320px; padding: 5px 0;}
#tripadvisor iframe{ border:none; height: 190px; width: 180px; margin: 0 auto; background: #ddd; text-align: center; font-size:1.2em;}
#tripadvisor p{ font-size: 75%; margin: 0; padding: 0;}

/*-------------------------------------------
	201206トップ修正
-------------------------------------------*/
h1#logo{ margin: 0; padding: 0;}

/* レイアウト関連 */
.wrapper{ padding: 10px 10px 10px 15px; text-align:left;}
.wrapper img{ border: none;}
.wrapper { zoom:1;}
.wrapper:after{ content: ""; display: block; clear: both;}
.maincol{ width: 460px; /*background: #ccc;*/ float: left;}
.subcol{ width: 200px; /*background: #FF3399;*/ float: right;}

/* maincol */

#column_phg{ width: 455px; background:url(../img/common/base_bg_column.gif) no-repeat 0 bottom; margin: 0 0 10px;}
#column_phg_inner{ background:url(../img/common/top_bg_column.gif) no-repeat 0 0; padding: 10px 20px;}
#column_phg p{ font-size: 75%; line-height: 140%; color: #555444;}

#viewer{ width: 430px; margin: 0 auto;}


/* subcol */
h3.hd{ margin: 0; padding: 0;}
.online_panel{ margin: 0 0 15px; padding: 0; background: url(../img/common/base_side_online.gif) repeat-y 0 0;}
.online_panel_inner{ margin: 0; padding: 0 10px 15px; background:url(../img/common/ft_side_online.gif) no-repeat 0 bottom;}
.online_panel_inner p{ margin: 0; padding: 0;}
.online_panel_inner p.mb_txt{ font-size: 70%; text-align: right;}
.online_panel_inner p.mb_txt a{ background:url(../img/common/icon_mail.gif) no-repeat 0 1px; padding-left: 14px; color: #9c907a; text-decoration: none;}
.online_panel_inner p.mb_txt a:hover{ text-decoration: underline;}
.online_panel_inner ul{ margin: 0 0 10px; padding: 0; text-align: left;}
.online_panel_inner ul li{}
.online_panel_inner ul li#btn_stay a{ display: block; background: url(../img/common/btn_stay.gif) no-repeat 0 0; height: 56px; text-indent: -9999px;}
.online_panel_inner ul li#btn_stay a:hover{ background-position: 0 -56px;}
.online_panel_inner ul li#btn_restaurant a{display: block; background: url(../img/common/btn_rest.gif) no-repeat 0 0; height: 56px; text-indent: -9999px;}
.online_panel_inner ul li#btn_restaurant a:hover{ background-position: 0 -56px;}

.banner{ margin: 0; padding: 0;}
.banner p{ margin: 0 0 5px; padding: 0;}


/*
--------------------------------------------------
	ui.core.js
	ui.tabs.js only styles
-------------------------------------------------- */
/* Caution! Ensure accessibility in print and other media types... */
@media projection,screen {
	/* Use class for showing/hiding tab content,
	so that visibility can be better controlled in different media types... */
	.ui-tabs-hide { display: none;}
	}
/* Hide useless elements in print layouts... */
@media print {
	.ui-tabs-nav { display: none;}
	}
/*	ui-tabs-nav (hidden)
-------------------------------------------------- */
ul.ui-tabs-nav {
	width: 456px;
	height: 40px;
	padding: 0;
	margin: 10px 0 0 0;
	background: url(img/tab_menu_bg.gif) repeat-x 0 bottom;
	}
ul.ui-tabs-nav li a {
	width: 65px;
	height: 40px;
	/*margin-right: 1px;*/
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	outline: none;
	}
ul.ui-tabs-nav li { float: left;}
/*	ui-tabs-selected (hidden)
-------------------------------------------------- */
ul.ui-tabs-nav li.ui-tabs-selected a { background-position: 0 -40px !important; cursor: default;}

h2#hd_news{ margin: 0; padding: 0;}

#top_topics #tab_news a{ background: url(../img/common/tab_news.gif) no-repeat 0 0;}
#top_topics #tab_event a{ background: url(../img/common/tab_event.gif) no-repeat 0 0;}
#top_topics #tab_stay a{ background: url(../img/common/tab_stay.gif) no-repeat 0 0;}
#top_topics #tab_wedding a{ background: url(../img/common/tab_wedding.gif) no-repeat 0 0;}
#top_topics #tab_banquet a{ background: url(../img/common/tab_banquet.gif) no-repeat 0 0;}
#top_topics #tab_rest a{ background: url(../img/common/tab_rest.gif) no-repeat 0 0;}
#top_topics #tab_others a{ background: url(../img/common/tab_others.gif) no-repeat 0 0;}

#top_topics{ margin-bottom: 15px;}

.topics_col{ width: 455px; background: #fff;}
.topics_inner{ border: 1px solid #59697b; border-top: none; padding: 0 0 10px;}
.topics_col h3{ margin: 0; padding: 0; background: #0033FF;}
.topics_col ul{ margin: 0 10px 5px; padding: 0; font-size: 75%; line-height: 140%;}
.topics_col ul li{ background: url(../img/common/arrow_topics.gif) no-repeat 0 11px; padding: 7px 0 7px 12px; border-bottom: 1px dotted #a0a0a0;}
.topics_col a:hover{ text-decoration: none;}
/* list_mark */
.topics_col ul li span.mark{ background:#F30; padding: 2px 4px; color: #fff; font-size: 10px; margin: 0 3px;}
.topics_col ul li span.new{ font-weight:bold; color:red; font-size: 10px; margin: 0 3px; font-family:Verdana, Geneva, sans-serif;}

.topics_col p.more{ margin: 5px 10px 0; padding: 0; font-size: 75%; text-align: right;}