プレビュー fire foxのみ coda mi css認証 HTML認証 確認済み

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
	<head>
	    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	    <meta http-equiv="Content-Style-Type" content="text/css" />
		<title>皆既日食</title>
		<style type="text/css">
			<!--
			* {
			    margin: 0;
			    padding: 0;
			}
			ul{
			    list-style-type: none;
			}
			img {
			    border: none;
			}
			body {
			    color: aqua;
			    font-size: 1.5em;
			    font-family: 
			        "ヒラギノ角ゴ Pro W3",
			        "Hiragino kaku Gothic Pro",
			        "Hragino kaku Gothic Pro W3",
			        "メイリオ",
			        Meiryo,
			        Osaka,
			        "MS Pゴシック",
			        "MS PGothic",
			        sans-serif;
			        background-color: #000;
			        background-repeat:repeat;
			}
			#container {
			    width: 800px;
			    height: auto;
			    margin: 0 auto;
			    padding: 10px;
			    background-color: #fff;
			    overflow: hidden;
			}
			#header {
			    width: auto;
			    height: 100px;
			    margin: 0 0 10px 0;
			    background-color: #f00;
			}
			#content {
			    float: right;
			    width: 600px;
			    height: 730px;
			    margin: 0 0 10px 0;
			    padding: 10px;
			    background-color: #0f0;
			}
			#primary {
			    width:auto;
			    height: auto;
			    float: right;
			     
			}
			#sidebar {
			    float: right 150px;
			    height: auto;
			    padding: 10px 10px 0 10px;
			    background-color: #ff0;
			}
			#sidebar li {
			    height: 200px;
			    margin: 0 0 10px 0;
			    padding: 20px;
			}
			#wrapper{
			    width: 100%;
			}
			#footer {
			    clear: both;
			    width: 800px;
			    height: 100px;
			    background-color: #00f;
			    color: #f0f;
			}
			#address {
			    font-size: 20px;
			    text-align: center;
			    padding: 15px 0 0 0;
			}
			p {
			    color: #666; font-size: 16px; font-family: "Lucida Grande", Arial, sans-serif; font-weight: normal; margin-top: 0;
			}
			h1 {
			    color: #f1f; font-size: 20px; font-family: "Lucida Grande", Arial, sans-serif; font-weight: 500; line-height: 32px; margin-top: 4px;
			}
			h2 {
			    color: #ff4; font-size: 50px; font-family: "Lucida Grande", Arial, sans-serif; font-weight: bold; text-align: center; letter-spacing: -1px; width: auto; 
			}
			h3 {
			    color: #009; font-size: 28px; font-family: "Lucida Grande", Arial, sans-serif; font-weight: normal; text-align: center; margin: auto 0 0;
			}
			h4 {
			    color: #009; font-size: 20px; font-family: "Lucida Grande", Arial, sans-serif; font-weight: normal; text-align: center; margin: auto;
			}
			a {
			    color: #49f; text-decoration: underline;
			}
			-->
			</style>
	</head>
	<body>
	<div id="primary"></div>
			<div id="container">
		<div id="header">
		    <h2>金環日食</h2>
		    </div>
			<div id="wrapper">
			<div id="content">
			<h3>2012年5月21日に起こる日食の概要</h3>
			<p>「日食」は、太陽の手前を月が横切るために、太陽の一部または全部が月によって隠される現象です。

「部分日食」を含めると、地球全体では1年に数回の日食が起きていますが、毎回「皆既日食」や「金環日食」になるわけではありません。また、「皆既日食」や「金環日食」は大変狭い範囲でしか見ることができないため、あるひとつの場所で考えると、「皆既日食」や「金環日食」はめったに起こらない珍しい現象ということになります。(日食についての詳しい説明は日食とはをご覧ください。)

2012年5月21日には、日本でその「金環日食」が起こります。全国で部分日食を見ることができるほか、九州地方南部、四国地方南部、近畿地方南部、中部地方南部、関東地方など広範囲で金環日食を見ることができます。

金環日食では、皆既日食のようにコロナやプロミネンスが見えたり、星が見えるほどに暗くなったりはしませんが、太陽がドーナツ状に見え、曇りのときのようにあたりが薄暗くなる様子を観察することができます。
</p>
<h4>いつ どこで見れるの?</h4>
<p>
日本の陸地に限ると、金環日食が観察できるのは、1987年9月23日に沖縄本島などで見られた金環日食以来のことです。次回も2030年6月1日に北海道で見られる金環日食まで、18年間起こりません。非常に珍しい現象と言えるでしょう。今回の日食では、九州南部・四国の大部分・紀伊半島から本州の関東付近にかけての地域などを通る「中心食帯」と呼ばれる帯状の地域の中で、金環日食を見ることができます。また、それ以外の地域では、日本全国で部分日食を見ることができます。

中心食帯の中では、太陽の前面を月が通過するために、食が最大になる前後には、太陽がドーナツ状になる様子を観察することができます。中心食帯の中心に近いほど月は太陽の真ん中を通り、中心食帯の端の地域ほど、月は太陽の真ん中から外れたところを通ることになります。

東京・静岡・京都・高知・鹿児島などは、この中心食帯の中にあります。

また、中心食帯の外側にある地域では部分日食が観察されます。中心食帯に近い場所で観察するほど大きく欠けます。

日食の欠ける深さを「食分」という数値で表します。食分0.1とは、太陽の直径の10%まで太陽面上に月が入り込み、太陽が欠けることを意味しています。今回の日食では、中心食帯の外にある仙台での食分は最大で0.929、那覇で0.901、中心食帯からやや離れている札幌でも食分0.840まで欠けます。
</p>
			</div>
			<div id="sidebar">
			<ul>
			    <li><a href="http://f.hatena.ne.jp/egz1984/20120521031023"><img src="http://img.f.hatena.ne.jp/images/fotolife/e/egz1984/20120521/20120521031023.jpg" width="100" height="100" alt="日食画像"></a></li>
			    <li><a href="http://f.hatena.ne.jp/egz1984/20120521031022"><img src="http://img.f.hatena.ne.jp/images/fotolife/e/egz1984/20120521/20120521031022.png" width="100" height="100" alt="日食画像"></a></li>
			    <li><a href="http://f.hatena.ne.jp/egz1984/20120521031021"><img src="http://img.f.hatena.ne.jp/images/fotolife/e/egz1984/20120521/20120521031021.jpg" width="100" height="100" alt="日食画像"></a></li>
			</ul>
			</div>
			</div>
			<div id="footer">
			<address>EGZ PRODUCTION.COM<br />住所 東京都横浜市西成町1−2−3ダー<br />TEL-03-1234-5678</address>
			</div>
			</div>
	</body>
</html>^S