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

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

/* 1.ヘッダー
----------------------------------------------------------- */
#header {
	height:92px;
	background:url(images/header_bg01.gif) repeat-x 0 0;
}

#headerBox {
	width:950px;
	height:92px;
	margin:0 auto;
}

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

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

#headerLogo h1,
#headerLogo h1 a {
	width:235px;
	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:474px;
}

#hNav {
	width:298px;
	height:27px;
	margin: 0 0 11px 176px;
}

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

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

#hNav_bt01 a {width:95px; background-position:0 0;}
#hNav_bt02 a {width:103px; background-position:-95px 0;}
#hNav_bt03 a {width:100px; background-position:-198px 0;}
#hNav_bt01 a:hover {background-position:0  -27px;}
#hNav_bt02 a:hover, #access #hNavi_bt02 a {background-position:-95px -27px;}
#hNav_bt03 a:hover {background-position:-198px -27px;}


/*検索ボックス*/
#searchBox{
	width:298px;
	margin: 0 0 9px 176px;
}

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

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


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

#vNav li{
	width:158px;
	float:left;
}

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

#vNav_bt01 a {background-position:0 0;}
#vNav_bt02 a {background-position:-158px 0;}
#vNav_bt03 a {background-position:-316px 0;}
#vNav_bt01 a:hover {background-position:0  -25px;}
#vNav_bt02 a:hover {background-position:-158px -25px;}
#vNav_bt03 a:hover {background-position:-316px -25px;}



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

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

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

#gNav li a{ 
	height: 48px;
	display: block;
	background-image: url(images/gnav_btn.jpg);
	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: 135px; background-position: 0 0; }
#gNav_btn02 a{ width: 136px; background-position: -135px 0; }
#gNav_btn03 a{ width: 136px; background-position: -271px 0; }
#gNav_btn04 a{ width: 136px; background-position: -407px 0; }
#gNav_btn05 a{ width: 136px; background-position: -543px 0; }
#gNav_btn06 a{ width: 136px; background-position: -679px 0; }
#gNav_btn07 a{ width: 135px; background-position: -815px 0; }

#gNav_btn01 a:hover{ background-position: 0 -48px; }
#gNav_btn02 a:hover{ background-position: -135px -48px; }
#gNav_btn03 a:hover{ background-position: -271px -48px; }
#gNav_btn04 a:hover{ background-position: -407px -48px; }
#gNav_btn05 a:hover{ background-position: -543px -48px; }
#gNav_btn06 a:hover{ background-position: -679px -48px; }
#gNav_btn07 a:hover{ background-position: -815px -48px; }

/* プルダウン */

#gNav li ul{
	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_sig.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: #2b4096;
	background: #eef1ff url(images/common_list_sig.gif) no-repeat 6px 0.8em;
}


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

#mainPhoto {
	margin-bottom:10px;
}

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

/*サイドナビ*/
#sNav {
	width:221px;
	border-top:#DADADA solid 1px;
}

#sNav li {
	width:221px;
}

#sNav a {
	display:block;
	width221px;
	text-indent:-9999em;
	overflow:hidden;
	height:38px;
}

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

#sNav_btn01 a:hover,
#sNav_btn02 a:hover,
#sNav_btn03 a:hover,
#sNav_btn04 a:hover {background-position:0 -38px;}

/*バナーナビ*/
#brNavBox01,#brNavBox02 {
	width:221px;
	background:url(images/brnav_bg01.gif) repeat-y 0 0;
	border-bottom:#DADADA solid 1px;
	border-top:#DADADA solid 1px;
}

.brNav {
	width:211px;
	margin:4px auto 0;
}

.brNav li {
	width:211px;
	margin-bottom:4px;
}

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

#brNav_btn01 a {height:50px; 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:50px; background:url(images/brnav_btn03.gif) no-repeat 0 0;}
#brNav_btn04 a {height:50px; background:url(images/brnav_btn04.gif) no-repeat 0 0;}
#brNav_btn05 a {height:50px; background:url(images/brnav_btn05.gif) no-repeat 0 0;}
#brNav_btn10 a {height:70px; background:url(images/brnav_heijitsu.jpg) no-repeat 0 0;}
#brNav_btn11 a {height:70px; background:url(images/brnav_btn11.gif) no-repeat 0 0;}

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

#brNav_btn11 a:hover {background-position:0 -70px;}

#brNav_btn10 a:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7; 
}

.brNav2{
	padding: 5px 5px 0px 5px;
}

.brNav2 li{
	margin-bottom: 5px;
}

.brNav2 li img{
	vertical-align: bottom;
}

.brNav2 li a img:hover{
	zoom: 1;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


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

/*お知らせタイトル*/
#mainInfoBox {
	width:490px;
	float:left;
}

#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;
	height: 48px;
	background: url(images/info_bg01.gif) no-repeat 0 0;
}

#infoTitle h2{
	width:50px;
	float:left;
	margin:14px 0 0 10px;
	display:inline;
}

#pickBox{
	width: 43px;
	float: right;
	margin:14px 10px 0 0;
	display:inline;
}

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

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

/*ナビと本文のボックス*/
#infoSection{
	width: 490px;
	background: url(images/infoBox_bg01.gif) repeat-y 0 0;
}

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

