@charset "Shift_JIS";

/*======================================

	基本設定

=======================================*/

* {
	margin: 0px;
	padding: 0px;
	line-height: 1.5;
}

body {
	background-color: #ffffff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	color: #666666;
}

html{                 /* Firefoxで常にスクロールバーを表示 */
	height:100%;
	margin-bottom:1px;
}


/*======================================

	アンカー

=======================================*/

a:link {
	color: deeppink; /* #005588 */
}

a:visited {
	color: lime; /* #597a90 */
}

a:hover {
	color: gold; /* #aa0000 */
}



/*======================================

	見出し

=======================================*/
h1{
 color:#666666;
 font-size: 25px;
 font-family:"Century Gothic",Verdana,Arial, "ＭＳ Ｐゴシック", sans-serif;
 letter-spacing:0.2em;
 font-weight: normal;
 text-align:left;
}

h2 {
	font-size: 11px;
	font-weight: normal;
	letter-spacing:0.1em;
}

h3 {
	color: #666666;
	font-size: 17px;
	font-family:"Century Gothic",Verdana,Arial, "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing:0.2em;
	font-weight: normal;
}

h4 {
 color: #336699;
 height: 15px;
 font-size: 15px;
 font-weight: bold;
 font-family:"Century Gothic",Verdana,Arial, "ＭＳ Ｐゴシック", sans-serif;
 margin: 0 0 5px 0;
 padding: 0 17px;
 border-left:15px solid #336699;
 line-height:1;
}

h5 {
 font-size: 14px;
 font-family:"Century Gothic",Verdana,Arial, "ＭＳ Ｐゴシック", sans-serif;
 font-weight: bold;
 color:#336666;
}
/*======================================

	リスト

=======================================*/

ul li{
	margin: 0 0 0 2em;
}

ol li{
	margin: 0 0 0 2.5em;
}

dt {
	font-weight: bold;
}
dd {
	margin-left: 3em;
}


/*======================================

	段落・水平線・イメージ

=======================================*/

p{
	margin: 0.1em 0 0.5em;
}

hr{
	border-width: 2px 0px 0px 0px; /* 太さ */
	border-style: dashed; /* 線種 */
	border-color: #c5c5c5; /* 線色 */
	height: 2px; /* IE用 高さ */
}

/*----------リンク画像に枠線をつけない-----------*/
/*----------リンクに下線をつけない-----------*/
	a img {
    border-style:none;
	}

	a{
	text-decoration: none;
	}


/*======================================

	レイアウト設定

=======================================*/

/* ----------　ページ全体　------------- */

#all {
	width: 800px; 
	margin: 10px 80px;  /* Firefoxでセンタリング方法 */
	text-align: center;
}


/* ----------　ヘッダー　------------- */

#header {
 background-color:#FFFFFF;
 padding: 3px 0 7px 0;
 margin: 10px 20px 0px;
 text-align:left;
 /* IEでセンタリングさせる方法 */;
 color:#808080;
}



/* ----------　メイン　------------- */

#main {
	background-color: #E3F3F7;
	width: 800px;
	color: #808080;
	margin: auto;
	  /* Firefoxでセンタリング方法 */
	text-align: center;     /* IEでセンタリングさせる方法 */
	border: 1px solid #c5c5c5;
	clear: both;
}


/* ----------　ページタイトル部　------------- */

#pagetitle {
	text-align: left;
	padding: 20px 20px;
	margin-left: 30px;
}


/* ----------　メイン 記事部　------------- */

#kizi {
	text-align: left;
	margin: 0px 20px 20px ;
	
	
}


/* ----------　フッター　------------- */

#footer {
	background-color: #A3DFF7;
	border: 1px solid #c5c5c5;
	font-size: 9px;
	text-align: center;
	padding: 5px 0;
	width: 800px;
	margin: 10px 0px;
	
}


/* ----------　著作権表示　------------- */

#copy {
	text-align: right;
	font-size: 7px;
	margin: 20px;
}






/*--------　テーブル　---------------*/

