/* CSS Document */

/*■初期設定*/

body{
	color: #000000;/*通常のテキストカラー*/
	background-color: #9F0;
	}
a{
	color:#005588;/*通常のリンクテキストカラー*/
	text-decoration:underline;
	}
a:hover{
	color:#FF9900;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
	}

/*■初期設定ここまで*/



*{ margin:0; padding:0;}
img{ border:0;}

table,div{
	margin:auto;
	}

/*■フォントサイズ調整*/
body {
    font-size: 16px; /* モダンブラウザ */
    *font-size: medium; /* IE 7 */
    *font: small; /* IE 6以下 */
}
p,th,td,li{
	font-size:16px;
	*font-size:100%;
	*font:100%;
	}

body{
	text-align:center;
	}
/*■文字の大きさや色を変えるとき*/
span.font120 {font-size: 120%; }
  /*<span class="font120">で、フォントの大きさが少し大きくなります*/
span.font80 {font-size: 80%; }
span.font140 {font-size: 140%; }
span.font12 {font-size: 12px; }
span.font13 {font-size: 13px; }
span.font14 {font-size: 14px; }
span.font18 {font-size: 18px; }
span.font20 {font-size: 20px; }
span.font24 {font-size: 24px; }

/*■レイアウトセレクタ*/
.CNT{
	text-align:center;
	}
.L{
	text-align:left;
	}
.R{
	text-align:right;
	}


/*■基本レイアウト*/
#bg{
	width:806px;
	background:url(img/bg_con.gif) repeat-y;
	text-align:center;
	}
#container{
	width:800px;
	margin:auto;
	text-align:left;
	}
#head{

	}
#head h1{
	padding:20px 0 0 10px;
	font-weight:normal;
	}
#head h1 a{
	font-size:25px;
	line-height:30px;
	vertical-align:top;
	text-decoration:none;
	color:#333333;
	}
#head h1 a:hover{
	font-size:25px;
	line-height:30px;
	vertical-align:top;
	text-decoration:none;
	color:#333333;
	}

#head_menu{
	height:42px;
	zoom:100%;
	}
#head_menu:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#head_menu ul *{
	list-style-type:none;
	display:block;}	
#head_menu ul li{
	width:160px;
	height:42px;
	position:relative;
	float:left;
	}
#head_menu ul li a{
	width:160px;
	height:42px;
	text-align:center;
	font-size:13px;
	color:#000000;
	line-height:42px;
	text-decoration:none;
	}
#head_menu ul li a:hover{
	color:#000000;
	text-decoration:none;
	}
#head_menu ul li.off{
	overflow:hidden;
	width:160px;
	}
#head_menu ul li.off ol.sub{
	left:0px; top:-999px;
	}
#head_menu ul ol.sub{
	position:absolute;
	left:0px; top:42px;
	width:160px;
	border:1px solid #999999;
	text-align:center;
	}
#head_menu ul li.on{
	width:160px;
	}
#head_menu ul>li.on{
	overflow:visible;/*×*/
	}
#head_menu ul ol.sub li{
	width:160px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #999999;
	text-align:center;
	float:none;
	filter:alpha(opacity=96); /*IE*/
	-moz-opacity:0.96; /*FF*/
        opacity:0.96; /*Safari･opera*/
	}
#head_menu ul ol.sub li a{
	background:none;
	background-color:#FFFFFF;
	text-decoration:none;
	color:#000000;
	vertical-align:middle;
	font-size:13px;
	height:30px;
	line-height:30px;
	text-align:center;
	}
#head_menu ul ol.sub li a:hover{
	color:#000000;
	background:none;
	background-color:#669933;
	}

#head_menu ul li.a01 a{ background:url(img/menu/a01.jpg) no-repeat;}
#head_menu ul li.a01 a:hover{ background:url(img/menu/a01_on.jpg) no-repeat;}
#head_menu ul li.a02 a{ background:url(img/menu/a02.jpg) no-repeat;}
#head_menu ul li.a02 a:hover{ background:url(img/menu/a02_on.jpg) no-repeat;}
#head_menu ul li.a03 a{ background:url(img/menu/a03.jpg) no-repeat;}
#head_menu ul li.a03 a:hover{ background:url(img/menu/a03_on.jpg) no-repeat;}
#head_menu ul li.a04 a{ background:url(img/menu/a04.jpg) no-repeat;}
#head_menu ul li.a04 a:hover{ background:url(img/menu/a04_on.jpg) no-repeat;}
#head_menu ul li.a05 a{ background:url(img/menu/a05.jpg) no-repeat;}
#head_menu ul li.a05 a:hover{ background:url(img/menu/a05_on.jpg) no-repeat;}



