/* ----- 共通ヘッダー ----- */
#LinkHeader {
  /*border:1px solid white;*/
  margin-right: auto;
  margin-left: auto;
  padding:5px 0px 10px 0px;
  text-align: center;
}
/* タイトル */
.Title {
  font-size:20px;
  color:#C899CC;
}
/* ----- 共通フッター ----- */
#LinkFooter {
  /*border:1px solid white;*/
  margin-right: auto;
  margin-left: auto;
  padding:10px 0px;
  text-align: center;
}

/* ----- 共通コンテンツ ----- */
#LinkContents {
  /*border:1px solid yellow;*/
  margin-right: auto;
  margin-left: auto;
}
/* 区分タイトル */
.Division{
  background-color:#C899CC;
  padding:2px;
}
.DivName{
  font-size:16px;
}
/* 共通リンクリスト */
.DivTbl{
  width:100%;
}
.DivTbl th{
  font-weight: normal;
}
.DivTbl td{
  padding:2px;
  color:#C899CC;
  text-align: left;
}
.BlankDiv {
  height: 10px;
}

/* レイアウト調整 */

/*PC・タブレット版*/
/*@media screen and (min-width:1024px) {*/
@media screen and (min-width:768px) {
  /* コンテンツサイズ */
  #LinkHeader, #LinkContents, #LinkFooter {
    width: 50%;
  }

  .DivTbl th{
    padding:2px 0px 2px 10px;
    width:40%;
  }
  .DivTbl td{
    width:60%;
  }
}

/*タブレット版*/
/*  @media screen and (min-width:768px) and (max-width:1023px) {
}*/

/*スマホ版*/
@media screen and (max-width:767px) {
  /* コンテンツサイズ */
  #LinkHeader, #LinkContents, #LinkFooter {
    width: 95%;
  }

  /* ----- */
  .last td:last-child {
    border-bottom: solid 1px #333333;
    width: 100%;
  }
  .DivTbl {
    width: 97%;
  }
  .DivTbl th {
    background-color: #333333;
  }
  .DivTbl th,
  .DivTbl td {
    border-bottom: none;
    display: block;
    padding:5px;
    width: 100%;
  }  
}