body{
  font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  margin: 0px;                 /* bodyの外側の余白を指定する */
  padding: 140px 0px 30px 0px; /* bodyの内側余白を指定する(上:右:下:左) */
}

.Header {
  position: fixed;              /* ヘッダーを固定する */
  top: 0px;                       /* 上部から配置の基準位置を決める */ 
  left: 0;                      /* 左から配置の基準位置を決める */ 
  width: 100%;                  /* ヘッダーの横幅を指定する */
  height: 0px;                 /* ヘッダーの高さを指定する */
  padding: 0px;                /* ヘッダーの余白を指定する(上下左右) */
  background-color: #162232;    /* ヘッダーの背景色を指定する */
  color: #000000;               /* フォントの色を指定する */
  z-index: 1;                   /* 重なり順 */
}

.Contents {
  width: 100%;                  /* コンテンツの横幅を指定する */
  overflow: auto;               /* コンテンツの表示を自動に設定（スクロール） */
  z-index: 3;                   /* 重なり順 */
}


.Footer {
  position: fixed;             /* フッターを固定する */
  bottom: 0;                   /* 上部から配置の基準位置を決める */ 
  left: 0;                     /* 左から配置の基準位置を決める */ 
  width: 100%;                 /* フッターの横幅を指定する */
  height: 30px;                /* フッターの高さを指定する */
  padding: 0;                /* フッター内側の余白を指定する(上下左右) */
  background-color: #162232;   /* フッターの背景色を指定する */
  color: #FFFFFF;              /* フッターのフォントの色を指定する */
  z-index: 2;                   /* 重なり順 */
}

table.calender_column{
//    width: 100%;
    font-size: xx-small;
    text-align: center;
}

table.calender_column td{
    padding: 5px;
    border: 1px solid #CCC;
}

table.calender_column th{
    background-color: #ffffff;
}

table.calender_column tr{
    color: #000000;
}

/* 日曜日 */
table.calender_column tr.week0{
    background-color: #ffefef;
    color: #FF0000;
}

/* 土曜日 */
table.calender_column tr.week6{
    background-color: #ededff;
    color: #0000FF;
}

/* 月曜日〜金曜日 */
table.calender_column tr.week1,tr.week2,tr.week3,tr.week4,tr.week5{
    background-color: #e3f6ce;
    color: #FF0000;
}

/* 日付 */
table.calender_column th.day{
    min-width:: 35px;
}

/* リーグ */
table.calender_column th.league{
    width: 150px;
}

table.list_column td{
    padding: 0px;
    height: 15px;
    border: 0px;
}

table.detail_column td{
    padding: 0px 10px 0px 10px;
    height: 35px;
    border: solid 1px white;
}

.text_align_right {
    text-align: right;
}

.text_align_left {
    text-align: left;
}

.text_align_center {
    text-align: center;
}

#modal-overlay{
    z-index:9;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

#modal-content{
  position: fixed;
  left: 50%;
  top: 510px;
  width: 680px;
  height: 480px;
  padding: 0px;
  background-color: #162232;
  color: #ffffff;
  border:5px solid #aaa;
  z-index: 10;
  text-align: center;
  margin-left:-330px;
  margin-top:-200px;
}

.modal-p{
    margin-top:1em;
}

.modal-p:first-child{
    margin-top:0;
}

.button-link{
    color:#00f;
    text-decoration:underline;
}
 
.button-link:hover{
    cursor:pointer;
    color:#f00;
}