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; /* 文字の色 ===================================== */
}


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

#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;
}




/* ********************************************************************************************** */

/* ===== メイン領域 ===== */
#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=============== */
#contents {
	width: 100%;                            /* ==コンテンツ領域の横幅== */
/*	height: 150px;          */              /* ==コンテンツ領域の高さ== */
	background-color: #ffffff;              /* ==コンテンツ領域背景の背景色 黄緑色== */
}

.contents-table {
    width: 100%;                            /* ==コンテンツ領域テーブルの横幅========================== */
/*  height: 100px;           */             /* ==コンテンツ領域テーブルの高さ========================== */
	margin: 0;                              /* ==コンテンツ領域テーブルの枠外からの距離 上,右,下,左==== */
	padding:0;                              /* ==コンテンツ領域テーブルの内側の縦横幅 上,右,下,左====== */
/*	border: 1px solid #0a73e7;    */        /* ==コンテンツ領域テーブルの枠線の太さと色(緑色)========== */
}

.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 #0a73e7;      */      /* ==コンテンツ領域テーブルの枠線の太さと色(緑色)========== */
}


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;                           /* ==テーブルの横幅========================================== */
/*  height: 100px;           */             /* ==テーブルの高さ========================================== */
	margin: 0;                              /* ==テーブルの枠外からの距離 上,右,下,左==================== */
	padding:0px 0px 0px 0px;                /* ==テーブルの内側の縦横幅 上,右,下,左====================== */
    border-collapse: collapse;              /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */
	border: 0px solid #0a73e7;              /* ==テーブルの枠線の太さと色(緑色)========================== */
	font-size: 10pt;                        /* ==テーブル枠内のフォントサイズ============================ */
	color: #6a6a6a;                         /* ==テーブル枠内のフォント色(濃いグレー)==================== */
}
.contents-table-01-01 {
    height: 200px ;                         /* ==テーブル1行目のセルの高さ============================== */
    border-collapse: collapse;              /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */
	border: 0px solid #0a73e7;              /* ==テーブル内セルの線の太さと色(緑色)====================== */
	empty-cells: show;                      /* ==セルの中身が空でもボーダー（テーブル枠線）を表示する==== */
    background: #ffffff;                    /* ==テーブルの3行目以降の背景色(1)========================== */
    padding-left: 0px;                      /* ==テーブル内セル内の左からの距離========================== */
}



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

.contents-table-02-01 {
    height: 200px ;                         /* ==テーブル４行目のセルの高さ============================== */
    border-collapse: collapse;              /* ==テーブル枠線を1本にする。指定しないと2重線になる======== */
	border: 1px solid #0a73e7;              /* ==テーブル内セルの線の太さと色(緑色)====================== */
	empty-cells: show;                      /* ==セルの中身が空でもボーダー（テーブル枠線）を表示する==== */
    background: #ffffff;                    /* ==テーブルの3行目以降の背景色(1)========================== */
    padding-top: 30px;                      /* ==テーブル内セル内の上からの距離========================== */
    padding-bottom: 30px;                   /* ==テーブル内セル内の下からの距離========================== */
    padding-left: 50px;                     /* ==テーブル内セル内の左からの距離========================== */
    padding-right: 15px;                    /* ==テーブル内セル内の右からの距離========================== */
}

/* =====  IE7.0 ===== */
.contents-table-02-c1 {
    width: 405px;                           /* ==1列目の幅== */
	background-color: #ffffff;              /* ==テーブル１列目背景の背景色(白)=行指定の色が優先されるのでこの色にならない。= */
}
.contents-table-02-c2 {
    width: 405px;                            /* ==2列目の幅== */
	background-color: #ffffff;              /* ==テーブル１列目背景の背景色(白)=行指定の色が優先されるのでこの色にならない。= */
}

/* =====  firefox, chrome===== */
html>body .contents-table-02-c1 {
    width: 405px;                           /* ==1列目の幅== */
	background-color: #22ffff;              /* ==テーブル１列目背景の背景色(白)=行指定の色が優先されるのでこの色にならない。= */
}
html>body .contents-table-02-c2 {
    width: 405px;                            /* ==2列目の幅== */
	background-color: #ff33ff;              /* ==テーブル１列目背景の背景色(白)=行指定の色が優先されるのでこの色にならない。= */
}





ul {                                             /* == 右の小枠内のリスト設定 ==*/
    margin:0;                                    /* == 余白を消す ==*/
    padding-left: 10px;                          /* == テーブルからはみ出すので、ボックスからの左からの距離指定 ==*/
    list-style:none;                             /* == 本来あるマークを消す ==*/
    list-style-image: url("list-mark-01.gif") ;  /* ==リストマーク画像の指定 ==*/
    line-height:1.6em;                           /* ==リストの行間指定 ==*/
}

li {
    margin:0 0 0 0;
    padding:0 0 0 0;
}

.indent {                                        /* == 都道府県ゴルフコースのリスト設定 ==*/
    margin-left: 15px;                           /* == 余白を消す ==*/
    padding-left: 0px;                           /* == テーブルからはみ出すので、ボックスからの左からの距離指定 ==*/
    list-style:none;                             /* == 本来あるマークを消す ==*/
    list-style-image: url("list-mark-01.gif") ;  /* ==リストマーク画像の指定 ==*/
    line-height:1.6em;                           /* ==リストの行間指定 ==*/
} 


.indent02 {                                      /* == 都道府県ゴルフコースのリスト設定 ==*/
    margin-left: 15px;                           /* == 余白を消す ==*/
    padding-left: 0px;                           /* == テーブルからはみ出すので、ボックスからの左からの距離指定 ==*/
    list-style:none;                             /* == 本来あるマークを消す ==*/
    list-style-image: url("list-mark-02.gif") ;  /* ==リストマーク画像の指定 ==*/
    line-height:1.6em;                           /* ==リストの行間指定 ==*/
} 

/* ==リンクのＣＳＳ== */
a {
	font-size: 10pt;                  /* ==リンク設定の文字サイズ== */
	text-align: left;                 /* ==リンク設定の文字位置== */
	text-decoration: none;
}

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



/* ========================= フッタ領域       =================================== */
#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;      /* ==メニュー帯全体の背景色（明るい青緑色）== */
}


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

/* ====リンク枠(ボタン)の設定===================================================================== */
.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;
}