
/* トップ画像のの設定 ------------------------------------------------*/
.toppic{
  margin-left:14px;             /* 左側余白（7px） */
}


div#topmenu{
  margin-left:-26px;
  margin-top:-14px;
  padding:0px;
}

/* メニュー表示の設定 ------------------------------------------------*/
ul {list-style-type: none;}

.view li{
  width:94px;                   /* 幅（94px） */
  background-color:#ededed;     /* 背景色（灰色） */
  border-width:1px 0px 1px 1px; /* 枠線の幅（0px） */
  border-style:solid;           /* 枠線（四角） */
  border-color:#4604c5;         /* 枠線の色（青） */

  text-align: center;           /* テキストの配置（中央） */
  float:left;
  }
li#last{
  width:93px;
  background-color:#ededed;
  border-width:1px;
  border-style:solid;
  border-color:#4604c5;         /* 枠線の色（グレー） */

  text-align: center;
  float:left;
  }

li#subm{
  width:94px;
  background-color:#ededed;
  border-width:0px 1px 1px 1px;
  border-style:solid;
  border-color:#888888;         /* 枠線の色（グレー） */
  line-height:21px;             /* 高さ（20px） */
  text-align: center;
  float:left
  }
li#subm93{
  width:93px;
  background-color:#ededed;
  border-width:0px 1px 1px 1px;
  border-style:solid;
  border-color:#888888;         /* 枠線の色（グレー） */
  line-height:21px;             /* 高さ（20px） */
  text-align: center;
  float:left
  }
li#subm110{
  width:110px;
  background-color:#ededed;
  border-width:0px 1px 1px 1px;
  border-style:solid;
  border-color:#888888;         /* 枠線の色（グレー） */
  line-height:21px;             /* 高さ（20px） */
  text-align: center;
  float:left
  }
li#subm124{
  width:128px;
  background-color:#ededed;
  border-width:0px 1px 1px 1px;
  border-style:solid;
  border-color:#888888;         /* 枠線の色（グレー） */
  line-height:21px;             /* 高さ（20px） */
  text-align: center;
  float:left
  }

.hd {display: none;
   position:absolute;
   top:20px; left:-41px
}
.hd a {display: block; width: 100%; height:100%; background-color: #ffffff}
.hd a:hover {background-color: #dfffff}
.off {margin:0; background-color: #ffffcc}
.on {position:relative; background-color: #ffdddd}
.on .hd {display: block}


/* リンク設定 ----------------------------------------------------------*/
/*a{text-decoration:none}          リンクの飾り（なし） */
a:link{color:#0000ff}           /* リンクの色（白） */
a:visited{color:#0000ff}        /* 訪問済みリンクの色（白） */
a:hover {color: #ff6600; text-decoration: underline;}


a#menu{text-decoration:none}         /* リンクの飾り（なし） */
a#menu:hover{
  text-decoration: none;
  }


/* 基本となる文字のサイズなど ---------------------------------------*/
body{
  background-image: url(image/bg_address3.png);
  font-size:small;           /* 文字サイズ（smaller） */
  font-family: "ＭＳ Ｐゴシック","Osaka", arial, sans-serif;
  line-height:14pt;
  letter-spacing: 0.07em;          /* 文字と文字の間隔 */
}

tbody{
  font-size:small;           /* 文字サイズ（smaller） */
  font-family: "ＭＳ Ｐゴシック","Osaka", arial, sans-serif;
  line-height:14pt;
  letter-spacing: 0.07em;          /* 文字と文字の間隔 */
  }

/* メインフレーム ---------------------------------------------------*/
.main{
  width:758px;
  border-width:1px;
  border-style:solid;
  border-color:#888888;         /* 枠線の色（グレー） */
  margin-right:0px;
  margin-top:-1px;
  margin-left:14px;
  padding-top:10px;
  background-image: url(image/bg2001.png);
 }


/* サブタイトル ------------------------------------------------------*/
p#sub{
  width:452px;
  border-style:solid;
  border-width:0px 0px 1px 14px;
  border-color:#a6a6a6;         /* 枠線の色（グレー） */
  font-size:larger;           /* 文字サイズ（smaller） */
  font-weight: bold;
  font-family: "ＭＳ Ｐゴシック","Osaka", arial, sans-serif;
  letter-spacing: 0.18em;          /* 文字と文字の間隔 */
  padding:7px 24px 5px 14px;            /* 余白（10px） */
  margin:14px 0 25px 0 ;

}

/* アドレス（トップページ左側）------------------------------------------*/
div#address{
  width:182px;                   /* 幅（87px） */
  font-size:medium;           /* 文字サイズ（smaller） */
  letter-spacing: 0.01em;          /* 文字と文字の間隔 */
  line-height:21px;             /* 高さ（20px） */
  color:#000000;                /* 文字色（白） */
  text-align:left;              /* 文字（左揃え） */
  background-image: url(image/bg_address3.png);
  border-style:solid;           /* 枠線（四角） */
  border-width:14px 1px 1px 1px; /* 枠線の幅（0px） */
  border-color:#999999;         /* 枠線の色（灰色） */
  padding: 4px 8px;             /* 左右余白（8px） */
  margin:14px 0 ;

   /* ▼CSS3 */
   border-radius: 5px;   /* 角を丸く */
   /* ▼Safari,Chrome */
   -webkit-border-radius: 5px;   /* 角を丸く */
   /* ▼Firefox */
   -moz-border-radius: 5px;   /* 角を丸く */
}
div#eadd{
  position:relative ;top:-7px;
  font-size:medium;           /* 文字サイズ（smaller） */
  }

/* サブメニューのコピー ------------------------------------------*/
div#tree{
  border-style:solid;           /* 枠線（四角） */
  border-width:1px; /* 枠線の幅（0px） */
  border-color:#999999;         /* 枠線の色（灰色） */
  line-height:12pt;
  padding:7px 10px;
  background:white;

}

/* すらら（左側）------------------------------------------*/
td#surara{
  vertical-align:top;
  border-style:solid;           /* 枠線（四角） */
  border-width:1px;             /* 枠線の幅（0px） */
  border-color:#6f00ff;         /* 枠線の色（オレンジ） */
  padding:7px 10px;
  background:white;
  line-height:12pt;
  letter-spacing: 0.01em;          /* 文字と文字の間隔 */

}

div#positionup{position:relative ;top:-2px;}


/* アクセスカウンター関係（左側）　*/
p#counter{padding: 10 0 0 30;
     width:168px;
     }
