@charset "euc-jp";

	/*
	 * カラーリスト
	 *
	 * #AAD		ボディー、サムネイル、メニューリンクカラー（共通）、h2ライン
	 * #669		パンくずmenu、フッター、汎用menuオフ背景カラー、h3ライン、フォーム
	 * #88B		タイトル背景
	 * #622		リンクカラー
	 * #733		訪問済みリンクカラー
	 * #225		ホバーリンクカラー、TOPナビ選択テキストカラー
	 * #431		TOPナビボーダー、パンくずmenuボーダー、汎用menuベース、フッターボーダー
	 * #BDC		TOPナビ選択カラー、汎用ナビオーバーカラー　←◆ワンポイント色
	 * #DDF		パン屑menu＆フッターのフォントカラー
	 * #CCF		ヘッダーulliボーダー
	 * #F8EFE8	サムネイルTD
	 *
	 */




/*
 * ▼ボディ
 *
 **************************************************/
	body			{background-color:#AAD; background:url(img/body_back.gif) repeat left top;}
	body a:link		{color:#622;}
	body a:visited	{color:#733;}
	body a:hover,
	body a:active	{color:#225;}



/*
 * ▼レイアウト設定
 *
 **************************************************/
	.layout_bottom	{background-color:#669; border-color:#431; color:#DDF;}
	.layout_top		{background:url(img/title_back.gif) repeat left top #88B; color:#431;}
	.layout_middle	{background-color:#FFF;}



/*
 * ▼ヘッダー
 *
 **************************************************/
	.header	ul,
	.header	ul li		{border-color:#CCF;}
	.header	form		{background-color:#AAD; border-color:#CCF;}
	.header a:link,
	.header a:visited	{color:#336;}
	.header a:hover,
	.header a:active	{color:#317;}
	.header	h1,
	.header	h1 a:link,
	.header h1 a:visited	{color:#320;}
	.header h1 a:hover,
	.header h1 a:active		{color:#114;}



/*
 * ▼パンくずナビゲーション
 *
 * @comment	・ナビゲーション階層メニュー設定
 *
 **************************************************/
	ul.breadcrumb 			{background-color:#669; border-color:#431; color:#DDF;}
	ul.breadcrumb a:link	{color:#FFF;}
	ul.breadcrumb a:visited	{color:#F8EFE8;}
	ul.breadcrumb a:hover,
	ul.breadcrumb a:active	{color:#FF3;}



/*
 * ▼ＴＯＰナビゲーションメニュー
 *
 **************************************************/
	.menu.hnavi_top .yuimenubar				{background-color:transparent;}
	.menu.hnavi_top .yuimenubaritemlabel	{background-color:#669; border-color:#431;}
	.menu.hnavi_top .yuimenubar .yuimenu	{background-color:#669; border-color:#431;}

	.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.checked:visited	{background-color:#BDC; color:#431;}
	.menu.hnavi_top .yuimenubaritem a.selected,
	.menu.hnavi_top .yuimenubaritem a.selected:visited,
	.menu.hnavi_top .yuimenubaritem a:hover				{background-color:#CCF; color:#225;}

	.menu.hnavi_top .yuimenuitem a.selected,
	.menu.hnavi_top .yuimenuitem a.selected:visited,
	.menu.hnavi_top .yuimenuitem a.checked,
	.menu.hnavi_top .yuimenuitem a.checked:visited		{background-color:#CCF; color:#225;}
	.menu.hnavi_top .yuimenuitem a:hover				{background-color:#BDC; color:#431;}

	.menu.hnavi_top .yuimenubar h6,
	.menu.hnavi_top .yuimenu    h6			{color:#FFC;}

	.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_black.gif);}
	.menu.hnavi_top .yuimenuitem    .checked  .submenuindicator,
	.menu.hnavi_top .yuimenuitem    .selected .submenuindicator	{background-image:url(../../img/menu_allow_h_black.gif);}
	.menu.hnavi_top .yuimenuitem    .checked  .checkedindicator,
	.menu.hnavi_top .yuimenuitem    .selected .checkedindicator	{background-image:url(../../img/menu_checked_black.gif);}



/*
 * ▼汎用ナビ
 *
 **************************************************/
 	/*縦横ナビ共通
	--------------------------------------------------*/
 	.menu.hnavi a:link, .menu.vnavi a:link,
	.menu.hnavi a:visited, .menu.vnavi a:visited
	{color:#431;}
	.menu.hnavi a:active, .menu.vnavi a:active,
	.menu.hnavi a:hover, .menu.vnavi a:hover
	{color:#225;}

 	/*横ナビ
	--------------------------------------------------*/
	.menu.hnavi h6						{color:#431;}
	.menu.hnavi .yuimenubar				{background-color:#AAD; border-color:#669;}
	.menu.hnavi .yuimenubar .yuimenu	{background-color:#AAD; border-color:#431;}
	.menu.hnavi .yuimenu .yuimenuitem	{border-color:#431;}
	.menu.hnavi .yuimenubaritemlabel,
	.menu.hnavi .yuimenu a				{border-color:#431; background:url(img/menu_off.gif) no-repeat left top #EEF;}

	.menu.hnavi a.checked,
	.menu.hnavi a.checked:visited		{border-color:#431; color:#364; background:url(img/menu_checked.gif) no-repeat left top #FFF;}
	.menu.hnavi a.selected,
	.menu.hnavi a.selected:visited		{border-color:#431; color:#225; background:url(img/menu_selected.gif) no-repeat left top #CED;}


	/*縦ナビ
	--------------------------------------------------*/
	.menu.vnavi h6						{color:#431;}
	.menu.vnavi .yuimenu				{background-color:#AAD; border-color:#669;}
	.menu.vnavi .yuimenu .yuimenu		{background-color:#AAD; border-color:#431;}
	.menu.vnavi .yuimenu .yuimenu .yuimenuitem,
	.menu.vnavi a						{border-color:#431; color:#431; background:url(img/menu_off.gif) no-repeat left top #EEF;}

	.menu.vnavi a.checked,
	.menu.vnavi a.checked:visited		{border-color:#431; color:#364; background:url(img/menu_checked.gif) no-repeat left top #FFF;}
	.menu.vnavi a.selected,
	.menu.vnavi a.selected:visited		{border-color:#431; color:#225; background:url(img/menu_selected.gif) no-repeat left top #CED;}



/*
 *▼メニュー要素
 *
 *************************************************/
 	/*横メニュー
	_________________________________________________*/
	.hmenu						{color:#6A8; background:url(img/thumbnail_back.gif) repeat left top; border-color:#AAD; border-width:1px;}
	.hmenu .yuimenubar			{padding:5px 5px 5px 5px;}
	.hmenu .yuimenubaritemlabel	{border-color:#6A8;}
	.hmenu a:link				{color:#336;}
	.hmenu a:visited			{color:#669;}
	.hmenu a:hover,
	.hmenu a:active				{color:#622;}
	.hmenu a.checked,
	.hmenu a.selected,
	.hmenu a.checked:visited,
	.hmenu a.selected:visited	{color:#FFF; background-color:#669;}
	.hmenu .yuimenu h6,
	.hmenu .yuimenubar h6		{background:url(img/h6.gif) no-repeat left top; color:#669; margin:0 0 10px 0pt;}

	/*縦メニュー
	_________________________________________________*/
	.vmenu						{color:#6A8; background:url(img/thumbnail_back.gif) repeat left top; border-color:#AAD; border-width:1px;}
	.vmenu .yuimenu				{padding:5px 5px 5px 5px;}
	.vmenu a:link				{color:#336;}
	.vmenu a:visited			{color:#669;}
	.vmenu a:hover,
	.vmenu a:active				{color:#622;}
	.vmenu a.checked,
	.vmenu a.selected,
	.vmenu a.checked:visited,
	.vmenu a.selected:visited	{color:#FFF; background-color:#669;}
	.vmenu .yuimenu h6,
	.vmenu .yuimenubar h6		{background:url(img/h6.gif) no-repeat left top; color:#669; margin:12px 0 10px 0pt;}
	.vmenu .yuimenubar h6.first-of-type,
	.vmenu .yuimenu h6.first-of-type {margin-top:0px;}





/*
 * ▼リスト要素
 *
 * @comment		学校日記・記事一覧　　奇数（row_odd）偶数（row_even）指定
 *
 **************************************************/
 	.weblog .data_grid .row_odd		{background-color:#FFF;}
	.weblog .data_grid .row_even	{background-color:#F5FFF7;}




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

	.layout_side h2		{border-color:#669; background:url(img/h2_side.gif) no-repeat left top #FFF;}
	.layout_side h3		{border-color:#AAD; background:url(img/h3_side.gif) no-repeat left top #FFF;}
	.layout_side h4		{background:url(img/h4_side.gif) no-repeat left top #FFF;}

	/*カレンダー部分修正上書き
	_________________________________________________*/
	.sun h4				{background-image:none; background-color:transparent;}
	.def h4				{background-image:none; background-color:transparent;}
	.sat h4				{background-image:none; background-color:transparent;}




/*
 * ▼サムネイルボックス
 *
 * @comment		大・中・小サイズ共通（WEBLOGサムネイルも含む）
 *
 **************************************************/
	.thumbnail table			{border-color:#AAD;}
	.thumbnail tbody th			{background:url(img/thumbnail_back.gif) repeat left top;}
	div.thumbnail td .ti-txt-container {background-color:#EEF;}
	.thumbnail td .ti-txt-block:hover .ti-txt-container,
	.thumbnail td .hover .ti-txt-container {border-color:#AAD;}
	.thumbnail table a:link		{color:#336;}
	.thumbnail table a:visited	{color:#669;}
	.thumbnail table a:hover,
	.thumbnail table a:active	{color:#431;}



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

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



/*
 * ▼アルバム
 *
 *
 **************************************************/
	/*写真背景
	_________________________________________________*/
	.album-img-block {background:url(img/thumbnail_back.gif) repeat left top;}

	/*写真文章：左右タイプ
	_________________________________________________*/
	.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:#BDC;}

	/*写真文章：上下タイプ
	_________________________________________________*/
	.album .timg .album-txt-block,
	.album .timg .album-txt-container,
	.album .timgl .album-txt-block,
	.album .timgl .album-txt-container {background-color:#F5FFF7; border-color:#669;}

	/*アルバムテキストブロック内の太字のカラー
	_________________________________________________*/
	.album .timg .album-txt-block strong,
	.album .timg .album-txt-container strong,
	.album .timgl .album-txt-block strong,
	.album .timgl .album-txt-container strong {color:#431;}
	.album .limg .album-txt-block strong,
	.album .rimg .album-txt-block strong {color:#364;}




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



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