@charset "utf-8";
/* CSS Document */


/*-------------------------------------------------------------------------

 　　　　　CSS Import Style

---------------------------------------------------------------------------*/
@import url(/css/base.css);


/*

	*01 共通
	*02 What's new
	*03 Infomation
	*04 ご宿泊オンライン予約
	*05 カレンダー

*/



/*-------------------------------------------------------------------------

 　　　　　*01 共通

---------------------------------------------------------------------------*/

#top-l { float:left; width:552px; margin:0; padding:0;}
#top-r { float:right; width:265px;}


/*-------------------------------------------------------------------------

 　　　　　*02 What's new

---------------------------------------------------------------------------*/

.whatsnew {
	margin:0;
	margin-bottom:25px;
	clear:both;
	width:552px;
}

body .whatsnew h2 { border:0;}

.whatsnew ul {
	margin:0 0 0 5px;
	padding:0;
	/* background: url(/images/wedding/info_bt.gif) no-repeat 0px bottom; */
	clear:both;
	overflow:hidden;
	_zoom:1;
	}

.whatsnew ul li {
	width:165px;
	margin:7px 8px 0px 8px;
	_margin:7px 7px 0px 7px;
	float:left;
	list-style: none;
	line-height: normal;
	padding-bottom:10px;
}

/* * html body .whatsnew ul li { margin:7px 18px 5px 5px;}
*:first-child+html body .whatsnew ul li { margin:7px 19px 5px 6px;} */

.whatsnew ul li span.tx {
	background: url(/images/wedding/arrow_grey.gif) no-repeat 0px 0px;
	padding-left:17px;
	line-height:1.4em;
	list-style-type: none;
	text-indent:-1em;
	margin-top:5px;
}

.whatsnew ul li p.tx {
	background: url(/images/wedding/arrow_grey.gif) no-repeat 0px 3px;
	padding:0;
	margin:0;
	padding-left:18px;
	line-height:1.4em;
	list-style-type: none;
	margin-top:5px;
}

.whatsnew .btm { clear:both; padding-top:7px;}
.clear { clear:both;}


/*-------------------------------------------------------------------------

 　　　　　*03 Infomation

---------------------------------------------------------------------------*/
#top-r {
	margin: 0px 0px 10px;
	padding: 0px;
	float: right; 
}

.top-info {	margin:0 0 25px 0;}

.top-info h3 {
	margin: 0px;
	background: url(/images/top/ttls-info.gif) no-repeat left top;
	padding: 6px 0px 0px 21px;
	font-size: 15px;
	line-height: 18px;
	width:244px;
}

body .top-info p.btm {
	margin: 0px 0 5px 0;
	background: url(/images/top/ttls-info.gif) no-repeat left bottom;
	padding: 0px 0px 0px 21px;
	line-height: 50%;
}

body .top-info p {
	margin: 0px 0px 10px 8px;
	padding: 0px;
	line-height: 15px;
}

.top-info img {
	margin: 0px 5px 10px 15px;
	padding: 0px;
	float: right;
}

body .top-info p a {
	background: url(/images/common/arrow_grey.gif) no-repeat 0px 0px;
	text-decoration: underline;
	padding:0;
	margin:0;
	padding-left:16px;
	line-height:1.4em;
	list-style-type: none;
	margin-top:5px;
}

/*-------------------------------------------------------------------------

 　　　　　*04 ご宿泊オンライン予約

---------------------------------------------------------------------------*/

.online-sys {
	background: url(/images/top/reserve_bg.gif) repeat-y left top;
	margin:0 0 10px 0;
	padding:0;
	font-size:12px;
}

.online-sys h3 {
	background: url(/images/top/reserve.jpg) no-repeat left top;
	margin:0;
	padding:10px 0 10px 0;
	text-align:center;
}


.online-sys table {
	margin:10px 15px 0px 15px;
	width:235px;
}

.online-sys th {
	padding:10px 5px 5px 6px;
	vertical-align:top;
}

/* 上下余白なし */
.online-sys th.tit1 {
	padding:0px 5px 0px 6px;
	vertical-align:top;
}

.online-sys td {
	padding:7px 5px 7px 6px;
	vertical-align:top;
}

.online-sys td.tit2 {
	padding:2px 5px 7px 6px;
}


.online-sys td.line,.online-sys th.line {
	border-bottom: 1px solid #dfd8bf;
}

.online-sys td.radio {
	vertical-align:middle;
	padding:5px 0px 0px 3px;
}