span#counter{
  position:relative ;top:-2pt;
  margin:0 1px 0 18px;
}



/* 文章（右側）------------------------------------------*/
.mozi{
  width:504px;                   /* 幅（450px） */
  
}

/* メイン（右側）------------------------------------------*/
td#right{
  background: white;
  width:100%;
  }

/* お知らせ（右側）------------------------------------------*/
td#news{
  vertical-align:top;
  border-style:solid;           /* 枠線（四角） */
  border-width:1px;             /* 枠線の幅（0px） */
  border-color:#ff9900;         /* 枠線の色（オレンジ） */
  padding:8px 14px;
  background:#ffffd7;

}

/* 新着情報（右側）------------------------------------------*/
td#whatsnew{
  vertical-align:top;
  border-style:solid;           /* 枠線（四角） */
  border-width:1px;             /* 枠線の幅（0px） */
  border-color:#ff9900;         /* 枠線の色（オレンジ） */
  padding:6pt;
  background:#ffffff;
  letter-spacing: 0.0em;          /* 文字と文字の間隔 */
}
ul#news{padding:0px 0 0 20px;
  list-style: square outside url(image/tab002.png);
  margin: 0 0 0 0;
  }
li#li{padding:0px 10px;}

body#if{
  background:#ffffff;
  letter-spacing: 0.01em;          /* 文字と文字の間隔 */
}

/* NEWの設定　*/
span#new{
  width: 32px ;
  background-color: red;
  color: white;
  text-align: center;
  text-decoration:blink;
  padding:0px 3px;}

/* 授業カリキュラムの表 ---------------------------------*/
td#c{text-align: center;}
td#gaku{width: 40px; text-align: center;}



/* 年間行事予定表 ---------------------------------*/
td#schedule{
  text-align:center;
  vertical-align:top;
  font-weight:bold;
  border-style:solid;           /* 枠線（四角） */
  border-width:1px; /* 枠線の幅（0px） */
  border-color:#999999;         /* 枠線の色（灰色） */
  padding:6pt 0pt;
  width:30pt;
  background:#ffffd7;
  }
td#schedule_right{
  border-style:solid;           /* 枠線（四角） */
  border-width:1px; /* 枠線の幅（0px） */
  border-color:#999999;         /* 枠線の色（灰色） */
  line-height:12pt;
  padding:6pt 8pt;
  }
td#schedule_photo{
  text-align:center;
  line-height:17pt;
  padding:1pt 7pt;
  }

/* フォトギャラリー関係　*/

div#phototitle{
  width: 95%;
  TEXT-ALIGN: left;
  MARGIN 0px; 
  LINE-HEIGHT: 20px;
  background: #b6cbe3;
  color: #003d84;
  BORDER-top: #4a7eb9 1px solid;
  BORDER-right: #4a7eb9 1px solid;
  BORDER-left: #4a7eb9 1px solid;
  PADDING: 2px 12px 0px 12px;
  VERTICAL-ALIGN: top;
  }
div#text{
  width: 95%;text-align: left;
  BORDER: #4604c5 1px solid;
  PADDING: 2px 12px 1px 12px;
  }
div#more{margin:0px 0px 1px 0px;}











/* 行き方（右側）------------------------------------------*/
td#howtogo{
  text-align:center;
  vertical-align:top;
  border-style:solid;           /* 枠線（四角） */
  border-width:1px;             /* 枠線の幅（1px） */
  border-color:#6f00ff;         /* 枠線の色（青） */
  padding:5pt 8pt;
  background:white;
  line-height:12pt;
  letter-spacing: 0.01em;          /* 文字と文字の間隔 */





}

/* 入学案内（右側）------------------------------------------*/
tbody#ent{
  font-family: "ＭＳ ゴシック";
  letter-spacing: 0.01em;          /* 文字と文字の間隔 */
}












/* 地図 ---------------------------------*/
div#map{
  padding:14px;
  }

/* サイトマップ見出し ---------------------------------*/
div#midasi{
  padding:18px 0px 5px 0px;
  font-weight: bold;
  }


/* copyright ---------------------------------*/
.bar{
  width:750px;
  border-width:0px 1px 1px 1px;
  border-style:solid;
  border-color:#999999;         /* 枠線の色（グレー） */
  margin-left:0pt;
  margin-right:0pt;
  margin-top:0pt;
  margin-left:14px;
  padding:3pt;
  background:#6f00ff;
  color:white;
  text-align:center;
  font-size: smaller;
  line-height:11pt;
 }






















