| 1 |
wakaba |
1.1 |
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> |
| 2 |
|
|
<html lang="ja"> |
| 3 |
|
|
<head> |
| 4 |
|
|
<title>$B%V%k!<%*!<%7%c%s%:(B</title> |
| 5 |
|
|
<link rel="stylesheet" href="/s/simpledoc"> |
| 6 |
|
|
<link rel="stylesheet" href="bo-style"> |
| 7 |
|
|
<link rel="stylesheet" href="bo-top-style"> |
| 8 |
|
|
<link rev="made" href="mailto:wakaba@suika.fam.cx"> |
| 9 |
|
|
<link rel="index" href="../bu"> |
| 10 |
|
|
<link rel="bookmark" href="http://suika.fam.cx/okuchuu/blue-oceans/"> |
| 11 |
|
|
<link rel="copyright" href="/c/?c=BlueOceans"> |
| 12 |
|
|
<link rel="shortcut icon" href="/~wakaba/art/icon/okuchuu-bl.ico"> |
| 13 |
wakaba |
1.2 |
<meta name="author" content="Blue Oceans, $BF#0f(B, $B<cMU(B"> |
| 14 |
wakaba |
1.1 |
<meta name="keywords" content="$B1|EDCf3X9;(B, $B1|Cf(B, $B?aAU3ZIt(B, $BA49qBg2q(B"> |
| 15 |
|
|
<meta name="keywords" lang="en" content="$B%V%k!<%*!<%7%c%s%:(B, blue oceans"> |
| 16 |
|
|
<meta name="description" content="$BIY;3;TN)1|EDCf3X9;$N?aAU3ZIt(B, $B%V%k!<%*!<%7%c%s%:$N8x<0(B Web $B%5%$%H!#(B"> |
| 17 |
|
|
</head> |
| 18 |
|
|
<body> |
| 19 |
|
|
|
| 20 |
|
|
<h1 style="text-align: center"><img src="intro-logo" alt="Okuda Blue Oceans"></h1> |
| 21 |
|
|
<div id="subtitle">$B!=IY;3;TN)1|EDCf3X9;?aAU3ZIt!=(B</div> |
| 22 |
|
|
<div id="image"> |
| 23 |
|
|
<strong>$B=K(B 4$BG/O"B3A49qBg2q=P>l(B!!</strong> |
| 24 |
|
|
<div class="image-intro">$B"-%^!<%A%s%0%P%s%I!&%P%H%s%H%o%j%s%0KLN&Bg2q(B(2001/11/11)</div> |
| 25 |
wakaba |
1.2 |
<img src="2001/1111/all-small" alt="$B%^!<%A%s%0%P%s%I!&%P%H%s%H%o%j%s%0KLN&Bg2q(B(2001/11/11)"><br> |
| 26 |
wakaba |
1.1 |
<img src="/~wakaba/bin/count/bo" alt="($B;2>H?t(B)"> |
| 27 |
|
|
</div> |
| 28 |
|
|
|
| 29 |
|
|
<div style="text-align: center">$B!=(B $BL\<!(B $B!=(B</div> |
| 30 |
|
|
|
| 31 |
|
|
<div class="menuitem" id="new"> |
| 32 |
wakaba |
1.4 |
<h2 onclick="if (document.all.new_list.style.display!='none') {document.all.new_list.style.display='none'} else {document.all.new_list.style.display='list-item'}">What's New?</h2> |
| 33 |
wakaba |
1.1 |
|
| 34 |
|
|
<ul id="new_list"> |
| 35 |
wakaba |
1.3 |
<li>2001$BG/(B12$B7n(B5$BF|(B: 2002$BG/(B3$B7n(B24$BF|(B13$B;~!A(B $BIY;38)650iJ82=2q4[$K$F(B $BBh(B1$B2sDj4|1iAU2q(B ($B=P1i(B $B1|Cf?aAU3ZIt0w(B + OB&OG$B!#>\:Y$O8eF|O"Mm$7$^$9!#(B)</li> |
| 36 |
wakaba |
1.2 |
<li>2001$BG/(B12$B7n(B3$BF|(B: <a href="2001/newmember">1$BG/@8>R2p(B</a></li> |
| 37 |
|
|
<li>2001$BG/(B11$B7n(B17$BF|(B: <a href="whatsnew?"><strong>$B=K(B 4$BG/O"B3A49qBg2q=P>l(B!!</strong></a> $B1|Cf$O(B19$BCDBNCf(B16$BHVL\$G$9!#(B |
| 38 |
|
|
$B1~1g$N@<$r(B<a href="board-t/board">$B7G<(HD(B</a>$B$X$*4s$;$/$@$5$$(B!</li> |
| 39 |
wakaba |
1.1 |
</ul> |
| 40 |
|
|
</div> |
| 41 |
|
|
|
| 42 |
|
|
|
| 43 |
|
|
<div class="menuitem" id="katsudou"> |
| 44 |
|
|
<h2 onclick="if (document.all.katsudou_list.style.display!='none') {document.all.katsudou_list.style.display='none'} else {document.all.katsudou_list.style.display='inline'}">$B3hF0(B</h2> |
| 45 |
|
|
|
| 46 |
|
|
<ul id="katsudou_list"> |
| 47 |
|
|
<li><a href="katsudou/current?month">$B:#7n$NM=Dj(B</a></li> |
| 48 |
|
|
<li><a href="katsudou/current?year">$B:#G/EYM=Dj(B</a></li> |
| 49 |
|
|
|
| 50 |
|
|
<li><a href="katsudou/current?taikai">$B:#G/EYBg2q;22CM=Dj(B</a></li> |
| 51 |
|
|
</ul> |
| 52 |
|
|
</div> |
| 53 |
|
|
|
| 54 |
|
|
<div class="menuitem" id="marching"> |
| 55 |
|
|
<h2 onclick="if (document.all.marching_list.style.display!='none') {document.all.marching_list.style.display='none'} else {document.all.marching_list.style.display='inline'}">$B%^!<%A%s%0$K$D$$$F(B</h2> |
| 56 |
|
|
|
| 57 |
|
|
<ul id="marching_list"> |
| 58 |
|
|
<li><a href="katsudou/current?theme">$BK\G/$N%F!<%^(B</a></li> |
| 59 |
|
|
<li><a href="taikai/jisseki">$BBg2q<B@S(B</a></li> |
| 60 |
|
|
<li><a href="taikai/marching">$B%^!<%A%s%0$H$O(B?</a></li> |
| 61 |
|
|
<li><a href="taikai/photo">$BBg2q!&%$%Y%s%H;22C<L??(B</a></li> |
| 62 |
|
|
</ul> |
| 63 |
|
|
</div> |
| 64 |
|
|
|
| 65 |
|
|
<div class="menuitem" id="member"> |
| 66 |
|
|
<h2 onclick="if (document.all.member_list.style.display!='none') {document.all.member_list.style.display='none'} else {document.all.member_list.style.display='inline'}">$B9=@.%a%s%P!<(B</h2> |
| 67 |
|
|
|
| 68 |
|
|
<ul id="member_list"> |
| 69 |
|
|
<li><a href="katsudou/current?part">$B:#=5$N0l2!$7%Q!<%H(B!?</a></li> |
| 70 |
|
|
<li><a href="katsudou/current?newmember">$B?7F~It0w>R2p(B</a></li> |
| 71 |
|
|
<li><a href="katsudou/koushi">$B9V;U>R2p(B</a></li> |
| 72 |
|
|
</ul> |
| 73 |
|
|
</div> |
| 74 |
|
|
|
| 75 |
|
|
<div class="menuitem" id="dantai"> |
| 76 |
|
|
<h2 onclick="if (document.all.dantai_list.style.display!='none') {document.all.dantai_list.style.display='none'} else {document.all.dantai_list.style.display='inline'}">$BCDBN@bL@(B</h2> |
| 77 |
|
|
|
| 78 |
|
|
<ul id="dantai_list"> |
| 79 |
|
|
<li><a href="introduction">BlueOcens $B$H$O(B</a></li> |
| 80 |
|
|
<li><a href="history">BlueOceans $B$NNr;K(B</a></li> |
| 81 |
|
|
<li><a href="kouen_ob/">$B8e1g2q$H(B OB$B!&(BOG $B2q$K$D$$$F(B</a></li> |
| 82 |
|
|
<li><a href="kouen_ob/kaichou">OB$B!&(BOG $B2qD9$K$D$$$F(B</a></li> |
| 83 |
|
|
<li><a href="kouen_ob/join">OB$B!&(BOG$B2q(B ($B8e1g2q(B) $BF~2q$K$D$$$F(B</a></li> |
| 84 |
|
|
</ul> |
| 85 |
|
|
</div> |
| 86 |
|
|
|
| 87 |
|
|
<div class="menuitem" id="iken"> |
| 88 |
|
|
<h2 onclick="if (document.all.iken_list.style.display!='none') {document.all.iken_list.style.display='none'} else {document.all.iken_list.style.display='inline'}">$B8f0U8+%3!<%J!<(B</h2> |
| 89 |
|
|
|
| 90 |
|
|
<ul id="iken_list"> |
| 91 |
|
|
<li><a href="board-t/board">$B7G<(HD(B</a></li> |
| 92 |
|
|
<li><a href="mailto:blue-oceans@suika.fam.cx" lang="en">e-mail</a></li> |
| 93 |
|
|
</ul> |
| 94 |
|
|
</div> |
| 95 |
|
|
|
| 96 |
|
|
<div class="menuitem"> |
| 97 |
|
|
<ul> |
| 98 |
|
|
<li><a href="link" title="$B4XO"%5%$%H(B">$B%j%s%/=8(B</a></li> |
| 99 |
|
|
</ul> |
| 100 |
|
|
</div> |
| 101 |
|
|
|
| 102 |
|
|
<address><a href="mailto:blue-oceans@suika.fam.cx" lang="en">$B%V%k!<%*!<%7%c%s%:(B</a> [<a href="http://www.tym.ed.jp/sc259/">$BIY;3;TN)1|EDCf3X9;(B</a>]</address> |
| 103 |
|
|
|
| 104 |
|
|
<div class="update">[<a href="whatsnew?" lang="en">What's New?</a>] |
| 105 |
|
|
<a href="http://validator.w3.org/check/referer" lang="en"><img |
| 106 |
|
|
src="http://www.w3.org/Icons/valid-html401" id="w3c-html" |
| 107 |
|
|
alt="Valid HTML 4.01!" style="height: 31px; width: 88px"></a> |
| 108 |
|
|
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://suika.fam.cx/okuchuu/blue-oceans/index.ja.html&profile=css2" lang="en"> |
| 109 |
|
|
<img style="width:88px;height:31px" id="w3c-css" |
| 110 |
|
|
src="http://jigsaw.w3.org/css-validator/images/vcss" |
| 111 |
|
|
alt="Valid CSS!"></a> |
| 112 |
|
|
</div> |
| 113 |
|
|
<script type="text/javascript"> |
| 114 |
|
|
document.all.katsudou_list.style.display = "none"; |
| 115 |
|
|
document.all.marching_list.style.display = "none"; |
| 116 |
|
|
document.all.member_list.style.display = "none"; |
| 117 |
|
|
document.all.dantai_list.style.display = "none"; |
| 118 |
|
|
document.all.iken_list.style.display = "none"; |
| 119 |
|
|
document.all.new_list.style.display = "none"; |
| 120 |
|
|
//document.styleSheets(0).addRule("div.menuitem", "display: inline"); |
| 121 |
|
|
document.styleSheets(0).addRule("div.menuitem", "margin-left: 30%; margin-right: 25%"); |
| 122 |
|
|
document.styleSheets(0).addRule("div.menuitem", "margin-right: 1em"); |
| 123 |
|
|
document.styleSheets(0).addRule("div.menuitem ul", "display: inline"); |
| 124 |
|
|
document.styleSheets(0).addRule("div.menuitem h2", "display: inline"); |
| 125 |
|
|
document.styleSheets(0).addRule("body", "font-size: 130%"); |
| 126 |
|
|
</script> |
| 127 |
|
|
|
| 128 |
|
|
</body></html> |