body { margin: 0; /* ==上からの距離 0px=========== */ padding: 0; background-color: #ffffff; /* ==ページ全体の背景色(薄いグレー)== */ /* color: #000000; */ /* ==本文の文字色== */ } /* ===== ラッパー(箱を入れるための全体の箱) ===== */ #wrapper { width: 1003px; /* ==ラッパーの横幅(1000px)== */ /* height:4800px; */ /* ==ラッパーの高さ== */ background-color: #ffffff; /* ==ラッパーの背景色(黒 333333)== */ } /* ===== ヘッダ (アフィリエイト広告欄)===== */ #header { width: 100%; /* ==ヘッダ部背景画像の横幅(100%)== */ height: 67px; /* ==ヘッダ部の高さ== */ background-color: #ffffff; /* ==ヘッダ部背景画像の奥の背景色 ヘッダ画像の裏の背景色(白)== */ } /* ===== ヘッダ (アフィリエイト広告欄)のテーブル(表)のＣＳＳ== */ .header-table { width: 1000px; /* ==テーブルの横幅========================================== */ height: 67px; /* ==テーブルの高さ========================================== */ } .header-table-c1 { width: 250px; /* ==1列目の幅== */ background-color: #ffffff; /* ==テーブル１列目背景の背景色(白)=行指定の色が優先されるのでこの色にならない。= */ } .header-table-c2 { width: 250px; /* ==2列目の幅== */ background-color: #ffffff; /* ==テーブル２列目背景の背景色(白)== */ } .header-table-c3 { width: 250px; /* ==3列目の幅== */ background-color: #ffffff; /* ==テーブル3列目背景の背景色(白)== */ } .header-table-c4 { width: 250px; /* ==4列目の幅== */ background-color: #ffffff; /* ==テーブル4列目背景の背景色(白)== */ } .header-table-01 { margin: 0; /* ==テーブルの枠外からの距離 上,右,下,左==================== */ padding:2px 0px 2px 0px; /* ==テーブルの内側の縦横幅 上,右,下,左====================== */ } /* ===== ヘッダ２段目 （ヘッダ画像）===================================================================== */ #header2 { width: 100%; /* ==ヘッダ部背景画像の横幅(100%)=========================== */ height: 93px; /* ==ヘッダ部の高さ========================================= */ background-color: #ffffff; /* ==ヘッダ部背景画像の奥の背景色 ヘッダ画像の裏の背景色(深緑色 50c033)== */ background-image: url(japangolf-header.png); /* ==ヘッダ部背景画像の指定============================ */ background-repeat: no-repeat; /* ==ヘッダ部背景画像の繰返しナシ=========================== */ } /* ===== ヘッダタイトル IE7.0 (ヘッダ部のタイトルをテキストで入れる場合に使用) ============== */ /* #header2 h1 { position: absolute; right: 416px; font-size: 9pt; color: #9966ff; font-family:'HG丸ｺﾞｼｯｸM-PRO','AR P丸ゴシック体E','ＭＳ ゴシック',sans-serif; margin: 76px 0px 0px 0px; } */ /* ===== ヘッダタイトル firefox, chrome (ヘッダ部のタイトルをテキストで入れる場合に使用) ==== */ /* html>body #header2 h1 { position: absolute; right: 420px; font-size: 9pt; color: #9966ff; font-family:'ＭＳ Ｐゴシック',sans-serif; margin: 76px 0px 0px 0px; } */ /* ====ヘッダ部(タイトル画像のロゴマーク部分付近)のリンク設定 ======= */ #header2 a { display: block; margin-left: 30px; /* ==リンク枠(ブロック)の左からの距離===== */ width: 300px; /* ==リンク枠(ブロック)の幅=============== */ height:70px; /* ==リンク枠(ブロック)の高さ============= */ } #header2 a:link { text-decoration: none; /* 文字装飾 ============================== */ color: #ffffff; /* 文字の色 ===================================== */ } /* ====訪問後のリンク枠(ボタン)の設定　訪問前と同じ================== */ #header2 a:visited { text-decoration: none; /* 文字装飾 ===============================*/ color: #ffffff; /* 文字の色 ===============================*/ } /* ====リンク枠にマウスを乗せた状態(ロールオーバー)の設定 =========== */ #header2 a:hover { text-decoration: none; /* 文字装飾 ============================== */ color: #ffffff; /* 文字の色 ============================== */ } /* ====リンク枠にマウスを乗せ左ボタンを押したままの状態の設定======== */ #header2 a:active { text-decoration: none; /* 文字装飾 ============================== */ color: #ffffff; /* 文字の色 ===================================== */ } /* ===== ヘッダ２段目の「タイトル名」のみ画像を重ねて表示部分 (タイトル名画像を

タグに入れるために使用)===== */ #header3 h1 { position: absolute; top: 65px; left: 295px; margin: 76px 0px 0px 0px; /* ==ヘッダ部のタイトルの配置 上,右,下,左== */ } /* ===== メニューIE7.0 ===================================================================== */ /* ==#headerと分けてあるためヘッダ部の下部にメニューができる================================ */ .menu { margin: 0; /* ==メニュー帯の周囲の縦横幅(0)======================== */ padding: 2px 0 2px 11px; /* ==メニュー帯の自体のボタンとの間隔縦横幅 上,右,下,左= */ border-top: 1px solid #ffffff; /* ==メニュー帯上部の線（白）=========================== */ background-color: #00ffcc; /* ==メニュー帯全体の背景色(明るい青緑色 00ffcc)======== */ } /* ===== メニュー firefox, chrome=========================================================== */ /* ==#headerと分けてあるためヘッダ部の下部にメニューができる================================ */ html>body .menu { margin: 0; /* ==メニュー帯の周囲の縦横幅(0)======================== */ padding: 2px 0 2px 4px; /* ==メニュー帯の自体のボタンとの間隔縦横幅 上,右,下,左= */ border-top: 1px solid #ffffff; /* ==メニュー帯上部の線（白）=========================== */ background-color: #00ffcc; /* ==メニュー帯全体の背景色(明るい青緑色 00ffcc)======== */ } /* ===== メニュー内の文字をイメージ(フォント)にして重ねようとしたが、イメージ画像の真上のリンクが適用されなかったのでやめた。 === */ /* #menu01 img { position: absolute; left: 17px; margin-top: -20px; } */ /* ================================================================================== */ /* ======リンク枠(メニューボタン)の設定 IE7.0======================================== */ .menu a { float: left; /* ==まわりこみ指定 ============================= */ display: block; /* ==ブロック枠単位でリンク設定する============== */ margin-left: 3px; /* ==リンク枠(ボタン)の左側(ボタン間)の間隔====== */ margin-right: 1px; /* ==リンク枠(ボタン)の右側(ボタン間)の間隔====== */ padding: 2px 0 0 0; /* ==リンク枠(ボタン)の内側の間隔 上,右,下,左==== */ width: 136px; /* ==リンク枠(ボタン)の幅======================== */ height:20px; /* ==リンク枠(ボタン)の高さ====================== */ font-family:'ＭＳ Ｐゴシック'; /* ==リンク枠(ボタン)内のフォント種類 =========== */ font-size: 9pt; /* ==リンク枠(ボタン)内のフォントサイズ========== */ /* font-weight: bold; */ /* ==リンク枠(ボタン)内のフォント属性(太)サイズ== */ text-align: center; /* ==リンク枠(ボタン)内のフォント位置============ */ text-decoration: none; /* ==リンクの下線の非表示======================== */ } /* ======リンク枠(メニューボタン)の設定 firefox, chrome============================== */ html>body .menu a { float: left; /* ==まわりこみ指定============================== */ display: block; /* ==ブロック枠単位でリンク設定する============== */ margin-left: 1px; /* ==リンク枠(ボタン)の左側(ボタン間)の間隔====== */ margin-right: 1px; /* ==リンク枠(ボタン)の右側(ボタン間)の間隔====== */ padding: 3px 0 0 0; /* ==リンク枠(ボタン)の内側の間隔 上,右,下,左==== */ width: 136px; /* ==リンク枠(ボタン)の幅======================== */ height:15px; /* ==リンク枠(ボタン)の高さ====================== */ font-family:'ＭＳ Ｐゴシック'; /* ==リンク枠(ボタン)内のフォント種類 =========== */ font-size: 9pt; /* ==リンク枠(ボタン)内のフォントサイズ========== */ /* font-weight: bold; */ /* ==リンク枠(ボタン)内のフォント属性(太)サイズ== */ text-align: center; /* ==リンク枠(ボタン)内のフォント位置============ */ text-decoration: none; /* ==リンクの下線の非表示======================== */ } /* ======訪問前のリンク枠(ボタン)の設定============================================== */ .menu a:link { border: 2px solid #9966ff; /* ==リンク枠の枠線の太さと色(濃い青緑色)====== */ background-color: #9966ff; /* ==リンク枠内の背景色(濃い青緑色)============ */ color: #ffffff; /* ==リンク枠内の文字色(白)==================== */ } /* ======訪問後のリンク枠(ボタン)の設定　訪問前と同じ================================ */ .menu a:visited { border: 2px solid #9966ff; /* ==リンク枠の枠線の太さと色(濃い水色)======== */ background-color: #9966ff; /* ==リンク枠内の背景色(濃い水色)============== */ color: #ffffff; } /* ==リンク枠にマウスを乗せた状態(ロールオーバー)の設定============================== */ .menu a:hover { border: 2px solid #b18cff; /* ==リンク枠の枠線の太さと色(明るい青緑色)==== */ border-right: 2px solid #0f394c; /* ==ロールオーバー時ボタンの右側の色をつけ、影のようにして立体的にする== */ border-bottom: 2px solid #0f394c; /* ==ロールオーバー時ボタンの下側の色をつけ、影のようにして立体的にする== */ background-color: #b18cff; /* ==ロールオーバー時ボタンの背景(明るい青緑色)色== */ color: #ffffff; /* ==ロールオーバー時のボタン内文字色========== */ } /* ======リンク枠にマウスを乗せ左ボタンを押したままの状態の設定====================== */ .menu a:active { border: 2px solid #9206d5; border-left: 2px solid #0f394c; border-top: 2px solid #0f394c; background-color: #9206d5; color: #ffffff; } .floatclear { clear: left; } /* ===== メニュー２段目 (現在使用してないが項目増えた場合)===== */ /* ==#headerと分けてあるためヘッダ部の下部にメニューができる== */ .menu2 { margin: 0; /* ==メニュー帯の周囲の縦横幅(0)== */ padding: 4px; /* ==メニュー帯の自体の縦横幅(4px)== */ border-top: 1px solid #ffffff; /* ==メニュー帯上部の線（白）== */ background-color: #50c0ff; /* ==メニュー帯全体の背景色== */ } /* ==リンク枠(ボタン)の設定== */ .menu2 a { float: left; /* ==まわりこみ指定== */ display: block; margin-left: 2px; /* ==リンク枠(ボタン)の左側(ボタン間)の間隔== */ margin-right: 2px; /* ==リンク枠(ボタン)の右側(ボタン間)の間隔== */ padding: 3px; /* ==リンク枠(ボタン)の内側の間隔== */ width: 127px; /* ==リンク枠(ボタン)の幅== */ height:13px; /* ==リンク枠(ボタン)の高さ== */ font-size: 9pt; /* ==リンク枠(ボタン)内のフォントサイズ== */ font-weight: bold; /* ==リンク枠(ボタン)内のフォント属性(太)サイズ== */ text-align: center; /* ==リンク枠(ボタン)内のフォント位置== */ text-decoration: none; /* ==リンクの下線の非表示== */ } /* ==訪問前のリンク枠(ボタン)の設定== */ .menu2 a:link { border: 2px solid #225e99; /* ==リンク枠の枠線の太さと色(濃い水色)== */ background-color: #225e99; /* ==リンク枠内の背景色(濃い水色)== */ color: #ffffff; /* ==リンク枠内の文字色(白)== */ } /* ==訪問後のリンク枠(ボタン)の設定　訪問前と同じ== */ .menu2 a:visited { border: 2px solid #225e99; /* ==リンク枠の枠線の太さと色(濃い水色)== */ background-color: #225e99; /* ==リンク枠内の背景色(濃い水色)== */ color: #ffffff; } /* ==リンク枠にマウスを乗せた状態(ロールオーバー)の設定== */ .menu2 a:hover { border: 2px solid #2972ba; border-right: 2px solid #0f394c; /* ==ロールオーバー時ボタンの右側の色をつけ、影のようにして立体的にする== */ border-bottom: 2px solid #0f394c; /* ==ロールオーバー時ボタンの下側の色をつけ、影のようにして立体的にする== */ background-color: #2972ba; /* ==ロールオーバー時ボタンの背景色== */ color: #ffffff; /* ==ロールオーバー時のボタン内文字色== */ } /* ==リンク枠にマウスを乗せ左ボタンを押したままの状態の設定== */ .menu2 a:active { border: 2px solid #143a4c; border-right: 2px solid #2f7494; border-bottom: 2px solid #2f7494; background-color: #226280; color: #ffffff; } .floatclear { clear: left; } /* ********************************************************************************************** */ /* ===== メイン領域 ===== */ #main { width: 100%; /* ==メイン部の横幅(100%)== */ /* height:4500px; */ /* ==メイン部の高さ== フッタ部の表示位置がかわるので、ここを調整*/ background-color: #ffffff; /* ==メイン部背景画像の奥の背景色(黄色 ffff33) == */ } /* ==メイン領域の枠テーブルのＣＳＳ このテーブル枠を入れないとボックスが自動で伸びない============== */ .main-table { width: 100%; /* ==テーブル枠の幅============================= */ /* height: 30px; */ /* ==テーブル枠の高さ=========================== */ margin: 0; padding: 0; /* ==テーブル枠の内側からの距離 ================ */ /* border: 1px solid #70a8e0; */ /* ==テーブル枠線の太さと色(緑色)=============== */ } /* ===== 「パンくず」領域 IE7.0=================================== */ #pankuzu { width: 100%; /* ==パンくず領域の背景の横幅(100%)================= */ height: 20px; /* ==パンくず領域の高さ============================= */ background-color: #ffffff; /* ==パンくず領域の背景色(青 3300ff)================ */ padding: 6px 0 0 10px; /* ==パンくず領域の内側の縦横幅 上,右,下,左========= */ font-family:'ＭＳ Ｐゴシック'; /* ==パンくず領域のフォント種類 ==================== */ font-size: 8pt; /* ==パンくず領域のフォントサイズ=================== */ color: #6a6a6a; /* ==パンくず領域のフォント色(濃いグレー 6a6a6a)==== */ } /* ===== 「パンくず」領域 firefox, chrome========================= */ html>body #pankuzu { width: 99%; /* ==パンくず領域の背景の横幅(100%)================= */ height: 14px; /* ==パンくず領域の高さ============================= */ background-color: #ffffff; /* ==パンくず領域の背景色(青 3300ff)================ */ padding: 6px 0 0 10px; /* ==パンくず領域の内側の縦横幅 上,右,下,左========= */ font-family:'ＭＳ Ｐゴシック'; /* ==パンくず領域のフォント種類 ==================== */ font-size: 8pt; /* ==パンくず領域のフォントサイズ=================== */ color: #6a6a6a; /* ==パンくず領域のフォント色(濃いグレー 6a6a6a)==== */ } /* ======「パンくず」のリンクＣＳＳ================ */ .pankuzu a { line-height: 100%; /* font-weight: bold; */ /* ==パンくずリンクの文字太さ============================== */ font-family:'ＭＳ Ｐゴシック'; /* ==パンくずリンクのフォント種類 ========================= */ font-size: 8pt; /* ==パンくずリンクの文字サイズ============================ */ text-align: left; /* ==パンくずリンクの文字位置============================== */ text-decoration: none; } .pankuzu a:link { color: #6a6a6a; /* ==パンくずリンクの文字の色(濃いグレー 6a6a6a)================= */ } .pankuzu a:visited { color: #6a6a6a; /* ==パンくずリンクの文字の色(濃いグレー 6a6a6a)================= */ } .pankuzu a:hover { color: #a144fe; /* ==ロールオーバー時のパンくずリンク文字の色(紫色 a144fe)= */ text-decoration: underline; /* ==ロールオーバー時にアンダーラインをつける============== */ } .pankuzu a:active { color: #6a6a6a; /* ==パンくずリンクの文字の色(濃いグレー 6a6a6a)================= */ } /* ===== ゴルフコース名領域 IE7.0=============================== */ #course-name { width: 100%; /* ==ゴルフコース名領域の背景の横幅(100%)== ======= */ height: 50px; /* ==ゴルフコース名領域の高さ====================== */ background-color: #ffffff; /* ==ゴルフコース名領域の背景色(オレンジ ff6600)=== */ margin: 0; /* ==ゴルフコース名領域の外からの距離(縦横幅)(0)=== */ padding: 0; /* ==ゴルフコース名領域の内側の縦横幅 上,右,下,左== */ } .course-name-table { width: 995px; /* ==ゴルフコース名領域テーブル枠線の幅==================== */ height: 50px; /* ==ゴルフコース名領域テーブル枠線の高さ================== */ margin: 0 0 0 4px; /* ==ゴルフコース名領域テーブル枠外からの距離 上,右,下,左== */ padding: 10px 0 0 20px; /* ==ゴルフコース名領域テーブル枠内側の縦横幅 上,右,下,左== */ border-width: 3px; /* ==ゴルフコース名領域テーブル枠線の太さ================== */ border-style: solid; /* ==ゴルフコース名領域テーブル枠線の種類(普通)============ */ border-color: #9966ff; /* ==ゴルフコース名領域テーブル枠線の色(青緑色)============ */ color: #9966ff; /* ==ゴルフコース名領域のフォントの色(青緑)================ */ font-size: 17pt; /* ==ゴルフコース名領域のフォントサイズ==================== */ font-family:'メイリオ','ＤＨＰ特太ゴシック体',sans-serif; /* ==ゴルフコース名領域のフォントの種類==================== */ } /* ===== ゴルフコース名領域 firefox, chrome ===================== */ html>body #course-name { width: 998px; /* ==ゴルフコース名領域の背景の横幅(100%)========== */ height: 50px; /* ==ゴルフコース名領域の高さ====================== */ background-color: #ffffff; /* ==ゴルフコース名領域の背景色(オレンジ ff6600)========== */ margin: 0 0 0 4px; /* ==ゴルフコース名領域の外からの距離 上,右,下,左== */ padding: 0; /* ==ゴルフコース名領域の内側の縦横幅 上,右,下,左== */ } html>body .course-name-table { width: 994px; /* ==ゴルフコース名領域テーブル枠線の幅==================== */ height: 50px; /* ==ゴルフコース名領域テーブル枠線の高さ================== */ margin: 0; /* ==ゴルフコース名領域テーブル枠外からの距離(縦横幅)(0)=== */ padding: 3px 0 0 20px; /* ==ゴルフコース名領域テーブル枠内側の縦横幅 上,右,下,左== */ border-width: 3px; /* ==ゴルフコース名領域テーブル枠線の太さ================== */ border-style: solid; /* ==ゴルフコース名領域テーブル枠線の種類(普通)============ */ border-color: #9966ff; /* ==ゴルフコース名領域テーブル枠線の色(明るい青緑色)====== */ color: #9966ff; /* ==ゴルフコース名領域のフォントの色(明るい青緑色)======== */ font-size: 17pt; /* ==ゴルフコース名領域のフォントサイズ==================== */ font-family:'メイリオ','ＤＨＰ特太ゴシック体',sans-serif; /* ==ゴルフコース名領域のフォントの種類==================== */ } /* ===== コンテンツ領域(ボックス) IE7.0=============== */ #contents { width: 100%; /* ==コンテンツ領域の横幅== */ /* height: 150px; */ /* ==コンテンツ領域の高さ== */ background-color: #33ff33; /* ==コンテンツ領域背景の背景色 黄緑色== */ } .contents-table { width: 100%; /* ==コンテンツ領域テーブルの横幅========================== */ /* height: 100px; */ /* ==コンテンツ領域テーブルの高さ========================== */ margin: 0; /* ==コンテンツ領域テーブルの枠外からの距離 上,右,下,左==== */ padding:0; /* ==コンテンツ領域テーブルの内側の縦横幅 上,右,下,左====== */ /* border: 1px solid #4bdaa8; */ /* ==コンテンツ領域テーブルの枠線の太さと色(緑色)========== */ } .contents-table-c1 { width: 820px; /* ==１列目の幅== */ background-color: #ffffff; /* ==コンテンツ領域(左側 レポート本文記述エリア)背景の背景色(白)== */ } .contents-table-c2 { width: 183px; /* ==２列目の幅== */ background-color: #ffffff; /* ==コンテンツ領域(右側 アフィリエイト広告挿入エリア)背景の背景色(紫色 cc00ff)== */ } /* ===== コンテンツ領域(ボックス) firefox, chrome===== */ html>body #contents { width: 1002px; /* ==コンテンツ領域の横幅== */ /* height: 100%; */ /* ==コンテンツ領域の高さ== */ background-color: #ffffff; /* ==コンテンツ領域背景の背景色(黄緑色 33ff33)== */ } html>body .contents-table { width: 1002px; /* ==コンテンツ領域テーブルの横幅========================== */ /* height: 100px; */ /* ==コンテンツ領域テーブルの高さ========================== */ margin: 0; /* ==コンテンツ領域テーブルの枠外からの距離 上,右,下,左==== */ padding:0; /* ==コンテンツ領域テーブルの内側の縦横幅 上,右,下,左====== */ /* border: 1px solid #4bdaa8; */ /* ==コンテンツ領域テーブルの枠線の太さと色(緑色)========== */ } html>body .contents-table-c1 { width: 820px; /* ==１列目の幅== */ background-color: #ffffff; /* ==コンテンツ領域(左側 レポート本文記述エリア)背景の背景色(白) == */ } html>body .contents-table-c2 { width: 183px; /* ==２列目の幅== */ background-color: #ffffff; /* ==コンテンツ領域(右側 アフィリエイト広告挿入エリア)背景の背景色(紫色 cc00ff)== */ } /* ==コンテンツテーブル左側領域の枠テーブルとそのテーブル内の文字属性のＣＳＳ============== */ /* ==このテーブル枠を入れないとボックスが自動で伸びない==================================== */ .contents-table-left { width: 819px; /* ==テーブル枠の幅============================= */ /* height: 30px; */ /* ==テーブル枠の高さ=========================== */ margin-top: 5px; /* ==テーブル枠の上端からの距離 ================ */ margin-left: 4px; /* ==テーブル枠の左端からの距離 ================ */ margin-bottom: 5px; /* ==テーブル枠の下端からの距離 ================ */ padding-left: 10px; /* ==テーブル枠の内側からの左からの距離 ======== */ padding-right: 0px; /* ==テーブル枠の内側からの右からの距離 ======== */ /* border: 1px solid #02caa2;*/ /* ==テーブル枠線の太さと色(緑色)=============== */ /* text-align: left; */ /* ==テーブル枠内のフォント位置(左詰め)========= */ /* font-size: 11pt; */ /* ==テーブル枠内のフォントサイズ=============== */ /* color: #6a6a6a; */ /* ==テーブル枠内のフォント色(濃いグレー)======= */ } a img { border-style: none; /* ==画像にリンクを貼ると、画像周囲に枠線がついてしまうのでそれを消去する指定 ==*/ } /* ==０コ目のテーブル(ゴルフ場インデックス)のＣＳＳ== */ .contents-table-00 { width: 808px; /* ==テーブルの横幅========================================== */ /* width: 810px; */ /* ==テーブルの横幅========================================== */ margin: 0; /* ==テーブルの枠外からの距離 上,右,下,左==================== */ padding:0px 0px 0px 0px; /* ==テーブルの内側の縦横幅 上,右,下,左====================== */ border-collapse: collapse; /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */ border: 1px solid #4bdaa8; /* ==テーブルの枠線の太さと色(緑色)========================== */ color: #6a6a6a; /* ==テーブル枠内のフォント色(濃いグレー)==================== */ } .contents-table-00-01 { height: 101px ; /* ==テーブル１行目のセルの高さ============================== */ border-collapse: collapse; /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */ border: 1px solid #02caa2; /* ==テーブル内セルの線の太さと色(緑色)====================== */ empty-cells: show; /* ==セルの中身が空でもボーダー（テーブル枠線）を表示する==== */ background: #ffffff; /* ==テーブルの１行目(年度)の背景色========================== */ } .contents-table-00-c1 { width: 101px; /* ==1列目の幅== */ } .contents-table-00-c2 { width: 101px; /* ==2列目の幅== */ } .contents-table-00-c3 { width: 101px; /* ==3列目の幅== */ } .contents-table-00-c4 { width: 101px; /* ==4列目の幅== */ } .contents-table-00-c5 { width: 101px; /* ==5列目の幅== */ } .contents-table-00-c6 { width: 101px; /* ==6列目の幅== */ } .contents-table-00-c7 { width: 101px; /* ==7列目の幅== */ } .contents-table-00-c8 { width: 101px; /* ==8列目の幅== */ } /* ==１コ目のテーブル(都道府県一覧表)のＣＳＳ== */ .contents-table-01 { width: 810px; /* ==テーブルの横幅========================================== */ /* height: 100px; */ /* ==テーブルの高さ========================================== */ margin: 0; /* ==テーブルの枠外からの距離 上,右,下,左==================== */ padding:2px 0px 2px 0px; /* ==テーブルの内側の縦横幅 上,右,下,左====================== */ border-collapse: collapse; /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */ border: 1px solid #4bdaa8; /* ==テーブルの枠線の太さと色(緑色)========================== */ color: #6a6a6a; /* ==テーブル枠内のフォント色(濃いグレー)==================== */ } .contents-table-01-01 { height: 30px ; /* ==テーブル１行目のセルの高さ============================== */ border-collapse: collapse; /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */ border: 1px solid #02caa2; /* ==テーブル内セルの線の太さと色(緑色)====================== */ empty-cells: show; /* ==セルの中身が空でもボーダー（テーブル枠線）を表示する==== */ background: #02caa2; /* ==テーブルの１行目(年度)の背景色========================== */ padding-left: 10px; /* ==テーブル内セル内の左からの距離========================== */ color: #ffffff; /* ==テーブルの１行目(年度)のフォント色====================== */ font-size: 9pt; /* ==テーブル枠内のフォントサイズ============================ */ } .contents-table-01-02 { height: 20px ; /* ==テーブル２行目のセルの高さ============================== */ border-collapse: collapse; /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */ /* border: 1px solid #02caa2; */ /* ==テーブル内セルの線の太さと色(緑色)====================== */ empty-cells: show; /* ==セルの中身が空でもボーダー（テーブル枠線）を表示する==== */ background: #ffffff; /* ==テーブルの２行目(項目名称)の背景色(1)=================== */ padding-left: 180px; /* ==テーブル内セル内の左からの距離========================== */ font-size: 9pt; /* ==テーブル枠内のフォントサイズ============================ */ } /* ==１コ目のテーブル(都道府県一覧表)の中にリンクを入れる場合のＣＳＳ== */ .contents-table-01-02 a { /* line-height: 100%; */ font-size: 9pt; /* ==リンク設定の文字サイズ== */ text-align: left; /* ==リンク設定の文字位置== */ text-decoration: none; } .contents-table-01-02 a:link { color: #6a6a6a; /* ==リンク設定の文字の色 グレー== */ } .contents-table-01-02 a:visited { color: #6a6a6a; /* ==リンク設定の文字の色 グレー== */ } .contents-table-01-02 a:hover { color: #a144fe; /* ==ロールオーバー時の文字の色 青紫色== */ text-decoration: underline; /* ==ロールオーバー時にアンダーラインをつける== */ } .contents-table-01-02 a:active { color: #6a6a6a; /* ==リンク設定の文字の色 グレー== */ } /* ==２コ目のテーブル(表) （使用していない）のＣＳＳ== */ .contents-table-02 { width: 810px; /* ==テーブルの横幅========================================== */ /* height: 100px; */ /* ==テーブルの高さ========================================== */ margin: 0; /* ==テーブルの枠外からの距離 上,右,下,左==================== */ padding:2px 0px 2px 0px; /* ==テーブルの内側の縦横幅 上,右,下,左====================== */ border-collapse: collapse; /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */ border: 1px solid #4bdaa8; /* ==テーブルの枠線の太さと色(緑色)========================== */ font-size: 10pt; /* ==テーブル枠内のフォントサイズ============================ */ color: #6a6a6a; /* ==テーブル枠内のフォント色(濃いグレー)==================== */ } .contents-table-02-01 { height: 30px ; /* ==テーブル１行目のセルの高さ============================== */ border-collapse: collapse; /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */ border: 1px solid #02caa2; /* ==テーブル内セルの線の太さと色(緑色)====================== */ empty-cells: show; /* ==セルの中身が空でもボーダー（テーブル枠線）を表示する==== */ background: #02caa2; /* ==テーブルの１行目(年度)の背景色========================== */ padding-left: 10px; /* ==テーブル内セル内の左からの距離========================== */ color: #ffffff; /* ==テーブルの１行目(年度)のフォント色====================== */ font-size: 12pt; /* ==テーブル枠内のフォントサイズ============================ */ } .contents-table-02-02 { height: 24px ; /* ==テーブル２行目のセルの高さ============================== */ border-collapse: collapse; /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */ border: 1px solid #02caa2; /* ==テーブル内セルの線の太さと色(緑色)====================== */ empty-cells: show; /* ==セルの中身が空でもボーダー（テーブル枠線）を表示する==== */ background: #adfeee; /* ==テーブルの２行目(項目名称)の背景色(1)=================== */ padding-left: 10px; /* ==テーブル内セル内の左からの距離========================== */ } .contents-table-02-03 { border-collapse: collapse; /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */ border: 1px solid #4bdaa8; /* ==テーブル内セルの線の太さと色(緑色)====================== */ empty-cells: show; /* ==セルの中身が空でもボーダー（テーブル枠線）を表示する==== */ background: #ffffff; /* ==テーブルの3行目以降の背景色(1)========================== */ padding-left: 10px; /* ==テーブル内セル内の左からの距離========================== */ } .contents-table-02-04 { height: 24px ; /* ==テーブル４行目のセルの高さ============================== */ border-collapse: collapse; /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */ border: 1px solid #4bdaa8; /* ==テーブル内セルの線の太さと色(緑色)====================== */ empty-cells: show; /* ==セルの中身が空でもボーダー（テーブル枠線）を表示する==== */ background: #adfeee; /* ==テーブルの3行目以降の背景色(1)========================== */ padding-left: 10px; /* ==テーブル内セル内の左からの距離========================== */ } .contents-table-02-05 { height: 50px ; /* ==テーブル５行目のセルの高さ============================== */ border-collapse: collapse; /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */ border: 1px solid #4bdaa8; /* ==テーブル内セルの線の太さと色(緑色)====================== */ empty-cells: show; /* ==セルの中身が空でもボーダー（テーブル枠線）を表示する==== */ background: #ffffff; /* ==テーブルの3行目以降の背景色(1)========================== */ padding-left: 10px; /* ==テーブル内セル内の左からの距離========================== */ } /* ===== IE7.0 ===== */ .contents-table-02-c1 { width: 100px; /* ==1列目の幅== */ background-color: #ffffff; /* ==テーブル１列目背景の背景色(白)=行指定の色が優先されるのでこの色にならない。= */ } .contents-table-02-c2 { width: 710px; /* ==2列目の幅== */ background-color: #ffffff; /* ==テーブル２列目背景の背景色(白)== */ } /* ===== firefox, chrome===== */ html>body .contents-table-03-c1 { width: 380px; /* ==1列目の幅== */ background-color: #ffffff; /* ==テーブル１列目背景の背景色(白)=行指定の色が優先されるのでこの色にならない。= */ } html>body .contents-table-02-c2 { width: 120px; /* ==2列目の幅== */ background-color: #ffffff; /* ==テーブル２列目背景の背景色(白)== */ } /* ====================================================================================================== */ /* ==３コ目のテーブル(ゴルフコース一覧表)のＣＳＳ== */ .contents-table-03 { width: 810px; /* ==テーブルの横幅========================================== */ /* height: 100px; */ /* ==テーブルの高さ========================================== */ margin: 0; /* ==テーブルの枠外からの距離 上,右,下,左==================== */ padding:2px 0px 2px 0px; /* ==テーブルの内側の縦横幅 上,右,下,左====================== */ border-collapse: collapse; /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */ border: 1px solid #4bdaa8; /* ==テーブルの枠線の太さと色(緑色)========================== */ font-size: 10pt; /* ==テーブル枠内のフォントサイズ============================ */ color: #6a6a6a; /* ==テーブル枠内のフォント色(濃いグレー)==================== */ } .contents-table-03-01 { height: 30px ; /* ==テーブル１行目(※使用していない)のセルの高さ============ */ border-collapse: collapse; /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */ border: 1px solid #02caa2; /* ==テーブル内セルの線の太さと色(緑色)====================== */ empty-cells: show; /* ==セルの中身が空でもボーダー（テーブル枠線）を表示する==== */ background: #02caa2; /* ==テーブルの１行目(年度)の背景色========================== */ padding-left: 10px; /* ==テーブル内セル内の左からの距離========================== */ color: #ffffff; /* ==テーブルの１行目(年度)のフォント色====================== */ font-size: 12pt; /* ==テーブル枠内のフォントサイズ============================ */ } .contents-table-03-02 { height: 24px ; /* ==テーブル２行目のセルの高さ============================== */ border-collapse: collapse; /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */ border: 1px solid #02caa2; /* ==テーブル内セルの線の太さと色(緑色)====================== */ empty-cells: show; /* ==セルの中身が空でもボーダー（テーブル枠線）を表示する==== */ background: #adfeee; /* ==テーブルの２行目(項目名称)の背景色(1)=================== */ padding-left: 0px; /* ==テーブル内セル内の左からの距離========================== */ } .contents-table-03-03 { height: 80px ; /* ==テーブル３行目のセルの高さ============================== */ border-collapse: collapse; /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */ border: 1px solid #4bdaa8; /* ==テーブル内セルの線の太さと色(緑色)====================== */ empty-cells: show; /* ==セルの中身が空でもボーダー（テーブル枠線）を表示する==== */ background: #ffffff; /* ==テーブルの3行目以降の背景色(1)========================== */ padding-left: 10px; /* ==テーブル内セル内の左からの距離========================== */ } /* ===== IE7.0 ===== */ .contents-table-03-c1 { width: 30px; /* ==1列目の幅== */ background-color: #ffffff; /* ==テーブル1列目背景の背景色(白)=行指定の色が優先されるのでこの色にならない。= */ } .contents-table-03-c2 { width: 330px; /* ==2列目の幅== */ background-color: #ffffff; /* ==テーブル2列目背景の背景色(白)=行指定の色が優先されるのでこの色にならない。= */ } .contents-table-03-c3 { width: 320px; /* ==3列目の幅== */ background-color: #ffffff; /* ==テーブル3列目背景の背景色(白)== */ } .contents-table-03-c4 { width: 50px; /* ==4列目の幅== */ background-color: #ffffff; /* ==テーブル6列目背景の背景色(白)== */ } .contents-table-03-c5 { width: 50px; /* ==5列目の幅== */ background-color: #ffffff; /* ==テーブル7列目背景の背景色(白)== */ } /* ===== firefox, chrome===== */ html>body .contents-table-03-c1 { width: 30px; /* ==1列目の幅== */ background-color: #ffffff; /* ==テーブル1列目背景の背景色(白)=行指定の色が優先されるのでこの色にならない。= */ } html>body .contents-table-03-c2 { width: 335px; /* ==2列目の幅== */ background-color: #ffffff; /* ==テーブル2列目背景の背景色(白)=行指定の色が優先されるのでこの色にならない。= */ } html>body .contents-table-03-c3 { width: 325px; /* ==3列目の幅== */ background-color: #ffffff; /* ==テーブル3列目背景の背景色(白)== */ } html>body .contents-table-03-c4 { width: 60px; /* ==4列目の幅== */ background-color: #ffffff; /* ==テーブル6列目背景の背景色(白)== */ } html>body .contents-table-03-c5 { width: 60px; /* ==5列目の幅== */ background-color: #ffffff; /* ==テーブル7列目背景の背景色(白)== */ } /* ================================================================================ */ /* ==３コ目のテーブル(ゴルフコース一覧表)の中にリンクを入れる場合のＣＳＳ== */ .contents-table-03-03 a { /* line-height: 100%; */ font-size: 10pt; /* ==リンク設定の文字サイズ== */ text-align: left; /* ==リンク設定の文字位置== */ /* text-decoration: underline; */ /* ==リンク項目に最初からアンダーラインをつける== */ text-decoration: none; } .contents-table-03-03 a:link { color: #330000; /* ==リンク設定の文字の色 黒色== */ } .contents-table-03-03 a:visited { color: #330000; /* ==リンク設定の文字の色 黒色== */ } .contents-table-03-03 a:hover { color: #e60004; /* ==ロールオーバー時の文字の色 光る赤色== */ text-decoration: underline; /* ==ロールオーバー時にアンダーラインをつける== */ } .contents-table-03-03 a:active { color: #330000; /* ==リンク設定の文字の色 黒色== */ } /* ========================= フッタ領域 =================================== */ #footer { width: 100%; /* ==フッタ部の横幅(100%)=========== */ height: 60px; /* ==フッタ部の高さ== */ background-color: #00ffcc; /* ==フッタ部背景の背景色(明るい青緑)*/ font-size: 9pt; /* ==フッタ部内のフォントサイズ===== */ } /* ========================= フッタメニュー IE7.0 =============================== */ .footer-menu { padding-top: 10px; margin: 0 0 0 130px; /* ==メニュー帯の周囲の縦横幅 上,右,下,左==== */ /* border-top: 1px solid #ffffff; /* /* ==メニュー帯上部の線（白）== */ background-color: #00ffcc; /* ==メニュー帯全体の背景色（明るい青緑色）== */ } /* ========================= フッタメニュー firefox, chrome ===================== */ html>body .footer-menu { padding-top: 10px; margin: 0 0 0 80px; /* ==メニュー帯の周囲の縦横幅 上,右,下,左==== */ /* border-top: 1px solid #ffffff; /* /* ==メニュー帯上部の線（白）============ */ background-color: #00ffcc; /* ==メニュー帯全体の背景色（明るい青緑色）== */ } /* ========================= フッタメニュー タグ設定=========================================== */ /* ====リンク枠(ボタン)の設定===================================================================== */ .footer-menu a { float: left; /* ==まわりこみ指定============================ */ display: block; /* ==ブロック単位でリンク設定する指定========== */ margin-right: 4px; /* ==リンク枠の右側の間隔====================== */ padding: 2px 0 0px 0; /* ==リンク枠の内側の間隔====================== */ width: 120px; /* ==リンク枠の幅============================== */ height: 20px; /* ==リンク枠の高さ============================ */ font-family:'ＭＳ Ｐゴシック'; /* ==リンク枠(ボタン)内のフォント種類 ========= */ font-size: 9pt; /* ==リンク枠内のフォントサイズ================ */ text-align: center; /* ==リンク枠内のフォント位置================== */ text-decoration: none; /* ==リンクの下線の非表示====================== */ } /* ======リンク枠(メニューボタン)の設定 firefox, chrome=========================================== */ html>body .footer-menu a { float: left; /* ==まわりこみ指定============================ */ display: block; /* ==ブロック単位でリンク設定する指定========== */ margin-right: 4px; /* ==リンク枠の右側の間隔====================== */ padding: 3px 0 0px 0; /* ==リンク枠の内側の間隔====================== */ width: 120px; /* ==リンク枠の幅============================== */ height: 15px; /* ==リンク枠の高さ============================ */ font-family:'ＭＳ Ｐゴシック'; /* ==リンク枠(ボタン)内のフォント種類 ========= */ font-size: 9pt; /* ==リンク枠内のフォントサイズ================ */ text-align: center; /* ==リンク枠内のフォント位置================== */ text-decoration: none; /* ==リンクの下線の非表示====================== */ } .footer-menu a:link { border: 2px solid #9966ff; /* ==リンク枠の枠線の太さと色(青紫色)========== */ background-color: #9966ff; /* ==リンク枠内の背景色(青紫色)================ */ color: #ffffff; /* ==リンク枠内の文字色(白)==================== */ } .footer-menu a:visited { border: 2px solid #9966ff; /* ==訪問後のリンク枠の枠線の太さと色(青紫色)== */ background-color: #9966ff; /* ==訪問後のリンク枠の背景色(青紫色)========== */ color: #ffffff; /* ==訪問後のリンク枠内の文字色(白)============ */ } /* ====リンク枠にマウスを乗せた状態(ロールオーバー)の設定========================================= */ .footer-menu a:hover { border: 2px solid #b18cff; border-right: 2px solid #0f394c; border-bottom: 2px solid #0f394c; background-color: #b18cff; color: #ffffff; /* ==フッタ部メニューマウスオーバー時の文字色(白)== */ } /* ====リンク枠にマウスを乗せ左ボタンを押したままの状態の設定===================================== */ .footer-menu a:active { border: 2px solid #9206d5; border-right: 2px solid #0f394c; border-bottom: 2px solid #0f394c; background-color: #9206d5; /* ==フッタ部メニューのマウスオーバー字のボタン色 ====== */ color: #ffffff; /* ==フッタ部メニューのマウスオーバー字の文字色 白 ===== */ } /* ========================= フッタコピー IE7.0 ======================================= */ .footer-copy { margin: 5px 0 0 180px; /* ==メニュー帯の周囲の縦横幅 上,右,下,左======== */ } /* ========================= フッタコピー firefox, chrome ============================= */ html>body .footer-copy { margin: 5px 0 0 180px; /* ==メニュー帯の周囲の縦横幅 上,右,下,左======== */ } .floatclear { clear: left; }