@charset "utf-8";

/* ●余白を０ピクセルで初期化 */

*
{
  margin:0px;
  padding:0px;
}


/* ●固定表示エリアの定義 */ /* ☆2020/May */

div.no-scroll-area
{
//width:940px;  /* 2020/May */
  width:1068px; /* 2020/May */

  background-color:#ffffff;
  position:fixed; /* 固定表示を指定 */
}


/* ●オーバーラップエリアの定義 */ /* ☆2020/May */

div.overlap-area
{
  height:110px; /* 固定表示エリアと重なるエリアの高さを定義 */
}


/* ●ページリンク表の定義 */

table.p-link-tbl
{
  border-collapse:collapse;
  width:900px;
  margin:auto;

  margin-top:10px;    /* ☆2020/May */
  margin-bottom:16px; /* ☆2020/May */

  /* ☆2020/May */
  -webkit-user-select: none; /* テキスト（文字列）を選択できないようにする */
     -moz-user-select: none; /* テキスト（文字列）を選択できないようにする */
      -ms-user-select: none; /* テキスト（文字列）を選択できないようにする*/ 
          user-select: none; /* テキスト（文字列）を選択できないようにする*/ 

}


/* ●ページリンク表の列の定義 */

td.p-link1,td.p-link2,td.p-link3 /* ページリンク表の各列の共通定義 */
{
  height:34px;
  text-align:left;
  padding-left:32px;
}

td.p-link1,td.p-link2 /* ページリンク表の１、２列の共通定義 */
{
  width:33%;
}

td.p-link1 /* ページリンク表の１列目の定義 */
{
  background-image:url(gazou/red.PNG);
}

td.p-link2 /* ページリンク表の２列目の定義 */
{
  background-image:url(gazou/green.PNG);
}

td.p-link3 /* ページリンク表の３列目の定義 */
{
  background-image:url(gazou/blue.PNG);
}


/* ●ページリンク表のリンクの定義 */

a.menu:link,a.menu:visited /* 未訪問、訪問済みのリンクの定義 */
{
  color:white;          /* フォントの色（白）    */
  font-size:11pt;       /* フォントサイズ（11pt）*/
  font-weight:bold;     /* フォントを太字にする  */
  text-decoration:none; /* 下線なし              */
}

a.menu:hover /* マウスオーバー時のリンクの定義 */
{
  color:yellow; /* フォントの色を黄色にする */
}


/* ●ページリンク表の現在ページの文字列書式 */

#current-page
{
  font-size:11pt;       /* フォントサイズ（11pt）*/
  font-weight:bold;     /* フォントを太字にする  */
  text-decoration:none; /* 下線なし              */
  color:yellow;         /* フォントの色（黄色）  */
}


/* ●写真の表の定義 */

table.photo-tbl
{
//border-collapse:collapse;
  margin:auto;
  width:864px;
  border-spacing:6px 2px; // 表のセルとセルの間隔（左右、上下）
}


/* ●写真の表に配置した写真の書式 */

img.photo
{
  border:solid 3px #0000ff;
}


/* ●見出しの定義 */

div.midashi
{
  font-family:sans-selif;
  font-size:40px;
  font-weight:bold;
  border-left:solid 8px #e2007f;
  border-bottom:solid 3px #e2007f;
/* padding-left:5px;*/
  padding-bottom:4px;
  padding-left:30px;

  /* ★改造で追加（2020/May）*/
  line-height:60px; /* 行の高さ（これを使って１行の文字列を上下中央に配置！）*/

  /* ★改造で追加（2020/May）*/
/* margin-left:64px;*/
  margin:auto;
/*width:928px;*/
  width:862px; /* = 900 - 8 - 30 */

}


/* ●リンクを設定した画像にマウスポインターをかざしたときの書式 */

//→固定ヘッダーの画像が乱れるので廃止（☆2020/May）
//a.ex:hover
//{
//  opacity:0.5; /* 画像を半透明にする */
//}


/* ●リンクボタンにマウスポインターをかざしたときの書式 */

/* ★改造で追加（2020/May）（↓ここから）*/
.message
{
  position:relative;
  cursor:pointer; /* aタグでリンク指定していなくても指マークを表示する */
}

.message span.remark
{
  display:none; /* 非表示状態にする */
}

/* マークにマウスポインターをかざしたときの設定 */
.message a:hover span.remark, 
.message:hover   span.remark
{
  display:block; /* 非表示から表示状態に変更する */

  /* メッセージ表示エリアの大きさの定義 */
  width: 152px;
  height:30px;

  /* メッセージの背景の設定 */
  background-color:#EEFFEE;  /* 背景色     */
  border: 1px solid #CCCCCC; /* 背景の枠線 */

  /* メッセージの文字の設定 */
  color: #000000;   /* 文字色（黒）*/
  font-size:10pt;   /* 文字サイズ  */
  font-weight:bold; /* 太字        */
  line-height:30px; /* 行の高さ（これを使って１行の文字列を上下中央に配置！）*/

  /* メッセージの表示位置の指定 */
  position:absolute;
  top: 0px;    /* 基準（マーク）からの垂直位置 */
  left:-176px; /* 基準（マーク）からの水平位置 */

  text-align:center;
}
/* ★改造で追加（2020/May）（↑ここまで）*/

/* ●全体のフォント指定 */

body
{
  font-family:meiryo;
}