/* 全体 */

body { margin: 0; padding: 0; background-color: #ffffff}

ul {margin: 0 0 0 2em; padding: 0;}

/* 全体：リンクの下線や外枠線を消す */
a {text-decoration: none;}
a img {border: none;}



/* ページトップ */

table.top { cellspacing: 0; cellpadding: 0; width: 750px; border-right: #000000 1px solid; border-left: #000000 1px solid; border-bottom: #666666 5px solid;}
.text1     {font-size: 24px; color: #4d4d4d; font-weight: bold; }/* メインタイトルのフォントサイズ,色*/
.text2     {font-size: 11px; color: #4d4d4d; font-family: meiryo; font-weight: bold; }/* サブタイトルのフォントサイズ,色*/


/* メニュー部分 */

table.menu {
width: 750px; /* 表の幅 */
height: 40px;
border: 1px #000000 solid; /* 大枠の境界線 */
border-collapse: collapse;
}

table.menu td {
width: 117px; /* セルの幅 */
border: 1px #000000 solid; /* セルの境界線 */
}

table.menu tbody td {
background-color: #ff0000; /* データセルの背景色 */
font-size:15px;font-weight:bold;color:#ffffff;text-decoration:none;
}



/* コンテンツ部分 */

table.contents {
width: 750px; /* 表の幅 */
border-left: 1px #000000 solid; /* 大枠の境界線 */
border-right: 1px #000000 solid; /* 大枠の境界線 */
border-top: 0px; /* 大枠の境界線 */
border-bottom: 0px; /* 大枠の境界線 */
border-collapse: collapse;
}

td.contents {
border: 0px;
padding: 1em 2em 3em 3em; line-height: 180%; color: #666666;
font-family: meiryo;
font-size: 90%;
}

td.hatena {
border: 0px;
padding: 3em 2em 0em 3em; line-height: 180%; color: #666666;
font-family: meiryo;
font-size: 90%;
}

td.contents3 {
border: 0px;
padding: 3em 2em 0em 1em; line-height: 180%; color: #666666;
font-family: meiryo;
font-size: 90%;
}


/* トップページのニュースのリンク */
a.top:link { color: #000080; }
a.top:visited { color: #000080; }
a.top:hover { color: #008000; }
a.top:active { color: #ff8000; }

/*赤バージョンの時は#990000*/

a.topsp:link { color: #ff0000; }
a.topsp:visited { color: #ff0000; }
a.topsp:hover { color: #008000; }
a.topsp:active { color: #ff8000; }


/*スタッフ紹介のトップ*/

td.staff {
border: 1px;
line-height: 150%; color: #666666;
font-family: meiryo;
font-size: 90%;
}





/* サイドメニュー */

td.sidemenu {
background-color: #f5f5f5; border-right: 1px #c0c0c0 solid;
}

a:link { color: #4d4d4d; }
a:visited { color: #4d4d4d; }
a:hover { color: #ff0000; }
a:active { color: #ff8000; }


/* --- ナビゲーションバー --- */
div.nav {
width: ; /* ナビゲーションの幅 */
font-size: 16px; font-weight: bold;
text-decoration: none;

position: fixed;

}

/* --- メニューエリア --- */
div.nav ul.nl {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
background-color: #f5f5f5; /* 項目の背景色 */
border-bottom: 1px #c0c0c0 solid; /* 項目の下境界線 */
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
padding: 9px 10px; /* リンクエリアのパディング（上下、左右） */
text-decoration: none; /* テキストの下線（なし） */
}

/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
position: relative; /* IE6用 */
background-color: #f0ffff; /* ポイント時の背景色 */
text-decoration: none; /* テキストの下線（なし） */
}





/* 見出し */

.title{
     width : 100% ;
     font-size : 120% ;
     font-weight: bold; 
     line-height : 200% ; 
     padding-left : 10px ;
     margin : 30px 0px 40px 0px ; 
     background : #f5f5f5 ;
     border-top : 0px ;
     border-bottom : solid 1px #c0c0c0 ;
     border-left : solid 10px #c0c0c0 ;
     border-right : 0px ;
}


/* フッター */

table.foot { cellspacing: 0; cellpadding: 0; width: 750px; height: 120px; border-right: #000000 1px solid; border-left: #000000 1px solid; border-bottom: #000000 1px solid;  background-color: #dcdcdc;}
table.foot td {font-size: 80%; line-height: 150%;}





/* 表 */

/* --- 表全体 --- */
table.chart {
width: 480px; /* 表の幅 */
margin-bottom: 30px; /* 表の下マージン */
border: 1px #c0c0c0 solid; /* 大枠の境界線 */
border-collapse: collapse;
font-size: 80%;
}

/* --- セル --- */
table.chart th,
table.chart td {
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* セルの境界線 */
}

/* --- 見出しセル --- */
table.chart thead th {
background-color: #deefff; /* 見出しセルの背景色 */
text-align: center;
}

/* --- データセル --- */
table.chart tbody td {
background-color: #ffffff; /* データセルの背景色 */
}






/* --- 〈甘露〉大会バス時刻表 --- */
table.chart2 {
width: /* 表の幅 */
margin-bottom: 30px; /* 表の下マージン */
border: 1px #c0c0c0 solid; /* 大枠の境界線 */
border-collapse: collapse;
font-size: 70%;
}

/* --- セル --- */
table.chart2 th,
table.chart2 td {
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* セルの境界線 */
text-align: center;
}

/* --- 見出しセル --- */
table.chart2 thead th {
background-color: #deefff; /* 見出しセルの背景色 */
text-align: center;
}

/* --- データセル --- */
table.chart2 tbody td {
background-color: #ffffff; /* データセルの背景色 */
}







/* --- トップページのフッター --- */
td.foot2 {border; 0px; font-size: 80%; color: #b3b3b3; line-height: 160%; padding: 15px 0px 0px 0px;}
td.foot3 {border; 0px; font-size: 80%; color: #cccccc; padding: 0px 0px 0px 0px;}

/* --- トップページのメニュー --- */
table.topmenu { width: 680px; height: 35px; border-top: #666666 1px solid; border-bottom: #666666 1px solid; border-left: 0px; border-right: 0px;}
td.topmenu {font-size: 14px; color: #666666; font-weight: bold;}
td.news {font-size: 14px; color: #666666;}



/* --- ボタン --- */
button {
  /* ブラウザ特有のスタイルを無効に */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;

  /* 整える */
  margin: 1em 0; /* 前後の隙間 */
  padding: 0.6em 1em; /* 塗りの余白 */
  font-size: 1em; /* フォントサイズ */
  background-color: #1aa1ff; /* 背景色 */
  color: #FFF; /* テキストカラー */
  cursor: pointer; /* カーソルを指マークに */
  border-radius: 3px; /* 角の丸み */
  border: 0; /* 枠線を消す */
  transition: 0.3s; /* ホバーの変化を滑らかに */
}

/* ホバー時（カーソルをのせた時）の見た目 */
button:hover {
  background-color: #064fda; /* 背景色 */
}