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

<head>
	<meta charset="utf-8">
	<title>北方町キッズページ</title>
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/header.css">
	<link rel="stylesheet" href="css/footer.css">
	<link rel="stylesheet" href="css/section.css">
	<script src="js/ie8.js"></script>
	<script src="js/html5shiv.js"></script>
	<script src="js/jquery-1.10.1.min.js"></script>
	<script src="js/init.js"></script>
	<script src="js/operation.js"></script>
</head>

<body id="back">
	<div id="main" class="gothic">

		<!--ヘッダーデータ-->
		<header>
			<!--セクション 操作-->
			<section id="navi">
				<div id="navi_center">
					<a href="">
						<div class="left"><img src="css/img/title.png" alt=" " /></div>
					</a>
					<a href="second/introduction.html">
						<div class="navi_img_g left"><img src="css/img/introduction.png" alt=" " /></div>
					</a>
					<a href="second/work.html">
						<div class="navi_img_g left"><img src="css/img/work.png" alt=" " /></div>
					</a>
					<a href="second/history.html">
						<div class="navi_img_g left"><img src="css/img/history.png" alt=" " /></div>
					</a>
					<a href="second/greatman.html">
						<div class="navi_img_g left"><img src="css/img/greatman.png" alt=" " /></div>
					</a>
					<a href="second/quiz.html">
						<div class="navi_img_g left"><img src="css/img/quiz.png" alt=" " /></div>
					</a>
					<a href="second/link.html">
						<div class="navi_img_g left"><img src="css/img/link.png" alt=" " /></div>
					</a>
					<div class="clear"></div>
				</div>
			</section>
		</header>

		<!--セクション ブロック-->
		<section id="blocks">
			<article id="topimage">
				<div id="topblock">
					<a href="second/introduction.html"><img id="top_button1" src="css/img/button1.png" width="242px"
							height="242px" alt=" " /></a>
					<a href="second/work.html"><img id="top_button2" src="css/img/button2.png" width="211px"
							height="211px" alt=" " /></a>
					<a href="second/history.html"><img id="top_button3" src="css/img/button3.png" width="199px"
							height="199px" alt=" " /></a>
					<a href="second/greatman.html"><img id="top_button4" src="css/img/button4.png" width="182px"
							height="182px" alt=" " /></a>
					<a href="second/quiz.html"><img id="top_button5" src="css/img/button5.png" width="154px"
							height="154px" alt=" " /></a>
					<a href="second/link.html"><img id="top_button6" src="css/img/button6.png" width="169px"
							height="169px" alt=" " /></a>
				</div>
			</article>

			<article id="news_list">
				<div class="news_list_tab left">
					<img class="img_text_vertical" src="css/img/news_list.png" alt=" " width="40px"
						height="40px" /><span class="img_text_tag">新着情報</span>
				</div>
				<div class="news_list_all left">
					<span class="text_vertical">></span><span class="img_text_list">一覧</span>
				</div>
				<div class="clear"></div>
				<div class="news_block">
					<div class="news_list_block left">
						<!-- 
							<a href="css/pdf/childrensannouncement.pdf" target="_blank">
							<div class="news_list_img"><img src="css/img/news_3.jpg" alt=" " width="260px"
									height="150px" /></div>
						</a>
						<a href="css/pdf/childrensannouncement.pdf" target="_blank">
							<div class="news_list_title">子ども館からのおしらせ</div>
						</a>
						<a href="css/pdf/childrensannouncement.pdf" target="_blank">
							<div class="news_list_text">きた子ども館とみなみ子ども館のおしらせだよ<br />よく読んでおともだちとあそぼう。</div>
						</a> 
					-->
					</div>
					<div class="clear"></div>
				</div>
			</article>

			<article id="kids_list">
				<div class="news_list_tab left">
					<img class="img_text_vertical" src="css/img/news.png" alt=" " width="40px" height="40px" /><span
						class="img_text_tag">イベントニュース</span>
				</div>
				<div class="news_list_all left">
					<span class="text_vertical">></span><span class="img_text_list">一覧</span>
				</div>
				<div class="clear"></div>
				<div class="news_block">
					<div class="news_list_block left">
						<!--
					<a href="third/20170630.html" target="_blank"><div class="news_list_img"><img src="css/img/news_9.jpg" alt=" " width="260px" height="150px" /></div></a>
					<a href="third/20170630.html" target="_blank"><div class="news_list_title">FC岐阜のホームゲームを無料でみれる!?</div></a>
					<a href="third/20170630.html" target="_blank"><div class="news_list_text">北方町ホームタウンデー<br />
FC岐阜ファジアーノ岡山戦を見に行こう!</div></a>
-->
					</div>
					<div class="clear"></div>
				</div>
			</article>
			<article id="link_list" class="right">
				<div class="link_block">
					<div class="link_list_block">
						<div class="link_list_img"><a href="http://www.town.kitagata.gifu.jp/index.html"><img
									src="css/img/news_1.png" alt=" " width="260px" height="150px" /></a></div>
						<a href="http://www.town.kitagata.gifu.jp/index.html">
							<div class="link_list_title">北方町ホームページ</div>
						</a>
					</div>
				</div>
				<div class="link_block_1">
					<div class="link_list_block">
						<div class="link_list_img"><a href="http://www.town.kitagata.gifu.jp/kirari/index.html"><img
									src="css/img/news_2.png" alt=" " width="260px" height="150px" /></a></div>
						<a href="http://www.town.kitagata.gifu.jp/kirari/index.html">
							<div class="link_list_title">生涯学習センターきらりホームページ</div>
						</a>
					</div>
				</div>
			</article>
			<div class="clear"></div>
		</section>

		<!--フッターデータ-->
		<footer>
			<img src="css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"><br />
			<p class="footer_text">平成28年度に岐阜県清流の国ぎふ推進補助金を受けています 北方町</p>
		</footer>

	</div>
</body>

</html>