@charset "UTF-8";

/*
    ================================================
                 table, td 、body　セット
    ================================================
*/

body
{
   font-family:Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
   line-height:1.6;
}
table, td 　　　　                                                      /*  令和2年3月9日にTESTにて追加、table残す　*/　　　　　　　　　
{
   width:100%;                                                          /*  センター幅bcg-057aで幅640px高750px設定してある　 */
   border: 0px ;
}

/*
   ================================================
                グローバルナビゲーション
   ================================================
*/

nav {
    width:100%;
    position:fixed;
    top:0;
    left:0;
    padding:5px 0;
    opacity: 0.9;                                                       /*   透明度を表す */
    background:#006400;
    z-index:10;
}
nav ul {
    position:relative;
    float:left;
    left:47%;
    margin:0;
}
nav li {
    position:relative;
    left:-50%;
    float:left;
    list-style:none;
    margin:0;
    padding:0 10px;                                                     /* 20px */
}
nav li a {
    color:#ffffff;                                                      /* color:#fff; */
    text-decoration:none;
}
nav li a:hover {
    color:#ffa500;                                                      /* color:#dfdfdf; */
    text-decoration:underline;;
}

/*
   ========================================================
            ここから　index.css　スタイルシート分
   ========================================================
*/

.tdindex01-l
{
  width:260px;
  margin-left:  auto;
  margin-right: auto;
  vertical-align: middle;
  padding-left:50px;                                                    /* widthから80px右よりに  */
  text-align: center;                                                   /* text は中央に          */
}
.tdindex01-r
{
  width:380px;
  margin-left:  auto;
  margin-right: auto;
                                                                        /*  vertical-align: center;  */
  padding-left: 10px;                                                   /* widthから10px右よりに  */
  text-align: left;                                                     /* text は右側に画像は左に */
}
.index-annai                                                            /* text ご案内の画像 */
{
  width: 80px;
  height: 38px;
  padding-top:5px;
}

div.center-01 p
{
  display: table-cell;                                                  /*  ご案内 縦、文字中央に配列  */
  vertical-align: middle;
  margin: 10px 10px 10px 15px;
  padding-bottom: 10px;
  padding-left: 15px;
}

/*
 　　 ================================================
     　　  ここから壁紙の　css　を揃えてある
    　================================================
*/

.bk003index                                                             /* index.htm　で使用の壁紙 bk003  */
{
    background-image: url("../image/b110-1.png");
}
.bcg-057a                                                               /* 淡い緑色の和紙模様　幅640px高750px 　 index.htmlにて使用 　*/
{
  width:640px;
  height:750px;
  background-image: url("../image/bk256-1.gif");
  text-align: center;
}
.bcg-057b                                                               /* 淡い緑色の和紙模様　幅640px 高560px 　kazika-1から9で使用している　*/
{
  width:640px;
  height:560px;
  background-image: url("../image/bk256-1.gif");
  text-align: center;
}

/*
    ======================================================
            ここからセンター寄せの　cssを揃えてある
    ======================================================
*/
div#wrapper-index                                                       /*  div id="wrapper" 書式　indexで使用　 */
{
    width: 640px;
    margin-left:  auto;
    margin-right: auto;
    text-align: center;
    border: 0;
}

/*
　　===========================================================
    　     ここから　文字のサイズの設定　cssを揃えてある
    ===========================================================
*/

.moji10
{
   font-size: small;                                                    /* 文字色　黒　index.hml + kazita.html　にて使用 */
   color:#000000;
   text-align: center;
}
.moji10-b
{
   font-size: small;                                                    /* 文字色　黒　index.hmlにて使用 */
   color:#000000;
   text-align: center;
}
.moji10-bl                                                              /* 文字色 青 index.htmlで使用し */
{
   font-size: small;
   color: #0000cc;
   text-align: center;
}
.moji10-g
{
   font-size: small;                                                    /* 文字色　緑　index.hmlにて使用 */
   color:#00a933;
   text-align: center;
}
.moji10-r
{
   font-size: small;                                                    /* 文字色　赤　index.hmlにて使用 */
   color:#cc0000;
   text-align: center;
}
p.moji57-1                                                              /* 文字色  黒  indexx.htmlで使用 */
{
   font-size: medium;
   color: #000000;
   width: auto;
   height: auto;
   text-align: left;
   padding-left: 60px;
}
p.moji57bl                                                              /* 文字色 青 index.htmlで使用し */
{
   font-size: medium;
   color: #0000cc;
   width: auto;
   height: auto;
   text-align: left;
   padding-left: 60px;
}
p.moji58-1                 　　　                                       /* indexで使用 センター黒 管理者位置 */
{
   font-size: medium;
   color: #000000;
   width: auto;
   height: auto;
   text-align: left;
   padding-left: 370px;
}

.moji95                                                                 /* indexで使用  センター青　*/
{
   font-size: medium;
   color: #0000ff;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

/*
    ==============================================================================
        ここから　行の余白行作成　　class="margintop-02"　cssを揃えてある
    ==============================================================================
*/

.margintop-02                                                           /* 上側に2行分の余白行作成　*/
{
   margin-top: 2em;
}
.margintop-07                                                           /* 上側に7行分の余白行作成　*/
{
   margin-top: 7em;
}
.yohaku-005
{
   margin-bottom: 12px;                                                 /* 約1行分の余白下の行作成　　*/
}
.yohaku-01
{
   margin-bottom: 1em;                                                  /* 1行分の余白下の行作成　　*/
}
.yohaku-02
{
   margin-bottom: 2em;                                                  /* 2行分の余白下の行作成　　*/
}
.yohaku-03
{
   margin-bottom: 3em;                                                  /* 3行分の余白下の行作成　　*/
}
.yohaku-05
{
   margin-bottom: 5em;                                                  /* 5行分の余白行作成　　class="yhaku-05"　*/
}
.clear-both                                                             /* 画像の回り込み解除作成　 */
{
   clear:both;
}
.img120-170                                                        　   /* ootakaの画像  */
{
   width: 120px;
   height: 170px;
}
.image1132-02                                                           /* sakura-011a.jpgの表示サイズ 名城公園桜  */
{
  width: 500px;
  height:160px;
  margin:2px 10px 15px 10px;
  padding:0px;
  box-shadow: 2px 5px 8px 2px rgba(113, 135, 164, 0.8); 
  position:relative;
  background:#fff;
}