@charset "UTF-8";

/*
=============================================================================
menu.css
=============================================================================
Suggested order by mozilla.org Base Styles (http://www.mozilla.org/css/base/content.css)
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
-----------------------------------------------------------------------------
font-size reference
 *  77% = 10px	 	* 122% = 16px		* 167% = 22px	
 *  85% = 11px		* 129% = 17px		* 174% = 23px
 *  92% = 12px		* 136% = 18px		* 182% = 24px
 * 100% = 13px		* 144% = 19px		* 189% = 25px
 * 107% = 14px		* 152% = 20px		* 197% = 26px
 * 114% = 15px		* 159% = 21px	
-----------------------------------------------------------------------------
*/


/* Global Menu Styling
-----------------------------------------------------------------------------*/
/* グローバルメニュー */
ul#global-menu {
	position: absolute;
	top: 45px;
	left: 320px;
}

/* グローバルメニューリスト */
ul#global-menu li {
	float: left;
	width: 110px;
	height: 36px;
	margin-right: 10px;
}

/* グローバルメニューアンカー */
ul#global-menu li a {
	display: block;
	width: 110px;
	height: 36px;
	background-image: url(../images/btn-globalmenu.gif);
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
}
/* Link */
ul#global-menu li#gm-introduce a { background-position: 0 0; }			/* 学校紹介 */
ul#global-menu li#gm-educational a { background-position: -110px 0; }	/* 教育内容 */
ul#global-menu li#gm-scoollife a { background-position: -220px 0; }		/* 学校生活 */
ul#global-menu li#gm-examination a { background-position: -330px 0; }	/* 入試情報 */
ul#global-menu li#gm-future-course a { background-position: -440px 0; }	/* 進路情報 */
/* Over */
ul#global-menu li#gm-introduce a:hover { background-position: 0 -36px; }
ul#global-menu li#gm-educational a:hover { background-position: -110px -36px; }
ul#global-menu li#gm-scoollife a:hover { background-position: -220px -36px; }
ul#global-menu li#gm-examination a:hover { background-position: -330px -36px; }
ul#global-menu li#gm-future-course a:hover { background-position: -440px -36px; }
/* Pressed */
ul#global-menu li#gm-introduce a:active { background-position: 0 -72px; }
ul#global-menu li#gm-educational a:active { background-position: -110px -72px; }
ul#global-menu li#gm-scoollife a:active { background-position: -220px -72px; }
ul#global-menu li#gm-examination a:active { background-position: -330px -72px; }
ul#global-menu li#gm-future-course a:active { background-position: -440px -72px; }
/* 選択されているメニュー */
ul#global-menu li#gm-introduce a.globalmenu-btn_select { background-position: 0 -108px; }
ul#global-menu li#gm-educational a.globalmenu-btn_select { background-position: -110px -108px; }
ul#global-menu li#gm-scoollife a.globalmenu-btn_select { background-position: -220px -108px; }
ul#global-menu li#gm-examination a.globalmenu-btn_select { background-position: -330px -108px; }
ul#global-menu li#gm-future-course a.globalmenu-btn_select { background-position: -440px -108px; }


/* Contents Menu Styling
-----------------------------------------------------------------------------*/
/* コンテンツメニュー */
ul.contents-menu {
	position: absolute;
	top: 87px;
	left: 40px;
}

/* コンテンツメニューリスト */
ul.contents-menu li {
	float: left;
	height: 22px;
	margin-right: 14px;
}