/*メインイメージ*/
#main_image{
	clear:left;
	width:800px;
	padding:0 0 1px 0;
	border:solid #333333;
	border-width:0 0 1px 0 ;
	}
#main_image div#main_img_txt h2{
	}

#contents{
	margin:10px 10px 20px 10px;
	clear:left;
	zoom:100%;
	}
#contents:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#foot_up{
	background:url(img/line_02.gif) no-repeat bottom;
	clear:both;
	height:32px;
	margin:0 0 0 0;
	}
#foot{
	clear:left;
	background:url(img/bg_foot.gif) no-repeat;
	width:790px;
	height:50px;
	}
#copy{
	margin:14px;
	font-size:11px;
	text-align:center;
	color:#333333;
	padding:0px;
	}
#copy a{
	color:#333333;
	text-decoration:none;
	}
#copy a:hover{
	color:#333333;
	}

/***トップ***/
#top{}
#top div#top_up{
	zoom:100%;
	margin:0 0 20px 0;
	}
#top div#top_up:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}	
#top div#top_up div#left{
	float:left;
	width:400px;
	margin:0 0 0 0;
	}
#top div#top_up div#left p{
	margin:8px 0 0 0;
	line-height:160%;
	}	
#top div#top_up div#right{
	float:left;
	width:360px;
	margin:0 0 0 20px;
	}
#top div#top_up div#right h3{
	font-size:12px;
	}
#top div#top_up div#right div#info{
	background:url(img/top/bg_info.gif) no-repeat;
	width:360px;
	height:322px;
	padding:1px 1px 0px 1px;
	}
#top div#top_up div#right div#info div#main{
	overflow:auto;
	width:360px;
	height:300px;
	margin:0;
	}
#top div#top_up div#right div#info div#main h4{
	margin:8px 10px 0 10px;
	font-size:100%;
	color:#003300;
	}
#top div#top_up div#right div#info div#main p{
	margin:4px 10px 0 10px;
	}
#top div#btm{
	clear:left;
	}
#top div#btm div#bnr_sps{
	}
#top div#btm div#bnr_sps ul{
	list-style-type:none;
	zoom:100%;
 	}
#top div#btm div#bnr_sps ul:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#top div#btm div#bnr_sps ul li{
 float:left;
 margin:0 8px 0 8px;
 }
#top div#btm div.typeB div.left{
	float:left;
	width:600px;
 margin:0 8px 0 8px;
	}
#top div#btm div.typeB div.rogo{
	float:left;
	width:170px;
	}
#top div#btm div.typeB div.table{
	float:right;
	width:416px;
	margin:0 0 0 0px;
	}
#top div#btm div.typeB div.right{
	float:right;
	width:150px;
	margin:0 0 0 0px;
	}

/***その他のページ***/

/*============================================
サブメニュー（左カラム）
============================================*/
div#side_menu {
	width:120px;			/*幅の指定*/
	margin:10px 10px 10px 25px;	/*位置調整（IE6のバグに注意）*/
	display:inline;			/*IE6のマージン算出のバグ対策*/
	float:left;			/*サブメニューのカラムを左寄せにする*/
}

/*サブメニューのヘッダ部分（余白調整・背景画像・背景色・文字サイズなど）*/
div#side_menu_head {
	height:26px; padding:4px 0px 0px 0px;
	/*background-image:url("images/bg_submenu_header.gif");
	background-repeat:no-repeat; background-position:top;*/
	background-color:#b40000;
	font-size:90%; font-weight:bold; text-align:center;
}

/

/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
div#side_menu_list {
	padding-bottom:6px;
	/*background-image:url("images/bg_submenu_footer.gif");
	background-repeat:no-repeat; background-position:bottom;
	background-color:#cccccc;*/
	background: #b40000
}
ul#side_menu_list li {
	font-size:90%;			/*文字サイズを90%にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
	width: 100％;
	height:1;
	line-height:1;
	float:left;
	mergin:0;
	padding:0;
	text-align:left;
	vertical-align:middle/*テキストの縦方向の中央位置*/}
	
ul#side_menu_list  a {
	display:block;			/*リンクをブロック表示にする*/
	margin:0px 4px 0px 4px;		/*サブメニュー項目のマージン*/
	padding:2px 0px 2px 20px;	/*サブメニュー項目のパディング*/
	background-color:#eeeeee;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	line-height:45px;
	text-decoration: none;
	background: #EE6872;}
	
ul#side_menu_list li a:hover {
	background-color:#b40000;	/*リンクにマウスが乗ったら色を変える*/
}