#table {
		border: 1px solid;
		border-color:   #c5c5c5;
		width:800px
		
		
		}

	table.wakustd {                          /*テーブルのクラス名*/
	    border:  1px solid;               /*外枠の太さと種類 */
	    border-color: #ffffff;           /*枠線の色*/
	    width:700px ;                    /*外枠の横幅*/
	    border-collapse: separate;       /*separate・collapse 参照*/
	    
		} 
	
	td.wakustd1 {                            /*セルのクラス名*/
	    border: 1px solid;              /*セルの枠線の太さと種類*/
	    border-color: #c5c5c5;           /*セルの枠線の色*/
	    width:147px;                    /*外枠の横幅*/
	    height: 90px;                   /*外枠の縦の長さ*/
	    text-align: center;              /*内容の横位置*/
	    font-weight:bold ;     /*フォントの太さ*/
	    }

     td.wakustd2 {                            /*セルのクラス名*/
	    border: 1px solid;              /*セルの枠線の太さと種類*/
	    width:200px;                    /*外枠の横幅*/
	    height: 100px;                   /*外枠の縦の長さ*/
	    text-align: left; 
	    padding: 10px;             
	    }
	    
	 td.wakustd3 {                            /*セルのクラス名*/
	    width:300px;                    /*外枠の横幅*/
	    height: 225px;                   /*外枠の縦の長さ*/
	    text-align: left;              /*内容の横位置*/
	    padding-left: 10px;
	}

	td.waku4 {
	   width: 150px;
	   height: 150px;
	   padding: 2px;
	}
	
	td.waku5 {
		width: 100px;
		text-align: left;
		padding: 10px;   
	   
	   }
	td.waku6 {
	   width: 180px;
	   height: 140px;
	   padding: 3px;
	   border: 1px solid;
	   border-color: #c5c5c5;
	   text-align: center;
	}

		td.waku7 {
	   width: 180px;
	   
	   padding: 2px;
	   border: 1px solid;
	   border-color: #c5c5c5;
	   text-align: center;
	}

		td.waku8 {
	   padding: 2px;
	   border: 1px solid;
	   border-color: #c5c5c5;
	   
}


	   
	 .table1 { 
width: 600px; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #666666 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	color: #666666;
} 

.table1 TH { 
border: 1px #666666 solid; /* セルの枠線（太さ・色・スタイル） */ 
padding: 3px;} 

.table1 TD { 
border: 1px #666666 solid; /* セルの枠線（太さ・色・スタイル） */ 
padding: 3px;
} 

/* ----------　小さい画面　------------- */

#sub {
	background-color: #E3F3F7;
	width: 400px;
	height: 250px;
	color: #808080;
	padding: 10px;
	clear: both;
}

/* ----------　部活用　------------- */

#club {
	background-color: #FFFFFF;
	width: 500px;
	height: 500px;
	margin: 0px;
	padding: 10px;
	clear: both;
	font-size: 14px;
}
/* ----------　部活用　------------- */

table.table001  {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 490px;
  border-collapse: separate;
  border-spacing: 2px;
  font-size: 100%;
}

table.table001 caption {
  margin-top: 1em;
  text-align: right;
}

table.table001 th,
table.table001 td {
  padding: 4px 6px;
}

table.table001 th {
  background: #808080;
  text-align: center;
  white-space: nowrap;
  font-size: 92%;
  color: #FFF;
}

table.table001 td {
  background: #b0e0e6;
  text-align: left;
  white-space: nowrap;
  width: 450px;
}


/* ----------　進路用　------------- */

table.shinro  {
  margin-top: 2em;
  margin-bottom: 1em;
  width: 650px;
  border-collapse: separate;
  border-spacing: 8px;
  font-size: 100%;
  background:#E3F3F7;
  
}
table.shinro th {
  border-bottom: solid 2px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  background: #b0e0e6;
  text-align: left;
  white-space: nowrap;
  padding: 2px;

}

table.shinro td {
  border-bottom: solid 2px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  background: #F3F3F3;
  white-space: nowrap;
  padding: 2px;

}


/* ----------　地域貢献用　------------- */
#topic {
	background-color: #E3F3F7;
	width: 690px;
	height: 700px;
	color: #808080;
	margin: 0px;
	  /* Firefoxでセンタリング方法 */
	text-align: center;     /* IEでセンタリングさせる方法 */
}


/*------------　画像の回り込み　---------*/
 *.float
      {
         float: left;
         margin-right: 1em;
         margin-top: 1em;
      }
      *.floatclear
      {
         clear: both;
      }