* デフォルトスタイルシートの影響を減らすため */
* {
	margin: 0;
	padding: 0;
}

/* ページのレイアウト　背景、中央割付 */
body {
	background-color: #ddffff;
	background-image: url(top_graphic/pageback_photo.jpg);
	background-repeat: repeat-y;
	text-align: center;
}

/* ヘッダー　サイト内リンクのテーブル 　　　右メニューに移行　　*/
table.header {
	background-color: #66cccc;
	border-color: #FFFFFF #006600 #000066 #CCFFFF;
	border-style: outset;
	text-align: center;
}
/* ヘッダー　サイト内リンクのセル内 センタリング 　　　右メニューに移行　　*/
table.header tr {
	text-align: center;
}
/* ヘッダー　サイト内リンクのアイコン  　　　右メニューに移行　　*/
table.header img {
	border : none;
        width : 136; height : 36; 
}


/* 各ページのタイトルのテーブル */
table.title {
       background-color: #ccf5cc;
       border-color: #FFFFFF #336633 #0000FF #CCFFFF;
       border-style: outset;
       color: #000033;
       width : 95%;
       margin: 0px 0px 20px 0px
}

/* 各ページのタイトル　左のページタイトルのセル */
td.title {
        text-align : center; vertical-align : top; 
        width : 251;
}
/* 各ページのタイトル　左のページタイトルのアイコン,h1 */
td.title img{
	border : none;
        width : 251;
}
h1 {
        display: inline;
        text-align: center;
	font-size: 2em;
	font-weight: bold;
}

/* 各ページのタイトル　右の解説のセル */
td.description {
        text-align : right; vertical-align : bottom; 
}
/* 各ページのタイトル　左下のサブタイトルのセル */
td.sub-title {
        display: inline;
        text-align: center;
	font-size: 1.5em;
	font-weight: bold;
        width : 251;
}
td.sub-title img {
        border: none;
        width: 15px;
}

/* 各ページのタイトル　下のサブメニューのセル */
td.sub-menu {
        text-align : left; vertical-align : middle;
        padding : 0.5em;
}
/* 各ページのタイトル　下のサブメニューのマーク */
td.sub-menu img {
        border: none;
        width: 13px;
        margin : 0px 5px 0px 13px;
}


/* メインブロック　本体の幅 */
.width {
　　　　width : 100%;
        margin : 0px auto;
}

/* メインブロック　左・中央寄せ */
.main {
　　　　width : 90%;
	text-align: center; vertical-align : top; 
        margin : 0px auto;
}


/* ページ内の章 */
h2 {
	background-color: #FFFFee;
	text-align: left;
	color: #005500;
	font-size: large;
	font-weight: bold;
　　　　padding: 0px 0px 0px 10px;
}

/* 左寄せにしたい解説文 */
.descriptive {
	text-align: left;
	padding-left: 20px;
        text-indent: 1em;
}

/* 左寄せにしたい文 */
.hidari-yose {
	text-align: left;
}
/* 右寄せにしたい文 */
.migi-yose {
	text-align: right;
}

/* 強調emは斜体なしの太字 */
em {
	font: normal bold medium sans-serif;
}

/* 定義型リストの見出し語dtは太字 */
dt {
	font: normal bold medium sans-serif;
　　　　padding: 5px 0px 0px 0px;
}

/* 定義型リストにおけるアイコンと文字の関係 DGR-RTS-Fで使用*/
dt img {
	margin:0px 10px 0px 0px ;
        vertical-align: middle; 
}

/* 一回り小さい字 */
.small {
	font-size: 0.8em;
}
/* 赤字 */
.red {
	color : red;
}

/* 一回り小さい赤字 */
.small-red {
	font-size : 0.8em;
	color : red;
}

/* 更新のマーク */
.new {
	background: url('top_graphic/new.gif') no-repeat;
	width: 40px;
	height:18px;
}



/* 内枠入りの表 */
table.uchiwaku {
	border: ridge 2;
	border-collapse: collapse;
        empty-cells: hide;
}
table.uchiwaku td {
	border: ridge 2;
        text-align: center;
        vertical-align: top;
	border-collapse: collapse;
        empty-cells: hide;
}

/* 内枠入りの表 文章用 */
table.uchiwaku-bun {
	border: ridge 2;
	border-collapse: collapse;
        empty-cells: hide;
}
table.uchiwaku-bun td {
        padding: 5px;
	border: ridge 2;
        text-align: left;
        vertical-align: top;
	border-collapse: collapse;
        empty-cells: hide;
}

/* フロートのクリア */
.float-clear {
	clear : both;
}

/* このページのトップへ用 */
.to_page-top {
	text-align:right;
	font-size: small;
	color: #006600;
	}

