/* ---- 基本設定 ---- */

 /* --- リンク文字色 --- */
a:link {
	color: #0000ff; 
}      /* 未訪問（青） */
a:visited {
	color: #000080; 
}   /* 訪問済（青） */
a:hover {
	color: #ff0000; 
}     /* ポイント時（赤） */
a:active {
	color: #ff8000; 
}    /* 選択中（橙） */


 /* --- ページ設定 --- */
  /* -- ページ土台・文字 -- */
body {
	margin: 0; 
padding: 0;
background-color: #f3f3ff;   /* ページの背景色（薄青） */
color: #000000;              /* 通常の文字色（黒） */
font-size: 80%;              /* 通常の文字サイズ */ 
}

  /* -- 基本ページ -- */
#page {
	width: 800px;               /* ページの幅 */
margin: 0 auto auto 20px;   /* マージン上・右・下・左 */
background-color: #fcfcfc;  /* ページの背景色（薄灰色） */
border-right: 3px #a0a0a0 double;  /* 境界線（二重線　銀色） */
border-left: 3px #a0a0a0 double;  /* 境界線（二重線　銀色） */
}

  /* -- ヘッダー -- */
#header {
	background-color: #d7f7d7; /* ヘッダの背景色（薄緑） */
width: 800px;
height: 80px; 
}

  /* -- フッター -- */
#footer {
	clear: left;                /* フロートのクリア */
background-color: #d7f7d7;  /* フッタの背景色（薄緑） */
width: 800px; 
}

  /* -- 本文ページ設定 -- */
   /* - 本文を分割しない場合 - */
    /* メイン１ */
#content1 {
	width: 760px;
margin: 10px auto;
}

   /* - 本文を縦２分割する場合 - */
    /* 目次（縦） */
#mokuji {
	float: left;
width: 150px;
margin: 10px 0 0 0;
}
    /* メイン２ */
#content2 {
	float: left;
width: 650px; 
margin: 10px 0 0 0;
}

   /* - 本文を横２分割する場合 - */
    /* 目次（横　薄橙色） */
#mokujiyoko {
	width: 800px;
background-color: #ffffcc; /* 背景色（薄橙色） */
}
    /* メイン３ */
#content3 {
	width: 760px;
margin: 10px auto;
}

  /* --- インラインフレーム１ --- */
iframe.iframe1 {
	width: 450px;
height: 150px; 
margin: 0 20px 5px 0px;
float: left; 
} 

  /* --- 回り込み解除 --- */
.clearleft {
	clear: left; 
}



/* ---- 各種設定 ---- */
 /* --- 文字 --- */
   /* - 見出し１（大サイズ　太字　灰色） - */
.midasimoji1 {
	font-size: 125%;
font-weight: bold; /* 太字 */
color: #555555; /* 灰色 */
}
   /* - 見出し２（大サイズ　太字　黒） - */
.midasimoji2 {
	font-size: 125%;
font-weight: bold;
}
   /* - 見出し３（通常サイズ　太字　赤） - */
.midasimoji3 {
	font-weight: bold;
color: #ff0000;
}
   /* - 見出し４（通常サイズ　太字　紺） - */
.midasimoji4 {
	font-weight: bold;
color: #663366;
}
   /* - 見出し５（特大サイズ　太字　明朝体） - */
.midasimoji5 {
	font-size: 200%;
font-weight: bold; /* 太字 */
font-family: "ＭＳ 明朝","ＭＳ Ｐ明朝",serif; 
}
   /* - 見出し６（中サイズ） - */
.midasimoji6 {
	font-size: 75%;
}

 /* --- 水平線 --- */
   /* - 水平線１（通常水平線） - */
hr.hr1 {
	clear: left;
width: 98%;
height: 1px;
margin-top: 1px;
margin-bottom: 1px;
}

 /* --- テキスト位置 --- */
.right {
	text-align: right; 
} 
.center {
	text-align: center; 
} 
.left {
	text-align: left; 
} 

 /* --- テキスト背景色 --- */
