body {
  background-image: url(images/gothic_01.jpg);
  background-attachment:fixed;
  margin-top: 0px; margin-bottom: 0px; margin-left: 3%; margin-right: 3%;
  padding: 0px 5px 0px 5px;
  text-align: center;
  line-height: 150%;
  font-family: ＭＳ ゴシック,sans-serif; color: #333333;
  font-size: 14px;
 }
 
#field_spc1{
  width: 1000px;
  background-image: url(images/kabe02.jpg);
  border: 0px solid #003311;
  padding: 5px 5px 10px 5px;
 }

#field_spc1 th{
  font-size: 14px;
 }

#field_spc1 td{
  font-size: 14px;
 }

#field_spc2{
  width: 800px;
  background-color: linen;
  border: 0px solid #003311;
  padding: 5px 5px 10px 5px;
 }

#field_spc2 th{
  font-size: 14px;
 }

#field_spc2 td{
  font-size: 14px;
 }

#field_spc3{
  width: 800px;
  background-image: url(images/kabe02.jpg);
  background-color: #cccccc;
  border: 0px solid #ffffff;
  padding: 5px 5px 1px 5px;
 }

#field_spc3 th{
  font-size: 14px;
 }

#field_spc3 td{
  font-size: 14px;
 }

#field_spc4{
  width: 800px;
  background-image: url(images/kabe02.jpg);
  border: 0px solid #003311;
  padding: 5px 5px 10px 5px;
 }

#field_spc4 th{
  font-size: 14px;
 }

#field_spc4 td{
  font-size: 14px;
 }

#field_spc5{
  width: 800px;
  background-color: linen;
  border: 0px solid #003311;
  padding: 5px 5px 1px 5px;
 }

#field_spc5 th{
  font-size: 14px;
 }

#field_spc5 td{
  font-size: 14px;
 }

#main_spc{
  width: 560px;
  margin-bottom: 5px;
  margin-right: auto;
  margin-left: auto;
  padding: 5px 5px;
  text-align: left;
  float: right;
  border: 0px solid #003311;
 }

dt {
	font-weight: bold;	/*日付の色を太字にする*/
}

dd {
	font-decoration: underline 1px dotted #cfcfcf;	/*説明文の下に1pxの点線(dotted)を#cfcfcfの色で入れる。*/
}

#sub_spc {
  width: 205px;
  margin-bottom: 5px;
  margin-right: auto;
  margin-left: auto;
  padding: 5px 10px;
  text-align: left;
  float: left;
  border: 0px solid #003311;
 }

#footer {
  width: 100%;
  line-height: 1.4;
  text-align: center;
  border: 0px solid #003311;
 }

/* リスト全体 */
 ul.pagelinks {
    margin: 0px;
    padding: 0px;
 }

 /* 各項目の装飾 */
 ul.pagelinks li {
    width: 190px;
    line-height: 1.5em;
    list-style-type: none;
    border: 1px solid blue;
    float: left;
    margin: 0.1em;
    padding: 0px;
    font-family: Arial,sans-serif;
    font-weight: bold;
    text-align: center;
 }

 /* リンクの装飾 */
 ul.pagelinks li a {
    display: block;
    text-decoration: none;
    width: 190px;
 }
 
 /* 未訪問リンクの色 */
 ul.pagelinks li a:link {
    background-color: white;
    color: blue;
 }
 
 /* 既訪問リンクの色 */
 ul.pagelinks li a:visited {
    background-color: white;
    color: purple;
 }
 
 /* マウスが載ったときの色 */
 ul.pagelinks li a:hover {
    background-color: blue;
    color: yellow;
 }

 /* 現在位置項目の装飾 */
 ul.pagelinks li.here {
    background-color: green;
    color: #ffff80;
    border-color: green; 
 }

/* ▼外枠▼ */
div.notedesign {
   border: 2px solid green;   /* 外枠 */
   padding: 10px;             /* 内側の余白 */
   background-color: #ffffcc; /* 背景色 */
}

/* ▼ノート内部▼ */
div.notedesign p {
   background-image: url("images/greendot.gif"); /* 罫線 */
   line-height: 25px; /* 行の高さ */
   margin: 0px;       /* 外側の余白 */
}

/* ▼ノートタイトル▼ */
div.notedesign p.notetitle {
   margin: 0px 0px 5px 0px;           /* 外側の余白 */
   padding: 3px 0px;                  /* 内側の余白 */
   border-bottom: 3px double #008000; /* 下線 */
   font-weight: bold;                 /* 文字の太さ */
   color: #008000;                    /* 文字色 */
}

