﻿@charset "UTF-8";
/*
-----------------------------------------------
学校法人　北陸学院 Web Site Screen CSS
Version:  7 Sep 2008
----------------------------------------------- */

* {
	margin:0;
	padding:0;
}
body{
	margin:0;
	padding:0;
	font:74%/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif ;
	color:#444;
	bgcolor: #fff;
	background:url(../img/common/bg_body.gif);
}
img{
	border:0;
	vertical-align:bottom;
}



/* テキスト指定
----------------------------------------------- */
a{
	color:#333;
	text-decoration:underline;
}
a:visited{
	color:#666;
}
a:hover{
	color:#C70A46;
}
p{
	padding: 8px 2px;
}
.attention{
	color:#c33;
}
.small{
	font-size:90%;
}
ul{
	list-style:none;
}
#subcol .i_125th{
	padding:0 0 0 20px;
}



/* レイアウト
----------------------------------------------- */
#wrapper{
	background:url(../img/common/bg_wrapper.gif) repeat-y center top;
}
#bg_topgrad{
	background:url(../img/common/bg_topgrad.gif) no-repeat center top;
}
#bg_btmgrad{
	padding-bottom:69px;
	background:url(../img/common/bg_btmgrad.gif) no-repeat center bottom;
}


#headerwrap{
	margin:0 auto;
	width:880px;
	background:url(../img/common/header.jpg) no-repeat 15px 0;
}
#branding h1{
	margin:0;
	padding:0;
	width:880px;
	text-align:center;
}
#containerwrap{
	margin:0 auto;
	width:880px;
}
#containerwrap:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}


#subcol{
	float:left;
	padding:0 0 0 20px;
	width:220px;
	background:url(../img/common/subcol_mid.gif) repeat-y 20px 0;
}
#maincol{
	padding:0 35px 0 0;
	float:right;
	width:590px;
}


#footerwrap{
	margin:0 auto;
	width:880px;
}
#copyright{
	text-indent:-9000px;
}


/* CONTENTSナビゲーション
----------------------------------------------- */
#n_contents{
	padding:0 40px;
	background:url(../img/common/subcol_top.gif) no-repeat 0 0;
}
#n_contents li a{
	display:block;
	width:140px;
	height:32px;
	text-indent:-9000px;
	text-decoration:none;
}
#n_contents li#n_index a{
	background:url(../img/nav/n_index.gif) no-repeat 0 0;
}
#n_contents li#n_message a{
	background:url(../img/nav/n_message.gif) no-repeat 0 0;
}
#n_contents li#n_history a{
	background:url(../img/nav/n_history.gif) no-repeat 0 0;
}
#n_contents li#n_statement a{
	background:url(../img/nav/n_statement.gif) no-repeat 0 0;
}
#n_contents li#n_unified a{
	background:url(../img/nav/n_unified.gif) no-repeat 0 0;
}
#n_contents li#n_finance a{
	background:url(../img/nav/n_finance.gif) no-repeat 0 0;
}
#n_contents li#n_wlb a{
	background:url(../img/nav/n_wlb.gif) no-repeat 0 0;
}
#n_contents li#n_koubo a{
	background:url(../img/nav/n_koubo.gif) no-repeat 0 0;
}
#n_contents li#n_125 a{
	background:url(../img/nav/n_125.gif) no-repeat 0 0;
}
#n_contents li#n_index a:hover,
#n_contents li#n_message a:hover,
#n_contents li#n_history a:hover,
#n_contents li#n_statement a:hover,
#n_contents li#n_unified a:hover,
#n_contents li#n_finance a:hover,
#n_contents li#n_wlb a:hover,
#n_contents li#n_koubo a:hover,
#n_contents li#n_125 a:hover{
	background-position:-140px 0;
}
#n_contents li#n_index.selected a,
#n_contents li#n_message.selected a,
#n_contents li#n_history.selected a,
#n_contents li#n_statement.selected a,
#n_contents li#n_unified.selected a,
#n_contents li#n_finance.selected a,
#n_contents li#n_wlb.selected a,
#n_contents li#n_koubo.selected a,
#n_contents li#n_125.selected a{
	background-position:-280px 0;
}



