@import url("font.css");
@import url("reset.css");
@import url("common.css");
@import url("print.css");


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

/* 1.ヘッダー
----------------------------------------------------------- */
#header {
	width:950px;
	height:99px;
	margin:0 auto;
}

#headerLogo {
	width:450px;
	float:left;
}

#headerLogo p {
	font-size:10px;
	line-height:1em;
	margin:10px 0 20px 0;
}

#headerLogo p.headcap {
	margin:0;
	padding-top:6px;
}

#headerLogo h1,
#headerLogo h1 a {
	width:390px;
	height:28px;
}

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


/*ヘッダーリンク*/
#hNavBox {
	float:right;
	width:376px;
	display:inline;
}

#hNav {
	width:254px;
	height:27px;
	margin: 0 0 12px 122px;
}

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

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

#hNav_bt01 a {width:85px; background-position:0 0;}
#hNav_bt02 a {width:85px; background-position:-85px 0;}
#hNav_bt03 a {width:84px; background-position:-170px 0;}
#hNav_bt01 a:hover, #sitemap #hNavi_bt01 a {background-position:0  -27px;}
#hNav_bt02 a:hover, #access #hNavi_bt02 a {background-position:-85px -27px;}
#hNav_bt03 a:hover, #contact #hNavi_bt03 a {background-position:-170px -27px;}


/*検索ボックス*/
#searchBox{
	width:254px;
	margin: 0 0 14px 122px;
}

#searchBox .textArea{
	margin-right: 1px;
	border: 1px solid #ccc;
	width: 190px;
	height: 20px;
	float: left;
	display:inline;
}

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


/*目的別ナビ*/
#vNav {
	width:376px;
	height:22px;
}

#vNav li{
	float:left;
}

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

#vNav_bt01 a {width:107px; background-position:0 0;}
#vNav_bt02 a {width:150px; background-position:-107px 0;}
#vNav_bt03 a {width:119px; background-position:-257px 0;}
#vNav_bt01 a:hover {background-position:0  -22px;}
#vNav_bt02 a:hover {background-position:-107px -22px;}
#vNav_bt03 a:hover {background-position:-257px -22px;}



/* 2.グローバルナビ
----------------------------------------------------------- */
#gNavBox{
	background:url(images/gNav_bg02.gif) repeat-x 0 0;
}

#gNav{
	width:950px;
	margin:0 auto;
}

#gNav li{
	display: inline;
	float: left;
	margin:5px 0;
}

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

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

#gNav_btn01 a{ width: 136px; background-position: 0 0; }
#gNav_btn02 a{ width: 136px; background-position: -136px 0; }
#gNav_btn03 a{ width: 136px; background-position: -272px 0; }
#gNav_btn04 a{ width: 136px; background-position: -408px 0; }
#gNav_btn05 a{ width: 136px; background-position: -680px 0; }
#gNav_btn06 a{ width: 135px; background-position: -815px 0; }
#gNav_btn07 a{ width: 135px; background-position: -544px 0; }

#gNav_btn01 a:hover{ background-position: 0 -71px; }
#gNav_btn02 a:hover{ background-position: -136px -71px; }
#gNav_btn03 a:hover{ background-position: -272px -71px; }
#gNav_btn04 a:hover{ background-position: -408px -71px; }
#gNav_btn05 a:hover{ background-position: -680px -71px; }
#gNav_btn06 a:hover{ background-position: -815px -71px; }
#gNav_btn07 a:hover{ background-position: -544px -71px; }

#gakka #gNav_btn01 a.rOver{ background-position: 0 -71px; }
#shikaku #gNav_btn02 a.rOver{ background-position: -136px -71px; }
#shushoku #gNav_btn03 a.rOver{ background-position: -272px -71px; }
#boshu #gNav_btn04 a.rOver{ background-position: -408px -71px; }
#shisetsu #gNav_btn05 a.rOver{ background-position: -680px -71px; }
#faq #gNav_btn06 a.rOver{ background-position: -815px -71px; }
#gakuhi #gNav_btn07 a.rOver{ background-position: -544px -71px; }

