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;                            /* ==ヘッダ部の高さ========================================= */
	margin-top: 10px;                        /* ==ヘッダ部の最上部からの距離============================= */
	background-color: #ffffff;               /* ==ヘッダ部背景画像の奥の背景色  ヘッダ画像の裏の背景色(深緑色 50c033)== */
	background-image: url(hawaiigolf-header.png);  /* ==ヘッダ部背景画像の指定============================ */
	background-repeat: no-repeat;            /* ==ヘッダ部背景画像の繰返しナシ=========================== */
}


/* ===== ヘッダタイトル  IE7.0 (ヘッダ部のタイトルをテキストで入れる場合に使用) ============== */
/* #header2 h1 {
    position: absolute;
    right: 416px;
	font-size: 9pt;
	color: #ffff99;
	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: #ffff99;
	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; /* 文字の色 ===================================== */
}


/* ===== ヘッダ２段目の「タイトル名」のみ画像を重ねて表示部分 (タイトル名画像を<h1>タグに入れるために使用)===== */

#header3 h1 {
    position: absolute;
    top: 10px;
    left: 410px;
	margin: 142px 0px 0px 0px;                      /* ==ヘッダ部のタイトルの配置 上,右,下,左== */
	font-family:'ＭＳ Ｐゴシック',sans-serif;       /* ==フォント種類 =========== */
	font-size: 9pt;                                 /* ==フォントサイズ========== */
	color: #ffffff;
}

/* ====ヘッダ部(タイトル画像のロゴマーク部分付近)のリンク設定 ======= */
#header3 a {
	font-size: 9pt;                   /* ==リンク設定の文字サイズ== */
	text-align: left;                 /* ==リンク設定の文字位置== */
	text-decoration: none;
} 

#header3 a:link {
	text-decoration: none; /* 文字装飾 ============================== */
    color: #ffffff; /* 文字の色 ===================================== */
}

/* ====訪問後のリンク枠(ボタン)の設定　訪問前と同じ================== */
#header3 a:visited {
	text-decoration: none; /* 文字装飾 ===============================*/
    color: #ffffff;        /* 文字の色 ===============================*/
}
/* ====リンク枠にマウスを乗せた状態(ロールオーバー)の設定 =========== */
#header3 a:hover {
	text-decoration: none; /* 文字装飾 ============================== */
    color: #ffffff;        /* 文字の色 ============================== */
}

/* ====リンク枠にマウスを乗せ左ボタンを押したままの状態の設定======== */
#header3 a:active {
	text-decoration: none; /* 文字装飾 ============================== */
    color: #ffffff; /* 文字の色 ===================================== */
}




/* ===== メニュー１段目===================================================================== */

/* ===== メニューIE7.0 ===================================================================== */
/* ==#headerと分けてあるためヘッダ部の下部にメニューができる================================ */
.menu {
	margin: 0;                      /* ==メニュー帯の周囲の縦横幅(0)======================== */
/*	padding: 2px 0 2px 11px;   */   /* ==メニュー帯の自体のボタンとの間隔縦横幅 上,右,下,左= */
	padding: 2px 0 0px 5px;         /* ==メニュー帯の自体のボタンとの間隔縦横幅 上,右,下,左= */
	border-top: 1px solid #ffffff;  /* ==メニュー帯上部の線（白）=========================== */
	background-color: #ffffff;      /* ==メニュー帯全体の背景色(薄黄色 ffff99)============== */
}

/* ===== メニュー firefox, chrome=========================================================== */
/* ==#headerと分けてあるためヘッダ部の下部にメニューができる================================ */
html>body .menu {
	margin: 0;                      /* ==メニュー帯の周囲の縦横幅(0)======================== */
/*	padding: 2px 0 2px 4px;   */    /* ==メニュー帯の自体のボタンとの間隔縦横幅 上,右,下,左= */
	padding: 2px 0 0px 4px;         /* ==メニュー帯の自体のボタンとの間隔縦横幅 上,右,下,左= */
	border-top: 1px solid #ffffff;  /* ==メニュー帯上部の線（白）=========================== */
	background-color: #ffffff;      /* ==メニュー帯全体の背景色(薄黄色 ffff99)============== */
}

/* ===== メニュー内の文字をイメージ(フォント)にして重ねようとしたが、イメージ画像の真上のリンクが適用されなかったのでやめた。 === */
/*
#menu01 img {
    position: absolute;
    left: 17px;
    margin-top: -20px;
}
*/
/* ================================================================================== */


