@charset "euc-jp";


/*
 * ▼全体基本設定
 **************************************************/
body {
	font-size:100%;
	line-height:1.3;
	color:#444;
	background-color:#FFF;
}


/*
 * ▼マージン設定
 *
 * @comment	・基本ブロック要素のマージン設定
 * 			・詳細指定は各要素で行う
 *
 **************************************************/
.hnavi_top{
	margin:0 0 10px 0;
}

.hnavi,
.vnavi,
.hmenu,
.vmenu,
.sitemap,
.calendar,
h2, h3, h4,
p,
marquee,
.marquee,
address,
code,
.list,
.caption,
.accessmap,
.thumbnail,
.schedule,
.data_grid,
.container,
.grouping {
	margin:10px 0;
}

.breadcrumb {
	margin:10px 0;
}

.layout_side .hmenu,
.layout_side .vmenu,
.layout_side h2,
.layout_side h3,
.layout_side h4,
.layout_side p,
.layout_side marquee,
.layout_side .marquee,
.layout_side .list,
.layout_side .caption,
.layout_side .calendar,
.layout_side .thumbnail,
.layout_side .schedule,
.layout_side .data_grid,
.layout_side .container,
.layout_side .grouping,
.layout_side address,
.layout_side code {
	margin:10px 0;
}

/*
 * ▼ボーダー設定
 *
 * @comment	・基本ブロック要素のボーダー設定
 * 			・詳細指定は各要素で行う
 *
 **************************************************/
/*
.header	ul,
.header	ul li,
.header	form,
.hnavi_top,
.hnavi,
.vnavi,
.hmenu,
.vmenu,
.sitemap,
.calendar,
h2, h3, h4,
p,
marquee,
address,
code,
.list,
.caption,
.accessmap,
.thumbnail,
.thumbnail table,
.schedule,
.schedule table,
.schedule th,
.schedule td,
.data_grid,
.data_grid th,
.data_grid td,
.container,
.grouping
.footer {
	border:solid 0px #BBB;
}
*/

div, p, pre, blockquote, code,
form,
ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5, h6,
table, th, td,
a, em {
	border:solid 0px #BBB;
}


/* タイトル（Tip表示）を持つもの */
span[title],
a[title] {
	border-bottom-width:1px;
	border-bottom-style: dashed;
}


/*
 * ▼フォントサイズ設定
 *
 * @comment	・基本要素のフォントサイズ設定
 *
 **************************************************/
.header h1				{font-size:125%;}
.header td				{font-size:80%;}
.hnavi_top,
.hnavi,
.vnavi,
.hmenu,
.vmenu					{font-size:90%;}
.breadcrumb				{font-size:80%;}
h2						{font-size:125%;}
h3						{font-size:108%;}
h4						{font-size:100%;}
p,
marquee,
.marquee,
.list					{font-size:100%;}
.data_grid,
.sitemap				{font-size:90%;}
address					{font-size:80%;}
code					{font-size:80%;}


.layout_side h2			{font-size:100%;}
.layout_side h3			{font-size:90%;}
.layout_side h4			{font-size:90%;}
.layout_side p,
.layout_side marquee,
.layout_side .marquee,
.layout_side .list		{font-size:90%;}




/*
 * ▼レイアウト設定
 *
 * @comment	・div, td に設定
 * 			・サイド列は2つのクラスを設定
 * 			　→class="area_side area_left" または class="area_side area_right"
 *
 **************************************************/
.layout_whole	{text-align:left;}
.layout_top		{text-align:left;}
.layout_middle	{text-align:left; padding:0 20px;}
.layout_bottom	{text-align:left; padding:0 20px;}

.layout_main	{text-align:left; vertical-align:top;}
.layout_side	{text-align:left; vertical-align:top; width:180px;}
.layout_left	{width:180px; padding-right:20px;}
.layout_right	{width:180px; padding-left:20px;}

.table_middle	{width:100%;}




/*
 * ▼コンテナ
 *
 * @comment	・コンテナ列の横幅指定を div, td に設定
 *
 **************************************************/
.container			{}
.container .column	{vertical-align:top; padding-right:10px;}

.wFree				{}
.w100per			{width:100%;}
.w720				{width:720px;}
.w540				{width:540px;}
.w360				{width:360px;}
.w240				{width:240px;}
.w180				{width:180px;}
.w120				{width:120px;}
.w90				{width:90px;}