/*サブメニュー全体の設定*/
ul#side_menu_list li ul{
	list-style: none;
	/*position: absolute;*/
	/*メインメニューの真下に表示*/
 	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;}

/*サブメニュー内のliの設定*/
ul#side_menu_list li ul li{
 	overflow: hidden;/*非表示*/
 	width:100%;/*メインメニューと同じ大きさに*/
	height: 0;/*非表示*/
	color: #fff;
 	-moz-transition: .2s;
 	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	/*オンマウス時の変化*/
	transition: .2s;}

ul#side_menu_list li ul li a{
	padding: 0px 15px;
	background: #EE6872;
	text-align: left;
	font-size: 14px;
	font-weight: normal;}

ul#side_menu_list li:hover ul li{
 	overflow: visible;
	height: 30px;
	border-top: 1px solid #C86464;
	border-bottom: 1px solid #C86464;}

ul#side_menu_list li:hover ul li:first-child{
	border-top: 0;}

ul#side_menu_list li:hover ul li:last-child{
 	border-bottom: 0;}

/*============================================
メインコンテンツ（中央カラム）
============================================*/
div#main {
	width:620px;  /*幅の指定*/
	margin-right:0px; 
	padding-top:10px; /*位置調整*/
	float:left;					/*カラムを左寄せにする*/
	/*background-image:url("images/bar_news.gif");	中央カラムの背景画像*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
}

/*見出し・段落・水平線のスタイル指定*/
h2 {
	font-size:100%; margin-bottom:10px; padding-left:25px;
	font-size:95%; border-bottom:solid 1px #cccccc;
	background-image:url("images/icon.gif");
	background-repeat:no-repeat; background-position:left center;
}
h3 {font-size:90%; margin-left:5px;}
p {font-size:90%; margin:10px 0px 10px 10px; text-indent:10px;}
hr {height:1px; border:solid 1px #cccccc; margin-bottom:30px;}
#main{float:right;}
#foot{clear:both;}


/***壁紙***/
#other_kabe1{
	background:url(img/yellow.gif);
	}
#other_kabe2{
	background:url(img/pink3.gif);
	}
#other_kabe3{
	background:url(img/usukiiro.gif);
	}
#other_kabe4{
	background:url(img/violet3.gif);
	}
#other_kabe5{
	background:url(img/uguisu2.gif);
	}
#other_kabe6{
	background:url(img/usukiiro2.gif);
	}

#other_page{}
#other_page h2{
	background:url(img/bg_h2.jpg) no-repeat;
	font-size:20px;
	line-height:42px;
	height:42px;
	color:#333333;
	font-weight:bold;
	vertical-align:middle;
	text-indent:30px;
	}
#other_page h3{ font-size:120%;
	line-height:1.0em;
	vertical-align:top;
	margin:20px 0 0 0;
	color:#000080;
	}
***/	border:solid #000080;***/
***/	border-width:0 0 0 5px;***/

#other_page h4.class1{
	font-size:120%;
	line-height:1.0em;
	vertical-align:top;
	margin:14px 0 0 0;
	color:#006666;
	}
#other_page h4.classblue{
	font-size:120%;
	line-height:1.0em;
	vertical-align:top;
	margin:14px 0 0 0;
	color:#0000AA;
	}
#other_page h5{
	font-size:95%;
	line-height:1.0em;
	vertical-align:top;
	margin:14px 0 0 0;
	color:#003333;
	}
#other_page h6{
	background:url(img/bg_h6.jpg) no-repeat;
	font-size:25px;
	line-height:45px;
	height:42px;
	color:#333333;
	font-weight:bold;
	vertical-align:middle;
	text-indent:30px;
	}
	
#other_page div.typeA{
	margin:8px 10px 10px 10px;
	}
#other_page div.typeA p{
	line-height:160%;
	}
#other_page div.typeA p.classind{
	line-height:160%;
	margin:0 0 0 56px;
	}

#other_page div.typeB{
	margin:8px 10px 10px 10px;
	line-height:160%;
	zoom:100%;
	}
#other_page div.typeB:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#other_page div.typeB p{
	line-height:160%;
	}	
#other_page div.typeB div.left{
	float:left;
	width:370px;
	}
#other_page div.typeB div.right{
	float:right;
	width:370px;
	margin:0 0 0 20px;
	}

#other_page div.typeB div.left2{
	float:left;
	width:280px;
	}
#other_page div.typeB div.right2{
	float:right;
	width:460px;
	margin:0 0 0 20px;
	}

#other_page div.typeB div.left3{
	float:left;
	width:460px;
	}
#other_page div.typeB div.right3{
	float:right;
	width:280px;
	margin:0 0 0 20px;
	}