.haikei1 {
	background-color: #99ff99; 
}  /* 薄緑色 */

 /* --- イメージ --- */
  /* -- イメージのみ -- */
   /* - イメージ１　マージン左方向のみ(ページの左端から離す） - */
img.img1 {
	margin: 0 0 0 25px; /* 図マージン */
}
   /* - イメージ２　マージン全方向(テーブル等のセル内のレイアウト用） - */
img.img2 {
	margin: 3px; /* 図マージン */
}
   /* - イメージ３　境界線なし - */
img.img3 {
	border: none;
}

  /* -- イメージ＋テキスト -- */
   /* - 左イメージ１　マージン全方向 イメージ・テキスト間（広） - */
img.imghidari1 {
	float: left;
margin: 5px 80px 5px 5px; /* 図マージン */
}
   /* - 左イメージ２　マージン全方向 イメージ・テキスト間（狭） - */
img.imghidari2 {
	float: left;
margin: 5px 10px 5px 5px; /* 図マージン */
}
   /* - 右イメージ２　マージン全方向 イメージ・テキスト間（狭） - */
img.imgmigi2 {
	float: right;
margin: 5px 10px 5px 5px; /* 図マージン */
}

 /* --- リスト --- */
   /* - リスト１（マーカー青三角　マーカー内側表示） - */
ul.list1 {
	list-style-image : url(../seikatu/hakkosai/list1.png);
list-style-position: inside;
padding: 0; margin: 0 0 10px 5px; 
}
ul.list1 li {
	margin-bottom: 4px;
}
   /* - リスト２（マーカー青三角　マーカー外側表示） - */
ul.list2 {
	 
list-style-image : url(../seikatu/hakkosai/list1.png);
list-style-position: outside;
padding: 0; margin: 0 0 0 30px; 
}
ul.list2 li {
	margin-bottom: 4px;
}
   /* - リスト３（マーカー赤三角　マーカー外側表示） - */ 
ul.list3 {
	list-style-image : url(../seikatu/hakkosai/list2.png);
list-style-position: outside;
padding: 0; margin: 4px 0 4px 50px; 
}
ul.list3 li {
	margin-bottom: 4px;
}

 /* --- テーブル --- */
  /* -- セル操作 -- */
   /* - セル内テキスト位置 - */
td.td1 {
	text-align: right; 
} 
td.td2 {
	text-align: center; 
} 
td.td3 {
	text-align: left; 
} 

   /* - セル背景色 - */
td.td11 {
	background-color: #ffd78c; 
}  /* 橙色 */
td.td12 {
	background-color: #eeeeff; 
}  /* 薄青色 */
td.td13 {
	background-color: #99ff99; 
}  /* 薄緑色 */
td.td14 {
	background-color: #ededed; 
}  /* 灰色 */
td.td15 {
	background-color: #ffddff; 
}  /* 薄桃色 */

   /* - テキスト自動改行禁止 - */
td.td21 {
	white-space: nowrap; 
}

   /* - セル幅 - */
td.td31 {
	width: 130px; 
}

  /* - 複合設定 - */
td.td71 {
	 /* 校訓用 */
white-space: nowrap;  /* 改行禁止 */
text-align: center;   /* 中央揃え */
font-weight: bold;    /* 太字 */
}
td.td72 {
	 /* 学校行事用 - */
width: 50px;
height: 50px;
white-space: nowrap;  /* 改行禁止 */
text-align: center;   /* 中央揃え */
font-weight: bold;    /* 太字 */
background-color: #ffddff;
}
td.td73 {
	 /* 行事予定表用 - */
width: 100px;
height: 40px;
text-align: center;   /* 中央揃え */
background-color: #ffddff;
}

  /* -- 外枠なしテーブル -- */
   /* - テーブル01（中央揃え・90％） - */
table.table01 {
	margin: 5px auto;
width: 90%;
}
   /* - テーブル02（中央揃え・80％　フッター内用） - */
table.table02 {
	margin: 10px auto;
width: 80%;
}
   /* - テーブル03（学校行事外枠） - */
