@charset "utf-8";

/* CSS */

/* ページ全体共通指定 */

/* ページ全体の背景と余白 */
body {
	margin:0px;
	padding:0px;
	background-color:#f6d666;
}

/* ページ全体の文字　*/
body, div, table, th, td, caption, h1, h2, h3, h4, h5, h6, a, p, pre, ul, ol, li, dl, dt, dd, form, address, embed, object{
	margin:0px;
	padding:0px;
	font-size: 100%;
	color: #333;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	list-style-type:none;
}

/* ページレイアウト用　*/
#container{
	height: 100%;
	width: 100%;
}

/* ページ全体囲み　*/
#content{
	margin: 0 auto;
	height: 587px;
	width: 720px;
	text-align: left;
	background-color:#f6d569;
}

/* ヘッダー囲み　*/
#header{
	height: 75px;
	width: 720px;
	text-align: left;
}

/* ヘッダー左ショルダー部分囲み　*/
#header_left{
	height: 75px;
	width: 198px;
	text-align: left;
	float: left;
	background-image: url(images/shoulder.gif);
 	background-repeat: no-repeat;
}

/* ヘッダー右ナビ部分囲み　*/
#header_right{
	height: 75px;
	width: 522px;
	text-align: left;
	float: left;
	background-image: url(images/headshadow.gif);
	background-repeat: no-repeat;
}

/* ヘッダー右ナビ(パンくずリスト）　*/
#topicpath{
	height:13px;
	width:522px;
	margin: 52px 0px 0px;
	white-space: nowrap;
	overflow: hidden;
	font-size: 11px;
}

#topicpath li{
	width:522px;
	color:#000;
	display: inline;
	list-style-type: none;
}

#topicpath .home{
	background-image: url(images/circle_topicpath.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
}

#topicpath li a{
	padding-right: 12px;
	text-decoration: none;
	color:#333;
	background: url(images/topicpath.gif) no-repeat right center;
}

#topicpath li a:hover{
	padding-right: 12px;
	text-decoration: underline;
	color:#000;
	background: url(images/topicpath.gif) no-repeat right center;
}



/* 左シャドーとメインスペースのまとめ囲み　*/

#wrapper {
 width: 710px;
 height: 480px; 
 float:left;
}

/* メインスペース囲み　*/
#main{
	background-color: #f7dc6f;
	height: 480px; width: 700px;
	text-align: left;
	float: right;
}

/* メインFlashコンテンツが表示できない時の囲み　*/
#main_alt{
	height: 480px; width: 700px;
	background-image: url(images/top_alt.gif);
	background-repeat: no-repeat;
}
/* メインFlashコンテンツが表示できない時の促し　*/
#alt_text{
	height: 457px;
	width: 270px;
	padding-top: 23px;
	padding-left: 23px;
	font-size: 12px;
}

/* 左影囲み　*/
#shadow_left{
	height: 480px;
	width: 10px;
	float: right;
	background-image: url(images/leftshadow.gif);
}

/* 右影囲み　*/
#shadow_right{
	height: 480px;
	width: 10px;
	float: left;
	background-image: url(images/rightshadow.gif);
}

/* 下のメニュー全体囲み　*/
#menu{
	height: 32px;
	width: 100%;
	clear: left;
	text-align: left;
	background-image: url(images/bottomshadow.gif);
	background-repeat: no-repeat;
}

/* メニュー現在地インジケーター囲み　*/

#menu_indicator{
	height: 8px;
	width: 720px;
	float: left;
}
/* メニュー現在地インジケーターの位置指定（classで振り分け）　*/
#menu_indicator .home{ margin-left: 27px; }
#menu_indicator .curriculum{ margin-left: 150px; }
#menu_indicator .medianews{ margin-left: 302px; }
#menu_indicator .course{ margin-left: 454px; }
#menu_indicator .museum{ margin-left: 606px; }


/* メニュー囲み　*/
#menu_box{
	height: 24px;
	width: 100%;
	text-align: left;
	clear: left;
}

/* メニューのリスト　*/
#menu_item{
	height: 24px;
	text-align: left;
	overflow:hidden;
}

#menu_item li{
	float: left;
	height: 24px;
}

#menu_item li a{
	display: block;
	height: 24px;
	background-repeat: no-repeat;
	overflow: hidden;
}

#menu_item li a:hover{
	background-position:0px -24px;
}

#menu_item li span{
	display:none;
}

#menu_item .space10 {
	width: 11px;
}

#menu_item .home a{
	width: 94px;
	background: url(images/homebutt.gif);
	background-position: top;
}

#menu_item .curriculum a{
	width: 153px;
	background: url(images/curriculumbutt.gif);
	background-position: top;
}

#menu_item .medianews a{
	width: 151px;
	background: url(images/medianewsbutt.gif);
	background-position: top;
}

#menu_item .course a{
	width: 151px;
	background: url(images/coursebutt.gif);
	background-position: top;
}

#menu_item .museum a{
	width: 151px;
	background: url(images/museumbutt.gif);
	background-position: top;
}


/* 全体のリンク飾り */
a {
	color: #000000;
}

/* リンク（まだ見ていない状態） */
a:link {
	color: #000000;
}

/* リンク（すでに見た状態） */
a:visited {
	color: #888;
}