/* ===== ページ全体のアレンジ ===== */  
 body { background-color: #ffffff;
       margin: 0;
       paddig: 0;  
      }
#kannri {
       width: 800px;
       background-color: #fff0f5;
       paddig: 0;
       margin: 0 auto;
       }
 #annai {
       width: 600px;
       background-color: #fff0f5;
       paddig-left: 0px;
       margin: 0 auto;
       }
 #bun {
       margin-left: 20px;
      }

p {
      margin: 0;
    }
 div.contents {
               width: 740px;
               paddig: 0;
               margin: 0 auto;
              }          
    
/* ===== タイトルアレンジ ===== */  
div.header {             
             width: 740px;
             paddig: 0;
             margin: 0 auto;
            }
th.top1 {
        border: 0;
        text-align: center;
        width: 180px;
       }
th.top2 {
        border: 0;
        text-align: center;
        width: 380px;
       }
th.top3 {
        border: 0;
        text-align: right;
      
        width: 180px;
       }   

    h3 {
         color: green;
         text-align: right;
         font-family: "Courier","serif";
         font-weight:lighter;
　　　   font-size: 14px;
        
         margin: 0;
        }   
/* ===== バーアレンジ ===== */  
div.bar {
      height:32px;
      width: 450px;
      left: 0px;
      top: 0px;
      background-image: url("btn/btn-bgc.gif");
      background-repeat: no-repeat;
              }
table.bar{
         border-collapse: collapse;
         border: 0px;
         }   

div.bar1 {
      height:32px;
      width: 740px;
      
     
              }


table.bar1{
        height:32px;
      width: 740px;
      position: relative;
      left: 0px;
      top: 0px;
      background-image: url("btn/btn-bgc2.gif");
      background-repeat: no-repeat;
         
         border-collapse: collapse;
         border: 0px;
         }  

tr.bar {
       border: 0px;
       border-collapse: collapse;
       }
th.bar {
       position:relative;
       border: 0px;
       border-collapse: collapse;
       margin-right: 0px;
       margin-left: 0px;
       padding: 0px 0px 0px 0px;   
       top: 0px;
       left: 0px;
       height: 32px;
       width:82px;
       vertical-align: center;
       }

      p.bar1 a {　　　　　　　　　
               position: relative;
               border: 0;
               top: 0px;
               left: 0px;
               display:block;
               height: 32px;
               width: 82px;
               background-image: url("btn/btnTop.gif");
               
               }
      p.bar1 a:hover {
               border: 0;
               position: relative;
               top: 0px;
               height: 32px;
               width: 82px;
               background-image: url("btn/btnTop-over.gif");    
               
               }
      p.bar2 a {　　　　　　　　　
               position: relative;
               border: 0;
               top: 0px;
               left: 0px;
               display:block;
               height: 32px;
               width: 82px;
               background-image: url("btn/btnAnnai.gif");
               }
p.bar2 a:hover {
               border: 0;
               position: relative;
               top: 0px;
               left: 0px;
               height: 32px;
               width: 82px;             
               background-image: url("btn/btnAnnai-over.gif");    
               }
      p.bar3 a {　　　　　　　　　
               position: relative;
               border: 0;
               top: 0px;
               left: 0px;
               display:block;
               height: 32px;
               width: 82px;
               background-image: url("btn/btnKatei.gif");
               }
p.bar3 a:hover {
               border: 0;
               position: relative;
               top: 0px;
               left: 0px; 
                height: 32px;
                width: 82px;          
               background-image: url("btn/btnKatei-over.gif");    
               } 
      p.bar4 a {　　　　　　　　　
               position: relative;
               border: 0;
               top: 0px;
               left: 0px;
               display:block;
               height: 32px;
               width: 82px;
               background-image: url("btn/btnTokubetu.gif");
               }
p.bar4 a:hover {
               border: 0;
               position: relative;
               top: 0px;
               left: 0px; 
               height: 32px;
               width: 82px;
               background-image: url("btn/btnTokubetu-over.gif");    
               }