#jimi #gNav_btn01 a,#joho #gNav_btn01 a,#biz #gNav_btn01 a,#kaikei #gNav_btn01 a,#komuin #gNav_btn01 a{ background-position: 0 -71px; }

/* プルダウン */

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

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

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

#gNav li ul li a:hover{
	color: #ED2730;
	background: #ffece4 url(images/common_list_obs.gif) no-repeat 6px 0.8em;
}



/* 3.コンテンツ
----------------------------------------------------------- */
#wrapper {
	background:url(images/wrap_bg02.gif) repeat-x 0 0;
}

#content {
	width:950px;
	margin:0 auto;
}

#mainPhoto {
	padding-top:5px;
	margin-bottom:10px;
}

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

#mainNav li{
	float: left;
}

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

#mNav_btn01 a{ width: 238px; background-position: 0 0; }
#mNav_btn02 a{ width: 237px; background-position: -238px 0; }
#mNav_btn03 a{ width: 237px; background-position: -475px 0; }
#mNav_btn04 a{ width: 238px; background-position: -712px 0; }

#mNav_btn01 a:hover{ background-position: 0 -40px; }
#mNav_btn02 a:hover{ background-position: -238px -40px; }
#mNav_btn03 a:hover{ background-position: -475px -40px; }
#mNav_btn04 a:hover{ background-position: -712px -40px; }


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

/*バナーナビ*/
#brNavBox01,#brNavBox02 {
	width:200px;
}

#brNav {
	width:200px;
}

#brNav li {
	width:200px;
	margin-bottom:4px;
}

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

#brNav_btn01 a {height:61px; background:url(images/brnav_btn01.gif) no-repeat 0 0;}
#brNav_btn02 a {height:61px; background:url(images/brnav_btn02.gif) no-repeat 0 0;}
#brNav_btn03 a {height:61px; background:url(images/brnav_btn03.gif) no-repeat 0 0;}
#brNav_btn04 a {height:61px; background:url(images/brnav_btn04.gif) no-repeat 0 0;}
#brNav_btn05 a {height:61px; background:url(images/brnav_btn05.gif) no-repeat 0 0;}
#brNav_btn06 a {height:122px; background:url(images/brnav_btn06.gif) no-repeat 0 0;}
#brNav_btn07 a {height:99px; background:url(images/brnav_btn07.gif) no-repeat 0 0;}
#brNav_btn08 a {height:99px; background:url(images/brnav_btn08.gif) no-repeat 0 0;}
#brNav_btn10 a {height:61px; background:url(images/brnav_btn10.gif) no-repeat 0 0;}

#brNav_btn01 a:hover,
#brNav_btn02 a:hover,
#brNav_btn10 a:hover,
#brNav_btn03 a:hover,
#brNav_btn04 a:hover,
#brNav_btn05 a:hover{background-position:0 -61px;}
#brNav_btn06 a:hover{background-position:0 -122px;}
#brNav_btn07 a:hover,
#brNav_btn08 a:hover{background-position:0 -99px;}


/*サブバナー---------------*/
ul.sbr {
	width:200px;
}

ul.sbr li{
	width:200px;
	margin-bottom:4px;
}

ul.sbr li img{
	display:block;
	vertical-align:bottom;
}

#sNavBox ul.sbr li img {
	height:61px;
}

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


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

/*お知らせタイトル*/
#mainInfoBox {
	width:490px;
	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: 415px;
	background: #fff;
}

#infoTitle{
	width: 490px;
	margin: 0px 0px 10px 0px;
	height: 32px;
}

#infoTitle h2{
	width:90px;
	float:left;
}

/*お知らせナビ*/
#infoNavBox {
	width:400px;
	float:right;
}

#infoNav {
	width:400px;
	height:32px;
}

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

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

#iNav_btn01 a {width:120px; background:url(images/infonav_btn01.gif) no-repeat 0 0;}
#iNav_btn02 a {width:94px; background:url(images/infonav_btn02.gif) no-repeat 0 0;}
#iNav_btn03 a {width:94px; background:url(images/infonav_btn03.gif) no-repeat 0 0;}
#iNav_btn04 a {width:92px; 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 -32px;}

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

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

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

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