/* 前のページへ */
.previous-page {
	text-align: left;
}
/* 次のページへ */
.next-page {
	text-align: right;
}



/* 監視カメラ映像集用   動画とそのサンプル画像(大き目)*/
table.fuji-camera {
	background-color: #e3ffee;
	border: 3px groove #FFFFFF;
	empty-cells:hide;
        margin: 10px;
	text-align: center;
}
table.fuji-camera th {
	background-color: #FDF8FF;
	font-weight: bold;
	text-align:center;
	border: 2px ridge #FFFFFF;
}
table.fuji-camera th img{
	vertical-align: middle;
        width: 100px; height: 75px;
}
table.fuji-camera td {
        padding: 2px;
        text-align: left;
        width: 355px;
}
table.fuji-camera td img{
	vertical-align: middle;
        width: 200px;
	border: none;
}
table.fuji-camera td.movie-cell{
	 background-repeat: no-repeat;
	 background-position: center;
	 text-align: center;
	 vertical-align: middle;
	 font-size:x-large; sans-serif;
}
table.fuji-camera td.movie-cell a{
	 text-decoration: none;
}

/* 監視カメラ写真集用     小さ目の写真のみの一覧*/
table.fuji-camera_photo {
	background-color: #e3ffee;
	border: 3px groove #FFFFFF;
	empty-cells:hide;
        margin: 10px;
	text-align: center;
}
table.fuji-camera_photo th {
	background-color: #FDF8FF;
	font-weight: bold;
	text-align:center;
	border: 2px ridge #FFFFFF;
}
table.fuji-camera_photo th img{
	vertical-align: middle;
        width: 100px; height: 75px;
}
table.fuji-camera_photo td {
        padding: 2px;
        text-align: left;
        width: 160px;
}
table.fuji-camera_photo td img{
	vertical-align: middle;
        width: 150px;
	border: none;
}


/* 各ページのタイトル　今週の富士山バックナンバーの右インデックス用 */
.movie-index img{
	vertical-align: bottom; text-align: right;
        width: 100px; height: 75px;
        border: none;
}

/* 今週の富士山バックナンバーリスト用 */
table.recentfuji-list {
        width: 98%;
	empty-cells:hide;
        margin: 0.2em;
	text-align: center;
}
table.recentfuji-list th {
        background-color : #ccf5cc;
        padding: 0.8em 0em 0.1em;
	text-align: center; vertical-align : bottom;
        display : block;
}
table.recentfuji-list td {
        width: 23%;
        padding: 0.2em;
        background-color : #e3ffee;
        text-align: left; vertical-align : top;
        border: solid 1px seagreen;
        display : block;
}
table.recentfuji-list img{
	vertical-align: top;
        width: 100px; height: 75px;
        border: none;
        float : left;
}
table.recentfuji-list td a{
        display : block;
        color : black;
        text-decoration: none; 
        height : 100%;
}
table.recentfuji-list td a:active{
        background-color : yellow;
        height : 100%;
}
table.recentfuji-list td a:visited{
        color : purple;
        background-color : #f5ffff;
        height : 100%;
}
table.recentfuji-list td a:hover{
        background-color : lightcyan;
        color : firebrick;
}


/* 富士山の雲　笠雲･吊雲の各頁用     大き目の写真の一覧→divに移行*/
table.cap-cloud_photo {
	background-color: #e3ffee;
	border: 3px groove #FFFFFF;
	empty-cells:hide;
        margin: 10px;
	text-align: center;
}
table.cap-cloud_photo th {
	background-color: #FDF8FF;
	font-weight: bold;
	text-align:center;
	border: 2px ridge #FFFFFF;
}
table.cap-cloud_photo td {
        padding: 2px;
        text-align: left;
        width: 250;
}
table.cap-cloud_photo td img{
	vertical-align: middle;
        width: 250px;
	border: none;
}

/* 富士山の雲　笠雲･吊雲の各頁用     大き目の写真の一覧*/
div.cap-cloud {
        width: 220px;    /*　写真2枚 width: 430px;　写真3枚 width: 640px;　それ以上 div.cap-cloud_long　*/
        overflow: visible ;
	background-color: #e3ffee;
	border: 1px groove #FFFFFF;
        margin: 2px; padding: 2px; 
	text-align: center;
	float: left;
}
div.cap-cloud_data {
        width: 90%;
        margin: auto; 
	background-color: #FDF8FF;
	border: 2px ridge #FFFFFF;
	font-weight: bold;
	text-align: center;
}
div.cap-cloud_photo {
        width: 200px;
        margin: 2px; 
	text-align: center;
        float:left;
}
div.cap-cloud_photo img{
        width: 200px;
        margin: 2px; 
	border: none;
}

