﻿/* メイン */

body {
	margin: 0px;
	background-color : #FFFFFF;
	background-image: url(back_main01.gif);
	background-repeat: repeat;
	
}

body,td { font-size: 12px; font-family: "ＭＳ Ｐゴシック, Osaka"; line-height: 130% ; color: #333333}

A:link { color:#003399;
 text-decoration:none; }
A:visited { color:#006699;
 text-decoration:none; }
A:hover { color:#FF0000;
 text-decoration:UNDERLINE; }
A:active { color:#FF0000;
 background-color:none; }

.red { font-size:14px; color:red; }
.red_s { font-size:12px; color:red; }
.red_ss { font-size:11px; color:red; }
.blk_s { font-size: 11px; line-height: 110% ; color: #333333; }
.text_glay1 { font-size: 12px; color: #666666; }
.text_glay2 { font-size: 12px; color: #333333; ; line-height: 200%}
.red_b{ font-size:12px; font-weight:bold; color: #CC3333; }
.blue_b{ font-size:12px; font-weight:bold; color: #006699; }
.brown_b{ font-size:12px; font-weight:bold; color: #573A00; }
.black_b{ font-size:12px; font-weight:bold; color: #000000; }




#header{
	width:940px;
	text-align: left;
	background-image: url(header_img.jpg);
	height: 200px;
}

#header_back{
	width:100%;
	float: none;
	clear: none;
	background-image: url(back_up01.gif);
	background-repeat: repeat-x;
	background-color: #FFF;
	align: center;
}


#footer{
	text-align: center;
	padding: 20px;
}

/* メイン */




/* センターメニュー */


#center_menu {
	list-style:none;
	height: 45px;
	background-color: #ffaf00;
	padding-left: 70px;
	padding-right: 70px;
	display: block;
	float: none;
	clear: none;
}

#center_menu ul {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
#center_menu ul li {
	float:left;
	line-height: 45px;
	width: 200px;
	text-align: center;	/* 1行の高さ＝背景の高さにして文字を縦軸中央に */
}


.menu01 a
   {
    display:block;
	/* リンク範囲をブロックに変換 */
    width:100%;
	 /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;
	/* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(center_menu.gif);
	/* リンク範囲の背景画像設定 */
    background-position:0px 0px;
    /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;
	/* 背景画像繰り返し表示しない */
    text-indent:-1000em;
	/* リストの文字を枠外のずらす */
    text-decoration:none;
	/* リストの下線を表示しない */
    }
.menu01 a:hover
   {
	background-image:url(center_menu.gif);
	/* マウスが上に来た時の背景画像設定 */
    background-position:0px -45px;	/* ★↑背景画像の（0px -45px）に移動★ */
   }
   
   
.menu02 a
   {
    display:block;
	/* リンク範囲をブロックに変換 */
    width:100%;
	 /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;
	/* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(center_menu.gif);
	/* リンク範囲の背景画像設定 */
    background-position:-200px 0px;
    /* ★↑背景画像の（-188px 0px）の位置★ */
    background-repeat:no-repeat;
	/* 背景画像繰り返し表示しない */
    text-indent:-1000em;
	/* リストの文字を枠外のずらす */
    text-decoration:none;
	/* リストの下線を表示しない */
    }
.menu02 a:hover
   {
    background-image:url(center_menu.gif);
	/* マウスが上に来た時の背景画像設定 */
    background-position:-200px -45px;
    
   }
  
  
  
   
.menu03 a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(center_menu.gif);
    background-position:-400px 0px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
    }
.menu03 a:hover
   {
    background-image:url(center_menu.gif);
    background-position:-400px -45px;
   }
   
   
.menu04 a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(center_menu.gif);
    background-position:-600px 0px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
    }
.menu04 a:hover
   {
    background-image:url(center_menu.gif);
    background-position:-600px -45px;
   }


   
/*センターメニュー */ 


/* サイドメニュー */

#side_menu a{text-decoration:none;}
#side_menu a:hover{
	position: relative;
	top: 1px;
	left: 1px;
	text-decoration: none;
}

