<!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>
<title>Travel Time</title>
<meta name="robots" content="index, follow" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/layout.css">
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/menusm.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/menusm.js"></script>
<script>
	$(function () {
		$('#menu-top-menu').tinyNav({
			active: 'selected',
			header: 'Navigation' 
		});
	});
</script>
<script type="text/javascript" src="js/tinynav.min.js"></script>


<link rel="stylesheet" type="text/css" href="prettyPhoto/css/prettyPhoto.css" />
<script type="text/javascript" src="prettyPhoto/js/jquery.prettyPhoto.js"></script>


<link href="preloader/css/preloader.css" rel="stylesheet" />
<script src="preloader/js/jquery.preloader.js" charset="utf-8"></script>


<link href="ui_totop/css/ui.totop.css" rel="stylesheet" />
<script src="ui_totop/js/jquery.ui.totop.js" charset="utf-8"></script>


<link href="twitter_tweet/jquery.tweet.css" rel="stylesheet" />
<script src="twitter_tweet/jquery.tweet.js" charset="utf-8"></script>


<script type="text/javascript" src="js/scripts.js"></script>

<script type="text/javascript" src="js/head_html_default_block.js"></script>
<script type="text/javascript" src="js/head_html_block.js"></script>


<script type="text/javascript"> 
$(document).ready(function(){ 
   
  $(".accordion h3:first").addClass("active"); 
  $(".accordion p:not(:first)").hide(); 

  $(".accordion h3").click(function(){ 
  $(this).next("p").slideToggle("slow") 
  .siblings("p:visible").slideUp("slow"); 
  $(this).toggleClass("active"); 
  $(this).siblings("h3").removeClass("active"); 
  }); 

}); 
</script>


<link rel="stylesheet" id="camera-css"  href="sliders/camera/css/camera.css" type="text/css" media="all">
<script type="text/javascript" src="sliders/camera/js/jquery.mobile.customized.min.js"></script>
<script type="text/javascript" src="sliders/camera/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="sliders/camera/js/camera.min.js"></script>
<script type="text/javascript">
	jQuery(function(){		 
		jQuery('#camera_wrap_1').camera({
			thumbnails: true,
			height: '380px',
			loader: 'pie', 
			pieDiameter: 38,
			piePosition: "rightTop",               
			time: 1500, 
			pagination: true               
		});
	});
</script>



<link rel="stylesheet" type="text/css" href="sliders/jcarousel/css/jcarousel_skin.css" />
<script type="text/javascript" src="sliders/jcarousel/js/jquery.jcarousel.min.js"></script>
<script type="text/javascript">
function mycarousel_initCallback(carousel)
{
    
    carousel.buttonNext.bind('click', function() {carousel.startAuto(0);});
    carousel.buttonPrev.bind('click', function() {carousel.startAuto(0);});
    
    carousel.clip.hover(function() {carousel.stopAuto();}, function() {carousel.startAuto();});
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        auto: 2,
        wrap: 'last',
        initCallback: mycarousel_initCallback
    });
});
</script>



<link href="css/jquery.thumbnailScroller.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript">
(function($){
window.onload=function(){ 
	$("#tS2").thumbnailScroller({ 
		scrollerType:"clickButtons", 
		scrollerOrientation:"horizontal", 
		scrollSpeed:2, 
		scrollEasing:"easeOutCirc", 
		scrollEasingAmount:600, 
		acceleration:1, 
		scrollSpeed:800, 
		noScrollCenterSpace:10, 
		autoScrolling:0, 
		autoScrollingSpeed:1000, 
		autoScrollingEasing:"easeInOutQuad", 
		autoScrollingDelay:500 
	});
}
})(jQuery);
</script>
<script src="js/jquery.thumbnailScroller.js"></script>



<link rel="stylesheet" href="css/website.css" type="text/css" media="screen"/>
<script type="text/javascript" src="js/jquery.tinycarousel.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slider1').tinycarousel({ axis: 'y'});
$('#slider2').tinycarousel({ axis: 'y'});	
});
</script>


