/**/

/*背景*/
body{
 background: #ffffff;
}

div#outline{
   width: 910px;
   margin: 0 0 0 10;
}

/*ヘッダー画像*/
div#top{
  margin: 0;
  padding: 0 ; 
}


/*メイン画面*/
div#main{

  margin: 0;
  padding: 0;

}


h1{
 font-size: 22;
  font-weight: bold;

  padding: 0 0 0 30px;
  color:#0f478c;
  background: url(picture/list_blue8.gif) no-repeat left;
}

h2{
 font-size: 20;
  font-weight: bold;

  color:#0f478c;
}

/*上部メニュー*/
#navi{
  font-size:20px;
  font-weight: bold;
  margin: 0;
  padding: 0 ; 
  width: 900px;
  height:40px;
  font-weight: bold; 
  list-style: none;
}

#navi ul{
  list-style: none;
  margin: 0;
  padding: 0 ; 
}

#navi li{
  margin:0;
  padding:0;
  float: left;
  list-style: none;
}

#navi ul li a{
  text-decoration: none;
  text-align: center;
  color: #ffffff;
  display: block;
  width: 148px;
  border:solid 1px #ffffff;
  line-height: 40px;
  font-weight: bold;
  background:url(picture/menu_back_bu.gif);
}

#navi ul li a:link{
  color:#ffffff;
  font-weight: bold;

}

#navi ul li a:hover{
  color: #009933;
  font-weight: bold;
  background:url(picture/menu_back_or.gif);
}


/*連絡先*/
div#mail{
 margin: 30px 0 0 0;
 padding: 5;
 width: 160;
 border: 1px solid #0f478c;
 text-align: center;
 line-height: 1.2em;
 font-size: smaller;
}




/*右部メインページ*/
div#left{
  margin: 0 0 0 5;
  padding: 0 0 0 0 ;
  width: 710px;
  float: left;
 border-right: solid 2px #abbecb;

}

/*左部メインページ*/
div#right{
  margin: 0 0 0 0 ;
  padding: 0 0 0 0 ;
  width: 160px;
  float: right;



}

/*会則div*/
div#kaisoku{
 margin: 5;
 padding: 0;
 width: 700;
}

/*会則 h2*/
h2#kisoku-midasi{
 color:#000000;
 font-size:16px;
line-height: 1em;
 
}


/*会則 span*/
span#kaisoku1{margin:50;}

/*会則 ol*/
ol#kaisoku-list1{
list-style-type: none;
 	padding-left:1em;
	text-indent:-1em;
}

/*会則 h3*/
h3#kisoku-midasi3{
 color:#000000;
 font-size:14px;
line-height: 1em;
}


/*会則 table*/
table#kaisoku-table{
margin:10;
font-size:14px;
line-height: 1em;
}

/*回り込みの解除*/
div#c-both{
 clear: both;
 margin: 0;
 padding: 0;
 width:900px
}
/*フッター関連*/
div#footer{
 margin: 10 0 0 0 ;
 padding: 20px;
 font-size: smaller;
 line-heignt: 1em;
 text-align: center;
 width:900px;
 border-top: solid 2px #abbecb;
 }

p#footer_p{
 line-height: 1em;
}



/*リンク集*/
table#link{
  border: none;
  margin: 0 0 0 50;
}

/*高校公式ページへ移動*/
div#school_page{
 text-align: center;

}

/*会報紹介のページ*/
div#kaiho_info{
  width: 880;

}

/*会報特集記事の表*/
div#kaiho_tokusyu{
  padding: 0 0 20px 20px ;
}


#kaiho_tokusyu table{
    border-top:1px solid #0f478c;
    border-left:1px solid #0f478c;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;

}


#kaiho_tokusyu th{
    border-right:1px solid #0f478c;
    border-bottom:1px solid #0f478c;
    color:#0B2161;
    background-color:#CED8F6;
    padding:0.3em 1em;
    text-align:center;

}

#kaiho_tokusyu td{
    border-right:1px solid #0f478c;
    border-bottom:1px solid #0f478c;
    padding:0.3em 1em;


}

td.gousu{
    text-align:center;

}

@media screen and (max-width: 768px) {
 body {
        font-size: 20px; /* お好みのサイズに変更 */
    }
html, body {
    width: 100%;
    height: 100%;
}
}


/*同窓会とはメニュー*/
#katudou_menu{
  font-size:20px;
  font-weight: bold;
  margin: 20px 10 10 30;
  padding: 0 ; 
  line-height: 1.5em;
}
#katudou_menu ul{

  margin: 0;
  padding: 0 ; 

 list-style-image:url(picture/katudou_menu.gif);
}

#katudou_menu li{
  margin:0;
  padding:0;

}

#katudou_menu ul li a{
  text-decoration: none;
  color: #0f478c;
  display: block;

}

#katudou_menu ul li a:hover{
  color: #ffcc33;

}

/*同窓会とは*/
div#shoukai{
   margin: 10;
  padding: 0 ; 
}
#shoukai ol{
 line-height: 1.5em;
}

div.katudou{
   margin: 10;
  padding: 0 ; 
}

/*周年事業*/
.katudou table{
   width: 600px;
    border-top:1px solid #0f478c;
    border-left:1px solid #0f478c;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;


}

.katudou td{
   vertical-align:top;
    border-right:1px solid #0f478c;
    border-bottom:1px solid #0f478c;
    padding:0.3em 1em;

}