#infoNav {
	width:475px;
	height:25px;
	margin:0 auto;
}

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

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

#infoNav li#iNav_btn01,#infoNav li#iNav_btn02,#infoNav li#iNav_btn03{
	margin-right:1px;
}

#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 -25px;}

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

/*お知らせ本文*/
.infoListBox01,.infoListBox02,.infoListBox03,.infoListBox04{
	width: 475px;
	margin:0 auto;
}

.infoListBox01{background: url(images/infoList_bg02_01.gif) no-repeat 0 100%;}
.infoListBox02{background: url(images/infoList_bg02_02.gif) no-repeat 0 100%;}
.infoListBox03{background: url(images/infoList_bg02_03.gif) no-repeat 0 100%;}
.infoListBox04{background: url(images/infoList_bg02_04.gif) no-repeat 0 100%;}

.infoList{
	width:435px;
	margin:0 auto;
	padding-bottom:10px;
}

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

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

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

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

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

#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;}

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


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

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

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

#cenNavBox .hanrei {
	margin-bottom: 20px;
	clear: both;
	text-align: right;
}

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

#cenNavBox .galleryComment dt{
	color: #34499a;
	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: #2B4096;
	line-height:1.1;
}

#mainBox #cenNavBox table.evecal{
	margin: 0 0 10px 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:#666;
}

#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%;
}


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



/*コンテンツバナーナビ（右サイド）*/
#brNavBox02 {
	width:221px;
	float:right;
	background:url(images/brnav_bg01.gif) repeat-y 0 0;
	border-bottom:#DADADA solid 1px;
	border-top:#DADADA solid 1px;
}

.brNav {
	width:211px;
	margin:4px auto 0;
}

.brNav li {
	width:211px;
	margin-bottom:4px;
}

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

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

#brNav_btn06 a {height:83px; background:url(images/brnav_btn06.gif) no-repeat 0 0;}
#brNav_btn07 a {height:70px; 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 -83px;}
#brNav_btn07 a:hover,
#brNav_btn08 a:hover {background-position:0 -70px;}


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

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


/*サブバナー---------------*/
ul.sbr {
	width:211px;
	margin:0 auto;
 	padding-top: 4px;
}

ul.sbr li{
	width:211px;
	padding-bottom:4px;
}

ul.sbr li img{
	display:block;
}

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


/* 4.ページナビボックス
----------------------------------------------------------- */
#pageNavBox{
	width:950px;
	margin:0 auto;
}

#pageSwitch a,
#pageBack a{
	display:block;
	width:101px;
	height:10px;
	text-indent: -9999em;
	overflow:hidden;
}


/* 5.フッター
----------------------------------------------------------- */
#footer {
	background:url(images/footer_bg01.gif) repeat-x 0% 0%;
}

#footBox {
	background:url(images/footbox_bg01.gif) repeat-x 0% 0%;
	width: 950px;
	margin: 0px auto;
}

#footLogo {
	width:162px;
	height:20px;
	float:left;
	margin-top:10px;
}

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

#copyright {
	width:295px;
	height:11px;
	float:right;
	background: url(images/footer_copyright.gif) no-repeat 0 0;
	text-indent: -9999em;
	margin-top:14px;
}


/*医療技術専門学校関連*/
#foot_sigBox {
	width: 950px;
	line-height:1.4;
}

#foot_sigBox a {
	text-decoration:none;
}

#foot_sigBox a:hover {
	text-decoration:underline;
}

.sigBoxSection {
	float:left;
}

.sigBoxSection dt {
	border-left: #2B4096 solid 5px;
	padding: 0 0 0 5px;
	line-height: 1;
	margin-bottom: 3px;
}

.sigBoxSection dd {
	padding: 0 0 0 10px;
	line-height:1.3;
}

.sigBoxSection dd span {
	color:#2B4096;
	font-family: Arial, Helvetica, sans-serif;
	font-size:125%;
	font-weight:bold;
	padding-left:3px;
}

.sigBoxSection dd span a {
	color:#2B4096;
}


/*北杜学園ロゴ*/
#foot_hokutoBox a {
	text-decoration:none;
}

#foot_hokutoBox a:hover {
	text-decoration:underline;
}

#foot_hokutoBox{
	width: 950px;
	border-top:#2B4096 solid 3px;
	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 {
	float:left;
	margin: 20px 0 0 10px;
}

#fNav li {
	float:left;
	padding-right:25px;
	line-height:1;
}

#fNav li a {
	padding-left:8px;
	background:url(images/common_list01.gif) no-repeat 0 50%;
}


/*ポータルナビ*/
#pNavBox {
	width:950px;
	background-color:#2B4096;
}

#pNavBox p {
	color:#FFFFFF;
	font-weight:bold;
	padding: 10px 0 0 10px;
	line-height:1;
}

#pNavBox ul {
	width:920px;
	margin: 5px auto 20px;
}

#pNav li {
	float:left;
	padding-right:10px;
}

#pNav li a{
	background:url(images/foot_list01.gif) no-repeat 0 50%;
	padding-left:16px;
	overflow:hidden;
	color:#FFFFFF;
	text-decoration:none;
}

#pNav li a:hover {
	text-decoration:underline;
}

/* お見舞い */
#topMsg{
	margin: 5px 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;
}