</head>
<body>
<div class="body_pattern">
  <div class="index_page">
    <div class="container">
      <div class="sixteen columns">
        <div class="main">
          <div class="header">
            <div class="header_resize">
              <div class="header_top"> 
                
                
                <div class="logo">
                  <div><a href="index.html"><img src="images/logo.png" alt=""/></a></div>
                </div>
                 
                
                
                <div class="social"> <a href="#"><img src="images/spacer.gif" class="social1" /></a> <a href="#"><img src="images/spacer.gif" class="social2" /></a> <a href="#"><img src="images/spacer.gif" class="social3" /></a> <a href="#"><img src="images/spacer.gif" class="social4" /></a> <a href="#"><img src="images/spacer.gif" class="social5" /></a> <a href="#"><img src="images/spacer.gif" class="social6" /></a> <a href="#"><img src="images/spacer.gif" class="social7" /></a> <a href="#"><img src="images/spacer.gif" class="social8" /></a> <a href="#"><img src="images/spacer.gif" class="social9" /></a> </div>
                
                <div class="clr"></div>
              </div>
              <div class="clr"></div>
            </div>
            <div class="clr"></div>
            <div id="now_slider"> 
              
              
              <div style="margin:0 auto; "> 
                <div class="camera_wrap camera_azure_skin" id="camera_wrap_1"> 
                  
                  <div data-thumb="images/banner_01.jpg" data-src="images/banner_01.jpg">
                    <div class="camera_caption fadeFromBottom"><a href="no-longer-need-a-dictionary.html">もはや辞典いらず！？ネット検索活用術</a></div>
                  </div>
                  
                  <div data-thumb="images/banner_02.jpg" data-src="images/banner_02.jpg">
                    <div class="camera_caption fadeFromBottom"><a href="to-communicate-even-in-the.html">おうちにいても交流できる！ウェブ上のチャット形式いろいろ</a></div>
                  </div>
                  
                  <div data-thumb="images/banner_03.jpg" data-src="images/banner_03.jpg">
                    <div class="camera_caption fadeFromBottom"> <a href="age-does-not-move-even-one.html">一歩も動かず買い物できる時代！ネットスーパーを利用しよう！</a></div>
                  </div>
                </div>
                 
              </div>
              
              <div class="clr"></div>
            </div>
            <div class="clr"></div>
          </div>
          <div class="clr"></div>
          <div class="content" id="gallery">
            <div class="content_resize dat">
              <div class="content_full">
                <div class="cols2">
                  <div class="col2 h3_bg cols_padding big">
                    <div class="pic img_hover_box"> <a href="no-longer-need-a-dictionary.html" class="prettyPhoto"><img src="images/img_01.jpg" alt="" />
                      <div class="img_hover_overlay">
                        <div class="r_plus"></div>
                      </div>
                      </a></div>
                    <h3><a href="no-longer-need-a-dictionary.html">もはや辞典いらず！？ネット検索活用術</a></h3>
                    <p>知らない言葉に出会ったり、英訳や和訳等の必要が生じた場合には国語辞典や英和、和英辞書を引くというのが基本的な方法でした。電子辞書の登場によってその作業も電子化されて便利になりましたが、最近では電子辞書
</p>
                  </div>
                  <div class="col2 h3_bg cols_padding big last">
                    <div class="pic img_hover_box"> <a href="to-communicate-even-in-the.html" class="prettyPhoto"><img src="images/img_02.jpg" alt="" />
                      <div class="img_hover_overlay">
                        <div class="r_plus"></div>
                      </div>
                      </a></div>
                    <h3><a href="to-communicate-even-in-the.html">おうちにいても交流できる！ウェブ上のチャット形式いろいろ</a></h3>
                    <p>ウェブ上のチャットで最も多いのは、やはり文字チャットではないでしょうか。これはすべての基本とも言えるネットのコミュニケーションの基軸であって、さまざまな文字チャットサイトがあるために気軽に参加もしやす