#bar1 {               
       width: 70px;
       padding-top: 10px; 
       vertical-align: top;
       
       text-align:center;
       font-weight: lighter;
       font-size: 12px;
      
       font-family: "ＭＳＰ 明朝", "細明朝体", "serif"; 
       color:#e6e6fa;
       } 
                      /* ===== フォーム（メッセージ）アレンジ ===== */           
                             input,text {
                                     border:2px inset  #000080;
                                     width: 215px;
                                      
                                     height:14px;
                                     }            
                          
                             #myFormMes {
                                       postion: relative;
                                       vertical-align: middle; 
                                       margin-top:3px;
                                       border:2px inset  #000080;
                                       width: 215px;
                                        height:14px;
                                       font: lighter italic 12px "ＭＳ 明朝", "細明朝体", "serif";
                                        color: #008000;
                                        background-color: #fff;
                                       
                                        }
p.rol1 img {
       margin-bottom; 0px
           }

/* ===== メインアレンジ ===== */  
#main {
        float: right;
        width: 520px;
      }
/* ===== コピーライト ===== */
#footer {
         clear: both;
         background-image: url(btn/UnderBar.jpg);
         background-repeat: no-repeat;
         height: 22px;
         }
p.copyright { 
           color: #00008b;
           padding-top: 4px;
           font-size: 13px;
           text-align: center;  
          }
/* ===== サイドメニューのアレンジ ===== */  
td.access { text-align: center}
#menu {
        float: left;
        width: 220px;
       }

#list {
       background-image: url("btn/menuback2.gif");
       background-repeat: no-repeat; 
       position: relative;
       top:20px;
       left:5px;
        float: left;
       height: 500px;
        width: 220px;
       }

table.menu {
　　　position: relative;
      margin-top:20px;
      }
td.menu {
     
        }
  p.menu {
         background-color: #0066cc;
         margin-left:25px;
       
         }
  p.menu a { 
         display:block;
         padding-left: 15px;
         padding-top: 10px;
         font-size: 14px;
         color: #fcfffd;
         height: 22px;
         width: 140px;
         background-color: #0099ff;
         text-decoration: none;
         }
  p.menu a:hover {
         display:block;
         height: 22px;
         font-size: 14px;
         color: yellow;
         width: 140px;
         background-color: #0033ff;
        text-decoration: underline;
         }
 #kinkyu {
         clear: both;
         position: relative;
         top:30px;
         left: 5px;
         width: 210px;
         height: 368px;
         border: ridge 1px #cceccc;
          } 
#kyu {
     height: 70px;
     width:170px;
    }
/* ===== 学校だよりアレンジ ===== */  
h1.tayori {
         background-color: #00ff66;
         font-size: 30px;
         color: #fff;
         text-align: center;
         font-weight: lighter;
         font-family: "ＭＳＰ 明朝", "細明朝体", "serif";
         }
p.title  { 
         margin-left:220px;
         text-align: center;
         width:300px; 
         height:35px;
         padding-top: 5px;
         background-color: #7fff00;
         font-size: 30px;
         color: #fafffa;
         border: ridge 2px #87ceeb;
         
         }
img.img1{
        border: ridge 3px #cd853f;
        }
p.news  { 
         text-align:center;
         width:250px; 
         height:25px;
         padding-top: 5px;
         background-color: #6666ff;
         font-size: 18px;
         color: #99ffff;
         border: outset 3px #00ffff; 
         }
td.news {
         color:#000066;
         font-size: 0.9em;
         line-height: 1.5;
        }

#tayori {
         position: relative;
         left: 195px;
         top: 20px;
         border: ridge 2px #ccffcc;
         height: 130px;
         width: 350px;
         overflow: scroll;
         color: #4b00d3;
         }   
         
table.tayori {
        position: relative;
        width: 350px;
        height: 130px;
        }
#btm {
     position: relative;
      top:40px;
     }
#adobe {
       border: 0px;
       } 

/* ===== 学校目標アレンジ ===== */ 
table.mok{
        background-image: url("btn/bgc1.jpg");  
        border: outset 2px #00ffcc;
        width: 500px;   
       }

      
