@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------------------------------
-------ヘッダー内最上部ナビゲーションの設定
-------学校案内、サイトマップ、交通案内、資料請求、問合せ一覧
------------------------------------------------------------------------------------------*/
/*-----領域設定-----*/
#upNav{
    width: auto;
    height:23px;
    position:absolute;										/*-----位置をヘッダー領域に対し絶対配置-----*/
    top: 42px;
    right:5px;
}
/*-----リスト情報-----*/
#upNav li{
	list-style:none;					/*-----リストを横並びにする-----*/
	height: 23px;
	display: inline;		/*-----２倍のフローとマージンバグに対する対策-----*/
	float: left;
}
/*-----リンク設定-----*/
#upNav li a{
    display:block;			/*-----ナビのgif画像を繰り返さない-----*/
    text-indent: -9999px;
    background-repeat: no-repeat;
}
/*-----ボタンの設定-----*/
/*-----学校案内-----*/
#upNav .c_summary a{
	background-image:url(../images/up_summary.gif);
	width:53px;
	height: 13px;
}
#upNav .c_summary a:hover{
	background-image:url(../images/on_up_summary.gif);
	width:53px;
	height: 13px;
}
/*-----サイトマップ-----*/
#upNav .sight_map a{
	background-image:url(../images/up_sight_map.gif);
	width: 69px;
	height: 13px;
}
#upNav .sight_map a:hover{
	background-image:url(../images/on_up_sight_map.gif);
	width: 69px;
	height: 13px;
}
/*-----交通案内-----*/
#upNav .traffic_guid a{
	background-image:url(../images/up_traffic_guid.gif);
	width: 56px;
	height: 13px;
}
#upNav .traffic_guid a:hover{
	background-image:url(../images/on_up_traffic_guid.gif);
	width: 56px;
	height: 23px;
}
/*-----資料請求-----*/
#upNav .doc_req a{
	background-image:url(../images/up_doc_req.gif);
	width: 56px;
	height: 13px;
}
#upNav .doc_req a:hover{
	background-image:url(../images/on_up_doc_req.gif);
	width: 56px;
	height: 13px;
}
/*-----問合せ一覧-----*/
#upNav .inquiries a{
	background-image:url(../images/up_inquiries.gif);
	width: 75px;
	height: 13px;
}
#upNav .inquiries a:hover{
	background-image:url(../images/on_up_inquiries.gif);
	width: 75px;
	height: 13px;
}

/*------------------------------------------------------------------------------------------
-------グローバルナビゲーションの設定
-------受験生の方へ、在学生の方へ、卒業生の方へ、地域の方へ、企業の方へ、進路指導の方へ
------------------------------------------------------------------------------------------*/
/*-----領域設定-----*/
#gNav{
    width: 780px;
    left: auto;
    right: auto;
    height: 54px;
    background-color: #E6E6FF;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
}
/*-----リスト設定-----*/
#gNav li{
    list-style:none;		/*-----リストの前のマークを削除-----*/
    float: left;
    position: relative;	/*-----位置を相対位置にする-----*/
    display: inline;		/*-----２倍のフローとマージンバグに対する対策-----*/
    margin-right: 2px;
    margin-left: 2px;
    margin-top: 4px;
}
#gNav ul{
    margin-left: 16px;
}
/*-----リンク設定-----*/

