@charset "UTF-8";
/*==============================
	基本タグ設定
==============================*/
* {
	margin: 0; padding: 0;
}
html {
	overflow-y: scroll;
}
body {
/*	font: style variant weight size/height family ... */
	font: 89%/145% Arial, "ＭＳ Ｐゴシック", Osaka, sans-serif;

	color: black;
	background-color: #f7f7f7;
	min-width: 54em; /* 760px */
}
#nago {
}
h1, p {
	line-height: 140%;
}
h2 {
	display: none;
}
h3 {
	line-height: 120%;
	font-size: 110%;
}
img {
	border: none;
	vertical-align: bottom;
}
span.nagologo {
	letter-spacing: 4pt;
	color: black;
}
.clr {
	clear: both;
}
.underline {
	display: inline;
	border-bottom: silver 1px solid;
}
#nago .ads {
	width: 240px;
	margin-left: auto;
	padding: 4px 4px 0 0;
}
/*==============================
	ヘッダ
==============================*/
#banner {
	clear: both;
	height: 64px;
	background: #f7f7f7 url(./momiji_s.gif) repeat scroll;
}
#banner h1 {
	font-weight: normal;
}
#banner h1 span {
	font-size: 80%;
}
#banner h1 .logo {
	float: left;
	width: 304px;
	height: 48px;
	margin: 8px 0 0 16px;

	text-decoration: none;
	text-indent: -10000px;

	background: transparent url(./logo00.gif) no-repeat scroll left top;
}
.policy {
	float: right;
	width: 420px;
	height: 52px;
	margin: 6px 2px 0 0;
	padding: 0 4px;
	text-indent: -10000px;
	color: black;
	background: url(./policy.gif) no-repeat scroll center center;
	border-right: silver 1px solid;
	border-left: silver 1px solid;
}
#caution {
	display: none;
	height: 48px;
	background: transparent url(./u-const.gif) scroll 75% 0;
}
/*==============================
	フッタ
==============================*/
#footer {
	clear: both;

	width: 100%;
	height: 32px;
	background: #f7f7f7 url(./momiji_s.gif) repeat scroll;
}
.c-right {
	padding: 0 1em;
	font: bold 9pt/140% Arial, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	text-align: right;
	color: silver;
}
/*==============================
	メニュー
==============================*/
#nago ul.n-menu {
	clear: left;
	float: left;
	height: 100%;
	margin: 0;
	padding: 0 0 0 16px;
}
#nago ul.n-menu li {
	list-style: none inside;
	float: left;
	margin: 0;
	padding: 0 0.5em 0 0;

	font: 100%/110% "ＭＳ ゴシック", "Osaka－等幅", monospace;
	white-space: nowrap;
}
#nago ul.n-menu li a {
	margin: 0;
	padding: 1px 4px;
	text-decoration: none; 
	color: black;
	background-color: #efefef;
	/* border-left: solid 6px #ffcc00; */
	border-left: solid 6px #9fcfff;
}
#nago ul.n-menu li a:link,
#nago ul.n-menu li a:visited { color: gray;  border-color: #dfdfef; }
#nago ul.n-menu li a:hover { background-color: white; border-color:  #a4c898; } /*#ff5810*/
#nago ul.n-menu li a:active { }
#nago ul.n-menu li a:focus { }

/*===============================
	画像表示
===============================*/
.disp {
	padding: 12px 0 0;
	text-align: center;
}
.disp .disp_img {
}
.disp .disp_text {
	text-align: center;
}
.disp .disp_title {
	margin: -0.5em 0 0.2em;
	font: bold 93%/200% Arial, "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
.disp .disp_title span {
	font-weight: normal;
}
.disp .disp_title span {
	font-size: 130%;
	border-bottom: solid 1px silver;
}
.disp table {
	margin: 20px auto;
}

/*==============================
	共通設定
==============================*/
.content {
	clear: both;
	height: 100%;
	padding: 8px 0 32px;
	vertical-align: baseline;
	background-color: white;
}
.left {
	float: left;
}
.main {
	clear: both;
}

.right {
	/*height: 100%;*/ /* for IE6 表示ズレ */
}
.sub_ttl {
	font-size: 100%; line-height: 110%;
	font-variant: small-caps;
	font-family: Arial, sans-serif;
	text-align: center;
	color: gray;

	background-color: #efefef;
	border-left: solid 2px silver;
}

/*==============================
	おしらせページ
===============================*/
#info {
}
#info .left {
	width: 59%;
}
#info .right {
	margin-left: 60%;
	margin-right: 1%;
	height: 100%;
}
#info #sum_pict {
/*	float: right;
*/	text-align: right;
	font: normal 80%/100% "ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: silver;
}
#info .kakomi {
        width: 29em;
	margin: 1em auto 0 ;
	padding: 1em;
        text-align: center;