/* ===== 校舎アレンジ ===== */ 
#kosha4 {
        float: left;
        width: 10px;
        height: 320px;
        }
#kosha5 {
        float: left;
        width: 280px;
        height: 320px;
        background-image: url("img/kosha/bg13.gif");
        background-repeat: no-repeat;
        border: solid 1px #dcdcdc;
        }

#kosha6 {
        float: left;
        width: 210px;
         position: relative
        margin-top: 0px;
        margin-left: 15px
        }
p.kosha a {　　　　　　　　　　
               position: relative;
               margin-top: 4px;
               margin-left: 1px
               text-align:left;
               border: outset 2px #0000ff;
               display:block;
               height: 133px;
               width: 200px;
               background-image: url("img/kosha/kosha26.jpg");
               }
p.kosha a:hover {
               position: relative;
             
               text-align:left;
               border: outset 2px #0000ff;
               display:block;                 
               height: 133px;
               width: 200px;
               background-image: url("img/kosha/kosha25.jpg");    
               }
td.kosha {
        vertical-align: bottom;
        color:#fa11df;
        font-size:13px;
        text-align: left;
         }
p.kosha {
        text-align: right;
        color:#1111ff;
        font-size: 13px;
        font-weight: bolder;
        font-family: "ＭＳ 明朝", "細明朝体", "serif";
       }
p.tps {
      color: #ff0033;
      font-size: 18px;
      font-weight: 700;
      padding-left: 50px;
      }
td.tps1 {
        vertical-align: top;
        color:#0000ff;
        font-size:12px;
        text-align: right;
        width: 20px;
         }
td.tps2 {
        vertical-align: bottom;
        padding-top: 0px;
        height: 14px;
        color:#0000ff;
        font-size:14px;
        text-align: left;
         }
td.tps3 {
        background-color:crimson ;
        width: 2px;
        height: 14px;
         }
td.tps4 {
        background-color: orange;
        width: 2px;
        height: 14px;
         }
td.tps5 {
        background-color: yellow;
        width: 2px;
        height: 14px;
         }
td.tps6 {
        background-color: forestgreen;
        width: 2px;
        height: 14px;
         }
td.tps7 {
        background-color: dodgerblue;
        width: 2px;
        height: 14px;
         }
td.tps8 {
        background-color: darkblue;
        width: 2px;
        height: 14px;
         }
td.tps9 {
        background-color: purple;
        width: 2px;
        height: 14px;
         }
td.tps10 {
        width: 3px;
        height: 1px;
         }
#ab {
      text-decoration: none;
      }

#ab:link { 
         color: blue;
        
        }
#ab:visited {
            color: darkblue;
            text-decoration: none;
           }
#ab:hover {
          color: red;
          text-decoration: underline;
         }
#ab:focus {
          color: purple;
          }
#ab:active { 
           color: blue; 
           }
td.kosha7 {
          font-size: 12px;
          color: tomato;
          text-align: center;
          }
td.kosha8 {
           position: relative;
           height: 130px;
           width: 200px;  
           margin: 0px;                 
           display:block;    
           background-image: url("Photo/kannrito/img12.jpg");   
           border: outset 2px #0000ff;
           font-size: 10px;
           color: tomato;
           text-align: right;
           vertical-align: top;
              
           }

td.kosha9 {
          font-size:12px;
          text-align: center;
          }
font.up {
        color: #f81111;
      font-weight: bold;
        }
/* ===== 行事のアレンジ ===== */ 

div.gyouji {
         position: relative;
         left:30px;
         top:20px;
         border:ridge 1px #0000ff;
         width:486px;
         height: 180px;
         font-size: 0.9em;
         color: #ee22fe;
         overflow: auto;
         scrollbar-base-color: #66cdaa;
         
          }
p.gyouji {
        width:400px;
        background-color: #ccfcff;
        height: 23px;
        padding-top: 5px;
        border: ridge 1px #3333cc;
        font-weight: bolder;
        font-family: "ＭＳＰ　明朝", "細明朝体", "serif";
        font-size: 16px;
        text-align:center;
        margin-left:60px;
        color: #0000ff;
        }
