@charset "UTF-8";
/* ---------------------------------------初期化--------------------------------------- */
*{
	margin: 0;
	padding: 0;
	}

h1, h2, h3, h4, h5, h6{
	font-size: 100%;
	}
	
h1, h2, h3, h4, h5, h6, p, table, ul, ol, li{
	font-family: sans-serif;
	font-size: 10pt;
	line-height: 100%;
	}

img{
	border: 0;
	}
	
/* -----------------------------マルチカラムレイアウト----------------------------- */
body{
	text-align: center;
	background: #ffffff;
	background-image: url(kodomo_img/bg_top.gif);
	background-repeat: repeat-x;
	}

#header{
	width: 900px; 
	height: 200px;
	margin-right: auto;
	margin-left: auto;	
	background: #ffffff url(kodomo_img/header_img.jpg);
	}

#header-menu{
	width: 900px; 
	margin-right: auto;
	margin-left: auto;	
	background: #ffffff;
	}


#maincontent{
	clear: both;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background: #ffffdd;
	}

#sidebar{
	width: 200px;
	float: left;
	font-family: sans-serif;
	}

#footer{
	clear: both;
	background: #ffffff ;
	background-image: url(kodomo_img/bg_bottom.gif);
	background-repeat: repeat-x;
	}


#footerbox{
	clear: both;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background: #ffaa00 ;
	}

/* ------------------------------------------------------------------ */	
/* -----------------------------ヘッダ----------------------------- */	
/* ------------------------------------------------------------------ */	
#header h1{
	font-size: 130%;
	text-align: left;
	line-height: 150%;
	padding: 15px 10px 5px
	}
#header h2{
	font-size: 140%;
	text-align: left;
	padding: 0px 10px 15px
	}

ul#headermenu{
	float: left; 
	margin: 0 auto;
	padding: 0;
	width: 100%;
	font-size: 100%; 
	font-weight: bold;
	background: #ffaa00 url(kodomo_img/bg_menu_o.gif);
	list-style-type: none;
	line-height: 100%;
	}
	
ul#headermenu li{
	float: left; 
	display: inline;
	height: 100%;
	width: 20%;
	margin: 0 auto;
	border-style: solid;
	border-width: 0px 2px 0px 0px;
	border-color: #ffffff;
	background: #0055ff url(kodomo_img/bg_menu_b.gif); 
	}	
ul#headermenu li a:link,
ul#headermenu li a:visited{
	display: block; 
	color: #ffffff;
	background: #ffaa00 url(kodomo_img/bg_menu_o.gif);
	padding: 8px 0px;
	text-decoration: none;
	}
ul#headermenu li a:hover,
ul#headermenu li a:active{
	display: block; 
	color: #ffffff;
	background: #0055ff url(kodomo_img/bg_menu_b.gif);
	text-decoration: underline;
	} 
li.hcurrentpage{
	display: block; 
	color: #ffffff;
	padding: 8px 0px;
	text-decoration: none;
	}
	
/* --------------------------------------------------------------------------- */	
/* -----------------------------本文ブロック----------------------------- */	
/* --------------------------------------------------------------------------- */	
.contentbox{
	width: 840px;
	margin-left: 30px;
	padding: 30px 0px 30px;
	font-family: sans-serif;
	}

	
.contentbox p{
	margin: 0px 0px 5px;
	line-height: 150%;
	}


/* --- 囲み記事 --- */
.contentbox-kakomi{
	width: 816px;
	height: 226px;
	padding: 10px;
	border: 2px dotted #ffaa00;
	margin-bottom: -30px;
	}
.contentbox-kakomi h3{
	font-weight: bold;
	font-size: 160%;
	line-height: 110%;
	margin: 0px 0px 5px;
}
.contentbox-kakomi p{
	margin: 0px 0px 5px;
	line-height: 150%;
	}



/* --- 見出し --- */
.contentbox h3{
	font-weight: bold;
	font-size: 120%;
	line-height: 150%;
}

.contentbox h3.orange{
	font-weight: bold;
	font-size: 120%;
	line-height: 100%;
	color: #ffffff;
	background: url(kodomo_img/border_orange_bottom.gif) no-repeat left center; 
	padding: 0em 0.5em 0em;
	margin: 0 0 0 0;
	}
.orange-frame-top{
	width:840px;
	height: 6px;
	background: url(kodomo_img/border_orange.gif) no-repeat left top;
	margin: 1em 0 0;
	}
.orange-frame-bottom{
	width:840px;
	height: 6px;
	background: url(kodomo_img/border_orange.gif) no-repeat left bottom;
	margin: 0 0 1em;
	}
	
.contentbox h3.blue-title{
	font-weight: bold;
	font-size: 120%;
	line-height: 100%;
	color: #ffff99;
	background: url(kodomo_img/border_blue_bottom.gif) no-repeat left center; 
	padding: 0em 0.5em 0em;
	margin: 0 0 0 0;
	}
	