/*一覧ボタン*/
#pickBox{
	width: 40px;
	float: right;
}

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

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

/*センターバナー*/
#cenNav {
	width:490px;
}

#cenNav li{
	width:240px;
	float:left;
}

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

#cenNav li#cenNav_btn01{
	margin-right:10px;
}

#cenNav_btn01 a {background:url(images/cenNav_btn01.gif) no-repeat 0 0;}
#cenNav_btn02 a {background:url(images/cenNav_btn02.gif) no-repeat 0 0;}

#cenNav_btn01 a:hover,
#cenNav_btn02 a:hover {background-position:0 -150px;}


/*イベントカレンダーとフォトギャラリーボックス*/
#cenNavBox{
	margin-top:10px;
}

#cenNavBox .cnLeft{
	width:240px;
	float:left;
}

#cenNavBox .cnRight{
	width:240px;
	float:right;
}

#cenNavBox .galleryComment{
	margin-top: 5px;
}

#cenNavBox .galleryComment dt{
	color: #db0010;
	font-weight: bold;
}

#cenNavBox .galleryComment dt img{
	margin-left: 2px;
	vertical-align: middle;
}


#cenNavBox a:link,#cenNavBox a:hover,#cenNavBox a:visited,#cenNavBox a:active{
	text-decoration:none;
}

#mainBox #cenNavBox .ttlCont{
	background-color:#EEEEEE;
	padding:5px;
}

#mainBox #cenNavBox .ttlCont h4{
	margin:0;
	padding:0;
	border:none;
	font-size:116%;
	font-weight:bold;
	color: #cc2929;
	line-height:1.1;
}

#mainBox #cenNavBox table.evecal{
	margin: 0;
	padding: 0;
	width:100%;
}

#mainBox #cenNavBox table.evecal th,
#mainBox #cenNavBox table.evecal td{
	background:#fff;
	padding:5px 2px;
	margin:0px;
	text-align:center;
	line-height:1.1;
	font-weight:bold;
	color:#5A5A5A;
}

#mainBox #cenNavBox table.evecal th{
	vertical-align:top;
	background: #FFFFCC;
}

#mainBox #cenNavBox table.evecal th.sun{
	background:#ffd9d9;
}

#mainBox #cenNavBox table.evecal th.sat{
	background:#C9E8E8;
}

#mainBox #cenNavBox table.evecal td.eveday{
	background: url(images/maru.gif) no-repeat 50% 50%;
}

#mainBox #cenNavBox table.evecal td.shinro{
	background: url(images/maru_shinro.gif) no-repeat 50% 50%;
}

#mainBox #cenNavBox table.evecal td.both{
	background: url(images/maru_both.gif) no-repeat 50% 50%;
}

#mainBox .hanrei {
	margin-bottom: 20px;
	padding-top: 10px;
	clear: both;
	text-align: right;
}

/*カレンダー490px画像*/
ul#cenNav02 li#cenNav_btn03 a:hover img{
	opacity:0.75;
	filter: alpha(opacity=80);
}

/*カレンダー240px画像*/
#cenNavBox .cnRight a:hover img{
	opacity:0.75;
	filter: alpha(opacity=80);
}



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

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

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

#brNav li#brNav_btn09 img{
	display:block;
}

#brNav_btn06 a {height:122px; background:url(images/brnav_btn06.gif) no-repeat 0 0;}
#brNav_btn07 a {height:99px; background:url(images/brnav_btn07.gif) no-repeat 0 0;}
#brNav_btn08 a {height:70px; background:url(images/brnav_btn08.gif) no-repeat 0 0;}

#brNav_btn06 a:hover{background-position:0 -122px;}
#brNav_btn07 a:hover,
#brNav_btn08 a:hover{background-position:0 -70px;}

#brNav_btGansyo a {
	text-indent:0;
}
#brNav_btGansyo img,
#brNav_btGansyo {
	height:199px;
}
#brNav_btGansyo img{
	border:none;
	vertical-align:bottom;
}

