﻿/*各画面に設置されるどこでもジャンプボタン作成用のCSSです。

	作成日時2009年03月23日
	最終更新2009年03月23日
		09/03/23	仮作成。リンク先とかいじりなおさないと使えないけど、とりあえずokかな。
					利用方法は下記の通り。移転する時面倒なので基本的にリンクは相対パスな。



	画面上部メニューの挿入法講座	最終更新	09/03/23
1:html要素内head要素の中に以下の文章を挿入。jumper.cssは相対指定で場所を指定する事
<!--ここから-->
		<link rel="stylesheet" type="text/css" href="jumper.css" />　<!--htmlファイルとjumper.css(このファイル)が同じdirにある場合-->
<!--ここまで-->

----------------例----------------
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="formenu.css" />
		<link rel="stylesheet" type="text/css" href="jumper.css" />　<!--←＊ここに挿入されているよ＊-->
		<title>ページタイトル</title>
	</head>
<!--(中略)-->
</html>
----------------例----------------


2:メニューを挿入したい場所に以下の文章を挿入
<!--ここから-->
			<div id="jump">
				<table>
					<tr>
						<td><a href="index2.html">Top</a></td>
						<td><a href="aboutacf.html">AboutACF</a></td>
				        <td><a href="bbs.html">BBS</a></td>
				        <td><a href="schedule/08yotei.html">Activity</a></td>
						<td><a href="photoalbum/photoalbum5.html">Photo</a></td>
					</tr>
			        <tr>
				        <td><a href="originalgospel/index.html">Gospel</a></td>
				        <td><a href="http://acf.seesaa.net/">Blog</a></td>
				        <td><a href="map.html">SiteMap</a></td>
				        <td><a href="link.html">Link</a></td>
				        <td><a href="mail.html">Mail</a></td>
			        </tr>
				</table>
            </div>
<!--ここまで-->

----------------例----------------
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="formenu.css" />
		<link rel="stylesheet" type="text/css" href="jumper.css" />
		<title>ページタイトル</title>
	</head>

	<body>
		<div id="content">
											<!--ここから挿入-->
			<div id="jump">
				<table>
					<tr>
						<td><a href="index2.html">Top</a></td>
						<td><a href="aboutacf.html">AboutACF</a></td>
				        <td><a href="bbs.html">BBS</a></td>
				        <td><a href="schedule/08yotei.html">Activity</a></td>
						<td><a href="photoalbum/photoalbum5.html">Photo</a></td>
					</tr>
			        <tr>
				        <td><a href="originalgospel/index.html">Gospel</a></td>
				        <td><a href="http://acf.seesaa.net/">Blog</a></td>
				        <td><a href="map.html">SiteMap</a></td>
				        <td><a href="link.html">Link</a></td>
				        <td><a href="mail.html">Mail</a></td>
			        </tr>
				</table>
            </div>
											<!--ここまで挿入-->	
			<!--(中略)-->
	</body>
</html>
----------------例----------------


3:動作確認をする

4:( ﾟДﾟ)ｳﾏｰ

*/

div#jump table tr td a
{	display:block;
	width:100px;
	height:20px;
	text-decoration:none;
	border:solid 2px #ff0000;
	background-color:#ffffff;
	font-size:140%;
	color:#20b2aa;
	text-align:left;
	vertical-align:middle;
	}
	
div#jump table tr td a:hover
{	background-color:#ff69b4;
	color:#ffffff;
	}