@charset "euc-jp";

/*
 * カラーリスト
 *
 * #6CF		ヘッダーフッターバーカラー
 * #CCC		共通枠のカラー（グレー）
 * #CFF		メニュー（ライトブルー）
 * #E4FFC6	メニュー（ライトグリーン）
 * #
 *
 */





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

	/*ボディ
	--------------------------------------------------*/
	body {background:url(img/title_back.jpg) repeat-x left top #FFF;}

	body a:link    {color:#06F; text-decoration:none}
	body a:visited {color:#060; text-decoration:none}
	body a:active  {color:#F06; text-decoration:none}
	body a:hover   {color:#F06; text-decoration:underline}




/*
 * ▼レイアウト設定
 *
 **************************************************/
	.layout_whole	{}
	.layout_top		{background-color:transparent; border-color:#000;}
	.layout_middle	{}
	.layout_main	{background:url(img/main_back.gif) repeat left top #FFF;  border-color:#CCC;}
	.layout_bottom	{background-color:#6CF; border-color:#999;}
	.layout_left	{background-color:#FFF;}
	.layout_right	{background-color:#FFF;}




/*
 * ▼ヘッダー
 *
 **************************************************/
	.header			{color:#444;}
	.header	ul,
	.header	ul li	{border-color:#999;}
	.header	form	{background-color:#F0F0F0; border-color:#999;}
	.header	form input	{background-color:#F5F5F5;}

	.header a			{text-decoration:none;}
	.header a:link		{color:#06F;}
	.header a:visited	{color:#06F;}
	.header a:hover		{color:#F36; text-decoration:underline;}
	.header a:active	{color:#F36;}

	.header h1,
	.header h1 a,
	.header h1 a:link,
	.header h1 a:visited	{color:#444;}
	.header h1 a:hover,
	.header h1 a:active		{color:#06F;}

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



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



/*
 * ▼ナビゲーションメニュー
 *
 * @comment		ＴＯＰナビゲーションメニュー
 *
 **************************************************/
	.menu.hnavi_top .yuimenubar				{background:url(img/header_line.gif) repeat-x left bottom #FFF;}
	.menu.hnavi_top .yuimenubaritemlabel	{background:url(img/header_menu_tab.gif) repeat-x left top #FFF; border-color:#999;}
	.menu.hnavi_top .yuimenubar .yuimenu	{background-color:#FFF; border-color:#999;}

	.menu.hnavi_top a			{text-decoration:none; border-color:#FFF;}
	.menu.hnavi_top a:link		{color:#03C; text-decoration:none}
	.menu.hnavi_top a:visited	{color:#06F; text-decoration:none}
	.menu.hnavi_top a:active	{color:#009; text-decoration:none}

	.menu.hnavi_top a.checked,
	.menu.hnavi_top a.checked:visited
		{
		background:url(img/header_menu_tab_selected.gif) repeat-x left top #CFF;
		text-decoration:none; border-color:#666; color:#03C;
		}
	.menu.hnavi_top a:hover,
	.menu.hnavi_top a.selected,
	.menu.hnavi_top a.selected:visited
		{
		background:url(img/header_menu_tab_hover.gif) repeat-x left top #E4FFC6;
		border-color:#999; color:#009;
		}


	.menu.hnavi_top .yuimenu .yuimenuitemlabel	{border-color:#FFF;}

	.menu.hnavi_top .yuimenu a.selected,
	.menu.hnavi_top .yuimenu a.selected:visited
		{
		background:url(img/header_menu_tab.gif) repeat-x left top #FFF;
		border-color:#999;
		}
	.menu.hnavi_top .yuimenu a:hover,
	.menu.hnavi_top .yuimenu a.checked,
	.menu.hnavi_top .yuimenu a.checked:visited
		{
		background:url(img/header_menu_tab_hover.gif) repeat-x left top #E4FFC6;
		border-color:#999; color:#009;
		}



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

	/*横ナビ
	--------------------------------------------------*/
	.menu.hnavi .yuimenubar					{background-color:#FFF; border-color:#CCC;}
	.menu.hnavi .yuimenubar .yuimenu		{background-color:#FFF; border-color:#CCC;}
	.menu.hnavi .yuimenubaritemlabel		{background-color:#FFF; border-color:#9CF;}
	.menu.hnavi a:link						{color:#666;}
	.menu.hnavi a:visited					{color:#888;}
	.menu.hnavi a:active					{color:#03C;}
	.menu.hnavi a.checked,
	.menu.hnavi a.checked:visited			{background-color:#E4FFC6; color:#000;}
	.menu.hnavi a.selected,
	.menu.hnavi a.selected:visited			{background-color:#CFF; color:#009;}
	.menu.hnavi a:hover						{background-color:#CFF; color:#03C;}

	.menu.hnavi .yuimenu .yuimenuitem 		{background-color:#FFF; border-color:#9CF;}
	.menu.hnavi .yuimenu a:link				{background:url(img/menu_off.gif) no-repeat left top #FFF; border-color:#9CF; color:#666;}
	.menu.hnavi .yuimenu a:visited			{background:url(img/menu_off.gif) no-repeat left top #FFF; border-color:#9CF; color:#888;}
	.menu.hnavi .yuimenu a.checked:visited	{background:url(img/menu_checked.gif) no-repeat left top #E4FFC6; color:#000;}
	.menu.hnavi .yuimenu a.selected,
	.menu.hnavi .yuimenu a.selected:visited	{background:url(img/menu_selected.gif) no-repeat left top #CFF; color:#009;}
	.menu.hnavi .yuimenu a:hover			{background:url(img/menu_over.gif) no-repeat left top #CFF; color:#03C;}


	/*縦ナビ
	--------------------------------------------------*/
	.menu.vnavi .yuimenu					{background-color:#FFF; border-color:#CCC;}
	.menu.vnavi .yuimenu .yuimenu			{background-color:#FFF; border-color:#CCC;}
	.menu.vnavi .yuimenuitem				{background-color:#FFF; border-color:#9CF;}
	.menu.vnavi a:link						{background:url(img/menu_off.gif) no-repeat left top #FFF; border-color:#9CF; color:#666;}
	.menu.vnavi a:visited					{background:url(img/menu_off.gif) no-repeat left top #FFF; border-color:#9CF; color:#888;}
	.menu.vnavi a:active					{color:#03C;}
	.menu.vnavi a.checked,
	.menu.vnavi a.checked:visited			{background:url(img/menu_checked.gif) no-repeat left top #E4FFC6; color:#000;}
	.menu.vnavi a.selected,
	.menu.vnavi a.selected:visited			{background:url(img/menu_selected.gif) no-repeat left top #CFF; color:#009;}
	.menu.vnavi a:hover						{background:url(img/menu_over.gif) no-repeat left top #CFF; color:#03C;}





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

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

	.hmenu a.checked,
	.hmenu a.selected,
	.hmenu a.checked:visited,
	.hmenu a.selected:visited	{color:#FFF; background-color:#39F;}

	.hmenu .yuimenu h6,
	.hmenu .yuimenubar h6		{background:url(img/h6_icon.gif) no-repeat left top; border-color:#6CF;}


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

	.vmenu a.checked,
	.vmenu a.selected,
	.vmenu a.checked:visited,
	.vmenu a.selected:visited	{color:#FFF; background-color:#39F;}

	.vmenu .yuimenu	h6,
	.vmenu .yuimenubar h6		{background:url(img/h6_icon.gif) no-repeat left top; border-color:#6CF;}

	.vmenu .yuimenu ul li	{list-style-image:url(img/vmenu_li.gif);}





/*
 * ▼リスト要素
 *
 * @comment		追加指定
 *
 **************************************************/

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





/*
 * ▼見出し
 *
 * @comment		メインエリアとサイドエリアを個別設定
 *
 **************************************************/

	 /* main用見出し
	_________________________________________________*/
	.layout_main h2			{background:url(img/h_back.gif) repeat-x left top #FFF; border-color:#999; color:#00C;}
	.layout_main h2 .wrap	{background:url(img/h2_icon.gif) no-repeat left top;}
	.layout_main h3			{background:url(img/h3_icon.gif) no-repeat left top #FFF; border-color:#999; color:#00C;}
	.layout_main h4			{background:url(img/h4_icon.gif) no-repeat left top #FFF; color:#00C;}
	/*
	.layout_main h3			{background-color:#FFF; border-color:#999; color:#00C;}
	.layout_main h3 .wrap	{background:url(img/h3_icon.gif) no-repeat left top;}
	.layout_main h4			{background-color:#FFF; color:#00C;}
	.layout_main h4 .wrap	{background:url(img/h4_icon.gif) no-repeat left top;}
	*/

	/* side用見出し
	_________________________________________________*/
	.layout_side h2			{background:url(img/h_back.gif) repeat-x left top #FFF; border-color:#999; color:#00C;}
	.layout_side h2 .wrap	{background:url(img/h2_icon.gif) no-repeat left top;}
	.layout_side h3			{background:url(img/h3_icon.gif) no-repeat left top #FFF; border-color:#999; color:#00C;}
	.layout_side h4			{background:url(img/h4_icon.gif) no-repeat left top #FFF; color:#00C;}
	/*
	.layout_side h3			{background-color:#FFF; border-color:#999; color:#00C;}
	.layout_side h3 .wrap	{background:url(img/h3_icon.gif) no-repeat left top;}
	.layout_side h4			{background-color:#FFF; color:#00C;}
	.layout_side h4 .wrap	{background:url(img/h4_icon.gif) no-repeat left top;}
	*/

	/* カレンダー用見出し
	_________________________________________________*/
	.calendar .sun h4	{background-image:none; background-color:transparent; color:#C33;}
	.calendar .def h4	{background-image:none; background-color:transparent; color:#444;}
	.calendar .sat h4	{background-image:none; background-color:transparent; color:#00D;}
	.calendar h6		{background:url(img/h6_calendar.gif) no-repeat left top #FFF;}





/*
 * ▼サムネイルボックス
 *
 * @comment		大・中・小サイズ共通（WEBLOGサムネイルも含む）
 *
 **************************************************/
	.thumbnail table	{border-color:#BBB;}
	.thumbnail tbody th	{background:url(img/thumbnail_back.gif) repeat left top #EEE;}
	.thumbnail tbody td	{border-color:#BBB; background-color:#FFF;}



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

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




/*
 * ▼アルバム
 *
 *
 **************************************************/
	.album .timg .album-txt-block strong,
	.album .timg .album-txt-container strong,
	.album .timgl .album-txt-block strong,
	.album .timgl .album-txt-container strong,
	.album .limg .album-txt-block strong,
	.album .rimg .album-txt-block strong {
		/* 文章ブロック＆コンテナ 共通スタイル */
		color:#00C;
	}

	.album .limg .album-txt-block strong,
	.album .rimg .album-txt-block strong {
		border-color:#9CF;
	}




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




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