@charset "euc-jp";

/*
 * カラーリスト
 *
 * #E6D7B2		メイン背景色
 * #CCB888		top背景色
 * #776B4E		topメニュー背景色
 * #CCB888		メイン色：濃い
 * #AFEACE		メイン色：薄い　サイド用
 * #C0EAAF		汎用ナビ　選択色
 *
 */




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

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

body a:link    {color:#03C; text-decoration:none}
body a:visited {color:#060; text-decoration:none}
body a:active  {color:#903; text-decoration:none}
body a:hover   {color:#903; text-decoration:underline}




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




/*
 * ▼装飾フレーム用クラス
 *
 **************************************************/
.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:#776B4E;}
.header	ul,
.header	ul li	{border-color:#776B4E;}
.header	form	{background-color:#CCB888;}
.header	h1		{margin-left:145px;}

.header	h1,
.header	h1 a,
.header	h1 a:visited,
.header	h1 a:active,
.header	h1 a:hover	{color:#5C5033;}


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




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




/*
 * ▼ナビゲーションメニュー
 *
 * @comment		ＴＯＰナビゲーションメニュー
 *
 **************************************************/
.menu.hnavi_top .yuimenubar				{background-color:#776B4E; border-color:#FFF;}
.menu.hnavi_top .yuimenubaritemlabel	{background-color:#776B4E; border-color:#FFF;}
.menu.hnavi_top .yuimenubar .yuimenu	{background-color:#776B4E; border-color:#006;}
.menu.hnavi_top .yuimenubar h6			{color:#FFF;}
.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:hover,
.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:hover,
.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:#E6D7B2; color:#D33249;}

.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 .yuimenubar					{background-color:#E6D7B2; border-color:#CCB888;}
.menu.hnavi .yuimenubar .yuimenu		{background-color:#F2EAD7;}
.menu.hnavi .yuimenubaritemlabel		{background-color:#F2EAD7; border-color:#CCB888;}

.menu.hnavi a:hover,
.menu.hnavi a.checked,
.menu.hnavi a.selected,
.menu.hnavi a.checked:visited,
.menu.hnavi a.selected:visited			{background-color:#C0EAAF; color:#776B4E;}

/*縦ナビ
--------------------------------------------------*/
.menu.vnavi .yuimenu					{background-color:#E6D7B2; border-color:#CCB888;}
.menu.vnavi .yuimenu .yuimenu			{background-color:#F2EAD7;}
.menu.vnavi a							{background-color:#F2EAD7; border-color:#CCB888;}

.menu.vnavi a:hover,
.menu.vnavi a.checked,
.menu.vnavi a.selected,
.menu.vnavi a.checked:visited,
.menu.vnavi a.selected:visited			{background-color:#C0EAAF; color:#776B4E;}






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

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

.hmenu a.checked,
.hmenu a.selected,
.hmenu a.checked:visited,
.hmenu a.selected:visited	{color:#776B4E; background-color:#AFEACE;}

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

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


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

.vmenu a.checked,
.vmenu a.selected,
.vmenu a.checked:visited,
.vmenu a.selected:visited	{color:#776B4E; background-color:#AFEACE;}

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

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







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

/*縦メニュー
_________________________________________________*/
.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 .row_odd		{background-color:#FFF;}
.weblog .data_grid .row_even	{background-color:#FAF6EB;}





/*
 * ▼アルバム
 *
 *
 **************************************************/
	.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:#C0EAAF;
	}
	.album .timg .album-txt-block,
	.album .timgl .album-txt-block,
	.album .timg .album-txt-container,
	.album .timgl .album-txt-container {
		background:#F2EAD7;
		border-color:#CCB888;
	}
	.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:#D33249;
	}





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

.layout_side h2		{border-color:#776B4E; background-color:#FFF; color:#776B4E;}
.layout_side h3		{border-color:#776B4E; background-color:#AFEACE; color:#776B4E;}
.layout_side h4		{background:url(img/h4_side.gif) no-repeat left top; color:#776B4E;}

.sun h4				{background-image:none; color:#C33;}
.def h4				{background-image:none; color:#444;}
.sat h4				{background-image:none; 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;}

	.bslide-title h3 span.wrap,
	.layout_main .bslide-title h3 span.wrap {color:#E6D7B2;}



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





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




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