#brNav_btGansyo a:hover img{
	opacity:0.75;
	filter: alpha(opacity=80);
}




/* 4.フッター
----------------------------------------------------------- */
#footer {
	width: 950px;
	margin: 0px auto;
}

#footBox {
	width: 950px;
	height:69px;
	background:url(images/footer_bg01.gif) repeat-x 0% 0%;
}

#footLogo {
	width:350px;
	float:left;
	margin:16px 0 0 10px;
	display:inline;
}

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

#footLogo p {
	font-size:10px;
}


#copyright {
	width:251px;
	height:11px;
	float:right;
	background: url(images/footer_copyright.gif) no-repeat 0 0;
	text-indent: -9999em;
	margin:30px 10px 0 0;
	display:inline;
}


/*大原関連*/
#foot_obsBox {
	width: 950px;
	line-height:1.4;
	margin:10px 0 10px 0;
}

.obsBoxSection,
.obsBoxSection2 {
	float:left;
}

.obsBoxSection dl {
	margin-bottom:10px;
	border-left: #e2e2e2 solid 3px;
}

.obsBoxSection dt,.obsBoxSection dd{
	color:#8e8e8e;
}

.obsBoxSection dt {
	padding: 0 0 0 5px;
	line-height: 1.2;
	margin-bottom: 3px;
	font-weight:bold;
}

.obsBoxSection dd {
	padding: 0 0 0 5px;
	line-height:1.3;
}

.obsBoxSection img {
	vertical-align:middle;
}

.obsBoxSection dd span {
	color:#8e8e8e;
	font-family: Arial, Helvetica, sans-serif;
	font-size:133%;
	font-weight:bold;
	padding: 0 3px;
}

.obsBoxSection dd span a {
	color:#8e8e8e;
}

.obsBoxSection .obsLine {
	margin-bottom:10px;
	border-bottom: #e2e2e2 solid 1px;
}

#obsBoxList01 {
	margin: 0px 0 10px 0;
	padding: 0px 0 10px 0;
	border-bottom:#e2e2e2 solid 1px;
}

#obsBoxList01 li {
	float:left;
	padding-right:15px;
	margin-right:15px;
	line-height:1.2;
}

#obsBoxList01 li#oBL01,
#obsBoxList01 li#oBL02,
#obsBoxList01 li#oBL03,
#obsBoxList01 li#oBL04,
#obsBoxList01 li#oBL06 {
	border-right:#8e8e8e solid 1px;
}

.obsBoxSection2 dl {
	width:137px;
	float:left;
}

.obsBoxSection2 dd {
	font-size:9px;
}

.obsBoxList02 li {
	padding: 0px 0px 0px 6px;
	background: url(images/common_list03.gif) no-repeat 0% 50%;
}


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

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

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

/*北杜学園ナビ、ポータルナビ*/
#fNavBox {
	width:877px;
	float:right;
	font-size:10px;
}

#fNav {
	margin: 0px 0 8px 0;
	padding: 0px 0 8px 5px;
}

#fNav li,
#pNav li{
	float:left;
	padding-right:15px;
	margin-right:15px;
	line-height:1.2;
}

#fNav li#fNav01,
#fNav li#fNav02,
#fNav li#fNav03,
#fNav li#fNav04,
#fNav li#fNav06,
#pNav li#pNav01,
#pNav li#pNav02,
#pNav li#pNav03,
#pNav li#pNav04,
#pNav li#pNav05{
	border-right:#8e8e8e solid 1px;
}

#fNav.obsLine {
	border-bottom: #e2e2e2 solid 1px;
}


/* お見舞い */
#topMsg{
	margin: 0px 0 10px 0;
	padding: 55px 40px 55px 40px;
	border: 1px solid #ccc;
	overflow: hidden;
	zoom: 1;
	background: #fff;
}

#topMsg p{
	float: left;
	width: 575px;
}

#topMsg ul{
	float: right;
	width: 230px;
}

#topMsg ul li{
	margin-bottom: 20px;
}

#topMsg ul li img{
	vertical-align: bottom;
}

#topMsg ul li a:hover{
	zoom: 1;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}