<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Ambix HOTEL GROUP</title>
		<meta name="description" content="Classe hotel group has 11 properties throughout Hokkaido including golf courses and hot springs(Onsen), include accommodation facilities such hotels or Japanese Ryokan. We promise you the best experience in Hokkaido!" />
		<meta name="keywords" content="Japan,Hokkaido,hotel,ambix,niseko,otaru,sapporo,Pacific Ocean,spa,sea,Taisetsu,snow,ski,Board,Onsen,Ryokan,Furano" />
		<link rel="shortcut icon" href="favicon.ico">
		<link href="css/index.css" rel="stylesheet" type="text/css" />

		<style media="all" type="text/css">
		.flash {
	width: 899px;
	margin-top: 0px;
	margin-right: 45px;
	margin-bottom: 0px;
	margin-left: 45px;
	padding-bottom: 20px;
}
		.blue_bac {
	width: 520px;
	height:279px;
	float: left;
	margin-left: 95px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
		.txt1 {
	width:500px;
	margin:0px 45px 0px 25px;
	padding:40px 0px 7px 0px;
	font-size:13px;
	color:#FFF;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
}
		.map {
	width:949px;
	float:left;
	margin-left: 45px;
}
		.Reservation {
	float:left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 45px;
}
		.btn {
	width: 498px;
	float: left;
	margin: 0 0 0 49px;
			}
			.btn img {
				float: left;
				margin: 0;
				padding: 0;
				overflow: visible;
				}
		.txt2 {
	width:350px;
	font-family:"Times New Roman",Times, serif;
	font-size:20px;
	float:left;
	margin-left:45px;
	font-weight:bold;
	text-align:left;
	line-height: 30px;
	margin-top: 15px;
}
		.txt2 span {
	font-size:15px;
//	font-weight:normal;
	line-height:15px;
}
		.bottom {
	width: 899px;
	margin:0px 45px 0px 45px;
	float:left;
}
.right {
	width:413px;
	margin:0px 45px 0px 0px;
	float:right;
	padding:0px;
}
		.footer {
	width: 899px;
	height: 25px;
	margin-top: 0px;
	margin-right: 45px;
	margin-bottom: 0px;
	margin-left: 45px;
	padding-top: 10px;
}
		.copyright {
	width:899px;
	background-color:#00B9EF;
	height:25px;
	text-align:center;
	color:#FFF;
	font-size:12px;
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
}
	.cara {
	width:272px;
	height:279px;
	float: left;
}
.map-era {
	width:396px;
	float:left;
}
.cara-bac {
	width:989px;
	background: url(img/index/bac2.png) no-repeat;
	height:279px;
	float: left;
}
.mapleft {	width:121px; float:left;	}
.mapleft img {	float:left;	}
.mapright {	width:275px; float: right;	}
.mapright img {	float:left;	}
.map2 {	width:346px; float:right; }
.map2 img {	float:right;}
.left-res {
	width:547px;
	float:left;
}
.map-era1 {	width:102px; float:right;
	}
        </style>
<script type="text/javascript" src="./js/swfobject.js"></script>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script type="text/javascript">

 var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-29773048-1']);
 _gaq.push(['_trackPageview']);

 (function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 })();

</script>

</head>