.blue-frame-top{
	width:840px;
	height: 6px;
	background: url(kodomo_img/border_blue.gif) no-repeat left top;
	margin: 1em 0 0;
	}
.blue-frame-bottom{
	width:840px;
	height: 6px;
	background: url(kodomo_img/border_blue.gif) no-repeat left bottom;
	margin: 0 0 1em;
	}

.contentbox h4{
	padding: 0px;
	font-size: 110%;
	font-weight: bold;
	line-height: 150%;
	} 
	
/* --- 文字装飾 --- */
/* --- Bold Red --- */
span.b-red{
	color: #ff0000;
	font-family: sans-serif;
	font-weight: bold;
	}
/* -------------- */
span.kakomi{
	color: #0055ff;
	font-size: 70%;
	font-weight: bold;
	padding: 0.2em;
	border: 1px solid #0055ff;
	}
span.kakomi-p{
	color: #0055ff;
	font-size: 100%;
	font-weight: bold;
	padding: 0.2em;
	border: 1px solid #0055ff;
	}
span.text-small{
	font-size: 80%;
	font-weight: normal;
	}
/* -------------- */
span.l-130{
	font-size: 130%;
	}

/* --- プログラムタイトル用テーブル --- */
.contentbox table.program-title{
	width:840px;
	margin: 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	background: url(kodomo_img/border_blue_bottom.gif) no-repeat left center;
	color: #ffff99;
	text-align: left;
	font-weight: bold;
	font-size: 120%;
	line-height: 100%;
	border-collapse: collapse;
	border-style: none;
	border-width: 0;
	}
.contentbox table th.program-title-th{

	}
.contentbox table td.title-main{
	padding: 0px 0.5em;
	}
.contentbox table td.shikai{
	padding: 0px 0.5em;
	text-align: right;
	}
/* --- プログラム用テーブル --- */
.contentbox table.program{
	width:840px;
	margin: 0px 0px 15px;
	text-align: left;
	line-height: 150%;
	border-collapse: collapse;
	border-style: none;
	border-width: 0;
	}

.contentbox table td.timetable-l{
	width:120px;
	border-style: dotted;
	border-width: 2px 0px;
	border-color: #0055ff;
	padding: 5px 5px 5px;
	}
.contentbox table td.title-c{
	font-size: 120%;
	font-weight: bold;
	line-height: 130%;
	border-style: dotted;
	border-width: 2px 0px;
	border-color: #0055ff;
	padding: 5px 0px 5px;
	}

.contentbox table td.w6em{
	width:6em;
	}

/* --- 画像の配置 テキストを右に回り込ませる--- */
img.flrt{
	float: right; 
	margin: 0px 0px 0px 0px;
	}	

/* --- スクロールボックス --- */
.scroll-box{
	background-color: #ffffff;
	border: 1px #999999 solid;
	font-size: 100%;
	margin: 0px 0px 15px;
	}
.scroll-box h2 {
	margin: 0;
	padding: 3px 1em;
	background-color: #e1e1e1;
	border-bottom: 1px #999999 dotted;
	font-size: 100%;
	color: #000099;
}
.scroll-box .scroll-box-area{
	height: 200px;
	overflow: auto;
	}
.scroll-box .scroll-box-area p{
	margin: 1em 1em;
	padding: 0px;
	line-height: 150%;
	}
	
/* --- 定義用語 --- */
.contentbox dfn{
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	}
.contentbox dt{
	font-style: normal;
	font-weight: bold;
	}
.contentbox dd{
	padding-left: 1em;
	font-style: normal;
	font-size: 90%;
	}


/* --------------------------------------------------------------------- */	
/* -----------------------------メニュー----------------------------- */	
/* --------------------------------------------------------------------- */	
#sidebar h2{
	color: #000099;
	font-size: 100%;
	padding: 15px 13px 0px;
	}

.sidemenu{
	margin: 0px;;
	padding: 0px;
	list-style-type: none;
	}

.sidemenu li{
	display: block;
	list-style-type: none;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;
	margin: 5px 10px;
	}
		
.sidemenu li a{
	display: block;
	background: #b4b4b4 url(share_files/menuimg01.gif) repeat-x;
	padding: 2px 4px 2px 4px;
	}

.sidemenu a:link,
.sidemenu a:visited{
	color: #000099;
	text-decoration: none; }
.sidemenu a:hover,
.sidemenu a:active{
	color: #ffffff;
	font-weight: bold; 
	background: #5a5a5a url(share_files/menuimg02.gif) repeat-x;
	}

li.sidemenu-currentpage{
	display: block;
	color: #ffffff;
	background: #5a5a5a url(share_files/menuimg02.gif) repeat-x;
	padding: 2px 4px 2px 4px;
	}

/* ------------------------------------------------------------------ */	
/* -----------------------------フッタ----------------------------- */	
/* ------------------------------------------------------------------ */	
	
#footerbox p{
	font-family: sans-serif;
	line-height: 100%;
	font-size: 100%;
	color: #000000;
	padding: 20px 0px;
	}