table.gyouji {                               
          word-spacing:0.3em;
          width: 40em;                             
          height: 180px;
          color: #000;
          font-weight: lighter;
          font-family: "ＭＳＰ 明朝", "細明朝体", "serif";
          text-align: left;
          background-color: #effddc;  
         }
#gyouji { 
        width: 7em;                     
        text-align: right;
        padding-right: 1em;
        }
/* ===== 歩みのアレンジ ===== */ 
#kosha1 {
       height: 60px;
      
        }
#kosha2 {
       height: 300px;
        }
div.ayumi {
         position: relative;
         left:30px;
         border:ridge 1px #ff1493;
         width:486px;
         font-size: 0.9em;
         height: 180px;
         overflow: auto;
         scrollbar-highlight-color: #ffccff;
         scrollbar-3dlight-color: #feffff;
         scrollbar-darkshadow-color: #effff7;
         scrollbar-shadow-color: #660066;
         scrollbar-arrow-color: #970097;
         scrollbar-face-color: #ffb6c1;
         scrollbar-track-color: #ffe4e1; 
         }
p.ayumi {
        height: 20px;
        padding-top:4px;
        width:400px;
        background-color: #ffcc99;
        border: ridge 1px #ff3399;
        font-weight: bolder;
        font-size: 16px;
        font-family: "ＭＳＰ　明朝", "細明朝体", "serif";
        text-align: center;
        margin-left:60px;
        color: #ff0033;
        }
table.ayumi {                               
          word-spacing:0.3em;                             
          width: 55em;
          height: 180px;
          border:  2px;
　        margin-top: 0px;
          color: #000;
          font-weight: lighter;
          font-family: "ＭＳＰ 明朝", "細明朝体", "serif";
          text-align: left;
          background-color: #fff5ee;  
         }
#ayumi { 
        width: 7em;                     
        text-align: left;
        padding-left: 1em;
        }
/* ===== あゆみ-リンクaa アレンジ ===== */  
#aa {
      text-decoration: none;
      }

#aa:link { 
         color: blue;
        
        }
#aa:visited {
            color: turquoise;
            text-decoration: none;
           }
#aa:hover {
          color: purple;
          text-decoration: underline;
         }
#aa:focus {
          color: purple;
          }
#aa:active { 
           color: lawngreen; 
           }
/* ===== あゆみ-写真のアレンジ ===== */
#photo {
       border: dotted #ff9933 5px;
       padding: 10px;
       color: #191070;
       }
table.mov{
         border:4px ridge #0000ff;
         }
 #mov {
      color: blue;
      text-decoration:underline;
      }
 #mov:hover {
      color: purple;
      text-decoration: underline;
      }
#mov:visited {
            color: green;
            text-decoration: underline;
           }
#mov:active { 
           color: lawngreen;
            text-decoration: underline;
           }
#move{
     background-image: url("Photo/090802/img2.jpg"); 
     text-align: center;
     }
/* ==== 進路指導のアレンジ ===== */
#shinnro1{
      width: 740px;
     
        }                                   
#shinnro2 {
       clear: both;
        }                                   
table.shinnro {
       background-color: #f5fdfc;  
        border: outset 2px #f5ffcc;
        width: 350px;     
       }
/* ==== 学校案内のアレンジ ===== */
table.annnai {
　　　　　border: 0px;
          float:left;
          margin-right:15px;
         }
table.map {
　　　  　border: ridge 5px #feef11;
          margin:30px 30px;
         }

#taku {
       border: 0px;
     
       }
img.taku {
            border: #ccff00;
            border-style: ridge;
            border-width: 3px;
           }

p.annnai { 
         padding-left: 0px;
         padding-right: 0px;
         line-height: 2;
         font-family:"ＭＳ 明朝";
        }
#annnai2 {
        float: left;
        height: 300px;
        width: 330px;
         }
#annnai3 {
        float: right;
        height: 300px;
        width: 400px; 
        padding-left:5px;
           }
td.annnai {
        background-color:#87ceeb;
        color: #0000bb;
        font-size: 15px;
        height: 20px;
        }
