/* 全体の背景 */
body { margin: 0; padding: 0; background-color: #808080; text-align: center}
/* 本文のフォント */
body {  font-family: "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif ;  font-size: 10.5pt;  color: #000000}
/* 見出しフォント・マージン指定 */
h1, h2, h3, h4, h5  { margin: 0;  padding: 0 0 0 0.5em;  font-weight: bold}
h1 {  font-size: 14pt;  font-weight: 800;  color: #000080}  /* サブページ見出し */
h2 {  font-size: 11pt;  color: #000000}  /* 牛乳マーク見出し */
h2 strong {  margin: 0;  color: #ff0000;  font-style: normal}  /* 見出しを赤に（効果） */
h3 {  font-size: 12pt;  color: #ffffff}  /* 表見出し 2020現在未使用*/
h4 {  font-size: 12pt;  color: #000000;
      width: 520px;  margin: 10px 0 0 10px;  padding: 0.5em 0.5em 0.3em 5px;
      border-right: 1px solid #666666; border-bottom: 1px solid #666666;  border-left: 1em solid #FF6600;
      background-color: #EEEEEE}  /* トップページコラム見出し */
h5 {  font: normal;  font-size: 9pt;  color: #808080;  padding: 1em;text-align: right}  /* 各ページ注釈 */

/* 段落フォント指定 */
p {  margin:0;  padding: 0 0 0 1em; line-height: 1.4em} /* 通常の文章 */
p em {  color: #000080;  font-style: normal}  /* 文中文字を青に（強調） */
p strong {  font: bold;  color: #ff0000;  font-style: normal}  /* 文中文字を赤に（効果） */
p.star {  font: bold;  color: #ff0000}  /* 見出しを赤に（効果） */
p.comment {  margin: 5px 0 5px 50px;  font: normal;  font-size: 9pt;  color: #808080;  padding: 0 0 0 0.5em}  /* コメント文 */

/*全体*/
#contents   {  width: 720px; margin: 3px auto; padding: 0; text-align: left;
		background-color: #ffffff;
		background-image: url(pts/pe07_bg.gif);
		background-repeat: repeat-x;
                background-attachment: fixed;}
/* ヘッダー */
header {  width: 720px;  margin: 0;  padding: 0 0 6px 0}
p.update  {  font-size: 9pt;  color: #000080;
             margin: 0; padding: 0; position: absolute; top: 35px; left: 570px}
p.head  {  width: 650px;  margin: 0 0 0 40px;  padding: 0;  color: #0000cc; text-align: center}
p.h1annex {  margin: 0 20px 0 70px;  font-size: 10.5pt;  padding: 0}
p.intro   {  width: 650px;  font-size: 10.5pt;
             margin: 0 0 10px 25px;  padding: 0.2em 0 0.2em 0.2em}
/* 本文 */
article   {  margin: 0;  padding: 0}
section.main {  width: 695px;  margin: 5px 0 10px 10px;  padding: 0;
		border: double 1px #000080;}
p.cont    {  font-size: 10.5pt;  margin: 0 1em 5px 1em;  padding: 0}
blockquote  {  font-size: 10.5pt;  margin: 0.5em 2em 0.5em 5em;  padding: 0}

section.maintop {  width: 640px;  margin: 10px 0 10px 40px;  padding: 0;
		border: double 1px #000080;
		background-image: url(top/tp_pht11.jpg); background-repeat: no-repeat; background-size: cover}

/* 段組み本文 */
section.column  {  width: 695px; margin: 0 0 10px 10px; padding: 0; 
		border: double 1px #000080;
		columns: 346px 2; /* カラムの幅、２カラム、余白 */
		column-gap: 3px; /* カラム間の余白を指定 */
		column-rule-style: dotted}

p.column {  font-size: 10.5pt;  margin: 0;  padding: 0 1em 5px 1em}

ul	{  list-style-image: url(top/tp_pin.gif); margin: 5px 0 5px 40px; padding: 0}
li	{  margin: 0.6em 0 0.1em 0em;  padding: 0}
p.pht	{  font-size: 10.5pt;  margin: 5px 10px 5px 300px;  padding: 0;
		line-height: 1.3em}  /*写真館文*/

/* フッター */
footer  {  width: 720px;  margin:5px 0 0 0;  padding: 5px 0 0 0;
            border-top: solid 1px #808080}

/*コピーライト*/
small {font-size: 0.8em; text-align: center; display: block}

/* 画像回り込み */
img.left   {float: left;  margin:0.5em 1em 0.5em 0.5em;  padding: 0}
img.right  {float: right;  margin:0.5em 0.5em 0.5em 1em;  padding: 0}
img.mark   {vertical-align: middle;  margin:0;  padding: 0}
img  {margin: 0;  padding: 0;}
p.ctr   {  font-size: 10.5pt;  margin: 0 0 5px 0; text-align: center}

/* 注釈-ツールチップ 注釈文1行〜4行 */
a.tip1{/* 下線 */
  color: #0000ff; text-decoration: underline;}
/* ツールチップ部分を隠す */
a.tip1 span { display: none;}
/* マウスオーバー */
a.tip1:hover { position: relative; color: #0000ff;}
/* ツールチップを表示 ボックス要素に、relatieからの絶対位置*/
a.tip1:hover span {
  display: block;
  position: absolute; top: -50px; left: -50px;
  width: 250px; padding: 5px; border-radius:3px; z-index:100;
  font-size: 90%; color: #ffffff; background-color: #696969;}

a.tip2{/* 下線 */
  color: #0000ff; text-decoration: underline;}
/* ツールチップ部分を隠す */
a.tip2 span { display: none;}
/* マウスオーバー */
a.tip2:hover { position: relative; color: #0000ff;}
/* ツールチップを表示 ボックス要素に、relatieからの絶対位置*/
a.tip2:hover span {
  display: block;
  position: absolute; top: -70px; left: -50px;
  width: 250px; padding: 5px; border-radius:3px; z-index:100;
  font-size: 90%; color: #ffffff; background-color: #696969;}

a.tip3{/* 下線 */
  color: #0000ff; text-decoration: underline;}
/* ツールチップ部分を隠す */
a.tip3 span { display: none;}
/* マウスオーバー */
a.tip3:hover { position: relative; color: #0000ff;}
/* ツールチップを表示 ボックス要素に、relatieからの絶対位置*/
a.tip3:hover span {
  display: block;
  position: absolute; top: -90px; left: -50px;
  width: 250px; padding: 5px; border-radius:3px; z-index:100;
  font-size: 90%; color: #ffffff; background-color: #696969;}

a.tip4{/* 下線 */
  color: #0000ff; text-decoration: underline;}
/* ツールチップ部分を隠す */
a.tip4 span { display: none;}
/* マウスオーバー */
a.tip4:hover { position: relative; color: #0000ff;}
/* ツールチップを表示 ボックス要素に、relatieからの絶対位置*/
a.tip4:hover span {
  display: block;
  position: absolute; top: -110px; left: -50px;
  width: 250px; padding: 5px; border-radius:3px; z-index:100;
  font-size: 90%; color: #ffffff; background-color: #696969;}

/* メディアクエリー部分 */
@media only screen and (max-width: 599px) {
body { font-size: 10pt;}
#contents { width: auto;}
header { width: auto;}
header img {max-width: 100%}
p.head { width: auto;}
p.update  {  position: absolute; top: 30px; left: 370px}
article  { width: auto; margin: 0;}
section.main {  width: auto;}
p.cont    {  font-size: 10pt;}
blockquote  {  font-size: 10pt;}
section.maintop {  width: auto;  margin: 10px 0 10px 5px;}
section.column  {  width: auto;　margin: 0 10px 5px 10px;
		columns: auto 1;} /* カラムの幅、１カラム、余白 */
p.column {  font-size: 10pt;}
ul	{  list-style-image: url(top/tp_pin.gif); margin: 5px 0 5px 40px; padding: 0}
li	{  margin: 0.1em 0 0.1em 0em;  padding: 0}
p.pht	{  font-size: 10pt;}  /*写真館文*/
footer  { width: auto;}
h1 {  font-size: 12pt;}  /* サブページ見出し */
h2 {  font-size: 10pt;}  /* 牛乳マーク見出し */
h4 {  font-size: 10pt; width: auto;}
h5 {  font-size: 9pt;}  /* 各ページ注釈 */
p.h1annex {  margin: 0 15px 0 50px;  font-size:10pt;}
p.intro   {  width: auto;  font-size: 10;}

/* ここまで */