/* コンテンツメニューアンカー */
ul.contents-menu li a {
	display: block;
	height: 22px;
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
}
/* ----- 学校紹介 ----- */
ul#contents-menu1 li a { background-image: url(../images/btn-contentsmenu1.gif); }
/* Link */
ul#contents-menu1 li#menu-110 a { width: 70px; background-position: 0 0; }		/* 学校紹介 */
ul#contents-menu1 li#menu-120 a { width: 70px; background-position: -70px 0; }	/* 教育内容 */
ul#contents-menu1 li#menu-130 a { width: 45px; background-position: -140px 0; }	/* 沿革 */
ul#contents-menu1 li#menu-140 a { width: 58px; background-position: -185px 0; }	/* 生徒数 */
ul#contents-menu1 li#menu-150 a { width: 70px; background-position: -243px 0; }	/* 施設紹介 */
ul#contents-menu1 li#menu-160 a { width: 90px; background-position: -313px 0; }	/* 交通アクセス */
ul#contents-menu1 li#menu-170 a { width: 53px; background-position: -403px 0; }	/* ＰＴＡ */
ul#contents-menu1 li#menu-180 a { width: 58px; background-position: -456px 0; }	/* 同窓会 */
/* Over */
ul#contents-menu1 li#menu-110 a:hover { background-position: 0 -22px; }
ul#contents-menu1 li#menu-120 a:hover { background-position: -70px -22px; }
ul#contents-menu1 li#menu-130 a:hover { background-position: -140px -22px; }
ul#contents-menu1 li#menu-140 a:hover { background-position: -185px -22px; }
ul#contents-menu1 li#menu-150 a:hover { background-position: -243px -22px; }
ul#contents-menu1 li#menu-160 a:hover { background-position: -313px -22px; }
ul#contents-menu1 li#menu-170 a:hover { background-position: -403px -22px; }
ul#contents-menu1 li#menu-180 a:hover { background-position: -456px -22px; }
/* Pressed */
ul#contents-menu1 li#menu-110 a:active { background-position: 0 -44px; }
ul#contents-menu1 li#menu-120 a:active { background-position: -70px -44px; }
ul#contents-menu1 li#menu-130 a:active { background-position: -140px -44px; }
ul#contents-menu1 li#menu-140 a:active { background-position: -185px -44px; }
ul#contents-menu1 li#menu-150 a:active { background-position: -243px -44px; }
ul#contents-menu1 li#menu-160 a:active { background-position: -313px -44px; }
ul#contents-menu1 li#menu-170 a:active { background-position: -403px -44px; }
ul#contents-menu1 li#menu-180 a:active { background-position: -456px -44px; }
/* 選択されているメニュー */
ul#contents-menu1 li#menu-110 a.menu-btn_select { background-position: 0 -66px; }
ul#contents-menu1 li#menu-120 a.menu-btn_select { background-position: -70px -66px; }
ul#contents-menu1 li#menu-130 a.menu-btn_select { background-position: -140px -66px; }
ul#contents-menu1 li#menu-140 a.menu-btn_select { background-position: -185px -66px; }
ul#contents-menu1 li#menu-150 a.menu-btn_select { background-position: -243px -66px; }
ul#contents-menu1 li#menu-160 a.menu-btn_select { background-position: -313px -66px; }
ul#contents-menu1 li#menu-170 a.menu-btn_select { background-position: -403px -66px; }
ul#contents-menu1 li#menu-180 a.menu-btn_select { background-position: -456px -66px; }

/* ----- 教育内容 ----- */
ul#contents-menu2 li a { background-image: url(../images/btn-contentsmenu2.gif); }
/* Link */
ul#contents-menu2 li#menu-210 a { width: 115px; background-position: 0 0; }			/* 普通科普通コース */
ul#contents-menu2 li#menu-220 a { width: 115px; background-position: -115px 0; }	/* 普通科特進コース */
ul#contents-menu2 li#menu-230 a { width: 137px; background-position: -230px 0; }	/* 普通科スポーツコース */
/* Over */
ul#contents-menu2 li#menu-210 a:hover { background-position: 0 -22px; }
ul#contents-menu2 li#menu-220 a:hover { background-position: -115px -22px; }
ul#contents-menu2 li#menu-230 a:hover { background-position: -230px -22px; }
/* Pressed */
ul#contents-menu2 li#menu-210 a:active { background-position: 0 -44px; }
ul#contents-menu2 li#menu-220 a:active { background-position: -115px -44px; }
ul#contents-menu2 li#menu-230 a:active { background-position: -230px -44px; }
/* 選択されているメニュー */
ul#contents-menu2 li#menu-210 a.menu-btn_select { background-position: 0 -66px; }
ul#contents-menu2 li#menu-220 a.menu-btn_select { background-position: -115px -66px; }
ul#contents-menu2 li#menu-230 a.menu-btn_select { background-position: -230px -66px; }

