/************************************************************
	通常タイプ（薄緑色）のスタイルシートです。(1024px用)
************************************************************/
body, td
{
	font-size              : 100%;
	line-height            : normal;
}

body
{
	padding-top            : 0;
	padding-bottom         : 0;
	margin-top             : 0;
	margin-bottom          : 0;
}

/* 外枠（トップ画面用） */
div.OuterFrame, div.OuterFrame0
{
	width                  : 750px;
	background-color       : #F2FDF4;
	margin                 : auto;
	padding                : auto;
}

div.OuterFrame
{
	border                 : solid 1px;
	border-color           : #BAF5C8;
}

/* 外枠（記事画面用） */
div.OuterFramek, div.OuterFramek0
{
	width                  : 1024px;
	background-color       : #F2FDF4;
	margin                 : auto;
	padding                : auto;
}

div.OuterFramek
{
	border                 : solid 1px;
	border-color           : #BAF5C8;
}

div.Header
{

}

/* ヘッダーカテゴリ（トップ画面用） */
div.HdCategory
{

}

/* ヘッダーカテゴリ（記事画面用） */
div.HdCategoryk
{

}

div.Navigator
{

}

div.TopicPath
{
	text-align             : center;
	padding-left           : 25px;
}

/* 3カラムレイアウトに使用 */
div.Wrap
{
	width                  : 80%;
	margin                 : 0;
	padding                : 0;
	float                  : left;
}

/* 左側メニュー（旧IE表示用） */
div.SidebarLeft, div.SidebarLeft0
{
	width                  : 170px;
	float                  : left;
	margin-top             : 15px;
	margin-bottom          : 10px;
	margin-right           : 0;
	padding                : 0;
	background-color       : #DCF9E3;
	height                 : 0px;
}

div.SidebarLeft
{
	border                 : solid 1px;
	border-color           : #BAF5C8;
}

/* 左側メニュー（トップ画面用） */
div.SidebarLeft2, div.SidebarLeft20
{
	width                  : 170px;
	float                  : left;
	margin-top             : 15px;
	margin-bottom          : 15px;
	margin-left            : 0;
	margin-right           : 0;
	padding                : 0;
	background-color       : #DCF9E3;
	height                 : auto;
}

div.SidebarLeft2
{
	border                 : solid 1px;
	border-color           : #BAF5C8;
}

/* 左側メニュー（記事画面用） */
div.SidebarLeft3, div.SidebarLeft30
{
	width                  : 180px;
	float                  : left;
	margin-top             : 15px;
	margin-bottom          : 15px;
	margin-left            : 0;
	margin-right           : 0;
	padding                : 0;
	background-color       : #DCF9E3;
	height                 : auto;
}

div.SidebarLeft3
{
	border                 : solid 1px;
	border-color           : #BAF5C8;
}

/* 左側メニュー（トップ画面・スマホ表示用） */
div.SidebarLeft2S, div.SidebarLeft20S
{
	width                  : 170px;
	float                  : left;
	margin-top             : 15px;
	margin-bottom          : 15px;
	margin-left            : 0;
	margin-right           : 0;
	padding                : 0;
	background-color       : #DCF9E3;
	height                 : auto;
}

div.SidebarLeft2S
{
	border                 : solid 1px;
	border-color           : #BAF5C8;
}

/* 左側メニュー（記事画面・スマホ表示用） */
div.SidebarLeft3S, div.SidebarLeft30S
{
	width                  : 180px;
	float                  : left;
	margin-top             : 15px;
	margin-bottom          : 15px;
	margin-left            : 0;
	margin-right           : 0;
	padding                : 0;
	background-color       : #DCF9E3;
	height                 : auto;
}

div.SidebarLeft3S
{
	border                 : solid 1px;
	border-color           : #BAF5C8;
}

/* 中央の重要連絡等（旧IE用） */
div.Entries, div.Entries0
{
	width                  : 98%;
	height                 : 150px;
}

/* 中央の重要連絡等（IE以外）3カラム用 */
div.EntriesA, div.EntriesA0
{
	width                  : 74%;
	float                  : left;
	margin-top             : 0;
	margin-bottom          : 0;
	margin-left            : 5px;
	margin-right           : 0;
	padding                : auto;
	height                 : auto;
}

/* 中央の重要連絡等（IE以外）2カラム用 */
div.EntriesB, div.EntriesB0
{
	width                  : 75%;
	float                  : left;
	margin-top             : 0;
	margin-bottom          : 0;
	margin-left            : 5px;
	margin-right           : 0;
	padding                : auto;
	height                 : auto;
}