/* 富士山の雲　笠雲･吊雲の各頁用    横長の一覧*/
div.cap-cloud_long {
	background-color: #e3ffee;
	border: 1px groove #FFFFFF;
        margin: 2px; padding: 1px; 
	text-align: center;
	float: left;
}
div.cap-cloud_long_cell {
        width: 95%;
        margin: auto; 
	text-align: left;
        float:left;
}


/* 富士山の雪用 */
table.snow-line {
	empty-cells:hide;
        margin: 5px;
	text-align: center;
}
table.snow-line th {
	font-weight:normal;
        border: 1px lightsteelblue solid; }


}
table.snow-line td {
	height:59;
}
table.snow-line img{
        border: none;
}

.2002 {
        background-color:#ffff99;
}
.2003 {
        background-color:#ffcc99;
}
.2004 {
        background-color:#cc6666;
}
.2005 {
        background-color:#ff66cc;
}
.2006 {
        background-color:#ff99ff;
}
.2007 {
        background-color:#cc99ff;
        color:white;
}
.2008 {
        background-color:#6666ff;
        color:white;
}
.2009 {
        background-color:#9999ff;
        color:white;
}
.2010 {
        background-color:#ccffff;
}
.2011 {
        background-color:#99ff99;
}
.2012 {
        background-color:#99cc99;
}



/* 富士山の露頭用 */
table.outcrop {
	border: 3px groove #FFFFFF;
        background-color : #FFECFF;
	empty-cells:hide;
        margin: 5px;
	text-align: center;
}
table.outcrop td {
        width : 410px;
        padding: 5px;
        text-align: center;
}
table.outcrop img{
        border: none;
        width : 400px; height : 300px;
}

/* 関連文献用　リスト全体 */
ul.literatures {
	margin: 20px 20px 10px;
        list-style: square url("literature_graphic/image-bluesquare.GIF") inside;
}

/* 関連文献用　論文ごと */
ul.literatures li {
	text-indent: -2em;
	padding: 0.1em 0.5em 0.1em 3em;
	background-color: #CCFFCC;
	text-align: left;
	margin:5px 10px;
}
ul.literatures li:hover {
        background-color:palegoldenrod; 
}


/*  右メニュー　左寄せ */
.menu {
        width: 10%;
        background-color: #ccf5cc;
	border-color: #FFFFFF #006600 #000066 #CCFFFF;
	border-style: outset;
        text-align: center; vertical-align : top; 
}
/*  右メニュー　サイト内リンクのテーブル */
.menu table {
        width: 150px;
}
/*  右メニュー　サイト内リンクのセル */
.menu tr {
	text-align: center;
}
/*  右メニュー　サイト内リンクのアイコン */
.menu img {
        margin : 1pt;
	border : none;
        width : 136px; height : 36px; 
}



/* フッター */
.footer {
        width: 10%;
        background-color: #ccf5cc;
	border-color: #FFFFFF #006600 #000066 #CCFFFF;
	border-style: outset;
        text-align: center; vertical-align: bottom; 
}

/* フッター　サイト外リンクのアイコン */
.footer img {
        border : none;
	text-align: center;
        width: 150px; height: 40px;
        margin: 5px;
}


東カメラ(山中湖)：日本大学文理学部山中湖セミナーハウス，北カメラ(河口湖)：河口湖南中学校,西カメラ(田貫湖)：日本大学生物資源科学部富士自然教育センター,南西カメラ(富士宮)：(財)石の博物館　奇石博物館,南東カメラ(三島)：日本大学国際関係学部