/* 学校HPへのリンク
----------------------------------------------- */
#n_school{
	padding:20px 0 75px 23px;
	background:url(../img/common/subcol_btm125.gif) no-repeat left bottom;
}
#n_school ul{
	padding:0 0 20px 0;
}
#n_school li a{
	display:block;
	width:180px;
	text-indent:-9000px;
	text-decoration:none;
}
#n_school li#n_ac a{
	height:42px;
	background:url(../img/nav/n_ac.gif) no-repeat 0 0;
}
#n_school li#n_hs a{
	height:25px;
	background:url(../img/nav/n_hs.gif) no-repeat 0 0;
}
#n_school li#n_ms a{
	height:25px;
	background:url(../img/nav/n_ms.gif) no-repeat 0 0;
}
#n_school li#n_gs a{
	height:25px;
	background:url(../img/nav/n_gs.gif) no-repeat 0 0;
}
#n_school li#n_kg a{
	height:42px;
	background:url(../img/nav/n_kg.gif) no-repeat 0 0;
}
#n_school li#n_ac a:hover,
#n_school li#n_hs a:hover,
#n_school li#n_ms a:hover,
#n_school li#n_gs a:hover,
#n_school li#n_kg a:hover{
	background-position:-180px 0 ;
}



/* 見出し指定
----------------------------------------------- */
h2{
	margin:2em 0 0.2em 0;
	font:300%/1.2 "ヒラギノ明朝 Pro W3", "Times New Roman", serif;
	color:#666;
}
h3{
	margin:2em 0 0.2em 0;
	font:bold 140%/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif ;
	color:#069;
}
h4, h5, h6{
	margin:2em 0 0.2em 2px;
	font:126%/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif ;
	color:#333;
}

#maincol h2{
	margin:0;
	padding:0;
	width:590px;
	height:55px;
	text-indent:-9000px;
}
#maincol h2#h_message{
	background:url(../img/headline/h_message.gif) no-repeat 0 0;
}
#maincol h2#h_history{
	background:url(../img/headline/h_history.gif) no-repeat 0 0;
}
#maincol h2#h_statement{
	background:url(../img/headline/h_statement.gif) no-repeat 0 0;
}
#maincol h2#h_unified{
	background:url(../img/headline/h_unified.gif) no-repeat 0 0;
}
#maincol h2#h_finance{
	background:url(../img/headline/h_finance.gif) no-repeat 0 0;
}
#maincol h2#h_wlb{
	background:url(../img/headline/h_wlb.gif) no-repeat 0 0;
}
#maincol h2#h_newsbn{
	background:url(../img/headline/h_newsbn.gif) no-repeat 0 0;
}
#maincol h2#h_koubo{
	background:url(../img/headline/h_koubo.gif) no-repeat 0 0;
}

#subcol #n_contents h2{
	margin:9px 0 0 0;
	padding:0;
	width:94px;
	height:32px;
	text-indent:-9000px;
	background:url(../img/headline/h_contents.gif) no-repeat 0 0;
}



/* -------------------------------------------- */
/* -------------------------------------------- */

/* indexページ指定
----------------------------------------------- */
#bg_btmgrad.index{
	padding-bottom:20px;
}
#subcol.index{
	float:none;
	position:relative;
	margin:0 0 0 15px;
	padding:0 0 1px 0;
	width:850px;
	height:546px;
	text-indent:-9000px;
	background:url(../img/index/indeximage.jpg) no-repeat 0 22px;
	border-bottom:1px solid #C3E8FF;
}
#maincol.index{
	position:relative;
	padding:15px 0 0 15px;
	float:none;
	width:840px;
}
#maincol.index .i_125th{
	position:absolute;
	right:0;
	bottom:0;
}
#subcol.index #n_contents{
	position:absolute;
	top:0;
	left:625px;
	padding:63px 0 0 40px;
	width:220px;
	height:546px;
	overflow:hidden;
	background:url(../img/index/index_ncontentsbg.jpg) no-repeat 0 0;
}
#subcol.index #n_school{
	position:absolute;
	top:329px;
	left:0px;
}
#maincol.index #col_news{
	width:712px;
	background:url(../img/common/doty.gif) repeat-y 94px 0;
}
#maincol.index #col_news:after{
	content: "."; 
	display: block; 
	height: 0%; 
	clear: both; 
	visibility: hidden;
}

