<?php get_header(); ?>
    <div class="flexslider">
      <ul class="slides">
        <li><img src="<?php echo $depth ?>img/top_img.jpg" alt="トップイメージ" width="960" height="290" /></li>
      </ul>
    </div>
    <!-- /.top-img -->
	
	<!-- グローバルナビ -->
        <?php require($depth . "lib/global-navi.html");?>
	<!-- /グローバルナビ -->
	
	<!-- コンテンツエリア -->
	<div id="content" class="clearfix">
		<!-- メインコンテンツ -->
		<div class="index">
			<div class="title">
				<h3><img src="<?php echo $depth ?>img/index/title.jpg" alt="title" width="200" height="35" /></h3>
				<p class="f2"><a href="/moltech/?page_id=24"><i class="fa fa-square"></i>一覧を見る</a></p>
			</div><!-- /.title -->
			
			<div class="news-area">
				<div class="inner">
					<div class="inner2">
						<ul>
						<?php query_posts('posts_per_page=5'); ?>
						<?php if (have_posts()) : ?>
                        <?php while (have_posts()) : the_post(); ?>
							
                            <li class="clearfix">
								<p class="time"><?php echo get_the_date('');?><?php echo get_the_date('l');?></p>
								<p class="title"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>"><?php the_title(); ?></a></p>
							</li>
						<?php endwhile; ?>
						<?php endif; ?>
						</ul>
					</div><!-- /.inner2 -->
				</div><!-- /.inner -->
			</div><!-- /.news-area -->
		</div><!-- /.content -->
		<!-- /メインコンテンツ -->
		
		<!-- バナーエリア -->
        <?php require($depth . "lib/banner-area.html");?>
		<!-- /バナーエリア -->
	</div><!-- /#index -->
	<!-- /コンテンツエリア -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>
<!-- FlexSlider -->
<script defer src="./js/jquery.flexslider-min.js"></script>
<script type="text/javascript">
$(window).load(function(){
  $('.flexslider').flexslider({
	animation: "fade", 
	controlNav: false,
	itemWidth:960
//	start: function(slider){
//	  $('body').removeClass('loading');
//	}
  });
});
</script>

<?php get_footer(); ?>