/* 共通ヘッダー，フッター
<html>
<head>

<title>富士山観測プロジェクト</title>
<meta name="keywords" content="富士山">
<meta name="discription" content="富士山監視カメラの画像を使用した動画，笠雲・積雪状況のリスト.">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<link rel="stylesheet" href="page-temp.css" type="text/css">
<script type="text/javascript" src="rollover.js"></script>
</head>

<body onLoad="MM_preloadImages('top_graphic/fujiproject2.jpg','top_graphic/recent-s2.gif','top_graphic/recentfuji-back-s2.gif','top_graphic/cloud-s2.gif','top_graphic/snow-s2.gif','top_graphic/rotou-s2.gif','top_graphic/paper-s2.gif','top_graphic/diaster-s2.gif','top_graphic/dgi-rts-f2.gif','top_graphic/v1-title2.gif','top_graphic/fuji-kanshi2.jpg','top_graphic/diaster-enviro2.jpg','top_graphic/ESS2.jpg')">

<!---- タイトルバー ---->

<table class="title" id="page-top">
   <tr>
      <td class="title"><h1><img src="top_graphic/fuji-cloud2.gif" alt="富士山の雲"></h1></td>
      <td class="description">富士山の雲の出来方や種類を紹介します．</td>
   </tr>
   <tr>
      <td class="sub-title"></td>
      <td class="sub-menu"></td>
   </tr>
</table>

<!---- タイトルバー　終わり ---->


<!---- 本体　枠幅決め ---->
<table class="width">
  <tr>

<!---- 本文　左セル ---->
   <td class="main" rowspan="2">


<p class="to_page-top"><a href="#page-top">↑このページの最初へ</a></p>

<br>
<div>画像をクリックすると大きく表示されます．<br>
   無断転載・転用を禁止します</div>

   </td>
<!---- 本文終わり ---->

<!---- メニュー　右セル ---->
   <td class="menu">

<table>
    <tr><td><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('fujiproject','','top_graphic/fujiproject2.jpg',1)"><img id="fujiproject" src="top_graphic/fujiproject.jpg" style="width: 150px; height: 40px;" alt="日本大学　富士山観測プロジェクト"></a></td></tr>
    <tr><td><a href="recentfuji.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('recent-s','','top_graphic/recent-s2.gif',1)"><img id="recent-s" src="top_graphic/recent-s1.gif" alt="今週の富士山"></a></td></tr>
    <tr><td><a href="movie-top.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('recentfuji-back-s','','top_graphic/recentfuji-back-s2.gif',1)"><img id="recentfuji-back-s" src="top_graphic/recentfuji-back-s1.gif" alt="今週の富士山バックナンバー"></a></td></tr>
    <tr><td><a href="cap-cloud.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cloud-s','','top_graphic/cloud-s2.gif',1)"><img id="cloud-s" src="top_graphic/cloud-s1.gif" alt="富士山の雲"></a></td></tr>
    <tr><td><a href="snow-line/fuji-snow-line.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('snow-s','','top_graphic/snow-s2.gif',1)"><img id="snow-s" src="top_graphic/snow-s1.gif" alt="富士山の雪"></a></td></tr>
    <tr><td><a href="fuji-fieldm-top.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rotou-s','','top_graphic/rotou-s2.gif',1)"><img id="rotou-s" src="top_graphic/rotou-s1.gif" alt="富士山の露頭"></a></td></tr>
    <tr><td><a href="literatures.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('paper-s','','top_graphic/paper-s2.gif',1)"><img id="paper-s" src="top_graphic/paper-s1.gif" alt="富士山関連文献"></a></td></tr>
    <tr><td><a href="web_map/index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('diaster-s','','top_graphic/diaster-s2.gif',1)" target="web_map"><img id="diaster-s" src="top_graphic/diaster-s1.gif" alt="富士山防災地図"></a></td></tr>
    <tr><td><a href="dgi-rts-f/dgi-rts-f.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image-dgi-rts-f','','top_graphic/dgi-rts-f2.gif',1)"><img src="top_graphic/dgi-rts-f1.gif" id="Image-dgi-rts-f" alt="富士山防災地図の使い方"></a></td></tr>
    <tr><td><a href="v1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image-fuji-whatsvolcano','','top_graphic/v1-title2.gif',1)"><img src="top_graphic/v1-title1.gif" id="Image-fuji-whatsvolcano" alt="火山ってなんだろう" ></td></tr>
</table>

   </td>
<!---- メニュー終わり ---->

<!-----フッター---->
<tr>
<td class="footer">

<table>
    <caption>外部リンク</caption>
    <tr><td><a href="http://fuji.chs.nihon-u.ac.jp/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image-fuji-kanshi','','top_graphic/fuji-kanshi2.jpg',1)" target="_blank"><img src="top_graphic/fuji-kanshi1.jpg" id="Image-fuji-kanshi" alt="日本大学富士山監視ネットワークへ"></a></td></tr>
    <tr><td><a href="http://www.geo.chs.nihon-u.ac.jp/saigai/index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image-diaster-enviro','','top_graphic/diaster-enviro2.jpg',1)" target="_blank"><img src="top_graphic/diaster-enviro1.jpg" id="Image-diaster-enviro" alt="自然災害と環境問題へ"></a></td></tr>
    <tr><td><a href="http://www.geo.chs.nihon-u.ac.jp/html/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image-ESS','','top_graphic/ESS2.jpg',1)" target="_blank"><img src="top_graphic/ESS1.jpg" id="Image-ESS" alt="日本大学文理学部地球システム科学科"></a></td></tr>
    <tr><td><a href="http://www.chs.nihon-u.ac.jp/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image-bunnri','','top_graphic/bunnri2.jpg',1)" target="_blank"><img src="top_graphic/bunnri1.jpg" id="Image-bunnri" alt="日本大学文理学部"></a></td></tr>
</table>

</td>
<!-----フッター終わり---->

</tr>
</table>
<!-----本体終わり---->


</body>
</html>