@charset "utf-8";


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

   INDEX RENEWAL

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

html {
	height: 100%;
}

body#index {
	background-image: none;
	height: 100%;
}

#index #container {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#index h1#siteTitle {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	width: 310px;
	height: 110px;
	background-image: url(../images/title.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#index .guide {
	position: absolute;
	top: -20px;
	left: -10000em;
	background-image: url(../images/mainview01ww.jpg);
	background-image: url(../images/mainview01w.jpg);
	background-image: url(../images/mainview01.jpg);
}

#index #mainview {
	position: absolute;
	top: 0;
	left: -87px;
	width: 100%;
	height: 100%;
	min-height: 730px;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}

#index #mainview .cf_element {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

#index #mainview .cf_element p {
	display: none;
}

#index #mainview p.attention {
	margin-left: -160px;
	margin-top: -42px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 320px;
	height: 84px;
	background-color: #fff;
}

#index.normal #mainview #cf1 {
	background-image: url(../images/mainview01.jpg);
}

#index.normal #mainview #cf2 {
	background-image: url(../images/mainview02.jpg);
}

#index.normal #mainview #cf3 {
	background-image: url(../images/mainview03.jpg);
	background-position: top center;
}

#index.wide #mainview #cf1 {
	background-image: url(../images/mainview01w.jpg);
	background-position: top center;
}

#index.wide #mainview #cf2 {
	background-image: url(../images/mainview02w.jpg);
	background-position: center;
}

#index.wide #mainview #cf3 {
	background-image: url(../images/mainview03w.jpg);
	background-position: top center;
}

#index.wider #mainview #cf1 {
	background-image: url(../images/mainview01ww.jpg);
	background-position: top center;
}

#index.wider #mainview #cf2 {
	background-image: url(../images/mainview02ww.jpg);
	background-position: center;
}

#index.wider #mainview #cf3 {
	background-image: url(../images/mainview03ww.jpg);
	background-position: center;
}

#index #contents {
	width: 100%;
	height: 100%;
	position: relative;
	min-height: 730px;
	min-width: 966px;
	background-image: url(../images/bgIndexAside.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-color: transparent;
	z-index: 3;
	width: expression(document.body.clientWidth < 968? "966px" : "auto");
}

#index #contentsContainer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
}

#index #newsAndTopics {
	position:absolute;
	right:175px;
	bottom:180px;
	width:auto;
	height:96px;
	background-image: url(../images/bgNewsAndTopics.png);
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 2;
}

#index #newsAndTopics .newsTitle {
	float: left;
	width: 145px;
}

#index #newsAndTopics h2 {
	width: 145px;
	height: 84px;
	background-image: url(../images/titleNewsAndTopics.png);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

#index .aside {
	margin-top: 229px;
	margin-bottom: 15px;
	padding-right: 15px;
	float: right;
	width: 140px;
	z-index: 10;
}

#index .aside p.link {
	font-size: x-small;
	height: 13px;
}

#index .aside .section h2 {
	margin-left: -5px;
	margin-bottom: 10px;
	text-indent: -10000em;
}

#index .aside #bridalFair {
	padding-bottom: 20px;
	background-image: url(../images/separator.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#index .aside #bridalFair h2 {
	height: 45px;
	background-image: url(../images/titleBridalFair.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#index .aside #bridalFair dl {
	margin-left: -3px;
	margin-bottom: 5px;
	padding: 3px 5px 5px 3px;
	width: 140px;
	height: 60px;
	background-image: url(../images/bgFairSchedule.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#index .aside #bridalFair dl dt {
	display: none;
}

#index .aside #bridalFair dl dd.recoFair {
	width: 140px;
	height: 60px;
	position: relative;
}

#index .aside #bridalFair dl dd.recoFair a {
	display: block;
	width: 140px;
	height: 60px;
	color: #333;
	background-image: url(../images/bgRecoFair.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
}

#index .aside #bridalFair dl dd.recoFair a:hover {
	background-position: 0 -60px;
}