.online-sys td.radio2 {
	vertical-align:middle;
	padding:2px 0px 0px 3px;
}

.online-sys td.radiotx {
	padding:6px 6px 0px 5px;
}

.online-sys td.radiotx2 {
	padding:3px 6px 0px 5px;
}

.calendarimg { vertical-align:top;}


body .online-sys p.btn-check {
	margin:5px auto;
	padding:0;
	text-align:center;
	}


body .online-sys div.opinion {
	text-align:left;
	padding:7px 5px;
	font-weight:bold;
	border-top: 3px solid #dbd4c5;
	margin:0 4px;
	}

body .online-sys div.opinion p {
	font-weight:bold;
	margin:0;
	}

body .online-sys div.opinion p a {
	font-weight:normal;
	background: url(/images/common/arrow_grey.gif) no-repeat 0px 0px;
	text-decoration: underline;
	margin:0;
	padding-left:16px;
	line-height:2.0em;
	list-style-type: none;
	}


body p.btm,
body p.bnr
 { margin:0; padding:0;}


body p.bnr
 { margin-top:7px;}



/*-------------------------------------------------------------------------

	*05 カレンダー
	
---------------------------------------------------------------------------*/
* html body #calid { margin-left:-220px;}
*:first-child+html body #calid { margin-left:-220px;}

.calender { 
	background:#807768 url(../images/top/calendar-btm.gif) no-repeat left bottom;
	width:192px;
	margin:0px 7px 0 12px;
	padding:0px 0 4px 0;
	float:left;
	}

* html body .calender { margin:20px 11px 0 4px;}
*:first-child+html body .calender { margin:20px 11px 0 4px;}

.calender .ttl {
	font-size:14px;
	margin:0;
	padding:5px;
	background: url(../images/top/calendar-top.gif) left top;
	color:#FFFFFF;
	font-weight:bold;
	background-repeat: no-repeat;
	width:182px;
}

.ca-back,.ca-back a { float:left; padding-top:2px; background-color:none;}
.ca-next,.ca-next a { float:right; padding-top:2px; background-color:none;}
.ttl span.month { float:left; width:135px; text-align:center; margin-left:10px; }
.ca-close,.ca-close a { float:left; padding-top:2px; background-color:none;}

.calender table {
	border-top:1px solid #888677;
	border-left:1px solid #888677;
	border-bottom:1px solid #888677;
	background-color:#fff;
	margin:0 0 0 4px;
	width:185px;
	clear:both;
}

.calender table td {
	border-right:1px solid #888677;
	padding:4px 2px 2px 2px;
	margin:0;
	font-size:14px;
	text-align:center;
	color:#c8b9ab;
	font-weight:bold;
}

.calender table td a {
	color:#6d6359;
	display: block;
	margin:0;
}


/* 日・平日・土 */
.calender table td.sun { background-color:#f89595;}
.calender table td.days { background-color:#b4ad9b;}
.calender table td.sat { background-color:#88ccf3;}
.calender table td.sun,.calender table td.days,.calender table td.sat  { color:#FFF; font-size:12px; font-weight:normal;}

.calender table td.sun a { background-color:#b4ad9b;}
.calender table td.days a { background-color:#88ccf3;}
.calender table td.sat a { background-color:#f89595;}


/* ウエディングフェア */
.calender table td.fa { background-color:#ffcae5;}
/* 模擬挙式＆相談会 */
.calender table td.exp { background-color:#fcedb3;}
/* 季節イベント */
.calender table td.sp { background-color:#ddff9c;}
/* ウィークデー相談会 */
.calender table td.wd { background-color:#dcf4ff;}
/* ウィークエンド相談会 */
.calender table td.we { background-color:#dedcff;}


/*-------------------------------------------------------------------------

 　　　　　*06 モバイルサイトのご案内

---------------------------------------------------------------------------*/

.top-mobile {
	background:url(../images/top/mobile-bk.gif) no-repeat left bottom;
	padding:0 0 7px 0;
	margin-top:10px;
	overflow:hidden;
}

* html .top-mobile {   
   height: 1%;   
} 

.top-mobile h3 {
margin:0;
padding:0;
}

body .top-mobile p {
/* line-height: 150%; */
}

img.qr { float:right;
margin:0 0 5px 7px;
/* border:3px solid #FFF; */}

.top-mobile p { 
margin:7px 5px 5px 5px;}


.tabizora {
margin-top:10px;
margin-bottom:10px;}