@charset "Shift_JIS";

/****** 背景 ******/
BODY{
  margin:0px;
  padding:0px;
  background: #ccff99 url(../prts/haikei.gif) ;
}

/* 画面外に移動させて非表示にする */
.out{
 display:block !important;
 text-indent:-9999px !important;
 margin:0 !important;
 padding:0 !important;
 line-height:0px !important;
 border-width:0px !important;
 font-size:1px !important;
 height:1px !important;
 background-color:transparent !important;
}

/****** リンクの下線を消す ******/
a:link {text-decoration:none}
a:visited {text-decoration:none }

/****** 一字下げる ******/
.itijisage{
 text-indent:1em;
}

/******** ヘッダー ********/
#head{
 width:912px;
 height:150px;
 position:absolute;
 background-color: transparent;
 overflow:hidden;
}

#daiji{
 position:absolute;
 top:15px;
 left:10px;
}

#annai{
 width:300px;
 height:35px;
 position:absolute;
 top:30px;
 left:600px;
}

#annai li{
 display:inline;
 font-size:x-small;
}

#counter{
 position:absolute;
 top:80px;
 left:10px;
}
#on_counter{
 position:absolute;
 top:110px;
 left:10px;
}


/*** グローバルナビメニュー ***/
#gbnavi{
 width:500px;
 height:45px;
 position:absolute;
 top:100px;
 left:300px;

}
ul#gb_menu{
 list-style:none;
 width:100%;
}
ul#gb_menu li{
 list-style:none;
 float:left;
 width:100px;
}
ul#gb_menu a{
 display:block;
 width:100px;
 height:46px;
 text-indent:-100px;
 overflow:hidden;
}
a.kyouiku{
 background-image:url(../prts/gb_navi/gb_menu_a.jpg);
}
a:hover.kyouiku{
 background-position:0px -45px;
}
a.syoukai{
 background-image:url(../prts/gb_navi/gb_menu_b.jpg);
}
a:hover.syoukai{
 background-position:0px -45px;
}
a.wakatakekko{
 background-image:url(../prts/gb_navi/gb_menu_c.jpg);
}
a:hover.wakatakekko{
 background-position:0px -45px;
}
a.annai{
 background-image:url(../prts/gb_navi/gb_menu_d.jpg);
}
a:hover.annai{
 background-position:0px -45px;
}
a.jouhou{
 background-image:url(../prts/gb_navi/gb_menu_e.jpg);
}
a:hover.jouhou{
 background-position:0px -45px;
}

/******** 左サイド ********/
#left{
 width:200px;
 height:320px;
 position:absolute;
 top: 160px;
 left:10px;
 background-color: #ccffcc; 
 border-top-style:2px ridge;
 border-bottom-style:2px ridge;
 border-left-style:2px ridge;
 border-right-style:2px ridge;
}

#kouki{
 margin-top:5px;
 margin-left:5px;
 float:left;
}

#saitosyoumei{
 font-size:small;
 font-style:oblique;
}

#sintyakujouhou{
 position:absolute;
 top:95px;
 left:5px;
 text-align:center;
 background-color:#99ff99;
 color:#000000;
}

#sintyakuwaku{
 position:absolute;
 top:115px;
 left:7px;
 border-top:2px solid #99ff99;
}
#hyouji{
 position:absolute;
 top:300px;
}
 
/******** メイン ********/
#main{
 width:680px;
 height:324px;
 position:absolute;
 top:160px;
 left:220px;
 background-color:#99ff99;
 border-top:2px ridge;
 border-left:2px ridge;
 border-right:2px ridge;
 border-bottom:2px ridge;
}
#mainvisu{
 margin-top:30px;
 margin-left:15px;
 border-top:ridge #00ffff;
 border-left:ridge #00ffff;
 border-right:ridge #00ffff;
 border-bottom:ridge #00ffff;
}

#mainmenu{
 width:270px;
 height:250px;
 position:absolute;
 top:30px;
 left:400px;
 background-color: transparent;
}

#mainmenu li{
 list-style:none;
 float:left;
 font-family:"HGP創英角ﾎﾟｯﾌﾟ体",serif;
}

a.m_menu{
 display:block;
 padding-top:13px;
 width:100px;
 height:32px;
 background-image:url(../prts/button/m_button_a.jpg);
 text-align:center;
 margin:0px 0px;
}
a:hover.m_menu{
 background-image:url(../prts/button/m_button_b.jpg);
}

#kinkyouhoukoku{
 width:250px;
 height:90px;
 background-color: #fffaf0;
 margin-top:5px;
 margin-left:10px;
 overflow:auto;
 padding:7px;
}



/******** フッター ********/
#footer{
 width:900px;
 height:180px;
 position:absolute;
 top:495px;
 left:5px;
 background-color:#99ff99;
 border-top:2px ridge;
 border-left:2px ridge;
 border-right:2px ridge;
 border-bottom:2px ridge;
}
#asobi{
 float:right;
 margin-top:10px;
 margin-right:5px;
}

#jouhou{
 width:280px;
 height:140px;
 background-color: #ffccff;
 position:absolute;
 top: 5px;
 left: 15px;
}
#jouhou ul{
 list-style:none; 
 font-size:small;
 text-align:left;
}

.gakkoumei{
 margin-top:5px;
 margin-left:320px;
}

#tyosakuken{
 font-size:small;
 font-style:oblique;
 text-align:right;
}

#jkids{
 position:absolute;
 top:-476px;
 left:850px;
}

#qrcord{
 position:absolute;
 top:90px;
 left:500px;
}