#index .aside #bridalFair dl dd.recoFair .fairMonth {
	display: block;
	position: absolute;
	left: 18px;
	top: 14px;
	width: 9px;
	height: 9px;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

#index .aside #bridalFair dl dd.recoFair .fair01 {
	background-image: url(../images/fairMonth01.gif);
}

#index .aside #bridalFair dl dd.recoFair .fair02 {
	background-image: url(../images/fairMonth02.gif);
}

#index .aside #bridalFair dl dd.recoFair .fair03 {
	background-image: url(../images/fairMonth03.gif);
}

#index .aside #bridalFair dl dd.recoFair .fair04 {
	background-image: url(../images/fairMonth04.gif);
}

#index .aside #bridalFair dl dd.recoFair .fair05 {
	background-image: url(../images/fairMonth05.gif);
}

#index .aside #bridalFair dl dd.recoFair .fair06 {
	background-image: url(../images/fairMonth06.gif);
}

#index .aside #bridalFair dl dd.recoFair .fair07 {
	background-image: url(../images/fairMonth07.gif);
}

#index .aside #bridalFair dl dd.recoFair .fair08 {
	background-image: url(../images/fairMonth08.gif);
}

#index .aside #bridalFair dl dd.recoFair .fair09 {
	background-image: url(../images/fairMonth09.gif);
}

#index .aside #bridalFair dl dd.recoFair .fair10 {
	background-image: url(../images/fairMonth10.gif);
}

#index .aside #bridalFair dl dd.recoFair .fair11 {
	background-image: url(../images/fairMonth11.gif);
}

#index .aside #bridalFair dl dd.recoFair .fair12 {
	background-image: url(../images/fairMonth12.gif);
}

#index .aside #bridalFair dl dd.recoFair .fairDate {
	display: block;
	position: absolute;
	left: 30px;
	top: 18px;
	width: 20px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

#index .aside #bridalFair dl dd.recoFair .date01 {
	background-image: url(../images/fairDate01.gif);
}

#index .aside #bridalFair dl dd.recoFair .date02 {
	background-image: url(../images/fairDate02.gif);
}

#index .aside #bridalFair dl dd.recoFair .date03 {
	background-image: url(../images/fairDate03.gif);
}

#index .aside #bridalFair dl dd.recoFair .date04 {
	background-image: url(../images/fairDate04.gif);
}

#index .aside #bridalFair dl dd.recoFair .date05 {
	background-image: url(../images/fairDate05.gif);
}

#index .aside #bridalFair dl dd.recoFair .date06 {
	background-image: url(../images/fairDate06.gif);
}

#index .aside #bridalFair dl dd.recoFair .date07 {
	background-image: url(../images/fairDate07.gif);
}

#index .aside #bridalFair dl dd.recoFair .date08 {
	background-image: url(../images/fairDate08.gif);
}

#index .aside #bridalFair dl dd.recoFair .date09 {
	background-image: url(../images/fairDate09.gif);
}

#index .aside #bridalFair dl dd.recoFair .date10 {
	background-image: url(../images/fairDate10.gif);
}

#index .aside #bridalFair dl dd.recoFair .date11 {
	background-image: url(../images/fairDate11.gif);
}

#index .aside #bridalFair dl dd.recoFair .date12 {
	background-image: url(../images/fairDate12.gif);
}

#index .aside #bridalFair dl dd.recoFair .date13 {
	background-image: url(../images/fairDate13.gif);
}

#index .aside #bridalFair dl dd.recoFair .date14 {
	background-image: url(../images/fairDate14.gif);
}

#index .aside #bridalFair dl dd.recoFair .date15 {
	background-image: url(../images/fairDate15.gif);
}

#index .aside #bridalFair dl dd.recoFair .date16 {
	background-image: url(../images/fairDate16.gif);
}

#index .aside #bridalFair dl dd.recoFair .date17 {
	background-image: url(../images/fairDate17.gif);
}

#index .aside #bridalFair dl dd.recoFair .date18 {
	background-image: url(../images/fairDate18.gif);
}

