@import url("font.css");
@import url("reset.css");
@import url("common.css");
@import url("print.css");
/* /////////////////////////////////////////////////////////////////////////// 学科共通 */


/* 
==========================================
1.ヘッダー
2.グローバルナビ
3.コンテンツ
4.ページナビボックス
5.フッター
==========================================
*/

/* 1.ヘッダー
----------------------------------------------------------- */
#header {
	margin-bottom:9px;
}

#headerLink {
	background:#6eb70c;
	padding:0.3em 0;
	text-align:center;
}

#hNavBox {
	width:950px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}

#headerLink ul {
	overflow:hidden;
	zoom:1;
	background:url(images/hnav_line01.gif) repeat-y 100% 0;
	display:inline;
	float:right;
	line-height:1.2em;
}

#headerLink ul li {
	display:inline;
	padding:0 7px 0 9px;
background:url(images/hnav_line01.gif) repeat-y 0 0;
	text-align:left;
}

#headerLink ul li a {
	color:#fff;
	text-decoration:none;
}

#headerLink ul li a:hover {
	color:#b7db86;
}

.headerBox {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	padding:5px 0 2px;
	overflow:hidden;
	zoom:1;
}

#headerLead {
	width:715px;
	float:left;
}

#headerLead p {
	font-size:10px;
	line-height:1.2em;
}

/*検索ボックス*/
#searchBox{
	width:225px;
	padding: 5px 0 5px 0px;
	background-color:#f2f2f2;
	float:right;
	overflow:hidden;
	zoom:1;
}

#searchBox .textArea{
	margin: 0 3px 0 5px;
	border: 1px solid #ccc;
	width: 159px;
	height: 18px;
	float: left;
	display:inline;
}

#searchBox .sNav{
	vertical-align: middle;
	float: left;
	width: 51px;
}


/*学園ロゴ*/
#headerLogo {
	width:260px;
	float:left;
}

#headerLogo h1,
#headerLogo h1 a {
	width:260px;
	height:41px;
}

#headerLogo h1 a {
	display:block;
	background:url(images/header_logo01.gif) no-repeat 0 0;
	text-indent:-9999em;
	overflow:hidden;
}

/*目的別ナビ*/
#vNavBox {
	float:right;
	width:537px;
	margin-top:14px;
}

#vNav {
	width:537px;
	height:13px;
}

#vNav li{
	float:left;
	display:inline;
}

#vNav li#vNav_bt01,#vNav li#vNav_bt02,#vNav li#vNav_bt03{
	margin-right:20px;
}

#vNav li a{
	height:13px;
	float:left;
	display:block;
	background-image:url(images/vnav_btn.gif) ;
	background-repeat:no-repeat;
	text-indent:-9999em;
	overflow:hidden;
}

#vNav_bt01 a {width:102px; background-position:0 0;}
#vNav_bt02 a {width:101px; background-position:-124px 0;}
#vNav_bt03 a {width:144px; background-position:-246px 0;}
#vNav_bt04 a {width:128px; background-position:-409px 0;}
#vNav_bt01 a:hover {background-position:0 -13px;}
#vNav_bt02 a:hover {background-position:-124px -13px;}
#vNav_bt03 a:hover {background-position:-246px -13px;}
#vNav_bt04 a:hover {background-position:-409px -13px;}



/* 2.グローバルナビ
----------------------------------------------------------- */
#gNav{
	margin:0 auto 5px;
	width:950px;
	overflow: hidden;
	zoom: 1;
}

#gNav li{
	display: inline;
	float: left;
}

#gNav li a{
	height: 50px;
	display: block;
	background-image: url(images/gnav_btn.gif);
	background-repeat: no-repeat;
	text-indent: -999px;
	overflow:hidden;
}

/* *Hides from IE-mac \*/
#gNav a{
	overflow: hidden;
}
/* *End hide from IE-mac */

#gNav_btn01 a{ width: 158px; background-position: 0 0; }
#gNav_btn02 a{ width: 158px; background-position: -158px 0; }
#gNav_btn03 a{ width: 158px; background-position: -316px 0; }
#gNav_btn04 a{ width: 158px; background-position: -474px 0; }
#gNav_btn05 a{ width: 159px; background-position: -632px 0; }
#gNav_btn06 a{ width: 159px; background-position: -791px 0; }

#gNav_btn01 a:hover{ background-position: 0 -50px; }
#gNav_btn02 a:hover{ background-position: -158px -50px; }
#gNav_btn03 a:hover{ background-position: -316px -50px; }
#gNav_btn04 a:hover{ background-position: -474px -50px; }
#gNav_btn05 a:hover{ background-position: -632px -50px; }
#gNav_btn06 a:hover{ background-position: -791px -50px; }

