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 |
<meta name="author" content="Blue Oceans, $BF#0f(B, $B<cMU(B"> |
14 |
<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 |
<div class="image-intro">$B"-Bh(B29$B2s%^!<%A%s%0%P%s%IA49qBg2q(B $BF|K\IpF;4[(B (2002/1/19)</div> |
24 |
<img src="2002/0119/Fa000001-small" alt="$BBh(B29$B2s%^!<%A%s%0%P%s%IA49qBg2q(B $BF|K\IpF;4[(B (2002/1/19)"><br> |
25 |
<img src="/~wakaba/bin/count/bo" alt="($B;2>H?t(B)"> |
26 |
</div> |
27 |
|
28 |
<div style="text-align: center">$B!=(B $BL\<!(B $B!=(B</div> |
29 |
|
30 |
<div class="menuitem" id="new"> |
31 |
<h2 onclick="if (document.all.new_list.style.display!='none') {document.all.new_list.style.display='none'} else {document.all.new_list.style.display='block'}">$B$*$7$i$;(B</h2> |
32 |
|
33 |
<ul id="new_list"> |
34 |
<li>$BA49qBg2qL5;v=*N;(B! <abbr title="BlueOceans">BO</abbr> $B$O6d>^$G$7$?!#>1@>Cf3X9;$O6b>^$G$7$?!#(B [<a href="2002/0119/LIST">$B<L??(B</a>]</li> |
35 |
<li>$B%&%$%s%?!<%^!<%A%s%0(B $B1|Cf$N=P1i;~4V(B 15:35$B!A(B15:45</li> |
36 |
<li>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!#(B)</li> |
37 |
<li>$BDj4|1iAU2qBG$A>e$2(B $B1iAU2qF1F|(B $B$H$d$^<+M74[$K$F(B 16:30$B:"$+$i(B</li> |
38 |
<li>2002$BG/(B4$B7n(B7$BF|(B($BF|(B) $B:y$^$D$j%Q%l!<%I(B</li> |
39 |
</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> |
103 |
<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>] |
104 |
[<a href="/" title="$B$3$N%5!<%P!<$N<sJG(B">/</a> |
105 |
<a href="/map" title="$B$3$N%5!<%P!<$N0FFb(B">$BCO?^(B</a> |
106 |
<a href="/search/" title="$B$3$N%5!<%P!<$N8!:w(B">$B8!:w(B</a>] |
107 |
</address> |
108 |
|
109 |
<div class="update"> |
110 |
<a href="http://validator.w3.org/check/referer" lang="en"><img |
111 |
src="http://www.w3.org/Icons/valid-html401" id="w3c-html" |
112 |
alt="Valid HTML 4.01!" style="height: 31px; width: 88px"></a> |
113 |
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://suika.fam.cx/okuchuu/blue-oceans/index.ja.html&profile=css2" lang="en"> |
114 |
<img style="width:88px;height:31px" id="w3c-css" |
115 |
src="http://jigsaw.w3.org/css-validator/images/vcss" |
116 |
alt="Valid CSS!"></a> |
117 |
</div> |
118 |
<script type="text/javascript"> |
119 |
document.all.katsudou_list.style.display = "none"; |
120 |
document.all.marching_list.style.display = "none"; |
121 |
document.all.member_list.style.display = "none"; |
122 |
document.all.dantai_list.style.display = "none"; |
123 |
document.all.iken_list.style.display = "none"; |
124 |
document.all.new_list.style.display = "none"; |
125 |
//document.styleSheets(0).addRule("div.menuitem", "display: inline"); |
126 |
document.styleSheets(0).addRule("div.menuitem", "margin-left: 30%; margin-right: 25%"); |
127 |
document.styleSheets(0).addRule("div.menuitem", "margin-right: 1em"); |
128 |
document.styleSheets(0).addRule("div.menuitem ul", "display: inline"); |
129 |
document.styleSheets(0).addRule("div.menuitem h2", "display: inline"); |
130 |
document.styleSheets(0).addRule("body", "font-size: 130%"); |
131 |
</script> |
132 |
|
133 |
</body></html> |