@charset "euc-jp";

/*
 * カラーリスト
 *
 * #6CF		メイン背景色
 * #9F9		top背景色
 * #247		topメニュー背景色
 * #2AF		メイン色：濃い　枠など
 * #EFF		メイン色：薄い　サイドタイトル用
 * #AEF		メイン色：ちょい薄　汎用メニュー用
 *
 */




/*
 * ▼スタイル設定初期化
 *
 **************************************************/

	/*ボディ
	--------------------------------------------------*/
	body {background-color:#6CF;}

	body a:link    {color:#018; text-decoration:none}
	body a:visited {color:#04A; text-decoration:none}
	body a:active  {color:#042; text-decoration:none}
	body a:hover   {color:#042; text-decoration:underline}




/*
 * ▼レイアウト設定
 *
 **************************************************/
	.layout_whole	{}
	.layout_top		{background:url(img/title_back.gif) no-repeat left top #9F9; border-color:#FFF;}
	.layout_middle	{}
	.layout_main	{}
	.layout_bottom	{background-color:#9F9; border-color:#FFF;}
	.layout_left	{background-color:#6CF; color:#222;}
	.layout_right	{background-color:#6CF; color:#222;}

	.layout_side a.disabled,
	.layout_side a.disabled:link,
	.layout_side a.disabled:visited,
	.layout_side a.disabled:hover,
	.layout_side a.disabled:active {color:#222;}



/*
 * ▼装飾フレーム用クラス
 *
 **************************************************/
	.layout_main		{}
	.layout_main .main1	{background:url(img/frame_t2.gif) repeat-x left top; background-color:#FFF;}
	.layout_main .main2	{background:url(img/frame_b2.gif) repeat-x left bottom;}
	.layout_main .main3	{background:url(img/frame_m1.gif) repeat-y left top;}
	.layout_main .main4	{background:url(img/frame_m3.gif) repeat-y right top;}
	.layout_main .main5	{background:url(img/frame_t1.gif) no-repeat left top;}
	.layout_main .main6	{background:url(img/frame_t3.gif) no-repeat right top;}
	.layout_main .main7	{background:url(img/frame_b1.gif) no-repeat left bottom;}
	.layout_main .main8	{background:url(img/frame_b3.gif) no-repeat right bottom; width:100%;}
	.layout_main .main9	{padding:30px;}




/*
 * ▼ヘッダー
 *
 **************************************************/
	.header			{color:#247;}
	.header	ul,
	.header	ul li	{border-color:#393;}
	.header	form	{background-color:#9F9;}
	.header label	{color:#262;}
	.header .lastupdated {color:#262;}
	.header	h1		{margin-left:180px;}

	.header a			{text-decoration:none;}
	.header a:link,
	.header a:visited	{color:#247;}
	.header a:hover		{color:#125; text-decoration:underline;}
	.header a:active	{color:#125;}

	.header ul li a				{text-decoration:none;}
	.header ul li a:link		{color:#262;}
	.header ul li a:visited		{color:#373;}
	.header ul li a:hover		{color:#125; text-decoration:underline;}
	.header ul li a:active		{color:#125;}


	/*ヘッダーFlash、画像
	--------------------------------------------------*/
	.header_swf,
	.header_img			{background-color:#8E8;}




/*
 * ▼パンくずナビゲーション
 *
 * @comment	・ナビゲーション階層メニュー設定
 *
 **************************************************/
	ul.breadcrumb 		{color:#222; background-color:#6CF;}




/*
 * ▼ナビゲーションメニュー
 *
 * @comment		ＴＯＰナビゲーションメニュー
 *
 **************************************************/
	.menu.hnavi_top .yuimenubar,
	.menu.hnavi_top .yuimenubaritemlabel	{background-color:#247; border-color:#FFF;}
	.menu.hnavi_top .yuimenubar .yuimenu	{background-color:#247; border-color:#006;}
	.menu.hnavi_top .yuimenubar h6,
	.menu.hnavi_top .yuimenu    h6			{color:#FFF;}

	.menu.hnavi_top .yuimenubaritem a:link,
	.menu.hnavi_top .yuimenuitem a:link,
	.menu.hnavi_top .yuimenubaritem a:visited,
	.menu.hnavi_top .yuimenuitem a:visited	{color:#FFF;}

	.menu.hnavi_top .yuimenubaritem a.checked,
	.menu.hnavi_top .yuimenubaritem a.selected,
	.menu.hnavi_top .yuimenubaritem a.checked:visited,
	.menu.hnavi_top .yuimenubaritem a.selected:visited,
	.menu.hnavi_top .yuimenuitem a.checked,
	.menu.hnavi_top .yuimenuitem a.selected,
	.menu.hnavi_top .yuimenuitem a.checked:visited,
	.menu.hnavi_top .yuimenuitem a.selected:visited		{background-color:#6CF; color:#018;}

	.menu.hnavi_top .yuimenubaritem a:hover,
	.menu.hnavi_top .yuimenuitem a:hover				{background-color:#9F9; color:#018;}

	.menu.hnavi_top .yuimenubaritem .submenuindicator			{background-image:url(../../img/menu_allow_v_white.gif);}
	.menu.hnavi_top .yuimenuitem    .submenuindicator			{background-image:url(../../img/menu_allow_h_white.gif);}
	.menu.hnavi_top .yuimenuitem    .checkedindicator			{background-image:url(../../img/menu_checked_white.gif);}

	.menu.hnavi_top .yuimenubaritem .checked  .submenuindicator,
	.menu.hnavi_top .yuimenubaritem .selected .submenuindicator	{background-image:url(../../img/menu_allow_v_white.gif);}
	.menu.hnavi_top .yuimenuitem    .checked  .submenuindicator,
	.menu.hnavi_top .yuimenuitem    .selected .submenuindicator	{background-image:url(../../img/menu_allow_h_white.gif);}
	.menu.hnavi_top .yuimenuitem    .checked  .checkedindicator,
	.menu.hnavi_top .yuimenuitem    .selected .checkedindicator	{background-image:url(../../img/menu_checked_white.gif);}

	.menu.hnavi_top .yuimenubaritem .selected:hover .submenuindicator	{background-image:url(../../img/menu_allow_v_black.gif);}
	.menu.hnavi_top .yuimenuitem  .selected:hover .submenuindicator		{background-image:url(../../img/menu_allow_h_black.gif);}



/*
 * ▼汎用ナビ
 *
 **************************************************/

	/*横ナビ
	--------------------------------------------------*/
	.menu.hnavi .yuimenubar					{background-color:#AEF; border-color:#2AF;}
	.menu.hnavi .yuimenubar .yuimenu		{background-color:#AEF;}
	.menu.hnavi .yuimenubaritemlabel		{background-color:#AEF; border-color:#2AF;}

	.menu.hnavi a.checked,
	.menu.hnavi a.selected,
	.menu.hnavi a.checked:visited,
	.menu.hnavi a.selected:visited			{background-color:#FF9; color:#02A;}

	/*縦ナビ
	--------------------------------------------------*/
	.menu.vnavi .yuimenu					{background-color:#AEF; border-color:#2AF;}
	.menu.vnavi .yuimenu .yuimenu			{background-color:#AEF;}
	.menu.vnavi a							{background-color:#AEF; border-color:#2AF;}

	.menu.vnavi a.checked,
	.menu.vnavi a.selected,
	.menu.vnavi a.checked:visited,
	.menu.vnavi a.selected:visited			{background-color:#FF9; color:#02A;}




/*
 *▼メニュー要素
 *
 *************************************************/

	/*横メニュー
	_________________________________________________*/
	.layout_main .hmenu			{background-color:#FFF; border-color:#6CF;}
	.layout_side .hmenu			{background-color:#6CF; border-color:#FFF;}

	.layout_main .hmenu .yuimenubaritemlabel	{border-color:#6CF;}
	.layout_side .hmenu .yuimenubaritemlabel	{border-color:#EFF;}

	.layout_main .hmenu a.checked,
	.layout_main .hmenu a.selected,
	.layout_main .hmenu a.checked:visited,
	.layout_main .hmenu a.selected:visited	{color:#FFF; background-color:#2AF;}

	.layout_side .hmenu a.checked,
	.layout_side .hmenu a.selected,
	.layout_side .hmenu a.checked:visited,
	.layout_side .hmenu a.selected:visited	{color:#025; background-color:#AEF;}

	.hmenu .yuimenu h6,
	.hmenu .yuimenubar h6		{background:url(img/h6.gif) no-repeat left top;}

	.layout_main .hmenu .yuimenu h6,
	.layout_main .hmenu .yuimenubar h6	{border-color:#6CF;}
	.layout_side .hmenu .yuimenu h6,
	.layout_side .hmenu .yuimenubar h6	{border-color:#FFF;}


	/*縦メニュー
	_________________________________________________*/
	.layout_main .vmenu			{background-color:#FFF; border-color:#6CF;}
	.layout_side .vmenu			{background-color:#6CF; border-color:#FFF;}

	.layout_main .vmenu a.checked,
	.layout_main .vmenu a.selected,
	.layout_main .vmenu a.checked:visited,
	.layout_main .vmenu a.selected:visited	{color:#FFF; background-color:#2AF;}

	.layout_side .vmenu a.checked,
	.layout_side .vmenu a.selected,
	.layout_side .vmenu a.checked:visited,
	.layout_side .vmenu a.selected:visited	{color:#025; background-color:#AEF;}

	.vmenu .yuimenu	h6,
	.vmenu .yuimenubar h6		{background:url(img/h6.gif) no-repeat left top;}

	.layout_main .vmenu .yuimenu h6,
	.layout_main .vmenu .yuimenubar h6	{border-color:#6CF;}
	.layout_side .vmenu .yuimenu h6,
	.layout_side .vmenu .yuimenubar h6	{border-color:#FFF;}


	/* disabled （トータル件数表示部分）をテキスト風表示へ
	--------------------------------------------------*/
	.layout_side .hmenu .yuimenubar .bd .yuimenubaritem a.disabled,
	.layout_side .hmenu .yuimenubar .bd .yuimenubaritem a.disabled:visited,
	.layout_side .hmenu .yuimenubar .bd .yuimenubaritem a.disabled:hover,
	.layout_side .hmenu .yuimenubar .bd .yuimenubaritem a.disabled:active	{color:#222;}






/*
 * ▼リスト要素
 *
 **************************************************/

	/*縦メニュー
	_________________________________________________*/
	.layout_main .vmenu .yuimenu ul li	{list-style-image:url(img/vmenu_li_main.gif);}
	.layout_side .vmenu .yuimenu ul li	{list-style-image:url(img/vmenu_li_side.gif);}


	/*学校日記・記事一覧　　奇数（row_odd）偶数（row_even）指定
	_________________________________________________*/
	.weblog .data_grid,
	.weblog .data_grid tr,
	.weblog .data_grid td			{border-color:#6CF;}
	.weblog .data_grid .row_odd		{background-color:#FFF;}
	.weblog .data_grid .row_even	{background-color:#F7FFFF;}


	/*スケジュール（表）　　奇数（row_odd）偶数（row_even）指定
	_________________________________________________*/
	.schedule .data_grid.type1,
	.schedule .data_grid.type1 th,
	.schedule .data_grid.type1 td				{border-color:#393;}
	.schedule .data_grid.type1 .row_even th		{background-color:#DFD;}
	.schedule .data_grid.type1 .row_even td		{background-color:#FFE;}
	.schedule .data_grid.type1 .row_odd th		{background-color:#EFE;}
	.schedule .data_grid.type1 .row_odd td		{background-color:#FFF;}




/*
 * ▼サムネイルボックス
 *
 * @comment		大・中・小サイズ共通（WEBLOGサムネイルも含む）
 *
 **************************************************/
	.layout_main div.thumbnail table {background-color:#E7FFFF;}

 	.layout_main .thumbnail table,
	.layout_main .thumbnail td .ti-txt-block:hover .ti-txt-container,
	.layout_main .thumbnail td .hover .ti-txt-container	{border-color:#2AF;}

	.layout_side .thumbnail table,
	.layout_side .thumbnail td .ti-txt-block:hover .ti-txt-container,
	.layout_side .thumbnail td .hover .ti-txt-container	{border-color:#2AF;}






/*
 * ▼アルバム
 *
 *
 **************************************************/
	.album .limg .album-item,
	.album .rimg .album-item,
	.album .limg .album-item.last-of-type,
	.album .rimg .album-item.last-of-type,
	.album .limg .album-item.first-of-type,
	.album .rimg .album-item.first-of-type {
		border-color:#76E576;
	}
	.album .timg .album-txt-block,
	.album .timgl .album-txt-block,
	.album .timg .album-txt-container,
	.album .timgl .album-txt-container {
		background:#FF9;
		border-color:#666;
	}
	.album .timg .album-txt-block strong,
	.album .timgl .album-txt-block strong,
	.album .timg .album-txt-container strong,
	.album .timgl .album-txt-container strong,
	.album .limg .album-txt-block strong,
	.album .rimg .album-txt-block strong {
		color:#222;
	}




/*
 * ▼見出し
 *
 * @comment		メインエリアとサイドエリアを個別設定
 *
 **************************************************/
	.layout_main h2		{border-color:#247; background-color:#FFF; color:#136;}
	.layout_main h3		{background:url(img/h3_main.gif) no-repeat left top #FFF; color:#247;}
	.layout_main h4		{background:url(img/h4_main.gif) no-repeat left top #FFF; color:#247;}

	.layout_side h2		{border-color:#247; background-color:#FFF; color:#247;}
	.layout_side h3		{border-color:#247; background-color:#EFF; color:#247;}
	.layout_side h4		{background:url(img/h4_side.gif) no-repeat left top #6CF; color:#136;}

	.sun h4				{background-image:none; background-color:transparent; color:#C33;}
	.def h4				{background-image:none; background-color:transparent; color:#444;}
	.sat h4				{background-image:none; background-color:transparent; color:#00D;}



/*
 * ▼学校日記ガジェット
 *
 * @comment	・リストタイプ
 *
 **************************************************/

	/* スライドレイアウト */
	.bslide-window a:link		{color:#9EE;}
	.bslide-window a:visited	{color:#DCF;}
	.bslide-window a:hover,
	.bslide-window a:active		{color:#FF0;}



/*
 * ▼グルーピングボックス
 *
 * @comment ・ボックス内要素を視覚的にグループ化
 *
 **************************************************/
	.layout_side .grouping				{border-color:#2AF;}
	.layout_side .box1					{background-color:#FFF;}
	.layout_side .box2					{background-color:#FFF; border-style:dashed;}





/*
 * ▼一行メッセージ
 *
 * @comment		マーキー
 *
 **************************************************/
	marquee, .marquee	{color:#FFF; background-color:#247; border-color:#FFF;}




/*
 * ▼フッター
 *
 * @comment	・コピーライト＋メニューなど
 *
 **************************************************/
	.footer				{color:#247;}