#gaiyo #gNav_btn01 a.rOver{ background-position: 0 -50px; }
#gakuhi #gNav_btn02 a.rOver{ background-position: -158px -50px; }
#life #gNav_btn03 a.rOver{ background-position: -316px -50px; }
#access #gNav_btn04 a.rOver{ background-position: -474px -50px; }
#link #gNav_btn05 a.rOver{ background-position: -632px -50px; }
#prism #gNav_btn06 a.rOver{ background-position: -791px -50px; }

/* プルダウン */

#gNav li ul{
	margin: 0;
	padding: 0;
	z-index: 2;
	position: absolute;
	visibility: hidden; 
	border-right: 2px solid #bacbd4;
	border-bottom: 1px solid #bacbd4;
	border-left: 2px solid #bacbd4;
}

#gNav li ul li{
	float: none;
	display: inline;
	line-height: 1.5;
}

#gNav li ul li a{
	padding: 4px 4px 4px 16px;
	width: 138px;
	height: 100%;
	background: #fff url(images/common_list03.gif) no-repeat 6px 0.8em;
	color: #333;
	border-bottom: 1px solid #bacbd4;
	text-decoration: none;
	text-indent: 0px;
}

#gNav li ul.wide li a{
	width: 350px;
}

#gNav li ul.middle li a{
	width: 180px;
}

#gNav li ul li a:hover{
	color: #0092d5;
	background: #e5f6fb url(images/common_list03.gif) no-repeat 6px 0.8em;
}


/* 3.コンテンツ
----------------------------------------------------------- */
#content {
	width:950px;
	margin:0 auto 15px;
}

/*メインビジュアル下のナビゲーション*/
#mainNav{
	width:950px;
}

#mainNav li{
	float: left;
}

#mainNav li a{ 
	height: 48px;
	display: block;
	background-image: url(images/mnav_btn.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}

#mNav_btn_sif a{ width: 193px; background-position: 0 0; }
#mNav_btn_sig a{ width: 188px; background-position: -193px 0; }
#mNav_btn_obs a{ width: 188px; background-position: -381px 0; }
#mNav_btn_sks a{ width: 188px; background-position: -569px 0; }
#mNav_btn_sds a{ width: 193px; background-position: -757px 0; }

#mNav_btn_sif a:hover{ background-position: 0 -48px; }
#mNav_btn_sig a:hover{ background-position: -193px -48px; }
#mNav_btn_obs a:hover{ background-position: -381px -48px; }
#mNav_btn_sks a:hover{ background-position: -569px -48px; }
#mNav_btn_sds a:hover{ background-position: -757px -48px; }

/* ST追加の場合
#mNav_btn_sif a{ width: 161px; background-position: 0 0; }
#mNav_btn_st a{ width: 155px; background-position: -161px 0; }
#mNav_btn_sig a{ width: 157px; background-position: -316px 0; }
#mNav_btn_obs a{ width: 157px; background-position: -473px 0; }
#mNav_btn_sks a{ width: 157px; background-position: -630px 0; }
#mNav_btn_sds a{ width: 163px; background-position: -787px 0; }

#mNav_btn_sif a:hover{ width: 161px; background-position: 0 -48px; }
#mNav_btn_st a:hover{ width: 155px; background-position: -161px -48px; }
#mNav_btn_sig a:hover{ width: 157px; background-position: -316px -48px; }
#mNav_btn_obs a:hover{ width: 157px; background-position: -473px -48px; }
#mNav_btn_sks a:hover{ width: 157px; background-position: -630px -48px; }
#mNav_btn_sds a:hover{ width: 163px; background-position: -787px -48px; }
*/

/*サイドボックス---------------*/
#sNavBox {
	width:230px;
	float:left;
	margin-top:20px;
}

/*サイドナビ*/
#sNav li {
	width:230px;
}

#sNav a {
	display:block;
	width230px;
	text-indent:-9999em;
	overflow:hidden;
}

#sNav_btn01 a {height:49px; background:url(images/snav_btn01.gif) no-repeat 0 0;}
#sNav_btn02 a {height:39px; background:url(images/snav_btn02.gif) no-repeat 0 0;}
#sNav_btn03 a {height:39px; background:url(images/snav_btn03.gif) no-repeat 0 0;}
#sNav_btn04 a {height:49px; background:url(images/snav_btn04.gif) no-repeat 0 0;}

#sNav_btn01 a:hover,
#sNav_btn04 a:hover {background-position:0 -49px;}

#sNav_btn02 a:hover,
#sNav_btn03 a:hover {background-position:0 -39px;}

/*バナーナビ*/
#brNavBox01 {
	width:230px;
	background:url(images/brnav_bg01.gif) repeat 0 0;
}

#brNavBox01 #brNav {
	width:210px;
	margin:0 auto;
	padding:10px 0 0;
}

#brNavBox01 #brNav li {width:210px;}