/*	background: #fbfffb url(./new01.gif) no-repeat scroll 95% 1%;
*/	background: #ffffff url(./leef.gif) no-repeat scroll 95% 2%;
	border: #d0d0c0 4px solid;
}
#info .kakomi h3 {
	line-height: 180%;
	border-bottom: 1px solid gray;
}

#info .kakomi p {
	margin-top: 0.5em;
	line-height: 140%;
}

#info .kakomi p.omake {
	font: normal 93% "ＭＳ Ｐゴシック", Osaka, sans-serif;
	line-height: 130%;
	padding: 8px 8px 0;
	border-top: dotted 2px #d0d0c0
}
#info .kakomi dl {
	width: 20em;
	margin: 1em auto;
	text-align: left;
	font-size: 107%;
}
#info .kakomi dl dt {
	margin: 0.5em 0 0;
	font-weight: bold;
	color: #505050;
}
#info .kakomi dl dd {
	margin: 0.3em 0 0 2em;
}

#info .kakomi-sc {
	width: 29em;
	margin: 1em auto 0 ;
	padding: 1em;
	font: normal 93% "ＭＳ Ｐゴシック", Osaka, sans-serif;
	background: #ffffff url(./logo02a.gif) no-repeat scroll 100% 90%;

	border: #ffcc00 1px dotted;
}
#info .kakomi-sc h3 {
	line-height: 200%;
	text-align: center;
}

#info .main p {
	margin-top: 0.5em;
	line-height: 160%;
}

#info .item_area {
	height: 100%;
	font: normal 87% Arial, "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
#info .item {
	margin-top: 6px;
	padding: 2px 0 4px 4px;

	color: #505050;
	border-bottom: solid 1px silver;
	border-left: solid 2px navy;
}
#info .item h3 {
	color: #7a937c;
	font-size: 97%;
}
#info .item .date {
	font: normal 85% Arial, sans-serif;
	float: right;
	color: silver;
}
#info .item p {
	margin: 0.3em 0 0 4px;
}
#info .item table {
	border-collapse: collapse;
	margin: 3px 0 0 4px;
}
#info .item table td {
	line-height: 140%;
}
#info .item table td.kaiki {
	width: 3em;
}
#info .new {
	border-left-color: #ff570f;
}
#info .now {
	border-left: none;
	background-color: #efffef; /* #ffffef; */
/*	border-right: solid 1px silver;
*/
}
#info .now h3 {
	font-weight: normal;
	color: #ff570f;
}
/*==============================
	作品紹介ページ
===============================*/
#gal .main {
	padding-top: 8px;
/*	height: 43em;
*/	height: 612px;
}
#gal .disp {
	float: left;
	width: 58.5%;
	height: 100%;
	padding: 0;
	overflow: hidden;
}
#gal .disp img {
	background: #f7f7f7 url(./momiji_s.gif) repeat scroll;

	border-right: #cfcf97 1px solid;
	border-left: #cfcf97 1px solid;
}
#gal .txt_area {
	float: left;
	width: 22em;
	margin-left: 4px;
	padding: 0;

	color: gray;
	background: #f7f7f7 url(./momiji_s.gif) repeat scroll;
}
#gal ul.auther {
	margin: 0;
	padding: 0;
}
#gal ul.auther li {
	cursor: default;
	list-style: none outside;
	text-align: right;
	margin: 0 0.8em 0;
	padding: 0.5em 0 0;
	font-weight: bold;
	font-size: 110%;
	color: #cfcf97;

	border-bottom: silver 1px dashed;