/* ----- 学校生活 ----- */
ul#contents-menu3 li a { background-image: url(../images/btn-contentsmenu3.gif); }
/* Link */
ul#contents-menu3 li#menu-310 a { width: 123px; background-position: 0 0; }			/* 高校トピックス */
ul#contents-menu3 li#menu-320 a { width: 112px; background-position: -123px 0; }	/* 年間スケジュール */
ul#contents-menu3 li#menu-330 a { width: 55px; background-position: -235px 0; }		/* 日程表 */
ul#contents-menu3 li#menu-340 a { width: 92px; background-position: -290px 0; }		/* 在校生データ */
ul#contents-menu3 li#menu-350 a { width: 46px; background-position: -382px 0; }		/* 制服 */
ul#contents-menu3 li#menu-360 a { width: 78px; background-position: -428px 0; }		/* クラブ活動 */
/* Over */
ul#contents-menu3 li#menu-310 a:hover { background-position: 0 -22px; }
ul#contents-menu3 li#menu-320 a:hover { background-position: -123px -22px; }
ul#contents-menu3 li#menu-330 a:hover { background-position: -235px -22px; }
ul#contents-menu3 li#menu-340 a:hover { background-position: -290px -22px; }
ul#contents-menu3 li#menu-350 a:hover { background-position: -382px -22px; }
ul#contents-menu3 li#menu-360 a:hover { background-position: -428px -22px; }
/* Pressed */
ul#contents-menu3 li#menu-310 a:active { background-position: 0 -44px; }
ul#contents-menu3 li#menu-320 a:active { background-position: -123px -44px; }
ul#contents-menu3 li#menu-330 a:active { background-position: -235px -44px; }
ul#contents-menu3 li#menu-340 a:active { background-position: -290px -44px; }
ul#contents-menu3 li#menu-350 a:active { background-position: -382px -44px; }
ul#contents-menu3 li#menu-360 a:active { background-position: -428px -44px; }
/* 選択されているメニュー */
ul#contents-menu3 li#menu-310 a.menu-btn_select { background-position: 0 -66px; }
ul#contents-menu3 li#menu-320 a.menu-btn_select { background-position: -123px -66px; }
ul#contents-menu3 li#menu-330 a.menu-btn_select { background-position: -235px -66px; }
ul#contents-menu3 li#menu-340 a.menu-btn_select { background-position: -290px -66px; }
ul#contents-menu3 li#menu-350 a.menu-btn_select { background-position: -382px -66px; }
ul#contents-menu3 li#menu-360 a.menu-btn_select { background-position: -428px -66px; }

/* ----- 入試情報 ----- */
ul#contents-menu4 li a { background-image: url(../images/btn-contentsmenu4.gif); }
/* Link */
ul#contents-menu4 li#menu-410 a { width: 70px; background-position: 0 0; }			/* 入試要項 */
ul#contents-menu4 li#menu-420 a { width: 114px; background-position: -70px 0; }		/* 出願書類について */
ul#contents-menu4 li#menu-430 a { width: 189px; background-position: -184px 0; }	/* スポーツ推薦／学力推薦Ａ・Ｂ */
ul#contents-menu4 li#menu-440 a { width: 70px; background-position: -373px 0; }		/* 専願入試 */
ul#contents-menu4 li#menu-450 a { width: 70px; background-position: -443px 0; }		/* 一般入試 */
ul#contents-menu4 li#menu-460 a { width: 70px; background-position: -513px 0; }		/* 入試状況 */
ul#contents-menu4 li#menu-470 a { width: 52px; background-position: -583px 0; }		/* 入試Ｑ＆Ａ */
/* Over */
ul#contents-menu4 li#menu-410 a:hover { background-position: 0 -22px; }
ul#contents-menu4 li#menu-420 a:hover { background-position: -70px -22px; }
ul#contents-menu4 li#menu-430 a:hover { background-position: -184px -22px; }
ul#contents-menu4 li#menu-440 a:hover { background-position: -373px -22px; }
ul#contents-menu4 li#menu-450 a:hover { background-position: -443px -22px; }
ul#contents-menu4 li#menu-460 a:hover { background-position: -513px -22px; }
ul#contents-menu4 li#menu-470 a:hover { background-position: -583px -22px; }
/* Pressed */
ul#contents-menu4 li#menu-410 a:active { background-position: 0 -44px; }
ul#contents-menu4 li#menu-420 a:active { background-position: -70px -44px; }
ul#contents-menu4 li#menu-430 a:active { background-position: -184px -44px; }
ul#contents-menu4 li#menu-440 a:active { background-position: -373px -44px; }
ul#contents-menu4 li#menu-450 a:active { background-position: -443px -44px; }
ul#contents-menu4 li#menu-460 a:active { background-position: -513px -44px; }
ul#contents-menu4 li#menu-470 a:active { background-position: -583px -44px; }
/* 選択されているメニュー */
ul#contents-menu4 li#menu-410 a.menu-btn_select { background-position: 0 -66px; }
ul#contents-menu4 li#menu-420 a.menu-btn_select { background-position: -70px -66px; }
ul#contents-menu4 li#menu-430 a.menu-btn_select { background-position: -184px -66px; }
ul#contents-menu4 li#menu-440 a.menu-btn_select { background-position: -373px -66px; }
ul#contents-menu4 li#menu-450 a.menu-btn_select { background-position: -443px -66px; }
ul#contents-menu4 li#menu-460 a.menu-btn_select { background-position: -513px -66px; }
ul#contents-menu4 li#menu-470 a.menu-btn_select { background-position: -583px -66px; }