#other_page div.typeB div.left4{
	float:left;
	width:540px;
	}
#other_page div.typeB div.right4{
	float:right;
	width:200px;
	margin:0 0 0 20px;
	}

#other_page div.typeB div.left5{
	float:left;
	width:170px;
	}
#other_page div.typeB div.right5{
	float:right;
	width:570px;
	margin:0 0 0 20px;
	}

#other_page p.margin_none{ margin:0;}
#other_page p{ margin:6px 0 0 0;}

/*黒板画像の文字*/
#other_page div#kokuban{}
#other_page div#kokuban p{
	width:800px;
	height:150px;
	margin:0px 0px 0 0px;
	text-align:center;
	}
#other_page div#kokuban p a{
	background:url(img/kokuban.gif) no-repeat;
	display:block;
	width:800px;
	height:150px;
	line-height:150px;
	color:#FFFF66;
        font-family:HGP創英角ﾎﾟｯﾌﾟ体;
	font-size:36px;
	font-weight:bold;
	text-decoration:none;
	text-indent:10px;
        letter-spacing:1em ;
	}

/*黒板画像の文字　文字間なし*/
#other_page div#kokuban2{}
#other_page div#kokuban2 p{
	width:800px;
	height:150px;
	margin:0px 0px 0 0px;
	text-align:center;
	}
#other_page div#kokuban2 p a{
	background:url(img/kokuban.gif) no-repeat;
	display:block;
	width:800px;
	height:150px;
	line-height:150px;
	color:#FFFF66;
        font-family:HGP創英角ﾎﾟｯﾌﾟ体;
	font-size:36px;
	font-weight:bold;
	text-decoration:none;
	text-indent:10px;
	}

/*テーブルセット*/
#tbl_setA{
	border:#006666 solid 1px;
	border-collapse:collapse;
	margin:0;
	}
#tbl_setA th{
	border:#006666 solid 1px;
	background:url(img/bg_th_a.gif);
	padding:6px;
	color:#003333;
	text-align:center;
	}
#tbl_setA td{
	border:#006666 solid 1px;
	padding:6px;
	}

/*テーブルセット追加校長便り用padding等大きめ*/
#tbl_setB{
	border:#006666 solid 1px;
	border-collapse:collapse;
	margin:0;
	}
#tbl_setB th{
	border:#006666 solid 1px;
	background-color:#0000FF;
	padding:10px;
	color:#FFFFE0;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	}
#tbl_setB td{
	border:#006666 solid 1px;
	padding:10px;
	line-height:150%;
	}
#tbl_setB IMG{ MARGIN: 0px 10px; }

/*テーブルセット追加校長便り用padding等大きめ（手島校長用テーブル背景黄色）*/
#tbl_setT{
	border:#660000 solid 1px;
	border-collapse:collapse;
	margin:0;
	}
#tbl_setT th{
	border:#660000 solid 1px;
	background-color:#FF0A0A;
	padding:10px;
	color:#FFFFE0;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	}
#tbl_setT td{
	border:#660000 solid 1px;
	padding:10px;
	line-height:150%;
	}
#tbl_setT IMG{ MARGIN: 0px 10px; }

/*テーブルセット追加線なし*/

#tbl_setNO{
	border:none;
	border-collapse:collapse;
	margin:0;
	}
#tbl_setNO th{
	border:none;
	padding:6px;
	text-align:center;
	}
#tbl_setNO td{
	border:none;
	padding:6px;
vertical-align: top;
	}

/*テーブルセット追加A色違い*/
#tbl_setC{
	border:#006666 solid 1px;
	border-collapse:collapse;
	margin:0px;
	}
#tbl_setC th{
	border:#006666 solid 1px;
	background:url(img/red2.gif);
	padding:6px;
	color:#FFFFE0;
	text-align:center;
	font-weight:bold;
	}
#tbl_setC td{
	border:#006666 solid 1px;
	padding:6px;
	}
#tbl_setC IMG{ MARGIN: 0px 10px; }

/*テーブルセット追加左マージン違い*/
#tbl_setD{
	border:#006666 solid 1px;
	border-collapse:collapse;
	margin:0px 0px 0px 40px;
	}
#tbl_setD th{
	border:#006666 solid 1px;
	background:url(img/green2.gif);
	padding:6px;
	color:#003333;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	}
#tbl_setD td{
	border:#006666 solid 1px;
	padding:6px;
	}
#tbl_setD IMG{ MARGIN: 0px 10px; }

/*テーブルセットDの色違い*/
#tbl_setE{
	border:#006666 solid 1px;
	border-collapse:collapse;
	margin:0px 0px 0px 40px;
	}
