/* 四季の庭 CSS*/
#top_nav {
	width: 100%; /*ナビゲーションバーの幅（現在は750px＝ページ幅＝wrapper幅になっている）*/;
	clip: rect(0px, 0px, 0px, 0px);
	left: 0px;
	bottom: 0px;
	right: 0px;
	top: 0px;
	height: 20px;
	float: left;
	clear: both;
}
#top_nav ul {
	width: 800px; /*ナビゲーションバーの幅はページ幅＝wrapper幅=750を超える幅にしておかないとページ縮小時に折り返してしまう*/;
	float: left;
	list-style: none;
	margin: 0;
    padding: 0;
    height: 24px;
    overflow: hidden;  /*　はみ出した内容を隠すように指定　フォントサイズを拡大された場合にレイアウトが著しく崩れなくなる*/	
}
#top_nav li {
	border-style: inset;
	border-width: 1px;
	border-color: #DFDFDF;/*#C0C0C0 #FFFFFF #808080 #FFFFFF;/*ナビゲーションバーのここのボックスのボーダー色*/
	font-size: 10.5pt;
	float: left; /*　ボックスを左寄せに指定　*/;
	width: ; /*　個々のボックスの幅を指定しておかないとMacやIE５ではli要素の横幅が広がり横並びにできなくなる(Htmlnのところで個々に決める)　*/;
	margin: 0;
	padding: 0;
}
#top_nav a {
	display: block; /*　フロックレベル要素として表示されるように指定　これでリンク領域がli要素のコンテンツ領域いっぱいまで広がる　*/;
	width: 100%; /*　Windows IE 対策のためボックス幅を指定　*/;
	padding: 1px 0 0 0; /*リンク先のページタイトル文字を上下方向へパディングを指定　*/;
	color: #FFFFFF;
	background-color: #009797; /*#376400;*/
	text-decoration: none;
	text-align: center;
}
#top_nav a:hover {
	color: #FF00FF;  /*　オンマウス時の文字色を指定　*/
	background-color: #99FF66;  /*オンマウス時の背景色を指定　*/  
}
a {
	color: #0066FF;
	text-decoration: none;
}
a:visited {color:#9900CC}
a:hover {color:#00FF00}
a:active {color:red}


#container {
	padding: 0px;
	margin: 10 0 -5px 0;
	float: left;
	position: relative;
	width: 750px;
	clip: rect(0px, auto, 0px, auto);
	top: 0px;
	bottom: 0px;
	right: auto;
	left: auto;
	height: auto;
	clear: both;
}

a {color: #0066FF;	text-decoration: none;}
a:link {color: #0066FF;}
a:visited {color:#9900CC;}
a:hover {color:#00FF00;}
a:active {color:red;}
#main_col {
	margin: 0;
	width: 750px;
	height: 2em;
	float: left;
	clear: both;
	clip: rect(10px, 0px, 0px, 0px);
	top: 10px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	position: relative;
}

<!-- ここからHighslide JS Galleryのカラー指定-->
.highslide-container div {
	font-family: "メイリオ","ＭＳ Ｐ明朝";
	font-size: 10pt;
}
.highslide-container table {
	background: none;
	background-color: #FFFEEC;
}
.highslide-number {
	font-family:　"メイリオ","ＭＳ Ｐ明朝";
	color: #999999;
	font-size: .9em;
}
.highslide-outline {
	background-color: #FFFEEC;
}
.highslide-wrapper {
	background-color: #FFFEEC;
}
.highslide-image {           /* gallery-area の額縁設定 */
	border-width: 2px;
	border-style: inset;
	border-color: #F6F6F6;
	background: gray;
}
.highslide-controls {
	width: 90px !important;
}
.highslide-controls .highslide-close {
	display: none;
}
.highslide-hidden-container {
	display: none;
	background-color: #FFFEEC;
}
.highslide-caption {
	display: none;
	font-family: "メイリオ","ＭＳ Ｐ明朝";
	font-size: 2em;	
	color: #1E1E1E;
	padding: .5em 0;
	background-color: #FFFEEC;
	padding: 0.5em 0;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
	background-color: #FFFEEC;
}
.controls-in-heading .highslide-controls a {
	background-image: url("../highslide/graphics/controlbar-green-small.gif");/*コントロールバーの設定*/
	height: 20px;
	width: 20px;
}
#container {
     margin-top: 1px;
}
#gallery-area {
	background-color: #FFFEEC;/*ここでHighslide JS Galleryのバックグランドカラーを決める*/
    width: 747px;
    height: 566px;
    margin: 0;
    border: 1px;
    border-style: outset;
    border-color: #66FFCC;
}