#brNavBox01 #brNav a {
	width:210px;
	display:block;
	text-indent:-9999em;
	overflow:hidden;
}

#brNav_btn01 a {height:80px; background:url(images/brnav_btn01.gif) no-repeat 0 0;}
#brNav_btn02 a {height:80px; background:url(images/brnav_btn02.gif) no-repeat 0 0;}
#brNav_btn03 a {height:80px; background:url(images/brnav_btn03.gif) no-repeat 0 0;}
#brNav_btn04 a {height:80px; background:url(images/brnav_btn04.gif) no-repeat 0 0;}
#brNav_btn09 a {height:80px; background:url(images/brnav_btn09.gif) no-repeat 0 0;}
#brNav_btn10 a {height:80px; background:url(images/brnav_btn10.gif) no-repeat 0 0;}

#brNav_btn01 a:hover,
#brNav_btn02 a:hover,
#brNav_btn03 a:hover,
#brNav_btn04 a:hover,
#brNav_btn09 a:hover,
#brNav_btn10 a:hover{background-position:0 -80px;}

.pdb10 {
	padding-bottom:10px;
}

/*サブバナー---------------*/
ul.sbr {
	width:210px;
	padding-bottom:10px;
	margin:0 auto;
}

ul.sbr li{
	margin-bottom: 5px;
	width:210px;
}

ul.sbr li img{
	display:block;
}

ul.sbr li a:hover img{
	opacity:0.75;
	filter: alpha(opacity=80);
}


/*メインボックス---------------*/
#mainBox {
	width:700px;
	float:right;
}

/*お知らせタイトル*/
#mainInfoBox {
	width:480px;
	float:left;
	margin-top:20px;
}

#headline{
	margin-bottom: 10px;
	padding: 0 5px 0 9px;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	zoom: 1;
	background: url(images/headline_bg01.gif) repeat-x 0 100%;
}

#headline h2{
	margin-top: 9px;
	float: left;
	width: 50px;
}

#ticker{
	margin: 5px 0;
	border: 1px solid #e9e7e6;
	float: right;
	width: 405px;
	background: #fff;
}

#infoTitle{
	width: 480px;
	margin: 0px 0px 10px 0px;
	height: 26px;
	background: url(images/info_bg01.gif) no-repeat 0% bottom;
}

#infoTitle h2{
	padding-bottom:	10px;
	width:83px;
	float:left;
}

#pickBox{
	width: 67px;
	float: right;
}

#pickBox a{
	background: url(images/info_btn01.gif) no-repeat 0 0;
	height: 13px;
	width: 67px;
	display: block;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}

#pickBox a:hover{
	background-position: 0 -13px;
}

/*お知らせナビ*/
#infoNavBox {
	width:480px;
	margin-bottom:15px;
}

#infoNav {
	width:480px;
	height:21px;
}

#infoNav li{
	float:left;
	display:inline;
}

#infoNav li a{
	width:120px;
	height:21px;
	float:left;
	display:block;
	background-repeat:no-repeat;
	text-indent:-9999em;
	overflow:hidden;
}

#iNav_btn01 a {background:url(images/infonav_btn01.gif) no-repeat 0 0;}
#iNav_btn02 a {background:url(images/infonav_btn02.gif) no-repeat 0 0;}
#iNav_btn03 a {background:url(images/infonav_btn03.gif) no-repeat 0 0;}
#iNav_btn04 a {background:url(images/infonav_btn04.gif) no-repeat 0 0;}

#iNav_btn01 a:hover,
#iNav_btn02 a:hover,
#iNav_btn03 a:hover,
#iNav_btn04 a:hover {background-position:0 -21px;}

#infoNav li a.selected{background-position:0 -21px;}

/*お知らせ本文*/
#infoList{
	width:480px;
}

#infoList dt img{
	vertical-align:middle;
	margin:0 5px;
}

#infoList dd{
	padding:0 0 10px 140px;
	border-bottom:#CCCCCC dotted 1px;
	margin: -1.7em 0 10px 0;
}

#infoList dd img{
	margin: 0 0 1px 5px;
	vertical-align: middle;
}


/*コンテンツバナーナビ（右サイド）*/
#brNavBox02 {
	width:200px;
	float:right;
}

#brNavBox02 #brNav li{
	width:200px;
}

#brNavBox02 #brNav a {
	width:200px;
	display:block;
	text-indent:-9999em;
	overflow:hidden;
}

#brNav_btn05 a {height:160px; background:url(images/brnav_btn05_t.gif) no-repeat 0 0;}
#brNav_btn06 a {height:60px; background:url(images/brnav_btn06_t.gif) no-repeat 0 0;}
#brNav_btn07 a {height:70px; background:url(images/brnav_btn07_t.gif) no-repeat 0 0;}
#brNav_btn11 a {height:70px; background:url(images/brnav_btn11_t.gif) no-repeat 0 0;}
#brNav_btn12 a {height:70px; background:url(images/brnav_btn12_t.jpg) no-repeat 0 0;}