<body onload="MM_preloadImages('img/index/btn01_over.jpg','img/btn/btn1_over.jpg','img/btn/btn2_over.jpg','img/btn/btn3_over.jpg','img/btn/btn5_over.jpg','img/btn/btn6_over.jpg','img/btn/btn8_over.jpg','img/btn/btn9_over.jpg','img/btn/btn10_over.jpg','img/btn/btn11_over.jpg','img/btn/btn12_over.jpg','img/btn/btn4_over.jpg')">
<div class="page">
	<div class="header1">
		<h1 class="logo"><a href="./index.asp"><img src="img/logo.gif" alt="Ambix Hotel Group" width="446" height="61" /></a></h1>
	</div><!-- /header1 -->
	
	<div class="flash">

		<script type="text/javascript">
		swfobject.embedSWF(
		      "./img/index/loader.swf?1", //swfファイルへのパス
		      "noFlash", //代替コンテンツを表示するオブジェクトのid
		      "795", //表示されるswfの幅
		      "349", //表示されるswfの高さ
		      "9.0.0" //flashPlayerのバージョン
		);
		</script>

		<div id="noFlash">
			<div class="mapimg">
				<img src="./img/index/fla_img.jpg" width="795" height="349" alt="" />
			</div>
		</div>
	</div><!-- /flash -->
	
	<div class="cara-bac">
		<div class="blue_bac">
			<p class="txt1">Hokkaido is wide open spaces, beautiful scenery surrounded by Pacific Ocean, the Japan and the Okhotsk sea, Taisetsu (big snow) mountain range and the many colors of the seasons. Four seasons continue to delight.Hokkaido is cool temperate climate characterized by cool evenings and warm days in Summer and cool Winters. Unlike the rest of Japan. Hokkaido is not affected by rainy season and Typhoons. Hokkaido is located on the same latitudeas major cities in America and Europe.<br />In addition to the many opportunities to travel around Hokkaido, the local cuisine is an attraction not to be missed out on. Try our wonderful fresh mountain produce and amazing fruits of the sea.<br />Discover the many attractions that Hokkaido has to offer!</p>
		</div>
		<br class="clrb" />
	</div>
	
	<div class="map">
		<div class="left-res">
			<div class="btn">
				<!-- MainBtn -->
				<a href="./asariclasse.asp" onmouseover="MM_swapImage('Image16','','img/btn/btn1_over.jpg',1)  ; MM_swapImage('otaru','','img/index/otaru_over.png',1) ;" onmouseout="MM_swapImage('Image16','','img/btn/btn1.jpg',1)  ; MM_swapImage('otaru','','img/index/otaru.png',1) ;"><img src="img/btn/btn1.jpg" name="Image16" width="132" height="52" border="0" id="Image16" /></a>
				<a href="kanronomori.asp" onmouseover="MM_swapImage('Image17','','img/btn/btn2_over.jpg',1)  ; MM_swapImage('niseko','','img/index/niseko_over.png',1) ;" onmouseout="MM_swapImage('Image17','','img/btn/btn2.jpg',1)  ; MM_swapImage('niseko','','img/index/niseko.png',1) ;"><img src="img/btn/btn2.jpg" name="Image17" width="132" height="52" border="0" id="Image17" /></a>
				<a href="./kitahiroshimaclasse.asp" onmouseover="MM_swapImage('Image18','','img/btn/btn3_over.jpg',1)  ; MM_swapImage('kitahiro','','img/index/kitahiroshima_over.png',1) ;" onmouseout="MM_swapImage('Image18','','img/btn/btn3.jpg',1)  ; MM_swapImage('kitahiro','','img/index/kitahiroshima.png',1) ;"><img src="img/btn/btn3.jpg" name="Image18" width="132" height="52" border="0" id="Image18" /></a>
				<br class="clrb" />
				<a href="./sapporoclasse.asp" onmouseover="MM_swapImage('Image28','','img/btn/btn4_over.jpg',1)  ; MM_swapImage('sapporo','','img/index/sapporo_over.png',1) ;" onmouseout="MM_swapImage('Image28','','img/btn/btn4.jpg',1)  ; MM_swapImage('sapporo','','img/index/sapporo.png',1) ;"><img src="img/btn/btn4.jpg" name="Image28" width="132" height="52" border="0" id="Image28" /></a>
				<a href="sunsetplaza.asp" onmouseover="MM_swapImage('Image32','','img/btn/btn5_over.jpg',1)  ; MM_swapImage('haboro','','img/index/haboro_over.png',1) ;" onmouseout="MM_swapImage('Image32','','img/btn/btn5.jpg',1)  ; MM_swapImage('haboro','','img/index/haboro.png',1) ;"><img src="img/btn/btn5.jpg" name="Image32" width="132" height="52" border="0" id="Image32" /></a>
				<a href="yurinkan.asp" onmouseover="MM_swapImage('Image21','','img/btn/btn6_over.jpg',1)  ; MM_swapImage('bibai','','img/index/bibai_over.png',1) ;" onmouseout="MM_swapImage('Image21','','img/btn/btn6.jpg',1)  ; MM_swapImage('bibai','','img/index/bibai.png',1) ;"><img src="img/btn/btn6.jpg" name="Image21" width="132" height="52" border="0" id="Image21" /></a>
				<br class="clrb" />
				<a href="hanakagura.asp" onmouseover="MM_swapImage('Image22','','img/btn/btn7_over.jpg',1)  ; MM_swapImage('higashi','','img/index/higashikawa_over.png',1) ;" onmouseout="MM_swapImage('Image22','','img/btn/btn7.jpg',1)  ; MM_swapImage('higashi','','img/index/higashikawa.png',1) ;"></a>
				<a href="hanakagura.asp" onmouseover="MM_swapImage('Image22','','img/btn/btn7_over.jpg',1);MM_swapImage('higashi','','img/index/higashikawa_over.png',1)" onmouseout="MM_swapImage('Image22','','img/btn/btn7.jpg',1);MM_swapImage('higashi','','img/index/higashikawa.png',1)"><img src="img/btn/btn7.jpg" name="Image22" width="132" height="52" border="0" id="Image22" /></a>
				<a href="kurazo.asp" onmouseover="MM_swapImage('Image23','','img/btn/btn8_over.jpg',1)  ; MM_swapImage('hidaka','','img/index/hidaka_over.png',1) ;" onmouseout="MM_swapImage('Image23','','img/btn/btn8.jpg',1)  ; MM_swapImage('hidaka','','img/index/hidaka.png',1) ;"><img src="img/btn/btn8.jpg" name="Image23" width="132" height="52" border="0" id="Image23" /></a>
				<a href="nanporo.asp" onmouseover="MM_swapImage('Image24','','img/btn/btn9_over.jpg',1)  ; MM_swapImage('nanporo','','img/index/nanporo_over.png',1) ;" onmouseout="MM_swapImage('Image24','','img/btn/btn9.jpg',1)  ; MM_swapImage('nanporo','','img/index/nanporo.png',1) ;"><img src="img/btn/btn9.jpg" name="Image24" width="132" height="52" border="0" id="Image24" /></a>
				<br class="clrb" />
				<a href="moritsubetsu.asp" onmouseover="MM_swapImage('Image25','','img/btn/btn10_over.jpg',1)  ; MM_swapImage('tsubetsu','','img/index/tusbetsu_over.png',1) ;" onmouseout="MM_swapImage('Image25','','img/btn/btn10.jpg',1)  ; MM_swapImage('tsubetsu','','img/index/tusbetsu.png',1) ;"><img src="img/btn/btn10.jpg" name="Image25" width="132" height="52" border="0" id="Image25" /></a>
				<a href="shinnaie.asp" onmouseover="MM_swapImage('Image26','','img/btn/btn11_over.jpg',1)  ; MM_swapImage('naie','','img/index/nai_over.png',1) ;" onmouseout="MM_swapImage('Image26','','img/btn/btn11.jpg',1)  ; MM_swapImage('naie','','img/index/naie.png',1) ;"><img src="img/btn/btn11.jpg" name="Image26" width="132" height="52" border="0" id="Image26" /></a>
				<!-- /MainBtn -->
				
				<div class="map-era1">
					<img src="img/index/map6.png" name="syakotan" width="102" height="27" /><img src="img/index/otaru.png" name="otaru" width="102" height="31" id="otaru"/>
					<br class="clrb" />
					<img src="img/index/niseko.png" name="niseko" width="133" height="50" id="niseko" style="float:right; vertical-align:top; margin:0px;" />
				</div>
			</div>
			<br class="clrb" />
			
			<p class="txt2">Staying Hokkaido? Stay with Ambix.<br /><span>Introducing the Ambix group hotels, onsens and resorts.<br />To find out how you can enjoy your stay with us, <br />click on the buttons above. </span></p>
			<img src="img/index/map5.png" width="133" height="131" style="float:right;" />
		</div><!-- /left-res -->
		
		<div class="map-era">
			<img src="img/index/haboro.png" alt="" name="haboro" width="396" height="107" id="haboro" />
			<div class="mapleft">
				<img src="img/index/naie.png" name="naie" width="121" height="49" id="naie" />
				<img src="img/index/sapporo.png" name="sapporo" width="43" height="39" id="sapporo" />
				<img src="img/index/bibai.png" name="bibai" width="78" height="22" id="bibai" />
				<img src="img/index/nanporo.png" name="nanporopng" width="78" height="17" id="nanporo" />
				<img src="img/index/kitahiroshima.png" name="kitahiro" width="121" height="23" id="kitahiro" />
				<span id="hidaka"><img src="img/index/hidaka.png" name="hidaka" width="121" height="86" id="hidaka" /></span>
			</div>
			
			<div class="mapright">
				<img src="img/index/higashikawa.png" name="higashi" width="85" height="63" id="higashi" />
				<img src="img/index/tusbetsu.png" name="tsubetsu" width="190" height="63" id="tsubetsu" />
				<img src="img/index/map2.png" width="275" height="134" />
			</div>
			<br class="clrb" />
			<img src="img/index/map4.png" width="396" height="91" />
	  </div><!-- /map-era -->
	</div><!-- /map -->
	
	<div class="bottom">
		<div class="bottomBoxL">
			<div class="movie">
				<p>Ambix GROUP youtube</p>
				<object width="344" height="220"><param name="movie" value="http://www.youtube.com/v/rRnPa80a4UM&hl=en&fs=1&rel=0&showinfo=0&showsearch=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/rRnPa80a4UM&hl=en&fs=1&rel=0&showinfo=0&showsearch=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="344" height="220"></embed></object>
				<p class="caption">Please adjust the volume before watching.</p>
			</div><!-- /movie -->
			
