
/*****************************************************************************************************************************/
/*ボディ−*/
/*****************************************************************************************************************************/
body
{
	width:100%;
	height:100%;

	background: #FFFFED;

	color:#333333;

	font-size:14px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	line-height:100%;

	margin:16px auto;
	padding:0px;
}

h1
{
	margin:0px;
	padding:0px;
}

h2
{
	width:560px;
	height:26px;
	font-size:18px;

	padding:0px;
	margin:0px;
}

h2.News
{
	line-height:24px
}


h3
{
	font-size:16px;
	font-weight:bold;
	
	color:bloack;

}

table
{
	border:solid 1px silver;

	border-spacing:0px;
	border-collapse:collapse;
}

table td
{
	border:solid 1px silver;

	padding:4px;
}

table th
{
	border:solid 1px silver;
	text-align:center;
	padding:4px;
	background:#E0FFFF;
}

table.noborder
{
	border:none;
}

table.noborder tr
{
	border:none;
}

table.noborder th
{
	border:none;
}
table.noborder td
{
	border:none;
}




/*アンカー*/
/*設定するなら四つ定義しないとだめ*/
a:link
{
	text-decoration:none;
	color:bule;
}

a:active
{
	text-decoration:underline;
}

a:visited
{
	text-decoration:none;
	color:red;
}


a:hover
{
	text-decoration:underline;
	color:green
}

 




p	{	line-height:200%;	}
dl	{	line-height:200%;	}
img	{	border:none;	}
em	{	font-style:normal;	}


/*****************************************************************************************************************************/
/*ページ*/
/*****************************************************************************************************************************/



div.Page{
	width: 802px;

	margin: 0px auto;
	text-align: left;

	background:white;

	border:solid 1px silver;

}

div.Page div.Undersigned
{
	text-align:right;
	border-top:dotted 1px silver;
	padding:4px 8px 4px 8px;
}





/*****************************************************************************************************************************/
/*ヘッター*/
/*****************************************************************************************************************************/

div.Header
{
	width:768px;

	padding:0px;
	margin:16px;
	margin-bottom:4px;
}