/*	border-left: #cfcf97 6px solid;
	border-left: #efefef 12px solid;
*/
}
#gal h3 {
	margin: 1em 0 0 0;
	padding: 0.2em 1em;
	font-weight: normal;
	font-size: 100%;

	border-bottom: silver 1px solid;
}
#gal #obj-txt {
	height: 12em;
	margin-bottom: 1em;
	padding: 2em 1em;
	background-color: white;
}
#gal #obj-txt h4 {
	font: bold 140%/120% "ＭＳ Ｐ明朝", 細明朝体, serif;
	color: gray;

	border-bottom: #cfcf97 2px solid; /* #ffcc00 */
}
#gal #obj-txt p {
	margin: 0.5em 0;
	line-height: 180%;
	text-align: right;
	text-indent: 0.7em;

	border-bottom: silver 1px dashed;
}
#gal #obj-txt p.auther {
	color: black;
}
#gal #item_blk {
	margin: 4px 0 2em;
/*	padding-top: 0.5em;
	direction: rtl;
*/	height: 8em;
/*	overflow-y: scroll;
*/	overflow: auto;
	font-size: 85%;
	line-height: 150%;
/*	color: #c0c0c0;
*/	color: gray;
}
#gal table.tbl {
	margin-left: 1em;
	direction: ltr;
	width: 23em; /*24em;*/
	cursor: pointer;
	border-collapse: collapse;
}
#gal table.tbl td {
	border-bottom: white 1px solid;
}
#gal table.tbl td.date {
	width: 4.5em;
	padding: 0;
}
#gal table.tbl td.ttl {
	padding: 0;
}

#gallery {
}
#gallery .main {
	padding-top: 12px;
/*	height: 43em;
*/	height: 480px;
}
#gallery .disp {
	float: left;
/*	width: 450px;
*/	width: 58.5%;
	height: 100%;
	padding: 0;
	overflow: hidden;
}
#gallery .disp img {
}
#gallery .disp img.toureki {
	background: #f7f7f7 url(./momiji_s.gif) repeat scroll;
	border-right: #cfcf97 1px solid;
	border-left: #cfcf97 1px solid;
}

#gallery .item_area {
	float: left;
	width: 22em;
	margin-left: 4px;
	padding: 0;

	color: gray;
}

#gallery #item_blk {
	overflow: auto;
	width: 22em;
	height: 5em;

	border-bottom: silver 1px solid;
}
#gallery .item {
	clear: both;
	margin-right: 8px;
	padding: 0.2em 0 0.5em;
	font: normal 100%/150% Arial, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: silver;
}

#gallery .item .number {
	text-align: right;
	font-weight: bold;
	font-size: 80%;
	line-height: 110%;
}
#gallery .item img {
	float: left;
}
#gallery .item .title {
	text-align: right;
	margin-left: 58px;
	font-size: 90%;
}
#gallery .item .title .mei {
/*	font: bold 150%/100% "ＭＳ Ｐ明朝", 細明朝体, serif;
*/
	text-align: left;
	font: normal 150%/140% Arial, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	border-bottom: #cfcf97 1px solid;
}
#gallery .item .title .auther {
}
#gallery .item .title .auther span {
	float: left;
	font-size: 120%;
}
#gallery .item a {
	outline: none; /* red 1px solid; */
}


#gallery .text_area {
	margin-top: 1em;
	padding: 1em;
	font: normal 94%/140% "ＭＳ Ｐゴシック", Osaka, sans-serif;
	background: #f7f7f7 url(./momiji_s.gif) repeat scroll;

	border-right: solid 1px silver;
	border-left: solid 1px silver;
}
#gallery #obj-txt p{
	margin: 0.5em 0;
	line-height: 160%;
	text-indent: 0.7em;
	color: #606060;
}
#gallery #obj-txt .sign {
	display: block;
	text-align: right;
	color: #606060;
}