</p>
                  </div>
                  <div class="clr"></div>
                </div>
                <div class="clr"></div>
                <div class="sep_clear small"></div>
                <div class="cols2">
                  <div class="col2 h3_bg cols_padding big">
                    <div class="pic img_hover_box"> <a href="age-does-not-move-even-one.html" class="prettyPhoto"><img src="images/img_03.jpg" alt="" />
                      <div class="img_hover_overlay">
                        <div class="r_plus"></div>
                      </div>
                      </a></div>
                    <h3><a href="age-does-not-move-even-one.html">一歩も動かず買い物できる時代！ネットスーパーを利用しよう！</a></h3>
                    <p>最近はインターネットでのショッピングが主流となってきましたが、その便利性からスーパーの食材などもインターネットから購入することが出来るようになってきました。そしてそれを利用することによって忙しい共働き
</p>
                  </div>
                  <div class="col2 h3_bg cols_padding big last">
                    <div class="pic img_hover_box"> <a href="even-popular-bloggers-blog.html" class="prettyPhoto"><img src="images/img_04.jpg" alt="" />
                      <div class="img_hover_overlay">
                        <div class="r_plus"></div>
                      </div>
                      </a></div>
                    <h3><a href="even-popular-bloggers-blog.html">あなたも人気ブロガーに！？初めてのブログ書き方講座</a></h3>
                    <p>ブログをこれから始めようとする場合には、ぜひ目標を持って人気ブログを目指して欲しいですね。ブログを始める場合には、いきなり人気のブロガーを目指すのは難しいですので、できれば無料ブログで練習をするべきで
</p>
                  </div>
                  <div class="clr"></div>
                </div>
                <div class="clr"></div>
                <div class="sep_clear small"></div>
                <div class="cols2">
                  <div class="col2 h3_bg cols_padding big">
                    <div class="pic img_hover_box"> <a href="it-sleeping-in-the-barn-not.html" class="prettyPhoto"><img src="images/img_05.jpg" alt="" />
                      <div class="img_hover_overlay">
                        <div class="r_plus"></div>
                      </div>
                      </a></div>
                    <h3><a href="it-sleeping-in-the-barn-not.html">物置に眠っているそれ、売ってみない？オークションの始め方</a></h3>
                    <p>インターネットと言うのはとても便利なもので、かなり色々なことができます。その一つが、おこづかい稼ぎで、それだけでも色々な方法がありますが、大勢の方が行っているのが、オークションです。オークションでは、
</p>
                  </div>
                  <div class="col2 h3_bg cols_padding big last">
                    <div class="pic img_hover_box"><a class="prettyPhoto"><img src="images/img_06.jpg" alt="" />
                      <div class="img_hover_overlay">
                        <div class="r_plus"></div>
                      </div>
                      </a></div>
                    <h3><a>ＬＩＮＫＳ</a></h3>
                    <p><a href="http://www.webmind.jp/">ホームページ作成</a>をするには、いくつかの方法があります。市販のソフトを使用したり、無料ソフトを使用したり、業者にお願いすることもできます。自分に合ったものを見つけて制作しましょう。</p>






                  </div>
                  <div class="clr"></div>
                </div>
                <div class="clr"></div>
                <div class="sep_clear small"></div>
              </div>
              <div class="clr"></div>
            </div>
            <div class="clr"></div>
          </div>
          <div class="clr"></div>
          
          <div class="clr"></div>
          
          
          <div class="footer">
            <div class="footer_resize"> 
              
              
              <div class="menu"> 
                <script type="text/javascript" src="js/menu_html_block.js"></script> 
              </div>
              
              
              <div class="clr"></div>
              <p>© Copyright Travel Time. All Rights Reserved.</p>
            </div>
            <div class="clr"></div>
          </div>
          
          <div class="clr"></div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>