/*
 * ▼ヘッダー
 *
 * @comment	・学校ロゴ＋ヘッダーメニューなど
 *
 **************************************************/
.header				{line-height:1.2;}
.header a			{text-decoration:none;}
.header table		{width:100%;}
.header th,
.header td			{vertical-align:middle;}
.header	h1			{width:480px; padding:0 10px;}
.header	h1.l-image img	{margin-right:0.5em;}
.header	h1.r-image img	{margin-left:0.5em;}
.header td			{text-align:right; white-space:nowrap;}
.header	ul			{margin:5px; padding:0; border-right-width:1px;}
.header	ul li		{display:inline; padding:0 0.5em; border-left-width:1px;}
.header	form		{width:280px; margin:10px 5px 5px auto; padding:3px; overflow:hidden; background-color:#EEE; border-width:1px;}
.header	label,
.header	input		{margin-right:3px;}
.header	input.text	{width:120px; padding:1px;}
.header	input.submit{padding-left:5px; padding-right:5px;}
.header .lastupdated	{margin:5px 1em 5px 5px; padding:0;}


/*ヘッダーFlash、画像
--------------------------------------------------*/
.header_swf			{padding:10px 20px; background-color:#000;}
.header_swf embed	{margin:0; padding:0;}

.header_img			{padding:10px 20px; background-color:#CCC;}
.header_img img		{margin:0; padding:0;}





/*
 * ▼フッター
 *
 * @comment	・コピーライト＋メニューなど
 *
 **************************************************/
.footer				{padding:10px 0; margin:1em 0; border-top-width:1px;}




/*
 * ▼パンくずナビゲーション
 *
 * @comment	・ナビゲーション階層メニュー設定
 *
 **************************************************/
ul.breadcrumb 		{list-style-type:none; white-space:nowrap; padding:0 20px;}
ul.breadcrumb li	{padding-right:4px; display:inline;}
ul.breadcrumb li a	{padding-left:2px; text-decoration:none;}




/*
 * ▼見出し
 *
 * @comment ・メインエリアとサイドエリアを別々に設定
 *
 **************************************************/
h2,
h3,
h4	{}

.layout_main h2		{}
.layout_main h3		{}
.layout_main h4		{}

.layout_side h2		{}
.layout_side h3		{}
.layout_side h4		{}




/*
 * ▼テキストブロック
 *
 * @comment ・pタグ
 *
 **************************************************/

/*デフォルト*/
p				{}

/*リード文*/
p.lead			{}

/*本文*/
p.body			{text-indent:1em;}

/*詳細文*/
p.detail		{font-size:90%;}

/*注意書き*/
p.caution		{font-size:90%; padding:0 0 0 1em; color:#F00;}

.layout_side p	{text-indent:0em;}




/*
 * ▼一行メッセージ
 *
 * @comment ・マーキー
 *
 **************************************************/
marquee, .marquee	{display:block; padding:0.5em 0; background-color:#CCC;}
.marquee			{padding:0.5em; text-align:center;}



/*
 * ▼リスト
 *
 * @comment ・メインエリアとサイドエリアを個別設定
 *
 **************************************************/
ul.list		{}
ol.list		{}
dl.list		{}
dl.list dt	{font-weight:bold;}
dl.list dd	{padding-left:2.0em;}




/*
 * ▼キャプション
 *
 **************************************************/
.caption		{font-size:90%; padding:0;}
.caption li		{display:inline; padding-right:0.5em;}

.caption.left	{text-align:left;}
.caption.center	{text-align:center;}
.caption.ight	{text-align:right;}



/*
 * ▼コピーライト
 *
 * @comment ・コピーライト表記やメールアドレス
 *
 **************************************************/
address		{}




/*
 * ▼サムネイル一覧表示ボックス
 *
 * @comment ・フロートボックス
 *
 **************************************************/
div.thumbnail				{}
div.thumbnail table			{float:left; margin:0 10px 10px 0; border-width:1px; background-color:#FFF;}
div.thumbnail th,
div.thumbnail td			{padding:5px; font-size:90%; line-height:1.2; font-weight:normal; text-align:center;}

div.thumbnail td {padding: 0;}
div.thumbnail td .ti-txt-block {
	overflow:hidden; position:relative;
	height:2.6em;
}
div.thumbnail td .ti-txt-block:hover,
div.thumbnail td .hover {
	overflow:visible; z-index: 1;
}
div.thumbnail td .ti-txt-container {
	background-color: #FFF;
	min-height:2.6em;
	height: auto !important;
	height:2.6em;
}
div.thumbnail.small  .ti-txt-container {width:78px;}
div.thumbnail.middle .ti-txt-container {width:78px;}
div.thumbnail.large  .ti-txt-container {width:142px;}

div.thumbnail td .ti-txt-block:hover .ti-txt-container,
div.thumbnail td .hover .ti-txt-container {
	border-width:0 1px 1px 1px;
	position:absolute;
	left:-1px;
}
div.thumbnail td .ti-txt-wrap {
	padding:0.1em 5px;
}

div.thumbnail.small  table	{width:80px;}
div.thumbnail.middle table	{width:80px;}
div.thumbnail.large  table	{width:144px;}
/*
div.clearer				{clear:both; width:100%; line-height:0; height:1px;}
*/


/*
 * ▼画像リスト
 *
 * @comment ・.timg, timgl のとき、 フロートボックス。
 *
 **************************************************/
.album {
	padding:10px 0;/* IEではなぜかマージンが無くなるのでパディングで処理 */
}
/* 回り込み解除 */
.album .album-imgsize {*zoom:1;}
.album .album-imgsize:after {
	content:"."; display:block; clear:both; visibility:hidden; height:0; line-height:0;
}

.album-item {
	margin-bottom:0.5em;
	*zoom:1;
}
.album-img-block {
	border: 1px solid #666;
	background:#fff;
	overflow:hidden;
}
.album-img-container {
	text-align:center;
	vertical-align:middle;
}
.album-txt-block {
	font-size:93%;
	line-height:1.2;
}

/* サイド画像 */
.album .limg .album-item,
.album .rimg .album-item {
	border-width:0 0 1px 0;
	border-style:dashed;
	border-color:#DDD;
	padding:0 0 0.5em 0;
	overflow:hidden;/* 天地サイズ計算させるため */
}
.album .limg .album-item:after,
.album .rimg .album-item:after
{content:"."; display:block; clear:both; visibility:hidden; height:0; line-height:0;}

.album .limg .album-item.last-of-type,
.album .rimg .album-item.last-of-type {
	margin-bottom:0;
}
.album .limg .album-item.first-of-type,
.album .rimg .album-item.first-of-type {
	border-width:1px 0 1px 0;
	border-style:dashed;
	border-color:#DDD;
	padding:0.5em 0;
}

/* 左画像 */
.album .limg .album-img-block {
	float:left;
}

/* 右画像 */
.album .rimg .album-img-block {
	float:right;
}

/* 上画像 */
.album .timg  .album-item,
.album .timgl .album-item {
	float: left;
	margin: 0 1em 1em 0;
}

.album .timg  .album-txt-block,
.album .timg  .album-txt-container,
.album .timgl .album-txt-block,
.album .timgl .album-txt-container
{
	/* 文章ブロック＆コンテナ 共通スタイル */
	background:#F5F5F5;
	border-style:solid;
	border-color:#DDD;
}
.album .timg  .album-txt-block,
.album .timgl .album-txt-block
{
	/* 通常時文章ブロック */

	overflow:hidden;
	position:relative;
	border-width:0 1px 1px 1px;
}
.album .timg  .album-txt-block {height:3.8em; /*  3行：(line-height[1.2]×行数 = [3.6]) + 上下パディング[0.2] */}
.album .timgl .album-txt-block {height:12.2em; /* 10行：(line-height[1.2]×行数 = [12]) + 上下パディング[0.2] */}
.album .timg .album-txt-container
{
	/* 文章コンテナは最小高さとして設定 */
	min-height:3.8em;
	height: auto !important;
	height:3.8em;
}
.album .timgl .album-txt-container
{
	/* 文章コンテナは最小高さとして設定 */
	min-height:12.2em;
	height: auto !important;
	height:12.2em;
}

.album .timg .album-txt-block:hover, .album .timgl .album-txt-block:hover,
.album .timg .hover, .album .timgl .hover /* IE6対応で疑似クラスの変わりにするクラス */
{
	overflow:visible;
	z-index: 1;
}

.album .timg  .album-txt-block:hover .album-txt-container,
.album .timgl .album-txt-block:hover .album-txt-container,
.album .timg  .hover .album-txt-container,
.album .timgl .hover .album-txt-container
{
	/* hover中文章コンテナ */
	border-width:0 1px 1px 1px;
	position:absolute;
	left:-1px;
}

.album .timg  .album-txt-wrap,
.album .timgl .album-txt-wrap {
	padding:0.1em 0.5em; /* 上下パディング: 行間(line-height[1.2]-font-size[1em])÷2 = 0.1em */
}


/* 画像サイズ別 */
.album .hs .album-img-block,
.album .hs .album-img-container {width: 180px; height:135px;}
.album .hm .album-img-block,
.album .hm .album-img-container {width: 240px; height:180px;}
.album .hl .album-img-block,
.album .hl .album-img-container {width: 320px; height:240px;}
.album .vs .album-img-block,
.album .vs .album-img-container {width: 135px; height:180px;}
.album .vm .album-img-block,
.album .vm .album-img-container {width: 180px; height:240px;}
.album .vl .album-img-block,
.album .vl .album-img-container {width: 240px; height:320px;}

.album .limg .hs .album-txt-block {margin-left: 200px;}
.album .rimg .hs .album-txt-block {margin-right:200px;}
.album .limg .hm .album-txt-block {margin-left: 260px;}
.album .rimg .hm .album-txt-block {margin-right:260px;}
.album .limg .hl .album-txt-block {margin-left: 340px;}
.album .rimg .hl .album-txt-block {margin-right:340px;}
.album .limg .vs .album-txt-block {margin-left: 155px;}
.album .rimg .vs .album-txt-block {margin-right:155px;}
.album .limg .vm .album-txt-block {margin-left: 200px;}
.album .rimg .vm .album-txt-block {margin-right:200px;}
.album .limg .vl .album-txt-block {margin-left: 260px;}
.album .rimg .vl .album-txt-block {margin-right:260px;}

.album .timg  .hs .album-txt-block,
.album .timg  .hs .album-txt-container,
.album .timgl .hs .album-txt-block,
.album .timgl .hs .album-txt-container
{width:180px;}

.album .timg  .hm .album-txt-block,
.album .timg  .hm .album-txt-container,
.album .timgl .hm .album-txt-block,
.album .timgl .hm .album-txt-container
{width:240px;}

.album .timg  .hl .album-txt-block,
.album .timg  .hl .album-txt-container,
.album .timgl .hl .album-txt-block,
.album .timgl .hl .album-txt-container
{width:320px;}

.album .timg  .vs .album-txt-block,
.album .timg  .vs .album-txt-container,
.album .timgl .vs .album-txt-block,
.album .timgl .vs .album-txt-container
{width:135px;}

.album .timg  .vm .album-txt-block,
.album .timg  .vm .album-txt-container,
.album .timgl .vm .album-txt-block,
.album .timgl .vm .album-txt-container
{width:180px;}

.album .timg  .vl .album-txt-block,
.album .timg  .vl .album-txt-container,
.album .timgl .vl .album-txt-block,
.album .timgl .vl .album-txt-container
{width:240px;}




/*
 * ▼アクセシビリティUI
 *
 * @author  uju
 * @comment
 * IE7で隣接したspan[white-space:nowrap]の間が改行されないバグを、間に空spanを入れることで対処
 * その後、IE8で再発！ display: inline-block を入れることで対処できた
 * @since 2009/09/24
 *
 **************************************************/
.accessibilityui .aui-items {line-height:1.6; margin-bottom:0.5em;}
.accessibilityui .aui-item  {display:inline-block; font-size:80%; margin-right:1em;}
.accessibilityui .last-of-type {margin-right:0em;}
.layout_side .accessibilityui .aui-item  {font-size:72%; margin-right:0;}



/*
 * ▼データグリッドテーブル
 *
 * @comment ・データグリッドテーブル
 *
 **************************************************/
.data_grid 				{width:100%; border-width:1px; background-color:#FFF;}
.data_grid th,
.data_grid td			{padding:2px 0.5em; vertical-align:middle; border-width:0 1px 1px 0;}
.data_grid th			{font-weight:bold; background-color:#EEE; text-align:center;}
.data_grid tbody th		{text-align:left;}
.data_grid tbody td		{}

.data_grid.type1		{}

.data_grid.type2		{border-width:1px 0;}
.data_grid.type2 th,
.data_grid.type2 td		{border-width:0 0 1px 0;}

.data_grid.type3		{border-width:0;}
.data_grid.type3 th,
.data_grid.type3 td		{border-width:0;}

.data_grid.type4,
.data_grid.type4 th,
.data_grid.type4 td		{background-color:#FFC; border-color:#DDB;}
.data_grid.type4 th		{background-color:#EEC;}

.data_grid.type5,
.data_grid.type5 th,
.data_grid.type5 td		{background-color:#FDD; border-color:#CBB;}
.data_grid.type5 th		{background-color:#EDD;}

.data_grid.type6,
.data_grid.type6 th,
.data_grid.type6 td		{background-color:#EDF; border-color:#CBD;}
.data_grid.type6 th		{background-color:#DCE;}

.data_grid.type7,
.data_grid.type7 th,
.data_grid.type7 td		{background-color:#DEF; border-color:#BCD;}
.data_grid.type7 th		{background-color:#CDE;}

.data_grid.type8,
.data_grid.type8 th,
.data_grid.type8 td		{background-color:#DFD; border-color:#BDB;}
.data_grid.type8 th		{background-color:#CEC;}


/**
 * テーブル共通
 * .number : 数値が入るセル
 * .date   : 日付が入るセル
 */
td.number, td.date {
	font-family:"ＭＳ ゴシック", "MS ゴシック", "Osaka-等幅", monospace;
}
td.number {
	text-align:right;
}



/*
 * ▼アンケート集計結果
 *
 * @since  2010/03/18
 *
 **************************************************/

/* スクロールコンテナ */
.scroll-container {
	position: relative;
	margin:10px 0 20px 0; padding:0;
	overflow: auto;
	overflow-x: auto;
	overflow-y: visible;
}

/* グラフ背景 */
.graph-bak,
.graph-bak-v {
	margin:0; padding: 0 2px 0 0; 	/* bar の border分左右幅を小さくする必要がある */
	_padding:0;	/* IE6用 */
	overflow: visible;				/* 100%近いとき、はみ出すことになるのではみ出し表示設定 */
	border:1px solid #999;
	border-color: #333 #666 #666 #333;
	background: #DDD;
	height:12px;
}
.graph-bak-v {
	padding: 1px 0; _padding: 0;
	width: 12px; height:auto;
}

/* グラフバー */
.graph-bar,
.graph-bar-v {
	margin: 0;
	_margin:0 -1px;	/* IE6用 */
	border: 1px solid;
	border-color: #cef #39c #39c #cef;
	background-color: #9cf;
	height: 10px;
}
.graph-bar-v {
	margin:-1px 0;
	width:10px; height:auto;
}

.graph-obi-bak,
.graph-obi-bak-v {
	position: relative;
	margin:0 -1px 0 0; padding:0;
	overflow: hidden;
	border:1px solid #999;
	border-color: #333 #666 #666 #333;
	background: #DDD;
	height:14px;
}
.graph-obi,
.graph-obi-v {
	position: absolute;
	display: inline-block;
	margin:0; padding:0; border:none;
	height: 14px; line-height:16px;
	white-space:nowrap;
	overflow:hidden; text-align:center;
	cursor:default;
	color:#000; font-size:11px; font-family:monospace;

}



/*
 * ▼グルーピングボックス
 *
 * @comment ・ボックス内要素を視覚的にグループ化
 *
 **************************************************/
.grouping				{border-width:1px; padding:0 10px;}

.box1					{}
.box2					{border-style:dashed;}
.box3					{background-color:#EEE;}
.box4					{background-color:#FFC;}
.box5					{background-color:#FCC;}
.box6					{background-color:#DCF;}
.box7					{background-color:#CDF;}
.box8					{background-color:#CFC;}
.box9					{background-color:#EEC;}
.box10					{background-color:#DCC;}
.box11					{background-color:#CCD;}
.box12					{background-color:#CDC;}




/*
 * ▼行事予定
 *
 * @comment	・行事予定
 *
 **************************************************/
.schedule h3				{font-size:125%;}
.schedule h6				{margin-bottom:10px;}
.schedule h6 span.wrap		{font-size:120%;}
.schedule h6 .title_month	{font-size:160%; padding:0 5px; font-weight:normal;}

.schedule table				{margin-bottom:1em; width:100%; border-width:0 1px 3px 0; background-color:#FFF;}
.schedule th,
.schedule td				{vertical-align:middle; padding:3px 1em; border-width:1px 0 0 1px;}
.schedule th,
.schedule td.ctg			{width:5%; white-space:nowrap; font-size:90%;}
.schedule th				{background-color:#DDD; font-weight:bold;}

.schedule td ul,
.schedule td ul.list		{margin-bottom:0;}




/*
 * ▼水平メニューの disabled （トータル件数表示部分）をテキスト風表示へ
 *
 * @comment	・学校日記、行事予定、検索一覧　など
 *
 **************************************************/
.hmenu .yuimenubar .bd .yuimenubaritem a.disabled,
.hmenu .yuimenubar .bd .yuimenubaritem a.disabled:visited,
.hmenu .yuimenubar .bd .yuimenubaritem a.disabled:hover,
.hmenu .yuimenubar .bd .yuimenubaritem a.disabled:active	{color:#444; text-decoration:none !important; cursor:default !important;}





/*
 * ▼開発用
 *
 * @comment ・サンプルソースコードブロック
 *
 **************************************************/
code					{display:block; white-space:pre; border-width:1px; background-color:#CEE; padding:0.5em;}
code strong				{color:#F00;}





/*
 * ▼装飾フレーム
 *
 * @comment ・ページレイアウト用ボックスを装飾
 *
 **************************************************/
.layout_whole .whole1	{}
.layout_whole .whole2	{}
.layout_whole .whole3	{}
.layout_whole .whole4	{}
.layout_whole .whole5	{}
.layout_whole .whole6	{}
.layout_whole .whole7	{}
.layout_whole .whole8	{}
.layout_whole .whole9	{}

.layout_top .top1		{}
.layout_top .top2		{}
.layout_top .top3		{}
.layout_top .top4		{}
.layout_top .top5		{}
.layout_top .top6		{}
.layout_top .top7		{}
.layout_top .top8		{}
.layout_top .top9		{width:100%;}
* .layout_top .top9		{width:auto;}	/* IE6用 表示対応（2010/10/28） */

.layout_middle .middle1	{}
.layout_middle .middle2	{}
.layout_middle .middle3	{}
.layout_middle .middle4	{}
.layout_middle .middle5	{}
.layout_middle .middle6	{}
.layout_middle .middle7	{}
.layout_middle .middle8	{}
.layout_middle .middle9	{}

.layout_bottom .bottom1	{}
.layout_bottom .bottom2	{}
.layout_bottom .bottom3	{}
.layout_bottom .bottom4	{}
.layout_bottom .bottom5	{}
.layout_bottom .bottom6	{}
.layout_bottom .bottom7	{}
.layout_bottom .bottom8	{}
.layout_bottom .bottom9	{}

.layout_side .side1		{}
.layout_side .side2		{}
.layout_side .side3		{}
.layout_side .side4		{}
.layout_side .side5		{}
.layout_side .side6		{}
.layout_side .side7		{}
.layout_side .side8		{}
.layout_side .side9		{}

.layout_left .side1		{}
.layout_left .side2		{}
.layout_left .side3		{}
.layout_left .side4		{}
.layout_left .side5		{}
.layout_left .side6		{}
.layout_left .side7		{}
.layout_left .side8		{}
.layout_left .side9		{}

.layout_right .side1	{}
.layout_right .side2	{}
.layout_right .side3	{}
.layout_right .side4	{}
.layout_right .side5	{}
.layout_right .side6	{}
.layout_right .side7	{}
.layout_right .side8	{}
.layout_right .side9	{}

.layout_main .main1		{}
.layout_main .main2		{}
.layout_main .main3		{}
.layout_main .main4		{}
.layout_main .main5		{}
.layout_main .main6		{}
.layout_main .main7		{}
.layout_main .main8		{}
.layout_main .main9		{}




/**
 * ▼以下小牧関連　ＳＷＡコンテンツリンク
 *
 **************************************************/

.cpmenu table {
	border:none; border-spacing:0;
}

.cpmenu table th {
	padding:0 1.5em 0 0;
}

.cpmenu th a {
	display:block; display:inline-block;
	padding:4px 0 4px 28px;
	white-space:nowrap;
	background: url(img/frame_blue24.png) left top no-repeat;
}
.cpmenu .icon-folder th a {
	background-image: url(img/folder_blue24n.png);
}
.cpmenu .icon-folder .has-child th a {
	background-image: url(img/folder_blue24f.png);
}


.swacontents table.normal {
	border:none; border-spacing:0;
}
.swacontents table.normal th,
.swacontents table.normal td {
	vertical-align: top;
	padding-top:0.4em; padding-bottom:0.4em;
}
.swacontents table.normal td { padding-left:1em; }
.swacontents table.normal th {
	font-weight: bold;
}
.swacontents table tbody th {
	width:35%; min-width:8em;
}


.swacontents .swacontents-blog  th a,
.swacontents .swacontents-doc   th a,
.swacontents .swacontents-yotei th a,
.swacontents .swacontents-link  th a {
	display:block; display:inline-block;
	padding: 4px 4px 4px 28px; min-height:24px;
	line-height:1.2em;
	background:url(img/docu_file24.png) left 0 no-repeat;
}

.swacontents .swacontents-blog  th a {
	background-image: url(img/blog24.png);
}
.swacontents .swacontents-link  th a {
	background-image:url(img/docu_web24.png);
}
.swacontents .swacontents-doc  th a {
	background-image: url(img/docu_file24.png);
}
.swacontents .swacontents-yotei  th a {
	background-image: url(img/schedule24.png);
}


/* 学校日記 個別 */
.swacontents .swacontents-blog th a.has-bimg {
	background-image:none;
	padding-left:0px;
}
.swacontents .swacontents-blog th a.has-bimg img {
	margin-right:4px; margin-top:-4px; margin-bottom:-4px;
}

/* 配布文書 個別 ●リンクファイル */
.swacontents .swacontents-doc.html  th a,
.swacontents .swacontents-doc.htm   th a,
.swacontents .swacontents-doc.xhtml th a,
.swacontents .swacontents-doc.xml   th a {
	background-image:url(img/docu_web24.png);
}

/* 配布文書 個別 ●文書ファイル */
.swacontents .swacontents-doc.pdf  th a {
	background-image:url(img/docu_pdf24.png);
}
.swacontents .swacontents-doc.xls  th a,
.swacontents .swacontents-doc.xlsx  th a {
	background-image:url(img/docu_exel24.png);
}
.swacontents .swacontents-doc.doc  th a,
.swacontents .swacontents-doc.docx  th a {
	background-image:url(img/docu_word24.png);
}
.swacontents .swacontents-doc.ppt  th a,
.swacontents .swacontents-doc.pptx  th a {
	background-image:url(img/docu_ppt24.png);
}
.swacontents .swacontents-doc.txt  th a {
	background-image:url(img/docu_txt24.png);
}
.swacontents .swacontents-doc.jtd  th a,
.swacontents .swacontents-doc.jtt  th a,
.swacontents .swacontents-doc.jfw  th a,
.swacontents .swacontents-doc.jvw  th a,
.swacontents .swacontents-doc.juw  th a,
.swacontents .swacontents-doc.jaw  th a,
.swacontents .swacontents-doc.jtw  th a {
	background-image:url(img/docu_tarou24.png);
}
.swacontents .swacontents-doc.csv  th a,
.swacontents .swacontents-doc.dic  th a,
.swacontents .swacontents-doc.pps  th a,
.swacontents .swacontents-doc.rtf  th a,
.swacontents .swacontents-doc.dot  th a,
.swacontents .swacontents-doc.pot  th a {
	background-image:url(img/docu_plain24.png);
}

/* 配布文書 個別 ●画像ファイル */
.swacontents .swacontents-doc.jpg  th a,
.swacontents .swacontents-doc.jpeg th a {
	background-image:url(img/docu_jpg24.png);
}
.swacontents .swacontents-doc.gif  th a {
	background-image:url(img/docu_gif24.png);
}
.swacontents .swacontents-doc.png  th a {
	background-image:url(img/docu_png24.png);
}
.swacontents .swacontents-doc.bmp  th a {
	background-image:url(img/docu_bmp24.png);
}
.swacontents .swacontents-doc.pct  th a,
.swacontents .swacontents-doc.pict th a,
.swacontents .swacontents-doc.pic  th a {
	background-image:url(img/docu_pct24.png);
}
.swacontents .swacontents-doc.tif  th a,
.swacontents .swacontents-doc.psd  th a,
.swacontents .swacontents-doc.ai  th a,
.swacontents .swacontents-doc.eps  th a,
.swacontents .swacontents-doc.ico  th a,
.swacontents .swacontents-doc.jhd  th a,
.swacontents .swacontents-doc.jht  th a,
.swacontents .swacontents-doc.jmg  th a,
.swacontents .swacontents-doc.pcx  th a {
	background-image:url(img/docu_img24.png);
}

/* 配布文書 個別 ●アーカイブ・圧縮ファイル */
.swacontents .swacontents-doc.zip  th a,
.swacontents .swacontents-doc.sit  th a,
.swacontents .swacontents-doc.sitx  th a,
.swacontents .swacontents-doc.lzh  th a,
.swacontents .swacontents-doc.lzs  th a,
.swacontents .swacontents-doc.tar  th a,
.swacontents .swacontents-doc.tgz  th a,
.swacontents .swacontents-doc.rar  th a {
	background-image:url(img/docu_archive24.png);
}

/* 配布文書 個別 ●動画ファイル */
.swacontents .swacontents-doc.wmv  th a,
.swacontents .swacontents-doc.wmf  th a,
.swacontents .swacontents-doc.mpg  th a,
.swacontents .swacontents-doc.swf  th a,
.swacontents .swacontents-doc.fla  th a,
.swacontents .swacontents-doc.qt  th a,
.swacontents .swacontents-doc.avi  th a,
.swacontents .swacontents-doc.mov  th a,
.swacontents .swacontents-doc.flv  th a {
	background-image:url(img/docu_sound24.png);
}

/* 配布文書 個別 ●音ファイル */
.swacontents .swacontents-doc.aif  th a,
.swacontents .swacontents-doc.aiff  th a,
.swacontents .swacontents-doc.wav  th a,
.swacontents .swacontents-doc.wave th a,
.swacontents .swacontents-doc.wma  th a,
.swacontents .swacontents-doc.mid  th a,
.swacontents .swacontents-doc.m4a  th a,
.swacontents .swacontents-doc.mp3  th a,
.swacontents .swacontents-doc.mp4  th a {
	background-image:url(img/docu_sound24.png);
}

/* 配布文書 個別 ●エラーファイル（.swacが除去されない失敗ファイル） */
.swacontents .swacontents-doc.swac  th a {
	background-image:url(img/docu_error24.png);
}


/**
 * 学校マップ
 * @since 2017/07/19
 */
 .accessmap-panel ul {
 	list-style-type:none;
 	margin:0; padding:0;
 }
 .accessmap-panel ul li {
 	margin:0.25em 0;
 	padding: 0 0 0 27px;
 	text-indent: -27px;
 }
 .accessmap-panel ul li img {
 	margin-right:6px;
 }


/**
 * 学校日記 スライドレイアウト
 * @since 2011/02/07
 */

.bslide-window {
	height:320px; position:relative;
	overflow: hidden;
}
.bslide-items {
	background-color: #000;
	position: relative;
	color: #fff;
}

.bslide-entry {
	position: relative;
	margin:0; padding:0;
	height: 320px;
	overflow: hidden;
}

.bslide-title,
.bslide-body {z-index:1;}


.bslide-title h3,
.layout_main .bslide-title h3 {
	border:none; margin: 0; padding:0 0.25em;
	position: absolute; left:10%; top:10px;
	max-width: 80%;
	background-color: transparent; background-image:none;
}
.bslide-title h3 span.wrap,
.layout_main .bslide-title h3 span.wrap {
	border:none; margin:0; padding:0;
	background-color: transparent; background-image:none;
}

.bslide-body {
	margin:0; padding:0 0.25em;
	position: absolute;
	max-width:90%; right: 5%; bottom:10px;
	text-align: right;
}

.bslide-title h3,
.bslide-body {
	text-shadow			: 0px 0px 2px #000, 1px 1px 2px #000;
	-moz-text-shadow	: 0px 0px 2px #000, 1px 1px 2px #000;
	-webkit-text-shadow	: 0px 0px 2px #000, 1px 1px 2px #000;
	-o-text-shadow		: 0px 0px 2px #000, 1px 1px 2px #000;

	/* IE9以下では JS から背景色を付ける */
}

.bslide-body a {
	white-space: nowrap;
}

.bslide-image {
	margin: 0; padding:0;
	text-align: center;
	width:100%;
	overflow:hidden;
	z-index:0;
}



/**
 * 共通
 */

/* 更新日 */
.updated {
	font-size: 80%;
}