#gallery #park_area {
	visibility: hidden;

	font: normal 100%/120% "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin-top: 1em;
	padding: 0.5em 1em 1em;

	border-top: silver 1px solid;
	border-bottom: silver 1px solid;
	background: #f7f7f7 url("./momiji_s.gif") repeat scroll;
}
#gallery #park_area.exist {
	visibility: visible;
}
#gallery #park_area h3 {
	font-weight: normal;
	font-size: 87%;
}
#gallery #park_area li {
	margin: 0 0 0 1.2em;
	padding: 2px 0 0 0;
	font: normal 105%/200% "ＭＳ Ｐゴシック", Osaka, sans-serif;
	list-style: none outside;
	color: #cfcf97;
}
#gallery #park_area li span {
	cursor: pointer;
}
/*==============================
	教室ページ
===============================*/
#school {
/*	background: url(../img/kurukone.gif) repeat;
*/
}
#school .sub_ttl {
	width: auto;
	margin-right: 8px;
	margin-left: 28em;
}
#school .item_area {
	width: 45em;
	margin: 20px auto 20px;
	padding: 0 0 0 2em;

/*	border-right: silver 1px solid;
*/	border-left: silver 1px solid;
}
#school .item {
	margin: 1em 0 0;
	font: normal 96%/140% Arial, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	line-height: 150%;
	color: #606060;
}
#school .item h3 {
	margin: 0.5em 0 0.3em;
	padding-left: 8px;
	font-size: 100%;
	line-height: 160%;
	color: gray;	/* #a7dfcf; */
}
#school .item dl {
	margin: 0.3em 0;
}
#school .item dt {
	margin-left: 1em;
}
#school .item dd {
	margin-top: 0.3em;
	margin-left: 2em;
}
#school .item ul {
}
#school .item li {
	margin-top: 0.3em;
	margin-left: 0;
	list-style: none outside;
}

#school #bosyu {
	margin: 0;
	height: 230px;
	background: url(../img/school01.gif) no-repeat left top;

	border-top: white 1px solid;
}
#school #bosyu h3 {
/*	height: 60px;
	margin-top: 8px;
	background: url(../img/bosyu_h.gif) no-repeat left top;

	text-indent: -10000px;
*/	display: none;

}
#school #bosyu dl {
	margin-top: 178px;
}

#school .item table {
	line-height: 120%;
	margin-left: 2em;
	width: 23em;
	table-layout: fixed;
	border-collapse: collapse;
	text-align: center;
	empty-cells: show;
/*	border-collapse: separate;
	border-spacing: 2px;
*/
	border: silver 1px solid;
}
#school .item table th {
	font-size: 92%;
	line-height: 120%;
	background-color: #efefef;
}
#school .item table td {
	line-height: 160%;
}
#school .item table td span.sun {
	font-weight: bold;
	color: silver;
}
#school .gal table h3 {
        color: #7a937c;
        border-left: 6px solid #a9a9a9;
        border-bottom: 2px solid #cfcfcf;
        background: #f8f8ff;
}
#school .gal td img{
        float: left;
        padding: 1em 3em;
}

#school .gal h3 {
	width: auto;
	margin-right: 8px;
	margin-left: 28em;
}
#school .item p {
}
#school table.item {
	background: url(./logo02a.png) no-repeat scroll 78% 80%;
}
/*==============================
	交通案内ページ
===============================*/
#map-info .sub_ttl {
	width: auto;
	margin-right: 8px;
	margin-left: 28em;
}
#map-info .main {
	width: 48em;
	margin: 20px auto 20px;
	padding: 20px 0 0 1em;

	border-left: silver 1px solid;
}
#map-info .item {
	clear: left;
}
#map-info h3 {
	margin: 0 0 16px 0;
	padding: 0;
	font: normal 180%/120% "ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #404040;
}
#map-info dl table {
	margin-left: 1em;
	margin-right: 0.5em;
	line-height: 180%;
	border-collapse: collapse;
}
#map-info dl table td {
	padding: 3px 8px;
	border-bottom: gray 1px dashed;
}
#map-info dl {
}
#map-info dd {
	margin: 0 0 0.5em 0;
}
#map-info dl dd ul {
	list-style: square inside;
}
#map-info  dl dd li {
	margin: 0 0 0.5em 0;
	padding-left: 1em;
}
#map-info li span {
	border-bottom: silver 1px solid;
}

#map-info #extmap {
	float: right;
/*	width: 17em;
*/	margin-right: 2px;
	padding: 1em;
	font-size: 85%;
	text-align: center;

	border: #6fb77f 2px dotted;
}
/*================================
	end stylesheet
================================*/