/* 右側メニュー（IE用） */
div.SidebarRight, div.SidebarRight0
{
	width                  : 180px;
	float                  : right;
	margin-top             : 15px;
	margin-bottom          : 15px;
	margin-right           : 10px;
	margin-left            : 0;
	padding                : 0;
	background-color       : #DCF9E3;
}

div.SidebarRight
{
	border                 : solid 1px;
	border-color           : #BAF5C8;
}

/* 右側メニュー(IE以外　スマホ非表示用） */
div.SidebarRight2, div.SidebarRight20
{
	width                  : 180px;
	float                  : left;
	margin-top             : 15px;
	margin-bottom          : 15px;
	margin-right           : 0;
	margin-left            : 0;
	padding                : 0;
	background-color       : #DCF9E3;
	height                 : auto;
}

div.SidebarRight2
{
	border                 : solid 1px;
	border-color           : #BAF5C8;
}

/* 右側メニュー（IE以外　スマホ表示用） */
div.SidebarRight2S, div.SidebarRight20S
{
	width                  : 180px;
	float                  : left;
	margin-top             : 15px;
	margin-bottom          : 15px;
	margin-right           : 0;
	margin-left            : 0;
	padding                : 0;
	background-color       : #DCF9E3;
	height                 : auto;
}

div.SidebarRight2S
{
	border                 : solid 1px;
	border-color           : #BAF5C8;
}

/* トップ画面用 */
div.Infomation, div.Infomation0
{
	height                 : auto;
	margin-top             : 15px;
	margin-left            : 8px;
	margin-right           : 0px;
	background-color       : #DCF9E3;
}

div.Infomation
{
	border                 : solid 1px;
	border-color           : #CAF5C8;
}

div.InfomationTitle
{
	background-color       : #62C67A;
	color                  : #FFFFFF;
	font-size              : 120%;
	font-style             : bold;
	text-align             : center;
	padding-left           : 0;
	margin-left            : 0;
	height                 : 25px;
	line-height            : 25px;
}

div.InfomationContent
{
	text-align             : left;
	font-size              : 100%;
	line-height            : 1.6;
	padding-left           : 10px;
	padding-right          : 7px;
	padding-top            : 10px;
	padding-bottom         : 10px;
	margin-bottom          : 10px;
}

/* 共通画面本文用 */
div.Entry, div.Entry0
{
	height                 : auto;
	margin                 : auto;
	margin-top             : 15px;
	padding                : auto;
	background-color       : #DCF9E3;
}

div.Entry
{
	border                 : solid 1px;
	border-color           : #BAF5C8;
}

div.EntryTitle
{
	background-color       : #BAF5C8;
	color                  : #3A7548;
	font-size              : 120%;
	font-weight            : bold;
	text-align             : center;
	border-right           : solid 3px;
	border-bottom          : solid 3px;
	border-color           : #3E9EFF;
	margin-left            : 0;
	height                 : 25px;
	line-height            : 25px;
}

div.EntryContent
{
	text-align             : left;
	padding-left           : 10px;
	padding-right          : 7px;
	padding-top            : 10px;
	padding-bottom         : 10px;
	margin-bottom          : 10px;
}

div.Footer
{
	clear                  : both;
}

div.Clear
{
	clear                  : both;
}

hr
{
	color                  : #6F6F37;
	width                  : 95%;
	margin-top             : 5px;
	margin-bottom          : 5px;
}

ul.base
{
	list-style-type        : none;
	margin-top             : 10px;
	margin-left            : 5px;
	margin-right           : 5px;
}

ul.margin
{
	margin-left            : 20px;
}


/********** 以下ユーザー指定 **********/
div.maindata dt
{
	width                  : 93%;
	font-size              : 14px;
	color                  : #666;
	font-weight            : bold;
	background-color       : #D0E8E8;
	height                 : 18px;
	padding                : 5px;
	text-indent            : 5px;
}

div.maindata dd
{
	font-size              : 12px;
	text-indent            : 1em;
	line-height            : 15px;
	margin                 : 5px;
	padding                : 5px;
}

h2
{
	width                  : 90%;
	height                 : 17px;
	font-size              : 15px;
	color                  : #666;
	background-color       : #B9DAFF;
	border-left            : double 13px;
	border-color           : #6AB1FF;
	text-indent            : 5px;
	margin-top             : 15px;
	margin-left            : 5px;
	margin-bottom          : 10px;
	padding                : 3px;
}

h3
{
	font-size              : 13px;
	width                  : 90%;
	height                 : 14px;
	color                  : #666;
	background-color       : #ECF5FF;
	border-left            : solid 10px;
	border-top             : solid 1px;
	border-right           : solid 1px;
	border-bottom          : solid 1px;
	border-color           : #6AB1FF;
	text-indent            : 1px;
	margin-top             : 15px;
	margin-left            : 5px;
	margin-bottom          : 10px;
	padding                : 3px;
}