#maincol.index #col_news .left{
	float:left;
	width:100px;
}
#maincol.index #col_news .right{
	float:right;
}
#maincol.index #col_news h2{
	margin:0 0 4px 0;
	width:92px;
	height:23px;
	background:url(../img/index/h_indexnews.gif) no-repeat 0 0;
}
#maincol.index #col_news .b_newsbn a{
	display:block;
	width:92px;
	height:18px;
	text-indent:-9000px;
	text-decoration:none;
	background:url(../img/index/b_newsbn.gif) no-repeat 0 0;
}
#maincol.index #col_news .b_newsbn a:hover{
	background-position:0 -18px;
}
#maincol.index #col_news dl{
	margin:0;
	width:600px;
}

/* -------------------------------------------- */
#subcol.index #n_contents h2{
	margin:0;
	padding:0;
	width:94px;
	height:32px;
	text-indent:-9000px;
	background:url(../img/index/h_contents.gif) no-repeat 0 0;
}
.index #n_contents li a{
	display:block;
	width:140px;
	height:32px;
	text-indent:-9000px;
	text-decoration:none;
}
.index #n_contents li#n_message a{
	background:url(../img/index/n_message.gif) no-repeat 0 0;
}
.index #n_contents li#n_history a{
	background:url(../img/index/n_history.gif) no-repeat 0 0;
}
.index #n_contents li#n_statement a{
	background:url(../img/index/n_statement.gif) no-repeat 0 0;
}
.index #n_contents li#n_unified a{
	background:url(../img/index/n_unified.gif) no-repeat 0 0;
}
.index #n_contents li#n_finance a{
	background:url(../img/index/n_finance.gif) no-repeat 0 0;
}
.index #n_contents li#n_wlb a{
	background:url(../img/index/n_wlb.gif) no-repeat 0 0;
}
.index #n_contents li#n_koubo a{
	background:url(../img/index/n_koubo.gif) no-repeat 0 0;
}

.index #n_contents li#n_message a:hover,
.index #n_contents li#n_history a:hover,
.index #n_contents li#n_statement a:hover,
.index #n_contents li#n_unified a:hover,
.index #n_contents li#n_finance a:hover,
.index #n_contents li#n_wlb a:hover,
.index #n_contents li#n_koubo a:hover{
	background-position:-140px 0;
}
.index #n_contents li#n_index.selected a,
.index #n_contents li#n_message.selected a,
.index #n_contents li#n_history.selected a,
.index #n_contents li#n_statement.selected a,
.index #n_contents li#n_unified.selected a,
.index #n_contents li#n_finance.selected a,
.index #n_contents li#n_wlb.selected a,
.index #n_contents li#n_koubo.selected a{
	background-position:-280px 0;
}
/* -------------------------------------------- */
.index #n_school{
	padding:0;
	background:none;
}
.index #n_school li a{
	display:block;
	margin:0 0 1px 0;
	width:580px;
	overflow:hidden;
	text-indent:-9000px;
	text-decoration:none;
}
.index #n_school li#n_ac a{
	height:60px;
	background:url(../img/index/n_ac.jpg) no-repeat 0 0;
}
.index #n_school li#n_hs a{
	height:30px;
	background:url(../img/index/n_hs.jpg) no-repeat 0 0;
}
.index #n_school li#n_ms a{
	height:30px;
	background:url(../img/index/n_ms.jpg) no-repeat 0 0;
}
.index #n_school li#n_gs a{
	height:30px;
	background:url(../img/index/n_gs.jpg) no-repeat 0 0;
}
.index #n_school li#n_kg a{
	height:30px;
	background:url(../img/index/n_kg.jpg) no-repeat 0 0;
}
.index #n_school li#n_ac a:hover{
	background-position:0 -60px ;
}
.index #n_school li#n_hs a:hover,
.index #n_school li#n_ms a:hover,
.index #n_school li#n_gs a:hover,
.index #n_school li#n_kg a:hover{
	background-position:0 -30px ;
}


/* -------------------------------------------- */
/* -------------------------------------------- */

/* メッセージページ指定
----------------------------------------------- */
#col_message{
}
#col_message img{
	float:right;
}
#col_message h3{
	width:358px;
	height:45px;
	text-align:right;
}
#col_message p{
	width:360px;
}



/* -------------------------------------------- */
/* -------------------------------------------- */