#index .aside #bridalFair dl dd.recoFair .date19 {
	background-image: url(../images/fairDate19.gif);
}

#index .aside #bridalFair dl dd.recoFair .date20 {
	background-image: url(../images/fairDate20.gif);
}

#index .aside #bridalFair dl dd.recoFair .date21 {
	background-image: url(../images/fairDate21.gif);
}

#index .aside #bridalFair dl dd.recoFair .date22 {
	background-image: url(../images/fairDate22.gif);
}

#index .aside #bridalFair dl dd.recoFair .date23 {
	background-image: url(../images/fairDate23.gif);
}

#index .aside #bridalFair dl dd.recoFair .date24 {
	background-image: url(../images/fairDate24.gif);
}

#index .aside #bridalFair dl dd.recoFair .date25 {
	background-image: url(../images/fairDate25.gif);
}

#index .aside #bridalFair dl dd.recoFair .date26 {
	background-image: url(../images/fairDate26.gif);
}

#index .aside #bridalFair dl dd.recoFair .date27 {
	background-image: url(../images/fairDate27.gif);
}

#index .aside #bridalFair dl dd.recoFair .date28 {
	background-image: url(../images/fairDate28.gif);
}

#index .aside #bridalFair dl dd.recoFair .date29 {
	background-image: url(../images/fairDate29.gif);
}

#index .aside #bridalFair dl dd.recoFair .date30 {
	background-image: url(../images/fairDate30.gif);
}

#index .aside #bridalFair dl dd.recoFair .date31 {
	background-image: url(../images/fairDate31.gif);
}

#index .aside #bridalFair dl dd.recoFair .fairDay {
	display: block;
	position: absolute;
	left: 18px;
	top: 36px;
	width: 32px;
	height: 10px;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

#index .aside #bridalFair dl dd.recoFair .sun {
	background-image: url(../images/fairDaySun.gif);
}

#index .aside #bridalFair dl dd.recoFair .mon {
	background-image: url(../images/fairDayMon.gif);
}

#index .aside #bridalFair dl dd.recoFair .tue {
	background-image: url(../images/fairDayTue.gif);
}

#index .aside #bridalFair dl dd.recoFair .wed {
	background-image: url(../images/fairDayWed.gif);
}

#index .aside #bridalFair dl dd.recoFair .thu {
	background-image: url(../images/fairDayThu.gif);
}

#index .aside #bridalFair dl dd.recoFair .fri {
	background-image: url(../images/fairDayFri.gif);
}

#index .aside #bridalFair dl dd.recoFair .sat {
	background-image: url(../images/fairDaySat.gif);
}

#index .aside #bridalFair dl dd.recoFair .fairName {
	padding-top: 16px;
	position: absolute;
	top: 0;
	left: 56px;
	width: 72px;
	font-size: x-small;
}

#index .aside #bridalFair p.link a {
	display: block;
	width: 128px;
	height: 13px;
	line-height: 13px;
	background-image: url(../images/linkFairSchedule.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -10000em;
}

#index .aside #bridalFair p.link a:hover {
	background-position: 0 -13px;
}

#index .aside #specialAnnouncement h2 {
	margin-bottom: 0;
	height: 38px;
	background-image: url(../images/titleSpecial.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#index .aside #specialAnnouncement .banner {
	margin-bottom: 3px;
	margin-left: -3px;
	padding: 4px 6px 6px 4px;
	width: 138px;
	height: 48px;
	background-image: url(../images/bgSpecialAnnouncement.png);
	background-repeat: no-repeat;
}

#index .aside #specialAnnouncement p {
	font-size: x-small;
}

#index .aside #specialAnnouncement p.link {
	margin-top: 3px;
}

#index .aside #specialAnnouncement p.link a {
	display: block;
	width: 115px;
	height: 13px;
	line-height: 13px;
	background-image: url(../images/linkSpecialAnnouncement.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -10000em;
}

#index .aside #specialAnnouncement p.link a:hover {
	background-position: 0 -13px;
}