table.table03 {
	margin: 0 0 0 5px;
}
   /* - テーブル04（中央揃え） - */
table.table04 {
	margin: 5px auto;
width: auto;
}
   /* - テーブル05（中央揃え・98％） - */
table.table05 {
	margin: 5px 5px 5px 20px; 
width: 98%;
border: 1px #c0c0c0 solid; /* 外枠　銀 */ 
border-collapse: collapse; /* 境界線を重ねる */ 
}
table.table05 td{
	 
padding: 3px; 
border-left: 1px #c0c0c0 solid; /* 外枠　銀 */ 
}
  /* -- 外枠ありテーブル -- */
   /* - テーブル11（中央揃え・98％・内部黄色　注意喚起用） - */
table.table11 {
	 
margin: 5px auto; 
width: 98%;
border: 1px #c0c0c0 solid;  /* 外枠　銀 */ 
background-color: #ffffaa;  /* 内部黄 */ 
}
table.table11 td{
	 
padding: 3px; 
}
   /* - テーブル12（中央揃え・98％・内部背景色） - */
table.table12 {
	margin: 5px auto;
width: 98%;
border: 1px #c0c0c0 solid; /* 外枠　銀 */ 
}
table.table12 td{
	 
padding: 3px;
} 

  /* -- 外枠・内線ありテーブル -- */
   /* - テーブル21（98％・左マージン20px） - */
table.table21 {
	 
margin: 5px 5px 5px 20px; 
width: 98%;
border: 1px #c0c0c0 solid; /* 外枠　銀 */ 
border-collapse: collapse; /* 境界線を重ねる */ 
}
table.table21 td{
	 
padding: 3px; 
border: 1px #c0c0c0 solid; /* 外枠　銀 */ 
}
   /* - テーブル22（セル幅100px・中央揃え・テキスト中央　横目次用） - */
table.table22 {
	 
margin: 5px auto; 
width: auto;
border: 1px #c0c0c0 solid; /* 外枠　銀 */ 
border-collapse: collapse; /* 境界線を重ねる */ 
}
table.table22 td{
	 
width: 100px;
height: 20px;
text-align: center;
border: 1px #c0c0c0 solid; /* 外枠　銀 */ 
}
   /* - テーブル23（テキスト中央　凸線） - */
table.table23 {
	 
margin: 5px 0 0 5px; 
width: auto;
border: 5px #c0c0c0 outset; /* 外枠　銀　凸型 */ 
border-collapse: collapse; /* 境界線を重ねる */ 
}
table.table23 td{
	 
text-align: center;
border: 5px #c0c0c0 outset; /* 外枠　銀　凸型 */ 
}
   /* - テーブル24（背景灰色） - */
table.table24 {
	 
margin: 0 0 0 20px; 
border: 1px #c0c0c0 solid; /* 外枠　銀 */ 
border-collapse: collapse; /* 境界線を重ねる */ 
background-color: #ededed; /* 内部灰色 */ 
}
table.table24 td{
	 
border: 1px #c0c0c0 solid; /* 外枠　銀 */ 
}
   /* - テーブル25（90%　中央揃え　テキスト中央） - */
table.table25 {
	 
margin: 5px auto; 
width: 90%;
border: 1px #c0c0c0 solid; /* 外枠　銀 */ 
border-collapse: collapse; /* 境界線を重ねる */ 
}
table.table25 td{
	height: 20px;
white-space: nowrap;  /* 改行禁止 */
text-align: center;
border: 1px #c0c0c0 solid; /* 外枠　銀 */ 
}
   /* - テーブル26（テキスト中央） - */
table.table26 {
	 
margin: 0; 
width: auto;
border: 1px #c0c0c0 solid; /* 外枠　銀 */ 
border-collapse: collapse; /* 境界線を重ねる */ 
}
table.table26 td{
	height: 20px;
text-align: center;
white-space: nowrap;  /* 改行禁止 */
border: 1px #c0c0c0 solid; /* 外枠　銀 */ 
}