/* 近頃のポリアンナ 用　CSS*/
body {
	margin: 5px 0 20px 0;
	font-family: "メイリオ","MS UI Gothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 11pt;
	line-height: 1.25em;
	color: #333333;
	background-color: #FFFFFF;
} 
h1 {
	font-size: 1.1em;
}
#wrapper {
	padding: 0px;
	margin: 0px auto 0px auto;/*　autoにすることによって全体の表示を中心揃えにする　*/
	width: 750px;
	bottom: 0px;
	top: 0px;
	clip: rect(0px, auto, 0px, auto);
	right: auto;
	left: auto;
	height: 100%;
}
#masthead {
	float: left;
	width: 100%;
	height: 50px;
	color: #5A5A5A;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	right: 0px;
}
#top_nav {
	width: 750px; /*IE7以下はナビゲーションバーが表示するのに必要*/
	clip: rect(0px, 0px, 0px, 0px);
	left: 0px;
	bottom: 0px;
	right: 0px;
	top: 0px;
	height: 20px;
	float: left;
	clear: both;
	white-space: nowrap; /*ソース中のスペース・タブ・改行の表示の仕方を指定する*/
	}
#top_nav ul {
	width: 100%; /*ナビゲーションバーの幅はページ幅＝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}

/*******HighSlideJs********/
.highslide img {
	border-top:  gray 1px solid;
	border-right:  gray 1px solid;
	border-bottom:  gray 1px solid;
	border-left:  gray 1px solid;
}
.highslide:hover img {
	border-right: 1px #FF0000 solid;
	border-top: 1px #FF0000 solid;
	border-left: 1px #FF0000 solid;
	border-bottom: 1px #FF0000 solid
}
.highslide-image {
	border-top: white 1px solid;
	border-right: white 1px solid;
	border-bottom: white 1px solid;
	border-left: white 1px solid;
}
.highslide-image-blur {
}
.highslide-caption {
	border-right: silver 0px solid;
	padding-right: 5px; 
	border-top: white 2px; 
	display: none; 
	padding-left: 5px; 
	font-size: 10pt; 
	padding-bottom: 5px; 
	border-left: white 2px solid; 
	padding-top: 5px; 
	border-bottom: silver 0px solid; 
	font-family: "メイリオ","MS UI Gothic", "ＭＳ Ｐゴシック", sans-serif;
	background-color: white
}
.highslide-display-block {
    display: block
}
.highslide-display-none {
    display: none
}
.highslide-loading {
    padding-right: 3px;
    border-top: white 1px solid;
    display:block;
    padding-left: 3px;
    font-weight: ;
    font-size: 10px;
    padding-bottom: 3px;
    text-transform: uppercase;
    color: white;
    padding-top: 3px;
    border-bottom: white 1px solid;
    background-color: black;
    text-decoration: none;
}
a.highslide-credits {
	padding-right: 2px;
	padding-left: 2px;
	font-size: 10pt;
	padding-bottom: 2px;
	color: silver;
	padding-top: 2px;
	text-decoration: none; 
}
a.highslide-credits i {
    padding-right: 2px;
    padding-left: 2px;
    font-size: 10pt;
    padding-bottom: 2px;
    color:silver;
    padding-top: 2px;
    text-decoration: none;
}
a.highslide-credits:hover {
	color: white;
	background-color: gray;
}
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
/*******HighSlideJs********/
#highslide-container[xxx]  {/*	これが大元。変更するな！！！*/
	margin: 10px 0px 0px 0px;
	top: 0px;
	clip: rect(0px, 0px, 0px, 0px);
	float: left;
	right: 0px;
	bottom: 0px;
	left: 0px;
/*	height: 100px; ページのstyleで決める*/
	width: 580px; /*本来のhightslide-containerの幅は526だが大きめに設定しておかないと写真が折り返してしまう*/
	font-size: 10pt;
	font-family: "MS UI Gothic","ＭＳ Ｐゴシック",sans-serif;
	clear: both;
}
#highslide-container29 ,
#highslide-container28 ,
#highslide-container27 ,
#highslide-container26 ,
#highslide-container25 ,
#highslide-container24 ,
#highslide-container23 ,
#highslide-container22 ,
#highslide-container21 ,
#highslide-container20 ,
#highslide-container19 ,
#highslide-container18 ,
#highslide-container17 ,
#highslide-container16 ,
#highslide-container15 ,
#highslide-container14 ,
#highslide-container13 ,
#highslide-container12 ,
#highslide-container11 ,
#highslide-container10 ,
#highslide-container09 ,
#highslide-container08 ,
#highslide-container07 ,
#highslide-container06 ,
#highslide-container05 ,
#highslide-container04 ,
#highslide-container03 ,
#highslide-container02 ,
#highslide-container01 { 
	margin: 10px 0px 0px 0px;
	top: 0px;
	clip: rect(0px, 0px, 0px, 0px);
	float: left;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 580px; /*本来のhightslide-containerの幅は526だが大きめに設定しておかないと写真が折り返してしまう*/
	font-size: 10pt;
	font-family: "MS UI Gothic","ＭＳ Ｐゴシック",sans-serif;
	clear: both;
}
#container {
	margin: 0px;
	float: left; /;
	position: relative;
	width: 750px;