/* ----- 進路情報 ----- */
ul#contents-menu5 li a { background-image: url(../images/btn-contentsmenu51.gif); }
/* Link */
ul#contents-menu5 li#menu-510 a { width: 76px; background-position: 0 0; }		/* 進学・就職 */
ul#contents-menu5 li#menu-520 a { width: 135px; background-position: -76px 0; }	/* 先輩からのメッセージ */
ul#contents-menu5 li#menu-530 a { width: 92px; background-position: -210px 0; }	/* 在校生データ */
/* Over */
ul#contents-menu5 li#menu-510 a:hover { background-position: 0 -22px; }
ul#contents-menu5 li#menu-520 a:hover { background-position: -76px -22px; }
ul#contents-menu5 li#menu-530 a:hover { background-position: -210px -22px; }
/* Pressed */
ul#contents-menu5 li#menu-510 a:active { background-position: 0 -44px; }
ul#contents-menu5 li#menu-520 a:active { background-position: -76px -44px; }
ul#contents-menu5 li#menu-530 a:active { background-position: -210px -44px; }
/* 選択されているメニュー */
ul#contents-menu5 li#menu-510 a.menu-btn_select { background-position: 0 -66px; }
ul#contents-menu5 li#menu-520 a.menu-btn_select { background-position: -76px -66px; }
ul#contents-menu5 li#menu-530 a.menu-btn_select { background-position: -210px -66px; }


/* Subsidiary Styling
-----------------------------------------------------------------------------*/
/* テキストサイズ変更・ページプリント */
ul#textsize {
	display: none;
	position: absolute;
	top: 87px;
	left: 773px;
	padding-left: 38px;
	background: url(../images/bg-font-size.gif) 0 9px no-repeat;
}

/* テキストサイズ変更・ページプリントリスト */
ul#textsize li {
	float: left;
	width: 22px;
	height: 22px;
	background-image: url(../images/btn-textsize-print.gif);
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -9999px;
}
ul#textsize li#textsize-s { background-position: 0 -66px; }						/* 文字サイズ小 */
ul#textsize li#textsize-m { background-position: -22px -66px; }					/* 文字サイズ中 */
ul#textsize li#textsize-l { background-position: -44px -66px; }					/* 文字サイズ大 */
ul#textsize li#page-print { width: 23px; background-position: -66px -66px; }	/* ページを印刷 */

/* テキストサイズ変更・ページプリントアンカー */
ul#textsize li a {
	display: block;
	width: 22px;
	height: 22px;
	background-image: url(../images/btn-textsize-print.gif);
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
}
/* Link */
ul#textsize li#textsize-s a { background-position: 0 0; }
ul#textsize li#textsize-m a { background-position: -22px 0; }
ul#textsize li#textsize-l a { background-position: -44px 0; }
ul#textsize li#page-print a { width: 23px; background-position: -66px 0; }
/* Over */
ul#textsize li#textsize-s a:hover { background-position: 0 -22px; }
ul#textsize li#textsize-m a:hover { background-position: -22px -22px; }
ul#textsize li#textsize-l a:hover { background-position: -44px -22px; }
ul#textsize li#page-print a:hover { background-position: -66px -22px; }
/* Pressed */
ul#textsize li#textsize-s a:active { background-position: 0 -44px; }
ul#textsize li#textsize-m a:active { background-position: -22px -44px; }
ul#textsize li#textsize-l a:active { background-position: -44px -44px; }
ul#textsize li#page-print a:active { background-position: -66px -44px; }