#gNav li a{
    display:block;						/*-----ブロックレベル要素にする-----*/
    background-repeat:no-repeat;	/*-----ボタンの画像を繰り返さない-----*/
    text-indent:-9999px;
}
/*-----ボタンの設定-----*/
/*-----受験生の方へ-----*/
.examinee a{
    background-image:url(../images/examinee.jpg);
    height: 49px;
    width: 103px;
}
.examinee a:hover{
	background-image: url(../images/on_examinee.jpg);
	height: 49px;
	width: 103px;
}
/*-----在学生の方へ-----*/
.student a{
	background-image:url(../images/student.jpg);
	height: 49px;
	width: 103px;
}
.student a:hover{
	background-image: url(../images/on_student.jpg);
	height: 49px;
	width: 103px;
}
/*-----卒業生の方へ-----*/
.graduate a{
	background-image:url(../images/graduate.jpg);
	height: 49px;
	width: 103px;
}
.graduate a:hover{
	background-image:url(../images/on_graduate.jpg);
	height: 49px;
	width: 103px;
}
/*-----保護者の方へ-----*/
.parents a{
	background-image:url(../images/parents.jpg);
	height: 49px;
	width: 103px;
}
.parents a:hover{
	background-image:url(../images/on_parents.jpg);
	height: 49px;
	width: 103px;
}
/*-----地域の方へ-----*/
.local a{
	background-image:url(../images/local.jpg);
	height: 49px;
	width: 103px;
}
.local a:hover{
	background-image:url(../images/on_local.jpg);
	height: 49px;
	width: 103px;
}
/*-----人事担当の方へ-----*/
.company a{
	background-image:url(../images/company.jpg);
	height: 49px;
	width: 103px;
}
.company a:hover{
	background-image:url(../images/on_company.jpg);
	height: 49px;
	width: 103px;
}
/*-----進路指導の方-----*/
.counseling a{
	background-image:url(../images/counseling.jpg);
	height: 49px;
	width: 103px;
}
.counseling a:hover{ 
	background-image:url(../images/on_counseling.jpg);
	height: 49px;
	width: 103px;
}
/*------------------------------------------------------------------------------------------
-------フッター上ナビゲーションの設定
-------サイトポリシー、サイトマップ、交通案内、資料請求、問合せ一覧
------------------------------------------------------------------------------------------*/
/*-----領域設定-----*/
#underNav{							/*-----フローとの落下を防ぐ為、幅を指定していない-----*/
    clear: both;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #333333;
    border-right-color: #333333;
    border-bottom-color: #333333;
    border-left-color: #333333;
    font-size: 90%;
    padding-top: 10px;
    padding-bottom: 18px;
    font-weight: bold;
}
/*-----リスト設定-----*/
#underNav li{
    list-style:none;	/*---ブロックレベルからインラインレベル---*/
    float:left;
    font-size: 90%;
    background-image: url(../images/point04.jpg);
    background-repeat: no-repeat;
    margin-left: 10px;
    display: inline;
    padding-left: 11px;
}
#underNav li a{
    text-decoration: none;
    color: #000000;
}
#underNav li a:hover{
    color: #FF6600;
}
/*------------------------------------------------------------------------------------------
-------訪問者別ページ左ナビゲーションの設定
------------------------------------------------------------------------------------------*/
#left_Nav{
	right:0px;
	height:auto;
	width: 150px;				/*-----左にフロート-----*/
	left: 0px;
	float: left;
	margin-top: 10px;
	overflow: hidden;
	text-align: center;

}
/*-----左メニューのボタンの設定-----*/
#left_Nav li{
	list-style:none;					/*-----リストを横並びにする-----*/
	height: 23px;
	display: inline;		/*-----２倍のフローとマージンバグに対する対策-----*/
	float: left;
}
/*-----左メニューのリンクの設定-----*/
#left_Nav li a{
	display:block;
	background-repeat:no-repeat;
	width: 150px;						/*-----ボックスの幅、位置の幅も同じ-----*/
	height: 30px;
	left: 0px;				/*-----テキストを隠す-----*/
	text-decoration: none;
	background-image: url(../images/left_menu_bottan.gif);
	text-indent: 23px;
	line-height: 30px;
	color: #425ECC;
}
#left_Nav li a:hover{
	display:block;
	background-repeat:no-repeat;
	width: 150px;						/*-----ボックスの幅、位置の幅も同じ-----*/
	height: 30px;
	left: 0px;				/*-----テキストを隠す-----*/
	text-decoration: none;
	background-image: url(../images/on_left_menu_bottan.gif);
	color: #ad0928;
}