#side_menu {
	list-style:none;
	height: 45px;
	display: block;
	float: left;
	clear: none;
	width: 250px;
	background-color: #FFF;
}

#side_menu ul {
	margin: 0px;
	padding: 0px;
	list-style:none;
	float: none;
}
#side_menu ul li {
	float:left;
	line-height: 45px;
	width: 250px;
	text-align: center;	/* 1行の高さ＝背景の高さにして文字を縦軸中央に */
}


.side_menu01 a
   {
    display:block;
	/* リンク範囲をブロックに変換 */
    width:100%;
	 /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;
	/* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(side_menu.gif);
	/* リンク範囲の背景画像設定 */
    background-position:0px 0px;
    /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;
	/* 背景画像繰り返し表示しない */
    text-indent:-1000em;
	/* リストの文字を枠外のずらす */
    text-decoration:none;
	/* リストの下線を表示しない */
    }
.side_menu01 a:hover
   {
	background-image:url(side_menu.gif);
	/* マウスが上に来た時の背景画像設定 */
    background-position:-250px 0px;	/* ★↑背景画像の（0px -45px）に移動★ */
   }
   
   
.side_menu02 a
   {
    display:block;
	/* リンク範囲をブロックに変換 */
    width:100%;
	 /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;
	/* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(side_menu.gif);
	/* リンク範囲の背景画像設定 */
    background-position:0px -45px;
    /* ★↑背景画像の（250px -60ppx）の位置★ */
    background-repeat:no-repeat;
	/* 背景画像繰り返し表示しない */
    text-indent:-1000em;
	/* リストの文字を枠外のずらす */
    text-decoration:none;
	/* リストの下線を表示しない */
    }
.side_menu02 a:hover
   {
	background-image:url(side_menu.gif);
	/* マウスが上に来た時の背景画像設定 */
    background-position:-250px -45px;    
   }
  
  
  
   
.side_menu03 a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(side_menu.gif);
    background-position:0px -90px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
    }
.side_menu03 a:hover
   {
    background-image:url(side_menu.gif);
    background-position:-250px -90px;
   }
   
   
.side_menu04 a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(side_menu.gif);
    background-position:0px -135px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
    }
.side_menu04 a:hover
   {
    background-image:url(side_menu.gif);
    background-position:-250px -135px;
   }
   
.side_menu05 a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(side_menu.gif);
    background-position:0px -180px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
    }
.side_menu05 a:hover
   {
    background-image:url(side_menu.gif);
    background-position:-250px -180px;
   }

#side_banner {
	width: 250px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}




/*サイドメニュー */ 

/*センタートップメニュー */ 


.ctop_banner a{text-decoration:none;}
.ctop_banner a:hover{
	position: relative;
	top: 1px;
	left: 1px;
	text-decoration: none;
}

ul.ctop_banner {
	padding: 0px;
	list-style-type: none;
	width: 385px;
	margin-left: 25px;
}

ul.ctop_banner li img {
margin-bottom:5px;
}

/*センタートップメニュー */ 



/*twitter */ 

#twitter{
	margin: 0px 5px 10px 0px;
	align: center;
	float: right;
	width: 235px;
	height: 280px;
}

/*twitter */ 


/*　子ども新聞 */ 


ul.shinbun_list li{
	background-image: url(../shinbun/img/icon.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	background-position: left center;
	line-height: 140%;
	text-align: left;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 25px;
	float: none;
	display: block;
	width: 350px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.shinbun_img{
	padding-top: 10px;
}



/*　子ども新聞 */ 



/*　小学校リスト */ 


div.sholink_list {
	width: 200px;
	display: block;
	float: left;
	text-align: left;
	background-image: url(../link/imgs/sankaku.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 12px;
	clear: none;
	letter-spacing: -1px;
}


/*　小学校リスト */ 


/*　リンクリスト */ 

.link_list{
	background-image: url(../link/imgs/sankaku.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	background-position: left center;
	line-height: 140%;
	text-align: left;
	float: none;
	display: block;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
}
