body {
	color: #7d7d7d;
	font-size: 12px;
	font-family: Arial, "trebuchet ms", verdana, tahoma, sans-serif, serif;
	line-height: 18px;
	background-color: white;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	}
	
img {	margin: 0;
	border-width: 0; }

h1, h2, h3, h4, h5, h6, p,  { margin: 0; padding: 0; }

ul, li { margin: 0; padding: 0; list-style-type: none; }

a:link,
a:visited {
	color: #f1654e ;
	text-decoration: underline; }
	
a:hover,
a:active {
	color: #ff0 ;
	background-color: #f1654e; }


h1 {
	background-image: url(../img/logo.gif);
	text-indent:      -9999px;
	width:            146px;
	height:           59px;
	float:            left;
	margin-top: 2px;
	margin-left: 10px; }

h3 {
	color:               black;
	font-size:           13px;
	font-weight:         normal;
	line-height:         30px;
	background-image:    url(../img/icon/h3_left.gif);
	background-repeat:   no-repeat;
	background-position: 0 50%;
	padding-left:        20px;
	height:              30px;
	margin-bottom: 5px; }

h4 {
	color:               black;
	font-size:           12px;
	font-weight:         bold;
	line-height:         20px;
	height:              20px;
	clear: both;
	margin-bottom: 5px; }

#wrap { background-color: white; position: absolute; left: 50%; width: 758px; clear: both; margin-left: -390px; padding: 10px; border: solid 1px #e2e2e2; }

#top { background-image: url(../img/top_bg.gif); height: 69px; margin: 0 0 2px; }

#page { clear: both; margin: 0; padding: 0; }

#footer { color: #a6a6a6; font-size: 11px; font-family: arial; line-height: 30px; background-color: #efefef; text-align: center; height: 30px; clear: both; margin: 0; padding: 0; }

.language { font-size: 11px; font-family: "trebuchet ms"; position: absolute; top: 10px; margin-top: 45px; margin-left: 590px; }

.language span { margin-left: 7px; }

#top ul {
	font-family: "trebuchet ms";
	float: right;
	margin-top: 20px;
	padding: 0 10px 0 0;
	border-bottom: 1px solid silver; }

#top ul li {
	background-image: url(../img/icon/top1.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	float: left;
	margin: 0;
	padding-right: 2px;
	padding-left: 18px; }
#top a { color: white; font-weight: bold; text-decoration: none; }

#top a:hover {
	color: yellow;
	font-weight: bold;
	background-color: transparent;
	text-decoration: none; }
#visual { margin: 0 0 10px; }
.language a:link,
.language a:visited { color: white; font-weight: bold; text-decoration: none; }

.language a:hover {
	color:           #093e80;
	font-weight:     bold;
	background-color: transparent;
	text-decoration: none; }
	
.top-button {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px; }
	
.top-button a:link,
.top-button a:visited {
	color: #f1654e;
	font-size: 11px;
	font-family: arial;
	text-decoration: none; }

.top-button a:hover,
.top-button a:active {
	color: #f1654e;
	font-size: 11px;
	font-family: arial, "trebuchet ms";
	background-color: transparent;
	text-decoration: underline; }

.top-button em {
	font-size: 8px;
	font-family: arial;
	font-style: normal; }
a.button:link {
	color:            #fff;
	background-color: #7fb539;
	border: solid 1px #3f6b07; }
/*<agl.folder "main">*/
	#visual.main { background-image: url(../img/main_visual.jpg); width: 758px; height: 300px; }
	
	.whatsnew { width: 420px;  float: left; }
	.whatsnew a:link,
	.whatsnew a:visited { color: #666666; text-decoration: none; }
	.whatsnew a:hover {
		color: #000000;
		background-color: transparent;
		text-decoration: underline; }
	
	.weather { width: 300px;  float: right; }
	
	.main-banner { margin-top: 15px; }
	
	.main-banner .bn { width: 246px; float: left; margin-bottom: 10px; }
	
	.main-banner .center { margin-right: 10px; margin-left: 10px; }
	
	.weather-table {
	font-size: 8px;
	font-family: arial;
	font-style: normal;
	line-height: 9px;
	width: 100%; 
	height: 170px;
	}
	
	.weather-table th, .weather-table td {
	border: solid 1px #deddd6;
	 }
/*</agl.folder>*/
/*<agl.folder "ski">*/
	#wrap .ski {	background-image:    url(../img/visual_ski.jpg);
	background-repeat:   no-repeat;
	background-position: 0 0;
	width:               758px;
	height:              300px; }
	#sub-page { margin-top: -50px; padding-right: 30px; padding-left: 30px; }
	
	.sub-menu {
	background-color: #fff;
	position: absolute;
	top: 160px;
	width: 100px;
	margin-left: 30px;
	padding: 10px;
	border: solid 2px #e8e8e8; }
	
	.sub-menu li {
		line-height: 18px;
		display: block; }
	
	.sub-menu a {
		font-weight: normal;
		width: 100px;
		padding-left: 2px;
		display: block; }
		
	.sub-menu a:link, 
	.sub-menu a:visited {
		color: #8f8f8f;
		text-decoration: none; }

	.sub-menu a:hover, 
	.sub-menu a:active {
		color: #333;
		background-color: #e3e3e3;
		text-decoration: none; }
		
	.coures-mark td {
		padding-left: 10px; }
		
	#facility h4 {
		margin-top: 10px; }
		
	#facility .resortcenter img {	display:       block;
	margin-right:  20px;
	margin-bottom: 20px;
	float:         left; }

	#facility ul li {
		margin-bottom: 10px; }
		
	#facility .sub-list {
		margin-bottom: 0;
		padding-left: 25px; }

	#facility .sub-list li {
		margin-bottom: 0;
		list-style-type: disc;
		display: list-item; }
	.price th,
	.price td {
	border: solid 1px #fff;
	 }

/*</agl.folder>*/
#wrap .boarder {	background-image:    url(../img/visual_boarding.jpg);
	background-repeat:   no-repeat;
	background-position: 0 0;
	width:               758px;
	height:              300px; }
#wrap .hotel {	background-image:    url(../img/visual_accommodation.jpg);
	background-repeat:   no-repeat;
	background-position: 0 0;
	width:               758px;
	height:              300px; }
#wrap .spa {	background-image:    url(../img/visual_hotspring.jpg);
	background-repeat:   no-repeat;
	background-position: 0 0;
	width:               758px;
	height:              300px; }
#wrap .access {	background-image:    url(../img/visual_access.jpg);
	background-repeat:   no-repeat;
	background-position: 0 0;
	width:               758px;
	height:              300px; }

	.s-img {display:block;
	margin-right:  15px;
	margin-top:5px;
	margin-bottom:20px;
	}