/*****************************************************************************************************************************/
/*メインメニュー*/
/*****************************************************************************************************************************/
div.Menu
{
	width:768px;
	height:20px;

	background:URL(http://chuoko-center.or.jp/framework/menu_frame.gif) no-repeat;

	padding:4px 8px;
	margin:0px 16px 8px 16px;
}


div.Menu a{	display:block;	width:96px;	height:20px;	float:left;	}

div.Menu a#Menu01		{	background:URL(http://chuoko-center.or.jp/framework/menu01.gif) no-repeat;	}
div.Menu a#Menu01:hover	{	background:URL(http://chuoko-center.or.jp/framework/menu01h.gif) no-repeat;	}
div.Menu a#Menu01:active	{	background:URL(http://chuoko-center.or.jp/framework/menu01h.gif) no-repeat;	}


div.Menu a#Menu02		{	background:URL(http://chuoko-center.or.jp/framework/menu02.gif) no-repeat;	}
div.Menu a#Menu02:hover	{	background:URL(http://chuoko-center.or.jp/framework/menu02h.gif) no-repeat;	}
div.Menu a#Menu02:active	{	background:URL(http://chuoko-center.or.jp/framework/menu02h.gif) no-repeat;	}

div.Menu a#Menu03		{	background:URL(http://chuoko-center.or.jp/framework/menu03.gif) no-repeat;	}
div.Menu a#Menu03:hover	{	background:URL(http://chuoko-center.or.jp/framework/menu03h.gif) no-repeat;	}
div.Menu a#Menu03:active	{	background:URL(http://chuoko-center.or.jp/framework/menu03h.gif) no-repeat;	}

div.Menu a#Menu04		{	background:URL(http://chuoko-center.or.jp/framework/menu04.gif) no-repeat;	}
div.Menu a#Menu04:hover	{	background:URL(http://chuoko-center.or.jp/framework/menu04h.gif) no-repeat;	}
div.Menu a#Menu04:active	{	background:URL(http://chuoko-center.or.jp/framework/menu04h.gif) no-repeat;	}

div.Menu a#Menu05		{	background:URL(http://chuoko-center.or.jp/framework/menu05.gif) no-repeat;	}
div.Menu a#Menu05:hover	{	background:URL(http://chuoko-center.or.jp/framework/menu05h.gif) no-repeat;	}
div.Menu a#Menu05:active	{	background:URL(http://chuoko-center.or.jp/framework/menu05h.gif) no-repeat;	}

div.Menu a#Menu06		{	background:URL(http://chuoko-center.or.jp/framework/menu06.gif) no-repeat;	}
div.Menu a#Menu06:hover	{	background:URL(http://chuoko-center.or.jp/framework/menu06h.gif) no-repeat;	}
div.Menu a#Menu06:active	{	background:URL(http://chuoko-center.or.jp/framework/menu06h.gif) no-repeat;	}


/*****************************************************************************************************************************/
/*ナビゲーション*/
/*****************************************************************************************************************************/

div.Navigation
{
	width:760px;

	border-top:solid 1px silver;
	border-bottom:solid 1px silver;

	padding: 4px 4px;

	margin:0px 16px 16px 16px;
}


/*****************************************************************************************************************************/
/*コンテンツ*/
/*****************************************************************************************************************************/

div.Contents .Item
{
	padding-left:8px;
	padding-right:8px;
	
}

div.Contents
{
	width:560px;

	float:left;

	margin:16px;
	margin-top:0px
}

div.Contents dl
{
	line-height;200%;
	list-style-position:outside;
	padding:8px;
	padding-top:0px;
}

div.Contents dl dt
{

}

div.Contents dl dd
{
	/*ブラウザごとにスタイルの適応の仕方が違うため*/
	margin-left: 0px;	text-indent:0px;

	border-bottom: dotted 1px silver;

	margin-bottom:8px;
	padding-bottom:8px;
	
}

div.Contents dl.News dt
{
	float:left;
	clear:left;

	line-height:200%;

	padding: 8px 8px 8px 8px;

}

div.Contents dl.News dd
{
	border-bottom: dotted 1px silver;


	line-height:200%;
	padding: 8px 8px 8px 116px;
	margin-bottom:0px;

}



/*イメージ*/
div.Contents dl.Image dt
{
	float:left;
	clear:left;
	width:260px;
	height:auto;

	text-align:center;
}


div.Contents dl.Image dd
{	
	height:200px;
	padding: 8px 0px 8px 276px;
}

/*ブロック要素*/
div.Contents div.Range 
{
	line-height:200%;
	border-bottom: dotted 1px silver;
	margin:1.5em 0px;
}

/*スケジュール*/
div.Contents table.Schedule
{
	width:560px;
	border: solid 1px silver;

	padding:0px;

}
div.Contents table.Schedule caption
{
	text-align:left;
}

div.Contents table.Schedule th
{
	border: 1px solid silver;
	border-bottom:3px double silver;
	padding:13px 8px 3px 8px;
}

div.Contents table.Schedule td
{
	border:dotted 1px silver;
	border-left: solid 1px silver;
	padding:13px 8px 3px 8px;
}

div.Contents table.Schedule td.Date
{
	width:96px;
	text-align:right;
}

div.Contents table.Schedule td.Content
{
	width:432px;
}

/*チャレンジコーナー*/
div.Contents dl.Challenge
{
	padding: 8px; 0px;
}


div.Contents dl.Challenge  dt
{
	font-weight:bold;
	padding:0px; padding-top:8px;
}

div.Contents dl.Challenge  dd
{
	padding:16px; padding-top:8px;
}

span.Answer
{
	color:white;
}




/*****************************************************************************************************************************/
/*サイドバー*/
/*****************************************************************************************************************************/

div.Sidebar
{
	width:192px;
	float:left;
	margin-bottom:16px;
}

div.Sidebar ul
{
	line-height:200%;
	color:#333333;

	font-size:12px;

	border:  solid 1px silver;
	background:#EEEEEE;

	padding:0px 8px 0px 24px;
	margin:0px;
	margin-bottom:8px;
}

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


div.Footer
{
	background:#1A1B5B;
	
	clear:left;
	font-size:12px;
	text-align:center;
	color:white;


	margin: 16px 0px 0px 0px;
	padding: 4px 24px 4px 24px;
}



