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


body {
	margin: 0;
	padding: 0;
	font-family:arial, sans-serif;
	background:url(/english/matrix/200904/img/cmn/header-bg.gif) repeat-x #211615;
	color:#333333;
	line-height:1.2;
	font-size: 14px;
}
* html body {
	vertical-align:baseline;
	font-size: 85%;
}
*+html body {
	font-size: 85%;
}
.body_mac_moz {
	-moz-opacity:0.99;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, dl, dt, dd, input, textarea, blockquote {
	margin: 0;
	padding: 0;
	font-size:1.0em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	line-height:1.4;
}
ul {
	list-style:none;
}
li {
}
address {
	font-style:normal;
}
a {
	/*color: #752424;*/
	/*color:#c7c8c0;*/
	color:#84715d;
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	text-decoration:underline;
}
img {
	border:none;
	vertical-align:bottom;
}
table th, table td {
	font-size:1.0em;
	font-weight:normal;
	padding:6px;
}
html {
	margin-bottom:1px;
	height:100%;
	overflow-y:scroll;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */ 



* html .iepngfix {
 behavior: expression(IEPNGFIX.fix(this));
}


/**+html .iepngfix {
 behavior: expression(IEPNGFIX.fix(this));
}
*/

/*div {
	zoom:1;
}
*/







/*　
===================================================*/
ul#grouplink {
	background:url(/english/matrix/200904/img/cmn/group-link.gif) no-repeat 0 0;
	height:27px;
	padding-left:89px;
	overflow:hidden;
	margin-left:1px;
}
ul#grouplink li {
	display:inline;
	float:left;
}
ul#grouplink li a {
	background-image:url(/english/matrix/200904/img/cmn/group-link.gif);
	background-repeat:no-repeat;
	display:block;
	height:27px;
	text-indent:-9999px;
	overflow:hidden;
}
ul#grouplink li#gl01 a {
	width:92px;
	background-position:-89px 0;
}
ul#grouplink li#gl02 a {
	width:91px;
	background-position:-181px 0;
}
ul#grouplink li#gl03 a {
	width:90px;
	background-position:-272px 0;
}
.hotelsite ul#grouplink li#gl01 a, 
ul#grouplink li#gl01 a:hover {
	background-position:-89px -30px;
}
.resortsite ul#grouplink li#gl02 a, 
ul#grouplink li#gl02 a:hover {
	background-position:-181px -30px;
}
.englishsite ul#grouplink li#gl03 a, 
ul#grouplink li#gl03 a:hover {
	background-position:-272px -30px;
}





/*　
===================================================*/
#header {
	width:922px;
	height:103px;
	background:url(/english/matrix/200904/images/header_bg.gif) no-repeat 0 27px;
	margin:0 auto;
	position:relative;
}
#header h1 {
	position:absolute;
	top:27px;
	left:0;
}
#gnv  {
	position:absolute;
	top:27px;
	left:214px;
}
#gnv li {
	float:left;
}





/*　
===================================================*/
#main_contents_outer {
	background:url(/english/matrix/200904/img/cmn/detail-bg.gif) repeat-x 0 0;
	margin:0 0 20px;
}
#main_contents {
	clear:both;
	background:url(/english/matrix/200904/img/cmn/top-contents-area-mid.gif) repeat-y 0 0;
	width:940px;
	margin:0 auto;
}
#main_contents_inner {
	width:894px;
	background:url(/english/matrix/200904/img/cmn/detail-bg-top.gif) no-repeat 0 0;
	padding:10px 23px;
}
#ft_pagetop{
	clear:both;
	background:url(/english/matrix/200904/img/cmn/top-contents-area-bottom.gif) no-repeat 10px bottom;
	padding:0 20px 13px;
	text-align:right;
}






#main_contents_left {
	float:left;
	width:687px;
	background:url(/english/matrix/200904/img/cmn/contents-box-mid.gif) repeat-y;
	zoom:1;
}
#main_contents_right {
	float:right;
	width:195px;
	padding-bottom:30px;
	margin-top:-17px;
}

#home #main_contents_right {
	margin-top:0;
}





/*　
===================================================*/
#crumb {
	background:url(/english/matrix/200904/img/cmn/contents-box-top.gif) no-repeat 0 bottom;
	padding:4px 7px 24px;
	font-size:0.85em;
}


#main_contents_left_inner  {
	background:url(/english/matrix/200904/img/cmn/contents-box-bot.gif) no-repeat 0 bottom;
	padding: 0 0 1px;
	zoom:1;
}





/*　
===================================================*/
#fnv {
	border-top:1px solid #5a4442;
	border-bottom:1px solid #5a4442;
	padding:3px 0;
	min-width:920px;
}
#fnv ul {
	width:920px;
	margin:0 auto;
}
#fnv li {
	display:inline;
	padding-right:20px;
}
#fnv li a {
	background:url(/english/matrix/200904/img/cmn/arrow03.gif) no-repeat left center;
	padding-left:10px;
	color:#c7c8c0;
}