/* ===== 校歌のアレンジ ===== */
table.koka {
       position: relative;
       top: 50px;
       left: 180px;
       }
       
 
 a:visited {
            color: #ff9933;
           }
 a:hover {
          color: red;
          
         }
 a:active { 
           color: blue; 
           background-color: yellow;
          }
/* ===== 教育課程アレンジ ===== */ 
td.katei {
          border:outset #111100 2px;
         }
table.katei1 {
         border-collapse: separate;
         border: ridge  #ffff00 2px;
         }
td.katei1 {
         border: solid  #f0ff20 1px;
         }
#katei2 {
         border-collapse: separate;
         border: outset  #000000 1px;
         }
td.katei2 {
         border: solid  #fdff00 1px;
         }
/* ===== hrアレンジ ===== */ 
#bukatsu {
   border-width: 3px 0px 0px 0px; /* 太さ */
   border-style: ridge; /* 線種 */
   border-color: #c99000; /* 線色 */
   height: 3px; /* 高さ */
}
/* ===== 部活写真アレンジ ===== */
img.bu { 
      border: ridge #8b4513 4px;
   }
img.bu2 { 
      border: ridge #0033ff 4px;
      color: #ff6633;
   }
p.club {
        width:250px;
        background-color: #ccfcff;
        height: 23px;
        padding-top: 5px;
        border: ridge 2px #dfdfff;
        font-weight: bolder;
        font-family: "ＭＳＰ　明朝", "細明朝体", "serif";
        font-size: 18px;
        text-align :center;
        margin-left:40px;
        color: #0000ff;
        }
#club{
          border-collapse: collapse;
          border: ridge 2px #dc143c;
          margin-left:25%;  
          }
#club2{
          border-collapse: collapse;
          border: ridge 6px #ff1122;
          margin-left:27%;  
          }
#club3{
          border-collapse: collapse;
          border: 0px;
          color: #ff0022;
          margin-left:27%;  
          }
#club1{
          border-collapse: collapse;
          border: ridge 2px #dc143c;
          margin-left:22.5%;  
          }

th.club {
           border: ridge 2px #dc143c;
           background-color: #dc143c;
           color: #fff;
           font-family: "ＭＳＰ 明朝", "細明朝体", "serif";
           
        }
td.club1 {
         height:1.5em;
         width:25em;
         background-color: #ffe0c1;
         color: #f00;
         font-weight: lighter;
         font-family: "ＭＳＰ 明朝", "細明朝体", "serif";
         font-size: 0.9em;
         padding-top: 0.2px; 
        }
td.club2 {
         height:1.5em;
         width:25em;
         background-color: #fff5ee;
         color: #2e8857; 
         font-weight: lighter;
         font-family: "ＭＳＰ 明朝", "細明朝体", "serif";
         font-size: 0.9em;
         padding-top: 0.2px; 
         }
td.club11 {
         height:1.5em;
         width:28em;
         background-color: #ffe0c1;
         color: #f00;
         font-weight: lighter;
         font-family: "ＭＳＰ 明朝", "細明朝体", "serif";
         font-size: 0.9em;
         padding-top: 0.2px; 
        }
td.club21 {
         height:1.5em;
         width:28em;
         background-color: #fff5ee;
         color: #2e8857; 
         font-weight: lighter;
         font-family: "ＭＳＰ 明朝", "細明朝体", "serif";
         font-size: 0.9em;
         padding-top: 0.2px; 
         }
#bu {
     border: 0px; 
     text-align: center; 
    }
#bu1{
     border: 0px; 
     margin-left:9%; 
    }
#bu2{
     border: 0px; 
     text-align: center; 
    }
td.bu1{
      border: ridge 5px #ff0000;
      }
div.club5 {
         position: relative;
         left:27%;
         width:320px;
         height:305px;
         }

/*===保護者宛て案内アレンジ===*/ 
div.contents2 {
               width: 450px;
               height:300;
               paddig: 0;
               margin: 0 auto;
              }   
p.ks1 {
     line-height: 25pt;
     font-size: 0.25in;
     }              

p.ks {
     line-height: 25pt;
     font-size: 0.2in;
     }