/* ======リンク枠(メニューボタン)の設定 IE7.0======================================== */
.menu a {
	float: left;                    /* ==まわりこみ指定 ============================= */
	display: block;                 /* ==ブロック枠単位でリンク設定する============== */
/*	margin-left: 3px;    */         /* ==リンク枠(ボタン)の左側(ボタン間)の間隔====== */
	margin-left: 1px;               /* ==リンク枠(ボタン)の左側(ボタン間)の間隔====== */
	margin-right: 1px;              /* ==リンク枠(ボタン)の右側(ボタン間)の間隔====== */
	padding: 2px 0 0 0;             /* ==リンク枠(ボタン)の内側の間隔 上,右,下,左==== */
/*	width: 136px;      */           /* ==リンク枠(ボタン)の幅======================== */
	width: 140px;                   /* ==リンク枠(ボタン)の幅======================== */
	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 #5d8ae7;        /* ==リンク枠の枠線の太さと色(薄紺色)========== */
	background-color: #5d8ae7;        /* ==リンク枠内の背景色(薄紺色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}

a.menu-red:link {
	border: 2px solid #ff4aa5;        /* ==リンク枠の枠線の太さと色(赤色)========== */
	background-color: #ff4aa5;        /* ==リンク枠内の背景色(赤色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-orange:link {
	border: 2px solid #ff6a6a;        /* ==リンク枠の枠線の太さと色(橙色)========== */
	background-color: #ff6a6a;        /* ==リンク枠内の背景色(橙色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-yellow:link {
	border: 2px solid #e3e300;        /* ==リンク枠の枠線の太さと色(黄色)========== */
	background-color: #e3e300;        /* ==リンク枠内の背景色(黄色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-green:link {
	border: 2px solid #00dbaf;        /* ==リンク枠の枠線の太さと色(緑色)========== */
	background-color: #00dbaf;        /* ==リンク枠内の背景色(緑色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-blue:link {
	border: 2px solid #6666ff;        /* ==リンク枠の枠線の太さと色(青色)========== */
	background-color: #6666ff;        /* ==リンク枠内の背景色(青色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-navy:link {
	border: 2px solid #330099;        /* ==リンク枠の枠線の太さと色(紺色)========== */
	background-color: #330099;        /* ==リンク枠内の背景色(紺色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-purple:link {
	border: 2px solid #990099;        /* ==リンク枠の枠線の太さと色(紫色)========== */
	background-color: #990099;        /* ==リンク枠内の背景色(紫色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}

/* ======訪問後のリンク枠(ボタン)の設定　訪問前と同じ================================ */
.menu a:visited {
	border: 2px solid #5d8ae7;        /* ==リンク枠の枠線の太さと色(薄紺色)========== */
	background-color: #5d8ae7;        /* ==リンク枠内の背景色(薄紺色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(薄紺色)================ */
}

a.menu-red:visited {
	border: 2px solid #ff4aa5;        /* ==リンク枠の枠線の太さと色(赤色)========== */
	background-color: #ff4aa5;        /* ==リンク枠内の背景色(赤色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-orange:visited {
	border: 2px solid #ff6a6a;        /* ==リンク枠の枠線の太さと色(橙色)========== */
	background-color: #ff6a6a;        /* ==リンク枠内の背景色(橙色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-yellow:visited {
	border: 2px solid #e3e300;        /* ==リンク枠の枠線の太さと色(黄色)========== */
	background-color: #e3e300;        /* ==リンク枠内の背景色(黄色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-green:visited {
	border: 2px solid #00dbaf;        /* ==リンク枠の枠線の太さと色(緑色)========== */
	background-color: #00dbaf;        /* ==リンク枠内の背景色(緑色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-blue:visited {
	border: 2px solid #6666ff;        /* ==リンク枠の枠線の太さと色(青色)========== */
	background-color: #6666ff;        /* ==リンク枠内の背景色(青色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-navy:visited {
	border: 2px solid #330099;        /* ==リンク枠の枠線の太さと色(紺色)========== */
	background-color: #330099;        /* ==リンク枠内の背景色(紺色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-purple:visited {
	border: 2px solid #990099;        /* ==リンク枠の枠線の太さと色(紫色)========== */
	background-color: #990099;        /* ==リンク枠内の背景色(紫色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}


/* ==リンク枠にマウスを乗せた状態(ロールオーバー)の設定============================== */
.menu a:hover {
	border: 2px solid #adc4f3;        /* ==リンク枠の枠線の太さと色(明るい薄紺色)==== */
	border-right: 2px solid #0f394c;  /* ==ロールオーバー時ボタンの右側の色をつけ、影のようにして立体的にする== */
	border-bottom: 2px solid #0f394c; /* ==ロールオーバー時ボタンの下側の色をつけ、影のようにして立体的にする== */
	background-color: #adc4f3;        /* ==ロールオーバー時ボタンの背景(明るい薄紺色)色== */
	color: #ffffff;                   /* ==ロールオーバー時のボタン内文字色========== */
}

a.menu-red:hover {
	border: 2px solid #ffa2d0;        /* ==リンク枠の枠線の太さと色(赤色)========== */
	background-color: #ffa2d0;        /* ==リンク枠内の背景色(赤色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-orange:hover {
	border: 2px solid #ffacac;        /* ==リンク枠の枠線の太さと色(橙色)========== */
	background-color: #ffacac;        /* ==リンク枠内の背景色(橙色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-yellow:hover {
	border: 2px solid #ffff3e;        /* ==リンク枠の枠線の太さと色(黄色)========== */
	background-color: #ffff3e;        /* ==リンク枠内の背景色(黄色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-green:hover {
	border: 2px solid #55ffdd;        /* ==リンク枠の枠線の太さと色(緑色)========== */
	background-color: #55ffdd;        /* ==リンク枠内の背景色(緑色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-blue:hover {
	border: 2px solid #9b9bff;        /* ==リンク枠の枠線の太さと色(青色)========== */
	background-color: #9b9bff;        /* ==リンク枠内の背景色(青色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-navy:hover {
	border: 2px solid #4d00ec;        /* ==リンク枠の枠線の太さと色(紺色)========== */
	background-color: #4d00ec;        /* ==リンク枠内の背景色(紺色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-purple:hover {
	border: 2px solid #d500d5;        /* ==リンク枠の枠線の太さと色(紫色)========== */
	background-color: #d500d5;        /* ==リンク枠内の背景色(紫色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}


/* ======リンク枠にマウスを乗せ左ボタンを押したままの状態の設定====================== */
.menu a:active {
	border: 2px solid #17439d;
	border-left: 2px solid #0f394c;
	border-top: 2px solid #0f394c;
	background-color: #17439d;
	color: #ffffff;
}

a.menu-red:active {
	border: 2px solid #ff2894;        /* ==リンク枠の枠線の太さと色(赤色)========== */
	background-color: #ff2894;        /* ==リンク枠内の背景色(赤色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-orange:active {
	border: 2px solid #ff5353;        /* ==リンク枠の枠線の太さと色(橙色)========== */
	background-color: #ff5353;        /* ==リンク枠内の背景色(橙色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-yellow:active {
	border: 2px solid #caca00;        /* ==リンク枠の枠線の太さと色(黄色)========== */
	background-color: #caca00;        /* ==リンク枠内の背景色(黄色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-green:active {
	border: 2px solid #00bd93;        /* ==リンク枠の枠線の太さと色(緑色)========== */
	background-color: #00bd93;        /* ==リンク枠内の背景色(緑色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-blue:active {
	border: 2px solid #4444ff;        /* ==リンク枠の枠線の太さと色(青色)========== */
	background-color: #4444ff;        /* ==リンク枠内の背景色(青色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-navy:active {
	border: 2px solid #28007b;        /* ==リンク枠の枠線の太さと色(紺色)========== */
	background-color: #28007b;        /* ==リンク枠内の背景色(紺色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu-purple:active {
	border: 2px solid #7b007b;        /* ==リンク枠の枠線の太さと色(紫色)========== */
	background-color: #7b007b;        /* ==リンク枠内の背景色(紫色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}



.floatclear {
	clear: left;
}


/* ===== メニュー２段目===================================================================== */

/* ===== メニューIE7.0 ===================================================================== */
/* ==#headerと分けてあるためヘッダ部の下部にメニューができる================================ */
.menu2 {
	margin: 0;                      /* ==メニュー帯の周囲の縦横幅(0)======================== */
/*	padding: 0px 0 2px 11px;  */    /* ==メニュー帯の自体のボタンとの間隔縦横幅 上,右,下,左= */
	padding: 0px 0 2px 5px;         /* ==メニュー帯の自体のボタンとの間隔縦横幅 上,右,下,左= */
	border-top: 1px solid #ffffff;  /* ==メニュー帯上部の線（薄黄色）======================= */
	background-color: #ffffff;      /* ==メニュー帯全体の背景色(薄黄色 ffff99)============== */
}

/* ===== メニュー firefox, chrome=========================================================== */
/* ==#headerと分けてあるためヘッダ部の下部にメニューができる================================ */
html>body .menu2 {
	margin: 0;                      /* ==メニュー帯の周囲の縦横幅(0)======================== */
	padding: 0px 0 2px 4px;         /* ==メニュー帯の自体のボタンとの間隔縦横幅 上,右,下,左= */
	border-top: 1px solid #ffffff;  /* ==メニュー帯上部の線（薄黄色）======================= */
	background-color: #ffffff;      /* ==メニュー帯全体の背景色(薄黄色 ffff99)============== */
}

/* ===== メニュー内の文字をイメージ(フォント)にして重ねようとしたが、イメージ画像の真上のリンクが適用されなかったのでやめた。 === */
/*
#menu01 img {
    position: absolute;
    left: 17px;
    margin-top: -20px;
}
*/
/* ================================================================================== */



/* ======リンク枠(メニューボタン)の設定 IE7.0======================================== */
.menu2 a {
	float: left;                    /* ==まわりこみ指定 ============================= */
	display: block;                 /* ==ブロック枠単位でリンク設定する============== */
/*	margin-left: 3px;    */         /* ==リンク枠(ボタン)の左側(ボタン間)の間隔====== */
	margin-left: 1px;               /* ==リンク枠(ボタン)の左側(ボタン間)の間隔====== */
	margin-right: 1px;              /* ==リンク枠(ボタン)の右側(ボタン間)の間隔====== */
	padding: 2px 0 0 0;             /* ==リンク枠(ボタン)の内側の間隔 上,右,下,左==== */
/*	width: 136px;      */           /* ==リンク枠(ボタン)の幅======================== */
	width: 140px;                   /* ==リンク枠(ボタン)の幅======================== */
	height:20px;                    /* ==リンク枠(ボタン)の高さ====================== */
	font-family:'ＭＳ Ｐゴシック';  /* ==リンク枠(ボタン)内のフォント種類 =========== */
	font-size: 9pt;                 /* ==リンク枠(ボタン)内のフォントサイズ========== */
/*	font-weight: bold; */           /* ==リンク枠(ボタン)内のフォント属性(太)サイズ== */
	text-align: center;             /* ==リンク枠(ボタン)内のフォント位置============ */
	text-decoration: none;          /* ==リンクの下線の非表示======================== */
}

/* ======リンク枠(メニューボタン)の設定 firefox, chrome============================== */
html>body .menu2 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;          /* ==リンクの下線の非表示======================== */
}


/* ======訪問前のリンク枠(ボタン)の設定============================================== */
.menu2 a:link {
	border: 2px solid #5d8ae7;        /* ==リンク枠の枠線の太さと色(薄紺色)========== */
	background-color: #5d8ae7;        /* ==リンク枠内の背景色(薄紺色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}

a.menu2-red:link {
	border: 2px solid #ff4aa5;        /* ==リンク枠の枠線の太さと色(赤色)========== */
	background-color: #ff4aa5;        /* ==リンク枠内の背景色(赤色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-orange:link {
	border: 2px solid #ff6a6a;        /* ==リンク枠の枠線の太さと色(橙色)========== */
	background-color: #ff6a6a;        /* ==リンク枠内の背景色(橙色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-yellow:link {
	border: 2px solid #e3e300;        /* ==リンク枠の枠線の太さと色(黄色)========== */
	background-color: #e3e300;        /* ==リンク枠内の背景色(黄色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-green:link {
	border: 2px solid #00dbaf;        /* ==リンク枠の枠線の太さと色(緑色)========== */
	background-color: #00dbaf;        /* ==リンク枠内の背景色(緑色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-blue:link {
	border: 2px solid #6666ff;        /* ==リンク枠の枠線の太さと色(青色)========== */
	background-color: #6666ff;        /* ==リンク枠内の背景色(青色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-navy:link {
	border: 2px solid #330099;        /* ==リンク枠の枠線の太さと色(紺色)========== */
	background-color: #330099;        /* ==リンク枠内の背景色(紺色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-purple:link {
	border: 2px solid #990099;        /* ==リンク枠の枠線の太さと色(紫色)========== */
	background-color: #990099;        /* ==リンク枠内の背景色(紫色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
/* ======訪問後のリンク枠(ボタン)の設定　訪問前と同じ================================ */
.menu2 a:visited {
	border: 2px solid #5d8ae7;        /* ==リンク枠の枠線の太さと色(薄紺色)========== */
	background-color: #5d8ae7;        /* ==リンク枠内の背景色(薄紺色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}

a.menu2-red:visited {
	border: 2px solid #ff4aa5;        /* ==リンク枠の枠線の太さと色(赤色)========== */
	background-color: #ff4aa5;        /* ==リンク枠内の背景色(赤色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-orange:visited {
	border: 2px solid #ff6a6a;        /* ==リンク枠の枠線の太さと色(橙色)========== */
	background-color: #ff6a6a;        /* ==リンク枠内の背景色(橙色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-yellow:visited {
	border: 2px solid #e3e300;        /* ==リンク枠の枠線の太さと色(黄色)========== */
	background-color: #e3e300;        /* ==リンク枠内の背景色(黄色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-green:visited {
	border: 2px solid #00dbaf;        /* ==リンク枠の枠線の太さと色(緑色)========== */
	background-color: #00dbaf;        /* ==リンク枠内の背景色(緑色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-blue:visited {
	border: 2px solid #6666ff;        /* ==リンク枠の枠線の太さと色(青色)========== */
	background-color: #6666ff;        /* ==リンク枠内の背景色(青色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-navy:visited {
	border: 2px solid #330099;        /* ==リンク枠の枠線の太さと色(紺色)========== */
	background-color: #330099;        /* ==リンク枠内の背景色(紺色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-purple:visited {
	border: 2px solid #990099;        /* ==リンク枠の枠線の太さと色(紫色)========== */
	background-color: #990099;        /* ==リンク枠内の背景色(紫色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}


/* ==リンク枠にマウスを乗せた状態(ロールオーバー)の設定============================== */
.menu2 a:hover {
	border: 2px solid #adc4f3;        /* ==リンク枠の枠線の太さと色(明るい薄紺色)==== */
	border-right: 2px solid #0f394c;  /* ==ロールオーバー時ボタンの右側の色をつけ、影のようにして立体的にする== */
	border-bottom: 2px solid #0f394c; /* ==ロールオーバー時ボタンの下側の色をつけ、影のようにして立体的にする== */
	background-color: #adc4f3;        /* ==ロールオーバー時ボタンの背景(明るい薄紺色)色== */
	color: #ffffff;                   /* ==ロールオーバー時のボタン内文字色========== */
}

a.menu2-red:hover {
	border: 2px solid #ffa2d0;        /* ==リンク枠の枠線の太さと色(赤色)========== */
	background-color: #ffa2d0;        /* ==リンク枠内の背景色(赤色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-orange:hover {
	border: 2px solid #ffacac;        /* ==リンク枠の枠線の太さと色(橙色)========== */
	background-color: #ffacac;        /* ==リンク枠内の背景色(橙色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-yellow:hover {
	border: 2px solid #ffff3e;        /* ==リンク枠の枠線の太さと色(黄色)========== */
	background-color: #ffff3e;        /* ==リンク枠内の背景色(黄色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-green:hover {
	border: 2px solid #55ffdd;        /* ==リンク枠の枠線の太さと色(緑色)========== */
	background-color: #55ffdd;        /* ==リンク枠内の背景色(緑色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-blue:hover {
	border: 2px solid #9b9bff;        /* ==リンク枠の枠線の太さと色(青色)========== */
	background-color: #9b9bff;        /* ==リンク枠内の背景色(青色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-navy:hover {
	border: 2px solid #4d00ec;        /* ==リンク枠の枠線の太さと色(紺色)========== */
	background-color: #4d00ec;        /* ==リンク枠内の背景色(紺色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-purple:hover {
	border: 2px solid #d500d5;        /* ==リンク枠の枠線の太さと色(紫色)========== */
	background-color: #d500d5;        /* ==リンク枠内の背景色(紫色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}

/* ======リンク枠にマウスを乗せ左ボタンを押したままの状態の設定====================== */
.menu2 a:active {
	border: 2px solid #17439d;
	border-left: 2px solid #0f394c;
	border-top: 2px solid #0f394c;
	background-color: #17439d;
	color: #ffffff;
}

a.menu2-red:active {
	border: 2px solid #ff2894;        /* ==リンク枠の枠線の太さと色(赤色)========== */
	background-color: #ff2894;        /* ==リンク枠内の背景色(赤色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-orange:active {
	border: 2px solid #ff5353;        /* ==リンク枠の枠線の太さと色(橙色)========== */
	background-color: #ff5353;        /* ==リンク枠内の背景色(橙色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-yellow:active {
	border: 2px solid #caca00;        /* ==リンク枠の枠線の太さと色(黄色)========== */
	background-color: #caca00;        /* ==リンク枠内の背景色(黄色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-green:active {
	border: 2px solid #00bd93;        /* ==リンク枠の枠線の太さと色(緑色)========== */
	background-color: #00bd93;        /* ==リンク枠内の背景色(緑色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-blue:active {
	border: 2px solid #4444ff;        /* ==リンク枠の枠線の太さと色(青色)========== */
	background-color: #4444ff;        /* ==リンク枠内の背景色(青色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-navy:active {
	border: 2px solid #28007b;        /* ==リンク枠の枠線の太さと色(紺色)========== */
	background-color: #28007b;        /* ==リンク枠内の背景色(紺色)================ */
	color: #ffffff;                   /* ==リンク枠内の文字色(白色)================== */
}
a.menu2-purple:active {
	border: 2px solid #7b007b;        /* ==リンク枠の枠線の太さと色(紫色)========== */
	background-color: #7b007b;        /* ==リンク枠内の背景色(紫色)================ */
	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: #0a73e7;                   /* ==ロールオーバー時のパンくずリンク文字の色(水色 0a73e7)= */
	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-01 {
    width: 810px;                           /* ==テーブルの横幅========================================== */
	margin: 0;                              /* ==テーブルの枠外からの距離 上,右,下,左==================== */
	padding:2px 0px 2px 0px;                /* ==テーブルの内側の縦横幅 上,右,下,左====================== */
    border-collapse: collapse;              /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */
}

.contents-table-01-01 {
    height: 40px ;                          /* ==テーブル１行目のセルの高さ============================== */
    border-collapse: collapse;              /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */
	border: 1px solid #ff8040;              /* ==テーブル内セルの線の太さと色(橙色)====================== */
	empty-cells: show;                      /* ==セルの中身が空でもボーダー（テーブル枠線）を表示する==== */
    background: #ffffff;                    /* ==テーブルの１行目(年度)の背景色========================== */
    padding-left: 10px;                     /* ==テーブル内セル内の左からの距離========================== */
    color: #ff8040;                         /* ==テーブルの１行目のフォント色============================ */
	font-size: 9pt;                         /* ==テーブル枠内のフォントサイズ============================ */
}



/* ==１コ目のテーブルの中にリンクを入れる場合のＣＳＳ== */
.contents-table-01-01 a {
/*	line-height: 100%;   */
	font-size: 9pt;                   /* ==リンク設定の文字サイズ== */
	text-align: left;                 /* ==リンク設定の文字位置== */
	text-decoration: none;
}

.contents-table-01-01 a:link {
	color: #ff8040;                   /* ==リンク設定の文字の色 グレー== */
}
.contents-table-01-01 a:visited {
	color: #ff8040;                   /* ==リンク設定の文字の色 グレー== */
}
.contents-table-01-01 a:hover {
	color: #e60004;                  /* ==ロールオーバー時の文字の色 光る赤色== */
	text-decoration: underline;       /* ==ロールオーバー時にアンダーラインをつける== */
}
.contents-table-01-01 a:active {
	color: #ff8040;                   /* ==リンク設定の文字の色 グレー== */
}



/* ====================================================================================================== */

/* ==２コ目のテーブル(ゴルフコース一覧表)のＣＳＳ== */
.contents-table-02 {
    width: 810px;                           /* ==テーブルの横幅========================================== */
/*  height: 100px;           */             /* ==テーブルの高さ========================================== */
	margin: 0;                              /* ==テーブルの枠外からの距離 上,右,下,左==================== */
	padding:2px 0px 2px 0px;                /* ==テーブルの内側の縦横幅 上,右,下,左====================== */
    border-collapse: collapse;              /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */
/*	border: 1px solid #ff8040;   */         /* ==テーブルの枠線の太さと色(橙色)========================== */
	font-size: 10pt;                        /* ==テーブル枠内のフォントサイズ============================ */
	color: #330000;                         /* ==テーブル枠内のフォント色(濃いグレー)==================== */
}

.contents-table-02-01 {
    height: 30px ;                          /* ==テーブル２行目のセルの高さ============================== */
    border-collapse: collapse;              /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */
	border: 1px solid #ff8040;              /* ==テーブル内セルの線の太さと色(橙色)====================== */
	empty-cells: show;                      /* ==セルの中身が空でもボーダー（テーブル枠線）を表示する==== */
    background: #ffb997;                    /* ==テーブルの２行目の背景色(1)============================= */
    padding-left: 0px;                      /* ==テーブル内セル内の左からの距離========================== */
    color: #ffffff;                         /* ==テーブル枠内のフォント色(白色)========================== */
}
.contents-table-02-02 {
    height: 60px ;                          /* ==テーブル３行目のセルの高さ============================== */
    border-collapse: collapse;              /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */
	border: 1px solid #ff8040;              /* ==テーブル内セルの線の太さと色(橙色)====================== */
	empty-cells: show;                      /* ==セルの中身が空でもボーダー（テーブル枠線）を表示する==== */
    background: #ffffff;                    /* ==テーブルの3行目以降の背景色(1)========================== */
    padding-left: 3px;                      /* ==テーブル内セル内の左からの距離========================== */
    padding-right: 2px;
}
.contents-table-02-00 {
    height: 30px ;                          /* ==テーブル２行目のセルの高さ============================== */
    border-collapse: collapse;              /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */
	border: 1px solid #ff8040;              /* ==テーブル内セルの線の太さと色(橙色)====================== */
	empty-cells: show;                      /* ==セルの中身が空でもボーダー（テーブル枠線）を表示する==== */
    background: #ff6633;                    /* ==テーブルの１行目の背景色(ショートコース見出し)========== */
    padding-left: 0px;                      /* ==テーブル内セル内の左からの距離========================== */
    font-weight: bold;                      /* ==テーブル枠内のフォント太さ(太)========================== */
    color: #ffffff;                         /* ==テーブル枠内のフォント色(白色)========================== */
}

/* =====  IE7.0 ===== */
.contents-table-02-c1 {
    width: 30px;                            /* ==1列目の幅== */
	background-color: #ffffff;              /* ==テーブル1列目背景の背景色(白)=行指定の色が優先されるのでこの色にならない。= */
}
.contents-table-02-c2 {
    width: 360px;                           /* ==2列目の幅== */
	background-color: #ffffff;              /* ==テーブル2列目背景の背景色(白)=行指定の色が優先されるのでこの色にならない。= */
}
.contents-table-02-c3 {
    width: 70px;                            /* ==3列目の幅== */
	background-color: #ffffff;              /* ==テーブル3列目背景の背景色(白)== */
}
.contents-table-02-c4 {
    width: 135px;                           /* ==4列目の幅== */
	background-color: #ffffff;              /* ==テーブル4列目背景の背景色(白)== */
}
.contents-table-02-c5 {
    width: 40px;                            /* ==5列目の幅== */
	background-color: #ffffff;              /* ==テーブル5列目背景の背景色(白)== */
}
.contents-table-02-c6 {
    width: 45px;                            /* ==6列目の幅== */
	background-color: #ffffff;              /* ==テーブル6列目背景の背景色(白)== */
}
.contents-table-02-c7 {
    width: 60px;                            /* ==7列目の幅== */
	background-color: #ffffff;              /* ==テーブル7列目背景の背景色(白)== */
}
.contents-table-02-c8 {
    width: 60px;                            /* ==8列目の幅== */
	background-color: #ffffff;              /* ==テーブル7列目背景の背景色(白)== */
}
.contents-table-02-c9 {
    width: 60px;                            /* ==9列目の幅== */
	background-color: #ffffff;              /* ==テーブル7列目背景の背景色(白)== */
}
/* =====  firefox, chrome===== */
html>body .contents-table-02-c1 {
    width: 30px;                            /* ==1列目の幅== */
	background-color: #ffffff;              /* ==テーブル1列目背景の背景色(白)=行指定の色が優先されるのでこの色にならない。= */
}
html>body .contents-table-02-c2 {
    width: 360px;                           /* ==2列目の幅== */
	background-color: #ffffff;              /* ==テーブル2列目背景の背景色(白)=行指定の色が優先されるのでこの色にならない。= */
}
html>body .contents-table-02-c3 {
    width: 80px;                            /* ==3列目の幅== */
	background-color: #ffffff;              /* ==テーブル3列目背景の背景色(白)== */
}
html>body .contents-table-02-c4 {
    width: 125px;                           /* ==4列目の幅== */
	background-color: #ffffff;              /* ==テーブル4列目背景の背景色(白)== */
}
html>body .contents-table-02-c5 {
    width: 40px;                            /* ==5列目の幅== */
	background-color: #ffffff;              /* ==テーブル5列目背景の背景色(白)== */
}
html>body .contents-table-02-c6 {
    width: 45px;                            /* ==6列目の幅== */
	background-color: #ffffff;              /* ==テーブル6列目背景の背景色(白)== */
}
html>body .contents-table-02-c7 {
    width: 60px;                            /* ==7列目の幅== */
	background-color: #ffffff;              /* ==テーブル7列目背景の背景色(白)== */
}
html>body .contents-table-02-c8 {
    width: 60px;                            /* ==8列目の幅== */
	background-color: #ffffff;              /* ==テーブル7列目背景の背景色(白)== */
}
html>body .contents-table-02-c9 {
    width: 60px;                            /* ==9列目の幅== */
	background-color: #ffffff;              /* ==テーブル7列目背景の背景色(白)== */
}


/* ================================================================================ */

/* ==２コ目のテーブル(ゴルフコース一覧表)の中にリンクを入れる場合のＣＳＳ== */
.contents-table-02-02 a {
/*	line-height: 100%;   */
	font-size: 11pt;                  /* ==リンク設定の文字サイズ== */
	text-align: left;                 /* ==リンク設定の文字位置== */
/*	text-decoration: underline;  */   /* ==リンク項目に最初からアンダーラインをつける== */
	text-decoration: none; 
}

.contents-table-02-02 a:link {
	color: #330000;                   /* ==リンク設定の文字の色 黒色== */
}
.contents-table-02-02 a:visited {
	color: #330000;                   /* ==リンク設定の文字の色 黒色== */
}
.contents-table-02-02 a:hover {
	color: #ff8040;                   /* ==ロールオーバー時の文字の色 橙色== */
	text-decoration: underline;       /* ==ロールオーバー時にアンダーラインをつける== */
}
.contents-table-02-02 a:active {
	color: #330000;                   /* ==リンク設定の文字の色 黒色== */
}


/* ==３コ目のテーブル(ゴルフコース一覧表)のＣＳＳ== */
.contents-table-03 {
    width: 810px;                           /* ==テーブルの横幅========================================== */
/*  height: 100px;           */             /* ==テーブルの高さ========================================== */
	margin: 0;                              /* ==テーブルの枠外からの距離 上,右,下,左==================== */
/*	padding:2px 0px 2px 0px;     */         /* ==テーブルの内側の縦横幅 上,右,下,左====================== */
    border-collapse: collapse;              /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */
/*	border: 1px solid #ff8040;   */         /* ==テーブルの枠線の太さと色(橙色)========================== */
	font-size: 11pt;                        /* ==テーブル枠内のフォントサイズ============================ */
    font-weight: bold;                      /* ==テーブル枠内のフォント太さ============================== */
	color: #ff8040;                         /* ==テーブル枠内のフォント色(橙色)========================== */
}

.contents-table-03-01 {
    height: 24px ;                          /* ==テーブル２行目のセルの高さ============================== */
    border-collapse: collapse;              /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */
	border: 1px solid #ff8040;              /* ==テーブル内セルの線の太さと色(橙色)====================== */
	empty-cells: show;                      /* ==セルの中身が空でもボーダー（テーブル枠線）を表示する==== */
    background: #ffffff;                    /* ==テーブルの２行目の背景色(1)============================= */
    padding-left: 20px;                     /* ==テーブル内セル内の左からの距離========================== */
    padding-top: 10px;
    padding-bottom: 10px;
}


/* ========================= フッタ領域       =================================== */
#footer {
	width:  100%;                            /* ==フッタ部の横幅(100%)=========== */
	height: 60px;                            /* ==フッタ部の高さ== */
	background-image: url(hawaiigolf-footer.jpg); 
/*	background-color: #5d8ae7;       */      /* ==フッタ部背景の背景色(濃水色 5d8ae7 他の候補225ed7)*/
	font-size: 9pt;                          /* ==フッタ部内のフォントサイズ===== */
}


/* ========================= フッタメニュー IE7.0 =============================== */
.footer-menu {
    padding-top: 10px;
/*	margin: 0 0 0 130px;   */       /* ==メニュー帯の周囲の縦横幅 上,右,下,左==== */
	margin: 0 0 0 130px;             /* ==メニュー帯の周囲の縦横幅 上,右,下,左==== */
/*	border-top: 1px solid #ffffff;  /*  /* ==メニュー帯上部の線（白）== */
	background-color: #5d8ae7;      /* ==メニュー帯全体の背景色(濃水色 5d8ae7)===== */
}


/* ========================= フッタメニュー firefox, chrome ===================== */
html>body .footer-menu {
    padding-top: 10px;
/*	margin: 0 0 0 80px;    */       /* ==メニュー帯の周囲の縦横幅 上,右,下,左==== */
	margin: 0 0 0 130px;             /* ==メニュー帯の周囲の縦横幅 上,右,下,左==== */
/*	border-top: 1px solid #ffffff;  /*  /* ==メニュー帯上部の線（白）============ */
	background-color: #5d8ae7;      /* ==メニュー帯全体の背景色(濃水色 5d8ae7)===== */
}


/* ========================= フッタメニュー <A>タグ設定=========================================== */

/* ====リンク枠(ボタン)の設定===================================================================== */
/*.footer-menu a {        */
/*	float: left;          */                       /* ==まわりこみ指定============================ */
/*	display: block;       */                       /* ==ブロック単位でリンク設定する指定========== */
/*	margin-right: 4px;    */                       /* ==リンク枠の右側の間隔====================== */
/*	padding: 2px 0 0px 0; */                       /* ==リンク枠の内側の間隔====================== */
/*	width: 120px;         */                       /* ==リンク枠の幅============================== */
/*	height: 20px;         */                       /* ==リンク枠の高さ============================ */
/*	height: 30px;         */                       /* ==リンク枠の高さ============================ */
/*	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;                    */              /* ==リンク枠の高さ============================ */
/*	height: 25px;                    */              /* ==リンク枠の高さ============================ */
/*	font-family:'ＭＳ Ｐゴシック';   */              /* ==リンク枠(ボタン)内のフォント種類 ========= */
/*	font-size: 9pt;                  */              /* ==リンク枠内のフォントサイズ================ */
/*	text-align: center;              */              /* ==リンク枠内のフォント位置================== */
/*	text-decoration: none;           */              /* ==リンクの下線の非表示====================== */
/*}                                  */


/* ====リンク枠(ボタン)の設定===================================================================== */
.footer-menu a {
	float: left;                                   /* ==まわりこみ指定============================ */
	margin:0px 24px 5px 0;                        /* ==リンク項目の間隔 上,右,下,左============== */
	font-family:'ＭＳ Ｐゴシック';                 /* ==リンク枠(ボタン)内のフォント種類 ========= */
	font-size: 9pt;                                /* ==リンク枠内のフォントサイズ================ */
	text-align: center;                            /* ==リンク枠内のフォント位置================== */
	text-decoration: none;                         /* ==リンクの下線の非表示====================== */
}

/* ======リンク枠(メニューボタン)の設定 firefox, chrome=========================================== */
html>body .footer-menu a {
	float: left;                                   /* ==まわりこみ指定============================ */
	margin:0px 24px 5px 0;                        /* ==リンク項目の間隔 上,右,下,左============== */
	font-family:'ＭＳ Ｐゴシック';                 /* ==リンク枠(ボタン)内のフォント種類 ========= */
	font-size: 9pt;                                /* ==リンク枠内のフォントサイズ================ */
	text-align: center;                            /* ==リンク枠内のフォント位置================== */
	text-decoration: none;                         /* ==リンクの下線の非表示====================== */
}


/*.footer-menu a:link {              */
/*	border: 2px solid #ffffff;       */              /* ==リンク枠の枠線の太さと色(白色)============ */
/*	background-color: #ffffff;       */              /* ==リンク枠内の背景色(白色)================== */
/*	color: #5d8ae7;                  */              /* ==リンク枠内の文字色(薄紺色)================ */
/*}                                  */

/*.footer-menu a:visited {           */
/*	border: 2px solid #ffffff;       */              /* ==訪問後のリンク枠の枠線の太さと色(青紫色)== */
/*	background-color: #ffffff;       */              /* ==訪問後のリンク枠の背景色(青紫色)========== */
/*	color: #5d8ae7;                  */              /* ==訪問後のリンク枠内の文字色(薄紺色)======== */
/*}                                  */


.footer-menu a:link {
	border: 2px solid #5d8ae7;                       /* ==リンク枠の枠線の太さと色(水色)============ */
	background-color: #5d8ae7;                       /* ==リンク枠内の背景色(水色)================== */
	color: #ffffff;                                  /* ==リンク枠内の文字色(白色)================== */
}

.footer-menu a:visited {
	border: 2px solid #5d8ae7;                       /* ==訪問後のリンク枠の枠線の太さと色(水色)==== */
	background-color: #5d8ae7;                       /* ==訪問後のリンク枠の背景色(水色)============ */
	color: #ffffff;                                  /* ==訪問後のリンク枠内の文字色(白色)========== */
}

/* ====リンク枠にマウスを乗せた状態(ロールオーバー)の設定========================================= */
/*.footer-menu a:hover {              */
/*	border: 2px solid #ffffe6;        */
/*	border-right: 2px solid #0f394c;  */
/*	border-bottom: 2px solid #0f394c; */
/*	background-color: #ffffe6;        */           /* ==フッタ部メニューマウスオーバー時のボタン色(薄黄色)== */
/*	color: #5d8ae7;                   */           /* ==フッタ部メニューマウスオーバー時の文字色(薄紺色)==== */
/*}                                   */

.footer-menu a:hover {
	border: 2px solid #5d8ae7;
	border-right: 2px solid #5d8ae7;
	border-bottom: 2px solid #5d8ae7;
	background-color: #5d8ae7;                     /* ==フッタ部メニューマウスオーバー時のボタン色(水色)=== */
	color: #ff9bcd;                                /* ==フッタ部メニューマウスオーバー時の文字色(ピンク色)= */
	text-decoration: underline;                    /* ==リンクの下線の表示================================= */
}

/* ====リンク枠にマウスを乗せ左ボタンを押したままの状態の設定===================================== */
/*.footer-menu a:active {             */
/*	border: 2px solid #ffff77;        */
/*	border-right: 2px solid #0f394c;  */
/*	border-bottom: 2px solid #0f394c; */
/*	background-color: #ffff77;        */  /* ==フッタ部メニューのマウスオーバー字のボタン色(薄黄色) ====== */
/*	color: #5d8ae7;                   */  /* ==フッタ部メニューのマウスオーバー字の文字色(薄紺色) ======== */
/*}                                   */

.footer-menu a:active {
	border: 2px solid #5d8ae7;
	border-right: 2px solid #5d8ae7;
	border-bottom: 2px solid #5d8ae7;
	background-color: #5d8ae7;            /* ==フッタ部メニューのマウスオーバー字のボタン色(水色) ======== */
	color: #ffffff;                       /* ==フッタ部メニューのマウスオーバー字の文字色(白色) ========== */
}

/* ========================= フッタコピー IE7.0 ======================================= */
.footer-copy  {
	margin: 5px 0 0 200px;            /* ==メニュー帯の周囲の縦横幅 上,右,下,左======== */
}
/* ========================= フッタコピー firefox, chrome ============================= */
html>body .footer-copy  {
	margin: 5px 0 0 200px;            /* ==メニュー帯の周囲の縦横幅 上,右,下,左======== */
}



.floatclear {
	clear: left;
}