/* 沿革ページ指定
----------------------------------------------- */
.col_history{
	margin:30px 0 1px 0;
	width:590px;
	background:url(../img/common/col_history_mid.gif) repeat-y 0 0;
}
.col_history dl{
	margin:1em 0 0 0;
	padding:0 25px 8px 25px;
	background:url(../img/common/col_history_btm.gif) no-repeat left bottom;
}
.col_history dl dt{
	float:left;
	width:14em;
}
.col_history dl dt .year{
	float:left;
	width:10.5em;
}
.col_history dl dt .month{
	float:right;
	text-align:right;
	width:3em;
}
.col_history dl dd{
	margin:8px 0;
	padding-left:15em;
}

#his1855 h3,
#his1900 h3,
#his1948 h3{
	margin:0 0 0 1px;
	padding:0;
	text-indent:-9000px;
	height:61px;
}
#his1855 h3{
	background:url(../img/headline/h_1885.jpg) no-repeat 0 0;
}
#his1900 h3{
	background:url(../img/headline/h_1900.jpg) no-repeat 0 0;
}
#his1948 h3{
	background:url(../img/headline/h_1948.jpg) no-repeat 0 0;
}


.history-link:after{
	content: "."; 
	height:1%;
}
.history-link li{
	float:left;
}
.history-link li a{
	display:block;
	width:193px;
	height:72px;
	text-indent:-9000px;
	text-decoration:none;
}
.history-link li.left,
.history-link li.middle{
	margin:0 5px 0 0;
}
.history-link li.left a{
	background:url(../img/nav/his1855a.gif) no-repeat 0 0;
}
.history-link li.middle a{
	background:url(../img/nav/his1900a.gif) no-repeat 0 0;
}
.history-link li.right a{
	background:url(../img/nav/his1948a.gif) no-repeat 0 0;
}
.history-link li.left a:hover,
.history-link li.middle a:hover,
.history-link li.right a:hover{
	background-position:0 -72px;
}



/* -------------------------------------------- */
/* -------------------------------------------- */

/* 教育理念ページ指定
----------------------------------------------- */
h4.h_s1,
h4.h_s2,
h4.h_s3{
	width:580px;
	height:45px;
	text-indent:-9000px;
}
h4.h_s1{
	background:url(../img/headline/h_s1.gif) no-repeat 0 0;
}
h4.h_s2{
	background:url(../img/headline/h_s2.gif) no-repeat 0 0;
}
h4.h_s3{
	background:url(../img/headline/h_s3.gif) no-repeat 0 0;
}



/* -------------------------------------------- */
/* -------------------------------------------- */

/* 一貫教育ページ指定
----------------------------------------------- */
dl.unified{
	margin: 0 2px;
	padding:14px 25px;
	border:2px solid #eee;
}
dl.unified dt{
	margin:0.5em 0 0 0;
	font-weight:bold;
	color:#333;
}
.col_unified{
	margin: 0 2px;
	padding:14px 25px;
	border:2px solid #eee;
}
.col_unified img{
	margin:6px 0 10px 12px;
	float:right;
}
.col_unified dl{
}
.col_unified dl dt{
	margin:0.6em 0 0 0;
	font-weight:bold;
	color:#333;
}

.unified-link{
	margin:28px 0 0 0;
}
.unified-link ul{
	padding:0 0 0 2px;
}
.unified-link li{
	float:left;
	margin:0 0 8px 0;
}
.unified-link li.left{
	margin-right:22px;
}



/* -------------------------------------------- */
/* -------------------------------------------- */

/* 財政ページ指定
----------------------------------------------- */

dl.finance dt{
	float:left;
	padding:0.4em 0 0.4em 20px;
    width:340px;
	background:url(../img/common/pdf.gif) no-repeat left center;
}
dl.finance dd{
	padding:0.4em 0 0.4em 0;
}


/* ワーク・ライフ・バランス　ページ指定
----------------------------------------------- */





/* -------------------------------------------- */
/* -------------------------------------------- */

/* 新着情報バックナンバー　ページ指定
----------------------------------------------- */
#col_news dl{
	margin:30px 0 0 2px;
}
#col_news dt{
	float:left;
	width:8em;
}
#col_news dd{
	padding-left:8em;
}


/* ボタン指定
----------------------------------------------- */
.b_topagetop{
	padding-left:525px;
}
#footerwrap .b_topagetop{
	padding-left:780px;
}
.b_topagetop a{
	display:block;
	width:65px;
	height:15px;
	text-indent:-9000px;
	overflow:hidden;
	text-decoration:none;
	background:url(../img/nav/b_topagetop.gif) no-repeat 0 0;
}
.b_topagetop a:hover{
	background-position:0 -15px;
}

















