石垣島観光ガイド

課題

ローカルページでのキャプチャスクロールの方法が分からなかったのでとりあえずページ全体をブログに乗せるために文字サイズを変更しました。



@charset "UTF-8";

*1317529561* {
  margin:0;
  padding:0;
}
body {
  color:#333333; 
  font-size:1em;
  font-family:
    "Hiragino Kaku Gothic Pro",
    "ヒラギノ 角ゴ Pro W3",
    Meiryo,
    "メイリオ",
    Osaka,
    "MS PGothic",
    "ＭＳ Ｐゴシック",
    sans-serif;
  line-height:1.7;
  margin:10px;
  padding:0;
  background-color:#FFFFFF;
}
div#container {
  width:780px;
  margin: 25px auto 0 auto;
  border-right:solid 15px #87cefa;
  border-bottom:solid 15px #87cefa;
  border-left:solid 15px #87cefa;
}
div#content {
  margin:25px 20px;
  width:740px;
}
div.section {
  margin:20px 0;
}
p.section {
  font-size:0.9em;
  color:#0850B2;
  margin:5px 0;
}
h1 {
  color:#0850B2;	
  padding:10px 0 0 0;
}
h2 {
  color:#00008b;
  margin-top:15px;
  margin-right:5px;
  margin-bottom:15px;
  padding-left:7px;
  border-left:solid 5px #4169e1;
  letter-spacing: 0.3em;
}
h3 {
  font-size:1em;
  padding:3px 3px;
  background-color:#87cefa;
  border-top:solid 1px #4169e1;
  border-bottom:solid 1px #4169e1;
}
p {
  font-size:0.8em;
  margin:5px 0 5px 0;
}



<?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" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>1カラムレイアウト1</title>
<link href="css/base3.css" rel="stylesheet" type="text/css" media="screen,print" />
</head>
<body>
<div id="container">
<div id="content">
<div class="section">
<h1>石垣島観光ガイド</h1>
<p>
　石垣島は八重山諸島の中で一番大きな島で、沖縄で3番目に大きな島です。 
沖縄からは、空路で約1時間、沖縄より台湾に近く南に位置します。
気候は亜熱帯気候で、1年を通じて平均気温は27度もあります。
亜熱帯気候のため、マングローブの森や色とりどりの南国の花が咲き、
赤瓦屋根の民家、 そして何よりも、鮮やかなコバルトブルーの海岸は、
多くの観光客をひきつけ、 特にダイバーやシュノーケリングを楽しむ人にとっては
格好の場所になっています。
</p>
</div>

<h2>観光スポット</h2>

<div class="section">
<h3>「川平 (かびら) 湾」</h3>
<p class="section">
石垣港から車で約20分
</p>
<p>
石垣を代表する景勝地で、エメラルド色のサンゴ礁と黒真珠の養殖でよく知られています。 
潮の流れが早いため、遊泳は禁止されています。
</p>
</div>
<div class="section">
<h3>「宮良川 (みやらがわ) のヒルギ林」</h3>
<p class="section">
石垣港からバスで30分宮良橋で下車
</p>
<p>
巨大なマングローブ林(ヒルギ群落)があり、国の天然記念物に指定されているほど壮大です。
</p>
</div>
<div class="section">
<h3>「底地 (すくじ) ビーチ」</h3>
<p class="section">
川平港から車で約10分
</p>
<p>
マリンスポーツが楽しめ、マンタがみられることから、ダイバーに人気があります。
</p>
</div>
<div class="section">
<h3>「フサギビーチ」</h3>
<p class="section">
石垣港からバスで30分、宮良橋下車
</p>
<p>
島の西側にあるビーチで、西表(いりおもて)島に沈む美しいサンセットが見られる
ビーチとして有名です。
</p>
</div>
<div class="section">
<h3>「米原海岸」</h3>
<p class="section">
石垣空港より車で約30分
</p>
<p>
米原キャンプ場が隣接していて、ビーチパーティが楽しめます。潮の流れが早いため、
遊泳は禁止されています。
</p>
</div>
<div class="section">
<h3>「マエザトビーチ」</h3>
<p class="section">石垣空港より車で約5分
</p>
<p>
ホテル内にあるリゾートビーチですが、宿泊者以外でも利用可能です。ファミリー向け
リゾート地で、シュノーケルのレンタルもあります。
</p>
</div>
<div class="section">
<h3>「明石パラワールド」</h3>
<p class="section">
石垣市街地より車で45分
</p>
<p>
島の北方で水牛などの牧場が広がる地域に1997年にできました。素晴らしい景観を見ながら、
パラグライダーを楽しむことが出来ます。
</p>
</div>
</div>
</body>
</html>