/* ▼ノートタイトルの日付欄▼ */
div.notedesign p.notetitle span.date {
   float: right;
}

 .fe {
 clear: both;
 }
 
 .ao_waku {
  width:85%;
  background-color:#0000ff;
  padding: 2px;
  font-color:#FFFFFF;
  filter:alpha(opacity=100,finishopacity=20,style=1,startx=20,finishx=90);
 }

 .ao_waku2 {
  width:85%;
  background-color:#ff9900;
  padding: 2px;
  font-color:#FFFFFF;
  filter:alpha(opacity=100,finishopacity=20,style=1,startx=20,finishx=90);
 }

 h1 {
  font-size: 45px; color: #003333;
  font-family: Times New Roman;
  line-height: 150%;
 }

 h2 {
  font-size: 18px;
  font-weight: bold;
  color: #993300;
  display: inline;
 }
 
 h3 {
  font-size: 14px;
  color: #ffffff;
  float: left;  
  display: inline;
 }

 h4 {
  font-size: 16px; color: #330099;
 }

 h5 {
  font-size: 18px;
  font-weight: bold;
  color: #993366;
  display: inline;
 }
 
 h6 {
  font-size: 18px;
  font-weight: bold;
  color: #009900;
  float: center;  
  display: inline;
 }

 p {
  margin-top: 0px;
 }
 
 p text1{
  text-decoration : underline;
 }
 
 strong {
  font-size: larger;
  background-color: #993366;
  color: white;
  padding: 3px 5px;
 }

 .hutomoji {
  font-family: Times New Roman;
  font-weight: 800;
 }

 .black {
  color: #000000;
 }

 .red {
  color: #ff0000;
 }

 .blue {
  color: #0000ff;
 }

 .gray {
  color: #808080;
 }

 .green {
  color: #008000;
 }

 .big {
  font-size: 18px;
  font-weight: 700;
 }

 .midashi {
  width: 185px;
  background-color: #dd9900;
  padding: 12px;
  border: 2px solid #dd9900;
  text-align: center;
  color: #ffffff;
 }

 .column {
  width: 193px;
  margin-bottom: 10px;
  padding: 0px;
  border: 1px solid #666666;
  text-align: left;
  line-height: 120%;
  color: #333333;
 }

 table {
  line-height: 125%;
  letter-spacing: 0px;
 }

 a:link {
  text-decoration: none;
  color: #00008b;
 }

 a:visited {
  text-decoration: none;
  color: #00008b;
 }

 a:hover {
  text-decoration: none;
  position: relative; top: 0px; left: 0px;
  color: #ff0000; 
 }
 
 .linktitle {
 font-family: "Verdana";
 font-size: 12px;
 font-weight: bolder;
 color: #666666;
 line-height: 170%;
 margin: 10px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: solid;
 border-top: 1px; 
 border-right: 1px; 
 border-bottom: 2px; 
 border-left: 5px;
 }

 .linktitle a 
 {color: #666666;text-decoration: none; display: block; width: 100%;}
 .linktitle a:link 
 {color: #666666;text-decoration: none;}
 .linktitle a:visited 
 {color: #666666;text-decoration: none;}
 .linktitle a:active 
 {color: #666666;text-decoration: none;}
 .linktitle a:hover 
 {color: #ff6600;text-decoration: none; background-color: #ffffcc; display: block; width: 100%;}
 
 .linktitle2 {
 font-family: "Verdana";
 font-size: 12px;
 font-weight: bolder;
 color: #666666;
 line-height: 170%;
 margin: 10px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: solid;
 border-top: 1px; 
 border-right: 1px; 
 border-bottom: 2px; 
 border-left: 5px;
 }

 .linktitle2 a 
 {color: #666666;text-decoration: none; display: block; width: 100%;}
 .linktitle2 a:link 
 {color: #666666;text-decoration: none;}
 .linktitle2 a:visited
 {color: #666666;text-decoration: none;}
 .linktitle2 a:active
 {color: #666666;text-decoration: none;}
 .linktitle2 a:hover 
 {color: #ffffff;text-decoration: none; background-color: #ffcc99; display: block; width: 100%;}
 
 .linktitle3 {
 font-family: "Verdana";
 font-size: 12px;
 font-weight: bolder;
 color: #666666;
 line-height: 170%;
 margin: 10px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: solid;
 border-top: 1px; 
 border-right: 1px; 
 border-bottom: 2px; 
 border-left: 5px;
 }

 .linktitle3 a 
 {color: #666666;text-decoration: none; display: block; width: 100%;}
 .linktitle3 a:link 
 {color: #666666;text-decoration: none;}
 .linktitle3 a:visited 
 {color: #666666;text-decoration: none;}
 .linktitle3 a:active 
 {color: #666666;text-decoration: none;}
 .linktitle3 a:hover 
 {color: #ffffcc;text-decoration: none; background-color: #996666; display: block; width: 100%;}
 
 .linktitle4 {
 font-family: "Verdana";
 font-size: 12px;
 font-weight: bolder;
 color: #666666;
 line-height: 170%;
 margin: 10px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: solid;
 border-top: 1px; 
 border-right: 1px; 
 border-bottom: 2px; 
 border-left: 5px;
 }

 .linktitle4 a
 {color: #666666;text-decoration: none; display: block; width: 100%;}
 .linktitle4 a:link 
 {color: #666666;text-decoration: none;}
   .linktitle4 a:visited 
 {color: #666666;text-decoration: none;}
 .linktitle4 a:active 
 {color: #666666;text-decoration: none;}
 .linktitle4 a:hover 
 {color: #ffffff;text-decoration: none; background-color: #cccc99; display: block; width: 100%;}