/* 表内キャプション */
caption.inner_cap
{
	background-color       : #C0C081;
	color                  : #FFF;
	font-size              : 15px;
	font-weight            : bold;
	border-right           : 3px solid;
	border-bottom          : 3px soiid;
	border-color           : #7E7E3F;
	height                 : 18px;
	padding                : 3px;
}

/* 表題のデザイン */
.subject
{
	background-color       : #CCC;
	color                  : #666;
	font-weight            : bold;
}

/* 保護者　校納金 */
table.kounou
{
	width                  : 95%;
	border                 : solid 1px;
	border-color           : #999;
	background-color       : #FFF;
}

table.kounou td
{
	border                 : dotted 1px;
	border-color           : #999;
}

td.sonota
{
	background-color       : #E6F2FF;
}

/* 学校案内　歴史 */
table.history
{
	width                  : 97%;
	border                 : solid 1px;
	border-color           : #999;
	background-color       : #FFF;
}

table.history td
{
	padding                : 5px;
	border                 : dotted 1px;
	border-color           : #999;
}

td.history_line
{
	background-color       : #E7E7E7;
}

/* 部活動 */
ul.side_club
{
	margin-top             : 20px;
	margin-left            : 0px;
	margin-right           : 0px;
	margin-bottom          : 20px;
	padding                : 0;
}

ul.side_club a
{
	text-decoration        : none;
}

ul.side_club li
{
	list-style             : none;
	font-size              : 13px;
	line-height            : 20px;
	width                  : 110px;
}

ul.side_club li a
{
	display                : block;
	padding                : 0 5px;
	background             : #99AADD;
	color                  : #666;
	line-height            : 20px;
	border-bottom          : solid 1px #E1FFFF;
}

ul.side_club li a:hover
{
	background-color       : #D8DFF1;
}


/* スマートフォン用 */
@media screen and (max-width:896px)
{

/* フォント指定の無効化 */
	font {
		font : inherit;
		  /* Standard browsers, Font instead of font-size for Opera */
		font-family : expression(this.parentNode.currentNode.currentStyle['fontFamily'])
		  /* IE */
		font-size : 100%;
		  /* All browsers. Size are inherited */
	}

	div.OuterFrame, div.OuterFrame0
	{
		width          : 1024px;
	}

	div.OuterFramek, div.OuterFramek0
	{
		width          : 1024px;
	}

	div.Header
	{

	}

	div.HdCategory
	{

	}

	div.HdCategoryk
	{

	}

	div.TopicPath
	{
		font-size      : 130%;
	}

	div.Wrap
	{
		width          : 1000px;
	}

	div.SidebarLeft2, div.SidebarLeft20
	{
		display        : none;
	}

	div.SidebarLeft2S, div.SidebarLeft20S
	{
		border         : none;
		display        : inline;
		background-color : #F2FDF4;
	}

	div.SidebarLeft2S ul, div.SidebarLeft20S ul
	{
		width          : 950px;
		margin-left    : 40px;
	}

	div.SidebarLeft2S li, div.SidebarLeft20S li
	{
		float          : left;
		margin-right   : 30px;
	}

	div.SidebarLeft3, div.SidebarLeft30
	{
		display        : none;
	}

	div.SidebarLeft3S, div.SidebarLeft30S
	{
		border         : none;
		display        : inline;
		background-color : #F2FDF4;
	}

	div.SidebarLeft3S ul, div.SidebarLeft30S ul
	{
		width          : 950px;
		margin-left    : 40px;
	}

	div.SidebarLeft3S li, div.SidebarLeft30S li
	{
		float          : left;
		margin-right   : 30px;
	}

	div.EntriesA, div.EntriesA0
	{
		width          : 950px;
		clear          : both;
		font-size      : 200%;
	}

	div.EntriesB, div.EntriesB0
	{
		width          : 950px;
		clear          : both;
		font-size      : 200%;
	}

	div.InfomationTitle
	{
		font-size      : 80%;
	}

	div.EntryTitle
	{
		font-size      : 80%;
	}

	div.SidebarRight2, div.SidebarRight20
	{
		display        : none;
	}

	div.SidebarRight2S, div.SidebarRight20S
	{
		border         : none;
		display        : inline;
		background-color : #F2FDF4;
		width          : 1000px;
	}

	div.SidebarRight2S ul, div.SidebarRight20S ul
	{
		width          : 900px;
		margin-left    : 40px;
	}

	div.SidebarRight2S li, div.SidebarRight20S li
	{
		float          : left;
		margin-right   : 30px;
	}

	div.Footer
	{

	}

}

