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

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-color: #54453d;
	font-size: 13px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.3em;
}
h1 {
	margin: 0px;
	padding: 0px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

#top #headerArea {
	clear: both;
	width: 960px;
	padding-top: 22px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 450px;
    margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#top #footerArea {
	margin: 0px;
	width: 506px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#top #logoArea {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 122px;
	width: 445px;
}
#top #bottomArea {
	padding: 0px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#menuArea {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 104px;
	width: 506px;
}
#newsArea {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 413px;
}
#newsTop {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 60px;
	width: 413px;
}
#newsTopLeft {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 60px;
	width: 216px;
}
#newsTopRight {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 60px;
	width: 197px;
	background-image: url(/img/newsframe_back.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#newsMiddle {
	margin: 0px;
	padding: 0px;
	clear: both;
	min-height: 60px;
	width: 407px;
	background-repeat: no-repeat;
	background-position: -3px 0px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #34251f;
	border-left-color: #34251f;
	background-color: #715846;
	background-image: url(/img/news_middle_patt.jpg);
}
#newsBottom {
	margin: 0px;
	clear: both;
	height: 10px;
	width: 413px;
	background-image: url(/img/newsframe_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
/* MENU */
ul#menu {
	width:506px;
	padding: 0px;
	margin:0;
	overflow:hidden;
	zoom:100%;
}
ul#menu li {
	float:left;
	list-style:none;
}
ul#menu li a {
	display:block;
	height:46px;
	width:122px;
	text-align:center;
	font-weight:bold;
	letter-spacing:1px;
	text-indent:-9898px;
	background-image:url(/img/menu.gif);
	background-repeat:no-repeat;
}
ul#menu li a.news {background-position:0px 0px;width:122px;}
ul#menu li a.news:hover {background-position:0 -104px;}
 
ul#menu li a.este {background-position:-122px 0px;width:131px;}
ul#menu li a.este:hover {background-position:-122px -104px;}
 
ul#menu li a.aloma {background-position:-253px 0px;width:130px;}
ul#menu li a.aloma:hover {background-position:-253px -104px;}
 
ul#menu li a.lunch {background-position:-383px 0px;width:123px;}
ul#menu li a.lunch:hover {background-position:-383px -104px;}
 
ul#menu li a.about {background-position: -60px -46px;width:127px;height:58px; margin-left:60px;}
ul#menu li a.about:hover {background-position:-60px -150px;}
 
ul#menu li a.contact {background-position:-187px -46px;width:127px;height:58px;}
ul#menu li a.contact:hover {background-position:-187px -150px;}
 
ul#menu li a.access {background-position:-314px -46px;width:127px;height:58px;}
ul#menu li a.access:hover {background-position:-314px -150px;}

/* NEWS */
dl.newsList {
	width: 383px;
	overflow: hidden;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}	
dl.newsList dt {
	float: right;
	margin-left: 10px;
	text-align: right;
	color: #b0a6a0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}	
dl.newsList dd {
	padding-left: 15px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 50px;
	padding-bottom: 5px;
	background-image: url(/img/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
}	
dl.newsList dd a {
	color: #FFFFFF;
	text-decoration: underline;
}	
dl.newsList dd a:hover {
	color: #FFCC66;
	text-decoration: none;
}	

/* SUB MENU */
ul#subMenu {
	list-style: none;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	font-size: 12px;
	line-height: 1.1em;
	padding: 0;
}
ul#subMenu li {
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	background: url(img/ico_sample01.gif) no-repeat 0 50%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul#subMenu li.left {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	margin-left: 13px;
}
ul#subMenu li a {
	color: #FFFFFF;
	text-decoration: underline;
}
ul#subMenu li a:hover {
	color: #FFCC66;
	text-decoration: none;
}
#credit {
	color: #ABA199;
	margin-left: 10px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	float: left;
	width: 496px;
}

#top {
	background-image: url(/img/back_img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#content {
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background: #fff;
}
#wrapper {
	padding-bottom: 112px;
	clear: both;
}
#content #headerArea {
	width: 1015px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-image: url(/img/header_backimg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 196px;
}
#content #topicPathArea {
	background-image: url(/img/topichpath_backimg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	clear: both;
	height: 30px;
	width: 810px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 12px;
	margin-bottom: 24px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#content #footerArea {
	bottom: 0;
	width: 100%;
	height: 112px;
	background-image: url(/img/footer_backimg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	position: absolute;
}
#content #footer {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 55px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#content #topSubmenu {
	margin: 0px;
	float: right;
	padding-top: 85px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
	display: inline;
	width: 400px;
}
#content #submenuArea {
	float: left;
	width: 400px;
}
#content #logo {
	margin: 0px;
	float: left;
	width: 399px;
	height: 105px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#content #contentsArea {
	padding: 0px;
	clear: both;
	width: 840px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#content #contentsLeft {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 420px;
	width: 205px;
}
#content #contentsRight {
	margin: 0px;
	float: right;
	min-height: 420px;
	width: 585px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}
#content ul#menuContents {
	width:840px;
	overflow:hidden;
	zoom:100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clear: both;
	height: 55px;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#content ul#menuContents li {
	float:left;
	list-style:none;
}
#content ul#menuContents li a {
	display:block;
	height:55px;
	width:120px;
	text-align:center;
	font-weight:bold;
	letter-spacing:1px;
	text-indent:-9898px;
	background-image:url(/img/ct_menu.gif);
	background-repeat:no-repeat;
}