#brNav_btn05 a:hover{background-position:0 -160px;}
#brNav_btn06 a:hover{background-position:0 -60px;}
#brNav_btn07 a:hover,
#brNav_btn11 a:hover,
#brNav_btn12 a:hover{background-position:0 -70px;}


#brNavBox01 #brNav2{
	padding: 10px 10px 5px 10px;
}

#brNavBox01 #brNav2 li{
	margin-bottom: 5px;
}

#brNavBox01 #brNav2 li img{
	vertical-align: bottom;
}

/* 4.ページナビボックス
----------------------------------------------------------- */
#pageNavBox{
	background:url(images/pageNav_bg01.gif) repeat-x 0 0;
}


/* 5.フッター
----------------------------------------------------------- */
#footer {
	background-color: #f9f9f9;
}

#footBox {
	width: 950px;
	height:63px;
	margin: 0px auto;
}

#footLogo {
	width:199px;
	height:24px;
	padding-top:19px;
}

#footLogo a{
	display:block;
	width:199px;
	height:24px;
	background: url(images/footer_logo01.gif) no-repeat 0% 0%;
	text-indent: -9999em;
	overflow:hidden;
}


/*北杜学園関連-------*/
#foot_hokutoBox{
	width: 950px;
	border-top:#e2e2e2 solid 1px;
	border-bottom:#e2e2e2 solid 1px;
	padding: 5px 0;
	margin: 0px auto 17px;
}

/*北杜学園ロゴ*/
#hokuto_logo {
	width:33px;
	height:23px;
	float:left;
	display:block;
	background:url(images/footer_hokuto_logo01.gif) no-repeat 0 0;
	margin: 0 0 0 20px;
	display:inline;
}

#hokuto_logo a {
	width:33px;
	height:23px;
	float:left;
	text-indent:-9999em;
	overflow:hidden;
}

/*ポータルナビ*/
#fNavBox {
	width:877px;
	float:right;
}

#pNav {
	width:877px;
	margin-top:4px;
}

#pNav li{
	float:left;
	display:inline;
}

#pNav li#pNav_bt01,#pNav li#pNav_bt02,#pNav li#pNav_bt03,#pNav li#pNav_bt04,#pNav li#pNav_bt05{
	margin-right:24px;
}

#pNav li a{
	height:16px;
	float:left;
	display:block;
	background-image:url(images/pnav_btn.gif) ;
	background-repeat:no-repeat;
	text-indent:-9999em;
	overflow:hidden;
}

#pNav_bt01 a {width:117px; background-position:0 0;}
#pNav_bt02 a {width:118px; background-position:-141px 0;}
#pNav_bt03 a {width:139px; background-position:-283px 0;}
#pNav_bt04 a {width:98px; background-position:-446px 0;}
#pNav_bt05 a {width:120px; background-position:-568px 0;}
#pNav_bt06 a {width:147px; background-position:-712px 0;}

#pNav_bt01 a:hover {background-position:0 -16px;}
#pNav_bt02 a:hover {background-position:-141px -16px;}
#pNav_bt03 a:hover {background-position:-283px -16px;}
#pNav_bt04 a:hover {background-position:-446px -16px;}
#pNav_bt05 a:hover {background-position:-568px -16px;}
#pNav_bt06 a:hover {background-position:-712px -16px;}


/*お問い合せ*/
#foot_infoBox {
	width: 950px;
	margin: 0px auto;
}

#fiBoxSection {
	width: 378px;
	float:left;
}

#fiBoxSection2 {
	width:552px;
	float:right;
}

#fiBoxSection dl {
	margin-bottom:10px;
}

#fiBoxSection dt {
	font-weight:bold;
	background-color:#ddd;
	margin-bottom: 5px;
	padding: 2px 0 2px 5px;
}

#fiBoxSection dd {
	padding: 0 0 0 5px;
	line-height:1.5;
}

.fiBoxList01{
	width:180px;
	float:left;
	border-left:#ccc solid 1px;
	height:190px;
}

.fiBoxList01 ul {
	margin-left:5px;
}

.fiBoxList01 li {
	line-height:2;
	font-size:12px;
	padding: 0px 0px 0px 14px;
	background: url(images/common_list03.gif) no-repeat 0% 50%;
}

.fiBoxList01 a {
	text-decoration:none;
}

.fiBoxList01 a:hover {
	text-decoration:underline;
}


/*コピーライト*/
#copyrightBox {
	width:950px;
	margin:10px auto 0;
	text-align:right;
}

#copyrightBox img {
	margin-bottom:10px;
}