<!DOCTYPE html>
<html lang="ja">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>5(GO!)TRAVEL</title>
<link rel="stylesheet" href="style.css" />
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript" src="area_data.js"></script>
<script type="text/javascript" src="area.js"></script>
<link id="calendar_style" href="stylesheets/simple.css" media="screen" rel="Stylesheet" type="text/css" />
<script src="lib/prototype.js" type="text/javascript"></script>
<script src="lib/effects.js" type="text/javascript"></script>
<script src="javascripts/protocalendar.js" type="text/javascript"></script>
<script src="javascripts/lang_ja.js" type="text/javascript"></script>
<script type="text/javascript">
  function changeStyle() {
	var cssName = $('calendar_style_select').options[$('calendar_style_select').selectedIndex].value;
//        alert('style changed [' + cssName + '].');
	$('calendar_style').href = 'stylesheets/' + cssName + '.css';
  }
  Event.observe(window, 'load', function() {
	Event.observe($('calendar_style_select'), 'change', changeStyle);
	changeStyle();
  });
</script>

</head>

<body onLoad="initAreaPulldown()">

<div id="maincontainer">

<header><div class="innertube"><h1><a href="index.php"><img src="logo.gif" alt="GO!5TRAVEL.info" width="292" height="61" border="0" /></a></h1></div></header>

<div id="contentwrapper">
<div id="contentcolumn">
<div class="innertube">
		<p>5travel.infoへようこそ！ <br />
				GO!トラベルを合言葉に旅に出かけるお手伝いをするサイトです。
</p>
		<p>まずはホテルや旅館の検索機能からのご案内です。左メニューでエリアを絞り込んで宿泊施設を検索してください。 </p>

<!-- 検索フォーム -->
<form action="search.php" method="get">
<p>チェックイン日：<input id="japan_calendar" name="japan_calendar" size="30" type="text" />
<script type="text/javascript">
  new InputCalendar('japan_calendar', {lang:'ja'});
</script></p>

<p>泊数：<select name="stay_count"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>人
大人：<select name="adult"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>人
部屋数：<select name="room_count"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>人</p>
<p>都道府県：
		<select class="area_pd" name="pref" id="pref" onChange="changeLargeArea(this)"><option value="" selected>指定しない</option></select>
</p>
<p>大エリア：
<select class="area_pd" name="l_area" id="l_area" onChange="changeSmallArea(this)"><option value="" selected>指定しない</option></select></p>
<p>小エリア：
<select class="area_pd" name="s_area" id="s_area"><option value="" selected>指定しない</option></select></p>
<input type="submit" value="検索">
</form>
</div>
</div>
</div>

<nav id="leftcolumn">
<div class="innertube">
左カラム
</div>
</nav>

<nav id="rightcolumn">
<div class="innertube">
右カラム
</div>
</nav>

<footer><a href="http://www.jalan.net/jw/jwp0000/jww0001.do"><img src="http://www.jalan.net/jalan/doc/jws/images/jws_88_50_blue.gif" alt="じゃらん Web サービス" title="じゃらん Web サービス" border="0"></a><!-- Rakuten Web Services Attribution Snippet FROM HERE -->
<a href="http://webservice.rakuten.co.jp/" target="_blank"><img src="http://webservice.rakuten.co.jp/img/credit/200709/credit_7052.gif" border="0" alt="楽天ウェブサービスセンター" title="楽天ウェブサービスセンター" width="70" height="52"/></a>
<!-- Rakuten Web Services Attribution Snippet TO HERE --><br>
<a href="http://www.c-player.com/ad62110/message/">Copyright 2010 WebサービスAPI勉強会第２クール</a></footer>

</div>
</body>
</html>