#index #reasons {
	padding: 9px 8px 0 93px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 11;
	width: 150px;
	height: 194px;
	background-image: url(../images/bgReasons.png);
	background-repeat: no-repeat;
	background-position: top right;
}

#index #reasons a {
	display: block;
	width: 150px;
	height: 185px;
	background-image: url(../images/badge.png);
	background-repeat: no-repeat;
	background-position: top right;
	text-indent: -10000em;
}

#index #footer {
	padding-top: 6px;
	position: relative;
	clear: both;
	width: 100%;
	height: 165px;
	background-image: url(../images/bgGlobalNav.png);
	background-repeat: repeat-x;
	background-position: top left;
	z-index: 5;
}

#index dl#globalNav {
	margin-left: 30px;
	margin-bottom: 10px;
	width: 100%;
	height: 46px;
	background-image: url(../images/globalNav.jpg);
	background-repeat: no-repeat;
}

#index dl#globalNav dt {
	position: absolute;
	top: -100px;
	left: -500px;
}

#index dl#globalNav dd ul li {
	padding-left: 2px;
	float: left;
	width: 93px;
}

#index dl#globalNav dd ul li a {
	display: block;
	width: 93px;
	height: 46px;
	background-image: url(../images/globalNav.jpg);
	background-repeat: no-repeat;
	text-indent: -10000em;
}

#index dl#globalNav dd ul li#globalNav09 {
	position: absolute;
	top: 6px;
	right: 0;
	padding-left: 1px;
	width: 175px;
	background-image: url(../images/navGuests.jpg);
}

#index dl#globalNav dd ul li#globalNav09 a {
	display: block;
	width: 175px;
	height: 46px;
	background-image: url(../images/navGuests.jpg);
	background-repeat: no-repeat;
	background-position: -1px 0;
	text-indent: -10000em;
}

#index dl#globalNav dd ul li#globalNav09 a:hover {
	background-position: -1px -46px;
}

#index dl#globalNav dd ul li#globalNav01 a {
	background-position: -2px 0;
}

#index dl#globalNav dd ul li#globalNav01 a:hover {
	background-position: -2px -46px;
}

#index dl#globalNav dd ul li#globalNav02 a {
	background-position: -97px 0;
}

#index dl#globalNav dd ul li#globalNav02 a:hover {
	background-position: -97px -46px;
}

#index dl#globalNav dd ul li#globalNav03 a {
	background-position: -192px 0;
}

#index dl#globalNav dd ul li#globalNav03 a:hover {
	background-position: -192px -46px;
}

#index dl#globalNav dd ul li#globalNav04 a {
	background-position: -287px 0;
}

#index dl#globalNav dd ul li#globalNav04 a:hover {
	background-position: -287px -46px;
}

#index dl#globalNav dd ul li#globalNav05 a {
	background-position: -382px 0;
}

#index dl#globalNav dd ul li#globalNav05 a:hover {
	background-position: -382px -46px;
}

#index dl#globalNav dd ul li#globalNav06 a {
	background-position: -477px 0;
}

#index dl#globalNav dd ul li#globalNav06 a:hover {
	background-position: -477px -46px;
}

#index dl#globalNav dd ul li#globalNav07 a {
	background-position: -572px 0;
}

#index dl#globalNav dd ul li#globalNav07 a:hover {
	background-position: -572px -46px;
}

#index dl#globalNav dd ul li#globalNav08 a {
	background-position: -667px 0;
}

#index dl#globalNav dd ul li#globalNav08 a:hover {
	background-position: -667px -46px;
}

#index ul.banners {
	position: absolute;
	right: 15px;
	top: 70px;
	width: 140px;
}

#index ul.banners li img {
}

#index #footer ul#additionalNav {
	margin-left: 25px;
	height: 25px;
}

#index #footer ul#additionalNav li {
	float: left;
}

#index #footer ul#additionalNav li a {
	display: block;
	height: 25px;
	background-image: url(../images/additionalNav.png);
	background-repeat: no-repeat;
}

