/*common
------------------------------------------------------------------------------*/
html {
	color: #555;
	font-size: 0.8em;
	letter-spacing: 0.05em;
	font-family: "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"メイリオ",
		"Meiryo",
		"Osaka",
		"ＭＳ Ｐゴシック",
		"MS P Gothic",
		Verdana,
		Arial,
		Helvetica,
		sans-serif;
	line-height: 100%;
}

body,
html {
	height: 100%;
}

* {
	margin: 0;
	padding: 0;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: 0;
}

a {
	color: #555;
	text-decoration: none;
}

a:link {
	color: #555;
	text-decoration: none;
}

a:visited {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #DDDBC6;
	text-decoration: none;
}

a:active {
	color: #DDDBC6;
	text-decoration: none;
}


/*Clearfix=======================================*/
.clearfix:after {
	content: url(../images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}

.clear {
	clear: both;
}

.clearDiv {
	clear: both;
	height: 0;
}

/*resource=======================================*/
.displayNone {
	display: none;
}

.textNone {
	text-indent: -9999px;
	list-style: none;
	line-height: 0;
}

.clear {
	clear: both;
}

.f-Left {
	float: left;
}

.f-Right {
	float: right;
}

.txtAlign-l {
	text-align: left;
}

.txtAlign-C {
	text-align: center;
}

.txtAlign-R {
	text-align: right;
}

/*layout
------------------------------------------------------------------------------*/
#container {
	width: 903px;
	margin: 0 auto;
	padding: 60px 0;
}

/* header */
#header {
	padding: 0 0 20px 0;
}

#siteid {
	float: left;
	width: 140px;
}

#headNavigation {
	width: 745px;
	float: right;
}

#headNavigation #siteContact {
	width: 240px;
	padding: 40px 0 15px 0;
	float: right;
}

#headNavigation ul {
	border-right: solid 1px #000;
	height: 16px;
	width: 745px;
	float: right;
}

#headNavigation li {
	list-style: none;
	display: block;
	float: left;
	border-left: solid 1px #000;
	height: 16px;
	width: 92px;
	line-height: 100%;
	font-size: 1px;
	text-indent: -9999px;
}

#headNavigation li a {
	display: block;
	height: 16px;
	width: 92px;
}

#headNavigation li#navHome {
	background: url(../images/common/gnav-home_off.gif) no-repeat 0 0;
}

#headNavigation li#navHome a:hover {
	background: url(../images/common/gnav-home_on.gif) no-repeat 0 0;
}

#headNavigation li#navAbout {
	background: url(../images/common/gnav-about_off.gif) no-repeat 0 0;
}

#headNavigation li#navAbout a:hover {
	background: url(../images/common/gnav-about_on.gif) no-repeat 0 0;
}

#headNavigation li#navRestaurant {
	background: url(../images/common/gnav-restaurant_off.gif) no-repeat 0 0;
}

#headNavigation li#navRestaurant a:hover {
	background: url(../images/common/gnav-restaurant_on.gif) no-repeat 0 0;
}

#headNavigation li#navTearoom {
	background: url(../images/common/gnav-tearoom_off.gif) no-repeat 0 0;
}

#headNavigation li#navTearoom a:hover {
	background: url(../images/common/gnav-tearoom_on.gif) no-repeat 0 0;
}

#headNavigation li#navGarden {
	background: url(../images/common/gnav-garden_off.gif) no-repeat 0 0;
}

#headNavigation li#navGarden a:hover {
	background: url(../images/common/gnav-garden_on.gif) no-repeat 0 0;
}

#headNavigation li#navEvent {
	background: url(../images/common/gnav-event_off.gif) no-repeat 0 0;
}

#headNavigation li#navEvent a:hover {
	background: url(../images/common/gnav-event_on.gif) no-repeat 0 0;
}

#headNavigation li#navBridal {
	background: url(../images/common/gnav-bridal_off.gif) no-repeat 0 0;
}

#headNavigation li#navBridal a:hover {
	background: url(../images/common/gnav-bridal_on.gif) no-repeat 0 0;
}

#headNavigation li#navReservation {
	background: url(../images/common/gnav-reservation_off.gif) no-repeat 0 0;
}

#headNavigation li#navReservation a:hover {
	background: url(../images/common/gnav-reservation_on.gif) no-repeat 0 0;
}

/* contents */
#contents {
	clear: both;
	position: relative;
	padding: 12px 0 25px 0;
}

#contents .line {
	clear: both;
	border-top: solid 5px #000;
}


.contentsLineNone {
	margin-top: 65px;
}


.contentsLine1 {
	background: url(../images/common/contentsbg-01.gif) repeat-y 0 0;
	margin-top: 65px;
}

#contents.contentsLine1 .contentsBox {
	width: 510px;
	padding-left: 127px;
}

.contentsLine2 {
	background: url(../images/common/contentsbg-02.gif) repeat-y 0 0;
	margin-top: 65px;
}

#contents.contentsLine2 .contentsBox {
	width: 370px;
	padding-left: 267px;
}


.contentsLine3 {
	background: url(../images/common/contentsbg-03.gif) repeat-y 0 0;
}

#contents.contentsLine3 .contentsBox {
	width: 222px;
	float: left;
}

#contents.contentsLineNone .line,
#contents.contentsLine1 .line,
#contents.contentsLine2 .line {
	margin: 30px 0;
}

#contents.contentsLine3 .line {
	margin: 13px 0;
}


h2.pageTit {
	padding-bottom: 30px;
}

.contentsBox p {
	padding-bottom: 30px;
	line-height: 1.6em;
}

/* subNavi */
#subNavi {
	width: 223px;
	position: absolute;
	top: 80px;
	right: 0;
}

#subNavi2 {
	width: 223px;
	position: absolute;
	top: 160px;
	right: 0;
}

#subNavi3 {
	width: 223px;
	position: absolute;
	top: 240px;
	right: 0;
}

*html #subNavi {
	right: -3px;
}

#subNavi ul {
	border-top: solid 1px #000;
}

#subNavi li {
	border-bottom: solid 1px #000;
	list-style: none;
	display: block;
	line-height: 100%;
	font-size: 1px;
	text-indent: -9999px;
	width: 224px;
	height: 26px;
}

#subNavi li a {
	display: block;
	width: 224px;
	height: 26px;
}


/* footer */
#footer {
	clear: both;
	padding-top: 7px;
}

#footer ul {
	float: left;
}

#footer li {
	display: block;
	float: left;
	line-height: 100%;
	font-size: 1px;
}

#footer li#sitemap,
#footer li#privacy {
	padding-right: 13px;
	height: 10px;
	border-right: solid 1px #888;
	margin-right: 13px;
}

#footer p {
	float: right;
	font-size: 0.75em;
	color: #999999;
}

.foot {
	font-size: 0.7em;
	color: #999999;
}