<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>SKIP -Top Page-</title>
<style type="text/css">
<!--
-->
</style>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<link rel="stylesheet" type="text/css" href="preIndex2.css">
</head>
<body>
<!-- Image slider -->
<iframe src="sample.html" width="100%" height="270px" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"></iframe>
<!-- Global navigation -->
<div class="menw">
<ul>
<a href="http://skip.koeki-prj.org/"><li>TOP</li></a>
<a href="http://skip.koeki-prj.org/shuzai/shuzai.html"><li>取材</li></a>
<a href="http://skip.koeki-prj.org/program/program.html"><li>プログラム</li></a>
<a href="http://skip.koeki-prj.org/enq/enq.html"><li>アンケート</li></a>
<a href="http://skip.koeki-prj.org/kiraribito/girl.html"><li>きらりびと</li></a>
</ul>
</div>
<div class="back">
<div class="left">
<img src="skip-kamo-small.png" alt="261x236(80639bytes)" width="151"
height="138" style="align: center;">
<p>
SKIPは、東北公益文科大学の情報特別選抜から設立されたサークルであり、 酒田商工会議所が主催する「SWAN Project」と協力して酒田地域の情報を発信することを目的としている。
</p>
</div>
<div class="right">
<p><a href="shuzai/dezima.html">
<img src="shuzai/dezima4-150.JPG" alt="dezima" width="" style="align: right;">
</a></p>
<p><a href="shuzai/nisimura.html">
<img src="shuzai/nisimura1-150.JPG" alt="nisimura" width="" style="align: right;">
</a></p>
<p><a href="enq/ogawaen.html">
<img src="shuzai/ogawaen1-150.jpg" alt="photo" width="" style="align: right;">
</a></p>
<p><a href="enq/pom.html">
<img src="shuzai/pom3-150.jpg" alt="photo" width="" style="align: right;">
</a></p>
<p><a href="index.html">
<img src="shuzai/romantei2-150.jpg" alt="photo" width="" style="align: right;">
</a></p>
<p><a href="url">
<img src="shuzai/rupo1-150.jpg" alt="photo" width="" style="align: right;">
</a></p>
<p><a href="shuzai/tukusi.html">
<img src="shuzai/tukusi1-150.JPG" alt="photo" width="" style="align: right;">
</a></p>
<p><a href="enq/als.html">
<img src="shuzai/ars1-150.jpg" alt="photo" width="" style="align: right;">
</a></p>
</div>
<!-- Close and open news box -->
<script type="text/javascript" charset="utf-8">
$(function(){
$('#open').click(function(){
$('#open').css({'display':'none'});
$('#close').css({'display':'block'});
$('#row').slideToggle();
});
$('#close').click(function(){
$('#close').css({'display':'none'});
$('#open').css({'display':'block'});
$('#row').slideToggle();
});
});
<!-- Add "NEW" marker (three topics from a new) -->
$(function(){
$("#news li").slice(0,3).append('<span class="new">NEW</span>');
});
$(function(){
$("a:not(.main a)").click(function(){
var url = $(this).attr('href');
$('#viewTopic').attr({'src':url});
$('#viewTopic').css({'border': 'thin solid #000','border-top': 'none'});
$('#openWindow').css({'href': 'url' + '(' + url + ')'});
$('#openWindow').css({'display': 'none'})
$('#openWindow').slideDown(1500);
$('.main div').slideUp();
return false;
});
});
$(function(){
$('#openWindow').click(function(){
var viewingUrl = $('#viewTopic').attr('src');
window.open(viewingUrl);
})
});
</script>
<div id="close" class="slidebox" style="display: none;">新着情報を開く</div>
<div id="open" class="slidebox" style="display: block;">新着情報を閉じる</div>
<div id="row" class="row" style="display: block;">
<ul id="news">
<li><a href="http://skip.koeki-prj.org/minato2014/chirashi.pdf">
みなとオアシス祭り開催!!</a></li>
<li><a href="http://skip.koeki-prj.org/staff/want.html">
高校生SKIPメンバー募集!!</a></li>
<li><a href="http://skip.koeki-prj.org/shuzai/nakamura.html">
手打ち蕎麦「なかむら」を取材!!</a></li>
<li><a href="http://skip.koeki-prj.org/shuzai/viminale.html">
新感覚!洋風居酒屋「ビミナーレ」を取材!!</a></li>
<li><a href="http://skip.koeki-prj.org/shuzai/kerun.html">
"雪国"をつくったバーテンダーが営むお店「ケルン」を取材!!</a></li>
</ul>
</div>
<div class="main">
<div id="first">
<h1>SKIP -Shonai Koeki Information Project-</h1>
<h3 class="staff">スタッフ紹介 -Staff introduction-</h3>
</div>
<a id="openWindow">
このページを別窓で表示
</a>
<iframe id="viewTopic" src="" width="730px" height="100%" marginwidth="0" marginheight="0" frameborder="0" >
</iframe>
</div>
</div>
<p></p>
</body>
</html>