#tbl_setE th{
	border:#006666 solid 1px;
	background:url(img/red2.gif);
	padding:6px;
	color:#003333;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	}
#tbl_setE td{
	border:#006666 solid 1px;
	padding:6px;
	}
#tbl_setE IMG{ MARGIN: 0px 10px; }

/*テーブルセットDのTH細字*/
#tbl_setF{
	border:#006666 solid 1px;
	border-collapse:collapse;
	margin:0px 0px 0px 40px;
	}
#tbl_setF th{
	border:#006666 solid 1px;
	background:url(img/green2.gif);
	padding:6px;
	color:#003333;
	font-size:100%;
	}
#tbl_setF td{
	border:#006666 solid 1px;
	padding:6px;
	}
#tbl_setF IMG{ MARGIN: 0px 10px; }

/*テーブルセット追加沿革用*/
#tbl_setG{
	border:#006666 solid 1px;
	border-collapse:collapse;
	margin:0;
	}
#tbl_setG th{
	border:#006666 solid 1px;
	background:url(img/green2.gif);
	padding:6px;
	color:#003333;
	text-align:center;
	}
#tbl_setG td.green{
	border:#006666 solid 1px;
	padding:6px;
	background-color:#b8c637;
	}
#tbl_setG td.bge{
	border:#006666 solid 1px;
	padding:6px;
	background-color:#f9d3a2;
	}

/*テーブルセット 改行せまく*/

#tbl_setA2{
	border:#666600 solid 1px;
	border-collapse:collapse;
	margin:0;
	}
#tbl_setA2 th{
	border:#666600 solid 1px;
	padding:3px;
	text-align:center;
	}
#tbl_setA2 td{
	border:#666600 solid 1px;
	padding:3px;
vertical-align: top;
	line-height:100%;
	}
	
@media print{

#container{
	width:820px;
	}
}	

















/* --- リストエリア --- */
ol.qa {
width: 777px; /* リストエリアの幅 */
margin: 0;
padding: 0;
list-style-type: none;
font-size: 80%;
}

/* --- リスト項目の内容 --- */
ol.qa dl {
margin: 0;
background: #f9f9f9 url(qa_back.gif) repeat-x top; /* リスト項目の背景 */
}

/* --- Questionエリア --- */
ol.qa dt {
margin: 0;
padding: 8px 6px 6px 35px; /* Questionエリアのパディング（上右下左） */
background: url(q6g.gif) no-repeat 4px 5px; /* Questionエリアの背景 */
border: 1px #c0c0c0 solid; /* Questionエリアの境界線 */
font-weight: bold;
line-height: 120%;
}

/* --- Answerエリア --- */
ol.qa dd {
margin: 0;
padding: 11px 6px 25px 35px; /* Answerエリアのパディング（上右下左） */
background: #ffffff url(a5.gif) no-repeat 4px 8px; /* Answerエリアの背景 */
line-height: 100%;
}



dl.sample {
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    background-color:#ddeeff;
    margint:5px;
}
dl.sample dt {
    float:left;
    clear: left;
    width:100px;
    font-weight:bold;
    background-color:#ddeeff;
    border-top:1px solid #ccc;
    padding:5px;
    font-size:80%;
}
dl.sample dd {
    background-color:#ffffff;
    border-top:1px solid #ccc;
    margin-left:110px;  
    padding:5px;
    font-size:80%;
}




dl.sample2 {
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    background-color:#ddeeff;
    margint:5px;
    width:290px;
}
dl.sample2 dt {
    float:left;
    clear: left;
    width:230px;
    font-weight:bold;
    background-color:#ddeeff;
    border-top:1px solid #ccc;
    padding:5px;
    font-size:80%;
}
dl.sample2 dd {
    background-color:#ffffff;
    border-top:1px solid #ccc;
    margin-left:240px;  
    padding:5px;
    font-size:80%;
}



 右側のmarginは50px 
dl.sample3 {
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    background-color:#ddeeff;
    margint:5px;
    width:270px;
}
dl.sample3 dt {
    float:left;
    clear: left;
    width:210px;
    font-weight:bold;
    background-color:#ddeeff;
    border-top:1px solid #ccc;
    padding:5px;
    font-size:80%;
}
dl.sample3 dd {
    background-color:#ffffff;
    border-top:1px solid #ccc;
    margin-left:220px;  
    padding:5px;
    font-size:80%;
}

.news {
	background-color: #ffffff;
	border-top: 1px solid #ccc;
	margin-left: 220px;
	padding: 5px;
	font-size: 80%;
	border: 1px solid #ccc;
}