/*　
===================================================*/
#footer {
	width:920px;
	margin:0 auto;
	color:#c7c8c0;
	padding-bottom:100px;
}
#footer h2 {
	padding:4px 0;
}

#footer .address {
	background:url(/english/matrix/200904/img/cmn/footer-line.gif) repeat-x top;
	float:left;
	padding:10px 15px 0 0;
}
#cpr {
	clear:both;
	font-size:0.85em;
	padding-top:10px;
	color: #752424;
}





/*　
===================================================*/
#pagetitle {
	clear:both;
	width:656px;
	margin:0 auto 25px;
}





/*　
===================================================*/
#pagedown {
	clear:both;
	width:636px;
	margin:-5px auto 19px;
}
#pagedown li {
	padding-right:15px;
	display:inline;
	font-size:0.85em;
}
#pagedown a {
	display:inline;
	background:url(/english/matrix/200904/images/icon_pagedown.gif) no-repeat left center;
	padding-left:10px;
	text-decoration:underline;
}






/*　
===================================================*/

.section {
	clear:both;
	width:656px;
	margin:0 auto 60px;
	line-height:1.6;
}
.section_inner {
	padding:0 8px;
}
.sub_section {
	/*clear:both;*/
	margin:0 0 30px;
}
.section h3{
	background:url(/english/matrix/200904/images/h3_bar.gif) no-repeat 0 0;
	padding-left:13px;
	line-height:40px;
	height:40px;
	font-size:1.14em;
	margin:0 0 15px;
	color:000000;
}
.section h4{
	background:url(/english/matrix/200904/img/cmn/head03.gif) no-repeat 0 0;
	padding-left:21px;
	margin:15px 0 7px;
	color:000000;
}

.justify {
	text-align:justify;
	padding:0 0 16px;
}
.ul {
	padding-left:20px;
	list-style:disc;
}
.table {
	background-color:#e1ddd4;
	font-size:0.85em;
	margin:0 0 8px;
}
.tbl_note {
	font-size:0.85em;
	text-align:right;
	margin:0 12px 10px;
}

.color {
	background-color:#f2f0ea;
}
.white {
	background-color:#ffffff;
}
.imgL {
	float:left;
}
.section_inner_right {
	margin-left:210px;
}

.opwin {
	background:url(/english/matrix/200904/images/icon_opwin.gif) no-repeat left center;
	padding-left:14px;
}




/*　
===================================================*/
#lodging_banner {
	background-image:url(/english/matrix/200904/images/lodging_btn.jpg);
	background-position:0 100%;
	background-repeat:no-repeat;
}

#lodging_banner .text a {
	font-size:0.85em;
	display:block;
	width:139px;
	margin:0 auto;
	padding:14px 0 84px;
}








/*　home 
===================================================*/
#front_main {
	background-image:url(/english/matrix/200904/images/front_main_bg.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
}
#front_main_inner {
	background-image:url(/english/matrix/200904/images/home.jpg);
	background-position:50% 0;
	background-repeat:no-repeat;
	height:471px;
	text-align:center;
}
#front_main_inner img {
	margin:170px 0 0 360px;
	
}
#home #main_contents_outer {
	background:url(/english/matrix/200904/img/cmn/top-bg.gif) repeat-x 0 0;
	margin:0 0 20px;
}
#home #main_contents_inner {
	width:894px;
	background:url(/english/matrix/200904/img/cmn/top-contents-area-bg.gif) no-repeat 0 0;
	padding:10px 23px;
}

#home #main_contents_left {
	float:left;
	width:687px;
	padding-top:7px;
	background-image:none;
}
.f_section {
	background:url(/english/matrix/200904/img/cmn/contents-box-mid.gif) repeat-y;
	margin:0 auto 30px;
	zoom:1;
}
.f_section .section_outer {
	background:url(/english/matrix/200904/img/cmn/contents-box-top.gif) no-repeat 0 0;
	padding:20px 0 0;
}
.f_section_ft {
	clear:both;
	background:url(/english/matrix/200904/img/cmn/contents-box-bot.gif) no-repeat 0 bottom;
	padding:15px 25px 20px;
}

.f_section .section {
	margin:0 auto 0;
	padding:0 0 15px;
	background-image:url(/english/matrix/200904/images/fs_ft.gif);
	background-position:0 0100%;
	background-repeat:repeat-x;
}

.f_section_ft a {
	background-image:url(/english/matrix/200904/images/arrow.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding-left:19px;
	padding-right:40px;
	font-size:0.85em;
}
.f_section h4 {
	border-bottom:3px solid #e1ddd4;
	padding-bottom:8px;
}






/*　lodging
===================================================*/

#room_img li {
	width:193px;
	padding:8px;
	float:left;
	margin:0 0 15px;
	font-size:0.85em;
	text-align:center;
}
#room_img li img{
	display:block;
	margin:0 auto 5px;
}






/*　attractions 
===================================================*/

#attractions .section li {
	margin:0 0 15px;
}