<!--
			<div class="bannerLink over">
				<a href="http://www.facebook.com/na.duan.3" target="_blank"><img src="./img/index/ban_fb.gif" alt="Become our fan on Facebook" /></a>
			</div>
-->
		</div>
		
		<div class="right">
			<h2>Hotel News</h2>
						<div class="infoBox">
				<h3></h3>
								<div class="infoText">
														Classe snow park opens on Dec 20th 2015.<br />
												</div>
				<div class="infoImg">
					<img src="./pic/Kitahiro_Classe/small/045_small.jpg" alt="" />
				</div>				<br class="clrb" />
			</div><!-- /infoBox -->
					</div><!-- /right -->
		<br class="clrb" />
	</div><!-- /bottom -->
	<br class="clrb" />
	
	<div class="footer1top">
		<a href="./index.asp"><img src="./img/ambix_logo.gif" alt="ambix group" width="254" height="27" /></a>
		<br class="clrb" />
		<ul id="footer-list">
			<li><a class="gr" href="./index.asp">|&nbsp;&nbsp;GROUP TOP&nbsp;&nbsp;</a></li>
			<li><a class="gr" href="./asariclasse.asp">|&nbsp;&nbsp;ASARI CLASSE HOTEL&nbsp;&nbsp;</a></li>
			<li><a class="gr" href="./kanronomori.asp">|&nbsp;HOTEL KANRONOMORI</a></li>
			<li><a class="gr" href="./kitahiroshimaclasse.asp">|&nbsp;&nbsp;KITAHIROSHIMA CLASSE HOTEL&nbsp;&nbsp;</a></li>
			<li><a class="gr" href="./sapporoclasse.asp">|&nbsp;&nbsp;SAPPORO CLASSE HOTEL&nbsp;&nbsp;|</a></li>
			<br />
			<li><a class="gr" href="./sunsetplaza.asp">|&nbsp;&nbsp;HABORO ONSEN SUNSET PLAZA&nbsp;&nbsp;</a></li>
			<li><a class="gr" href="./yurinkan.asp">|&nbsp;&nbsp;HOTEL YURINKAN&nbsp;</a></li>
			<li><a class="gr" href="./hanakagura.asp">|&nbsp;&nbsp;HOTEL HANAKAGURA&nbsp;&nbsp;</a></li>
			<li><a class="gr" href="./kurazo.asp">|&nbsp;&nbsp;HOTEL KURAZO&nbsp;&nbsp;|</a></li>
			<br />
			<li><a class="gr" href="./nanporo.asp">|&nbsp;&nbsp;NANPORO ONSEN HEART &amp; HEART&nbsp;&nbsp;|</a></li>
			<li><a class="gr" href="./moritsubetsu.asp">&nbsp;&nbsp;MORITSUBETSU HOTEL&nbsp;&nbsp;|</a></li>
			<li><a class="gr" href="./shinnaie.asp">&nbsp;&nbsp;SHINNAIE COUNTRY CLUB&nbsp;&nbsp;|</a></li>
			<li><a class="gr" href="http://3800.biz/pc/top.asp" target="_blank" onclick="javascript: _gaq.push(['_trackPageview','out_ambixJapanese']);">&nbsp;&nbsp;<span>GROUP TOP [Japanese]</span>&nbsp;&nbsp;|</a></li>
		</ul>
		<br class="clrb" />
	</div><!-- /footer1 -->
	
	<div class="footer">
		<p class="copyright">Copyright (C) 2012 Ambix Corp. All Rights Reserved.</p>
	</div><!-- /footer -->
</div><!-- /page -->

</body>
</html>