#content ul#menuContents li a.news {
  background-position:0px 0px;
}
#content ul#menuContents li a.news:hover,
#content ul#menuContents li.on a.news {
  background-position:0 -55px;
}

#content ul#menuContents li a.este {
  background-position:-120px 0px;
}
#content ul#menuContents li a.este:hover,
#content ul#menuContents li.on a.este {
  background-position:-120px -55px;
}

#content ul#menuContents li a.aloma {
  background-position:-240px 0px;
}
#content ul#menuContents li a.aloma:hover,
#content ul#menuContents li.on a.aloma {
  background-position:-240px -55px;
}

#content ul#menuContents li a.lunch {
  background-position:-360px 0px;
}
#content ul#menuContents li a.lunch:hover,
#content ul#menuContents li.on a.lunch {
  background-position:-360px -55px;
}

#content ul#menuContents li a.about {
  background-position: -480px 0px;
}
#content ul#menuContents li a.about:hover,
#content ul#menuContents li.on a.about {
  background-position:-480px -55px;
}

#content ul#menuContents li a.contact {
  background-position:-600px 0px;
}
#content ul#menuContents li a.contact:hover,
#content ul#menuContents li.on a.contact {
  background-position:-600px -55px;
}

#content ul#menuContents li a.access {
  background-position:-720px 0px;
}
#content ul#menuContents li a.access:hover,
#content ul#menuContents li.on a.access {
  background-position:-720px -55px;
}

#content #topSubmenu ul {
	list-style: none;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	font-size: 12px;
	line-height: 1.1em;
	display: inline;
	text-align: right;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#content #topSubmenu ul li {
	padding-right: 15px;
	padding-left: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline;
	margin: 0px;
}
#content #topSubmenu ul li.left   {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	margin-left: 13px;
}
#content #topSubmenu ul li a {
	color: #FFFFFF;
	text-decoration: underline;
}
#content #topSubmenu ul li a:hover {
	color: #FFCC66;
	text-decoration: none;
}

#content ol#topicPath {
	padding: 0;
	font-size: 12px;
	list-style: none;
	margin-top: 0px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0px;
}
#content ol#topicPath li {
	float: left;
	padding-right: 5px;
	padding-left: 15px;
	background-image: url(/img/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: 0 0.9em;
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 0px;
}
#content ol#topicPath li.home {
	padding-left: 0;
	background: none;
}
#content ol#topicPath  li  a {
	color: #602126;
	text-decoration: underline;
}
#content ol#topicPath  li  a:hover {
	color: #FFCC66;
	text-decoration: none;
}
#content ol#topicPath li em {
	font-weight: normal;
	font-style: normal;
	color: #57524A;
}
#content #contentsTop {
	background-image: url(/img/ct_backimg.gif);
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	min-height:108px;
	width: 576px;
	background-repeat: no-repeat;
}
#content #contentsTitle {
	margin: 0px;
	clear: both;
	height: 43px;
	width: 550px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 26px;
	color: #FFFFFF;
}
#content #contentsTitle a {
	color: #FFFFFF;
	text-decoration: none;
}
#content #contentsTitle a:hover {
	color: #FFCC66;
}
#content #contentsComment {
	clear: both;
	width: 516px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 23px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccbfc8;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
#content #contentsMain {
	margin: 0px;
	clear: both;
	width: 556px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#contentsMain dl.pageIndex {
	width: 510px;
	overflow: hidden;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	min-height: 120px;
}
#contentsMain dl.pageIndex dt {
	float: left;
	border: 1px solid #CCCCCC;
	padding: 1px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
/*	height: 120px; */
	width: 120px;
}
#contentsMain dl.pageIndex dt a {
  display: block;
}
#contentsMain dl.pageIndex dd.date  {
	text-align: left;
	padding-top: 0px;
	padding-right: 5;
	padding-bottom: 5px;
	padding-left: 0;
	float: right;
	width: 367px;
	color: #666666;
	font-size: 12px;
	margin: 0px;
}
#contentsMain dl.pageIndex dd.text  {
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	text-align: left;
	border-bottom-width: 1px;
	margin: 0px;
	float: right;
	width: 367px;
}
#contentsMain dl.pageIndex dd.description {
  float: right;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 367px;
  
}
#contentsMain dl.pageIndex dd a {
	color: #602126;
	text-decoration: underline;
}
#contentsMain dl.pageIndex dd a:hover {
	color: #FFCC66;
	text-decoration: none;
}
#top #bannerBox {
	margin: 0px;
	clear: both;
	width: 960px;
	padding: 0px;
}
#top #bannerArea {
	width: 180px;
	float: right;
	height: 180px;
	padding: 0px;
	margin-top: 88px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#top #bannerArea a {
	background-image: url(../img/monitor.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	margin: 0px;
	height: 0px;
	width: 180px;
	padding-top: 180px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
	float: right;
}
#top #bannerArea a:hover {
	background-position: 0px -180px;
}
#top #bridalBannerArea {
	width: 160px;
	float: right;
	height: 160px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 153px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#top #bridalBannerArea a {
	background-image: url(../img/bridal_banner.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	margin: 0px;
	height: 0px;
	width: 160px;
	padding-top: 160px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
	float: right;
}
#top #bridalBannerArea a:hover {
	background-position: 0px -160px;
}