#index #footer ul#additionalNav li#additionalNav01 {
	width: 84px;
}

#index #footer ul#additionalNav li#additionalNav01 a {
	width: 84px;
	background-position: 0 0;
	text-indent: -10000em;
}

#index #footer ul#additionalNav li#additionalNav01 a:hover {
	background-position: 0 -25px;
}

#index #footer ul#additionalNav li#additionalNav02 {
	width: 124px;
}

#index #footer ul#additionalNav li#additionalNav02 a {
	width: 124px;
	background-position: -84px 0;
	text-indent: -10000em;
}

#index #footer ul#additionalNav li#additionalNav02 a:hover {
	background-position: -84px -25px;
}

#index #footer ul#additionalNav li#additionalNav03 {
	width: 69px;
}

#index #footer ul#additionalNav li#additionalNav03 a {
	width: 69px;
	background-position: -208px 0;
	text-indent: -10000em;
}

#index #footer ul#additionalNav li#additionalNav03 a:hover {
	background-position: -208px -25px;
}

#index #footer ul#additionalNav li#additionalNav04 {
	width: 69px;
}

#index #footer ul#additionalNav li#additionalNav04 a {
	width: 69px;
	background-position: -277px 0;
	text-indent: -10000em;
}

#index #footer ul#additionalNav li#additionalNav04 a:hover {
	background-position: -277px -25px;
}

#index #footer ul#additionalNav li#additionalNav05 {
	width: 94px;
}

#index #footer ul#additionalNav li#additionalNav05 a {
	width: 94px;
	background-position: -346px 0;
	text-indent: -10000em;
}

#index #footer ul#additionalNav li#additionalNav05 a:hover {
	background-position: -346px -25px;
}

#index #footer dl#facilityInfo {
	margin-left: 28px;
	text-indent: -10000em;
}

#index #footer dl#facilityInfo dt {
	float: left;
	width: 148px;
	height: 27px;
	background-image: url(../images/faciInfoName.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#index #footer dl#facilityInfo dd#tel {
	float: left;
	width: 205px;
	height: 27px;
	background-image: url(../images/faciInfoTel.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#index #footer dl#facilityInfo dd#others {
	clear: left;
	height: 27px;
	background-image: url(../images/faciInfoOthers.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#index #footer p#copyright {
	margin-left: 28px;
	background-image: url(../images/copyright.png);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

/* news and topics area */

#index #newsAndTopics h2 {
	margin: -25px 0 5px -10px;
	color:#fff;
	font-family: arial;
	font-weight: bold !important;
}

#index #newsAndTopics h2 span {
	font-weight: normal !important;
}

#index #newsAndTopics ul {
	margin: 5px 0 0 0;
	padding:0;
}

#index #newsAndTopics li {
	margin: 0;
	padding: 2px 0;
	padding-left: 20px;
	border-bottom: dotted 1px #603813;
	display: block;
	width: 300px;
	background-image: url(../images/markerNews.png);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
}

#index #newsAndTopics li.end {
	border-bottom: none;
}

#index #newsAndTopics li a {
	width:100%;
}

#index #newsAndTopics li a:link,
#newsAndTopics li a:visited {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	color: #42210B;
	font-size: 100%;
	text-decoration: none;
}

#index #newsAndTopics li a:hover {
	color: #F01020;
	text-decoration:underline;
}

#index #slideBarCtrl {
	margin-left: 10px;
	float: left;
	width: 120px;
	height: 16px;
	line-height: 16px;
}

#index a#slideBarCtrl {
	display: block;
	width: 90px;
	height: 14px;
	background-image: url(../images/bgOpenNews.png);
	text-indent: -10000em;
}

#index a#slideBarCtrl.active {
	background-image: url(../images/bgCloseNews.png);
}

#index #slideBarContents {
	padding-right: 10px;
	float: left;
	width: 300px;
	height: 96px;
	overflow: hidden !important;
}
#index #sideBarBox {
	width: 300px;
}