/*	height: 100em;*/
	clip: rect(0px, 0px, 100%, 0px);
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	overflow: visible;
}
#page_content00 {
	margin: 0px 0px 0px 0px;
	width: 526px;
	padding: 0px;
	clip: rect(0px, 0px, 0px, 0px);
	top: 0px;
	right: 750px;
	bottom: 0px;
	left: 0px;
	height: auto;  /*IE７以前ではpx値を指定する　IE8以降ではautoにしておくこと(数値は関知しない)*/
	overflow: visible;
	visibility: visible;
}
#left_col00{
	border-style: solid;
	border-width: 1px;
	border-color: #E8E8E8 #999999 #999999 #E8E8E8;
	margin: 5px 0px 5px 0px;
	width: 175px; /*　左側のcol欄の幅　*/;
	font-size: 11pt; /*  position: absolute;   table使用中のため削除*/;
	left: 0px;
	top: 0px;
/*	height: ; 　stageを含むメインコンテンツの左端からの距離（幅）　ページの内容に依るのでページスタイルで決める　*/;
	background-color: #FFFFE6;
	bottom: 0px;
	right: 0px;
	clip: rect(0px, 175px, 900px, 0px);/*この右幅の値を入れておかないとファイアーフォックスで右はにの罫線が表示されなくなる*/;
	float: left;
	padding-left: 10px;,;
	padding-right: 10px;/*IE６ではpaddingを認識しないため枠端からの引き幅は表示されない*/
}
.main_col99 ,/*ページ最上段の注意書き専用の欄*/
.main_col19 ,
.main_col18 ,
.main_col17 ,
.main_col16 ,
.main_col15 ,
.main_col14 ,
.main_col13 ,
.main_col12 ,
.main_col11 ,
.main_col10 ,
.main_col09 ,
.main_col08 ,
.main_col07 ,
.main_col06 ,
.main_col05 ,
.main_col04 ,
.main_col03 ,
.main_col02 ,
.main_col01 ,
.main_col00 {
	margin: 10px 0 0 0;
	padding: 0px;
	width: 526px;
/* 	height: 10em; 高さだけは各ページのcolの欄で直接スタイル設定する*/	
	float: left;
	top: 0px;
	right: 750px;
	bottom: 0px;
	left: 0px;
	clip: rect(10px, 0px, 0px, 0px);
	font-family: "メイリオ","MS UI Gothic", "ＭＳ Ｐゴシック", sans-serif;
}

a {
	color: #0066FF;
	text-decoration: none;
}
a:visited {color:#9900CC}
a:hover {color:#00FF00}
a:active {color:red}

#footer h2 {
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
	font-size: 100%;
	color: #FFFFFF;
	font-family: "Clayton";
	line-height: 1.1em;
}
#footer {
	background: #333333;
	border: 2px inset #C0C0C0;
	float: left; /*この指定をしないとフッターがcontainerの下へ付かない　*/;
	width: 100%;
	height: 38px;
	text-align: center;
	clip: rect(0px, auto, 0px, auto);
	position: relative;
	top: 0px;
	padding-bottom: 2px;
	margin-top: 5px;
	right: auto;
	bottom: 0px;
	left: 0px;
}
#footer h2 {
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
	font-size: 100%;
	color: #FFFFFF;
	font-family: "Clayton";
	line-height: 1.1em;
}
#footer p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 10pt;
	color: #FFFFFF;
	font-family: "メイリオ","ＭＳ Ｐ明朝";
	line-height: 1.1em;
}
#footer a:hover {
    color: lime;
}
#footer a {
	color: #FF9999;
	text-decoration: none;
	font-family: "Times New Roman", "serif", "ＭＳ Ｐ明朝";
	font-size: 10pt;
	line-height: 1.1em;

}