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


/* ----共通---- */
a.icon_blank{
	margin: 6px 0px 6px 0px;
	padding: 1px 16px 1px 0px;
	background: url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/06/icon_blank.png) no-repeat right 2px;
}


.arrow{
	background-image: url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/06/icon_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:14px;	
}

.arrow_l{
	background-image: url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/06/icon_arrow.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left:8px;	
}

a:hover img,
a:active img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}

/* ----header---- */

header{
	background:#FFFFFF;	
}


.header_in{
	max-width:1140px;
	margin:20px auto;		
}

.site_logo{
	display:block;
	float:left;		
}

.sub_menu_box{
	text-align: right;
	padding-top:30px;
	}

ul.sub_menu li{
	display:inline-block;
	text-align:left;
	border-left: 1px solid #999;
	padding:0 25px 0 18px;
}

ul.sub_menu .b-r{
	border-right: 1px solid #999;
	padding:0 23px;	
}


/* ----nav---- */
nav{
	margin:0 auto;
	padding:0;
	width:100%;　/* 横幅いっぱい */
	height:48px;
	background:#5E004A;
    position: relative;
}


/* ----nav_menu---- *//* 常に表示されているheaderメニュー */
.nav_menu {
    padding: 0;
	margin:0 auto;
    width: 1140px;
	height:48px;
    list-style: none;
	background:#5E004A;
}

.nav_menu_wrap {
	float: left;
	text-align: center;
	width:189px;
	border-left:1px solid #784B6E;
	font-size:16px;
}

.nav_menu_wrap a{
    padding: 12px 0;
	color:#FFF;
    display: block;
	text-decoration: none;
	vertical-align: middle;	
}

.nav_menu_wrap a:hover,
.nav_menu_wrap a:active {
	color:#333;
	overflow:hidden;
    background: #EBE0E9;
}




 /*----nav_menu---- *//* ホバー時出現するメニュー */
.nav_menu_child {
    position: absolute;
	z-index:999;
	left: -1px;
	top:48px;
    display: none;
    background: #EBE0E9;
	font-size:14px;	
	text-align:left;
	width:100%;
	padding: 20px 0 20px 40px;
	}
	
.nav_menu_child div{
	margin: 0 auto;
	width:1140px;
}	

.nav_menu_child li{
	width:350px;
	float:left;
}	


.nav_menu_child li a{
	background-image: url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/06/icon_arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	color:#333;
	padding-left:10px;
	text-decoration:underline;
}


.nav_menu_child li a:hover,
.nav_menu_child li a:active{
	background-image: url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/06/icon_arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration:none;
}


.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden
}

.fixed2 {
    position: fixed;
    top: 144px;
    width: 100%;
    z-index: 10000;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden
}


.nav_menu_child div li a img{
	padding:0 0 7px 5px;
}



 /*----main-visual---- */
 
 
#main-visual{
	margin:0 auto;
	width:1140px;
}


 /*----section-top-news---- *//* NEWS */
 
#section-top-news{
	background:#EBE0E9;
	margin:10px 0;
	width:100%;
}

.top-news,
.top-schools{
	margin:0 auto;
	width:1140px;
	padding-bottom:30px;
}

.top-news h2,
.top-schools h2{
	padding:45px 0 20px 0;
}



.top-news-box{
	width:1140px;
	background:#FFF;
}

dl.news-list{
	display:block;
	position:relative;
	height:200px;
	padding: 20px 30px 0px 40px;
	margin-bottom: 30px;
	overflow: auto;
	}
 
 
dl.news-list dt{
	display:block;
	position:relative;
	float: none;
	width: 170px;
	padding: 8px 0px 10px 30px;
	margin: 5px 0px 5px 0px;
	color: #666666;	
}

dl.news-list dd{
	display:block;
	position:relative;
	text-align: left;
	overflow: hidden;
	float: none;
	padding: 0px 0px 10px 190px;
	margin: 10px 0px 10px 0px;
	margin-top: -38px;
	background: url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/06/icon_arrow.png)  no-repeat 175px 30%;
	border-bottom: 1px solid #E0DDE1;
}

dl.news-list dd span.new{
	color: #ff6633;
	font-size: 14px;
	font-weight: bold;
	vertical-align: bottom;
}

.top-new-btn a{
	display: inline-block;
	color:#FFF;
	text-decoration:none;
	background:#5E004A;	
	width:10%;
	text-align:center;
	font-size:105%;
	float:right;
	padding:5px 8px;
	marign:50px 0;
}

.top-new-btn a:hover,
.top-new-btn a:active {
	background: #965A8A;
}
 
 
 /*----top-schools---- *//* 設置校 */
.top-schools-box ul li{
	float:left;	
	width:25%;
	font-size:95%;
}

.top-schools-box ul li p{
	padding-top:10px;
	text-align:center;
	padding-right:10px;
}


/*----footer---- */

footer{
	background:#E8E8E8;
}

#section-footer{
	margin:0 auto;
	width:1140px; 
	padding	:20px 0;
}

.footer_in{
	text-align:center;
}

.footer_in p{
	font-weight:bold;
	
}

.footer_in p,address{
	padding-top:20px;
	
}

.otoi-btn a{
	display: inline-block;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	font-size:105%;
	padding: 5px 35px 5px 20px;
	margin: 4px 6px 6px 0px;
	background:#5E004A url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/06/icon_blank_w.png) no-repeat  90% 50%;
	font-weight:normal;
}

.otoi-btn a:hover,
.otoi-btn a:active {
	background: #965A8A url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/06/icon_blank_w.png) no-repeat  90% 50%;
}

.copyright{
	text-align:center;
	font-weight:normal;
	padding-top:15px;
}


#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}

#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}

#page-top a:hover {
    text-decoration: none;
    background: #999;
}




/*----パンクズ---- */


.pankuzu_wrap{
	height:50px;
	background:#E8E8E8;
}

.pankuzu{
	width:1140px;
	margin:0 auto;
	padding:16px 0;
	font-size:14px;
	color:#333333;
}

.pankuzu li{
	float:left;
	margin-right:14px;
}




/*----各ページ共通---- */


#contents{
	width:1140px;
	margin:40px auto 80px auto;
}

#contents h2{
	font-size:32px;	
	color:#5E004A;
	border-bottom:1px solid #5E004A;
	margin:50px 0 35px 0;
}

#contents h3{
	font-size:20px;	
	color:#5E004A;
	border-bottom:1px solid #5E004A;
	margin:45px 0 25px 0;
}


#contents h4{
	font-size:16px;	
	color:#333;
	border-bottom:1px solid #333;
	margin:40px 0 25px 0;
}


#contents h5{
	font-size:16px;	
	color:#333;
	margin:30px 0;
}



.annotate{
	font-size:80%;
	color:#666;	
}

.mt10{
	margin-top:10px;
}

.mt20{
	margin-top:20px;
}

.mt30{
	margin-top:30px;
}

.mt40{
	margin-top:40px;
}

.mt50{
	margin-top:50px;
}


.mb5{
	margin-bottom:5px;
}

.mb10{
	margin-bottom:10px;
}

.mb15{
	margin-bottom:15px;
}


.mb20{
	margin-bottom:20px;
}

.mb30{
	margin-bottom:30px;
}

.box_l{
	margin:0 0 20px 20px;
	float:right;
	text-align:right;}
	
.box_r{
	margin:0 20px 20px 0;
	float:left;
	text-align:right;}

.bo{
	font-weight:bold;
	color:#666;		
}

.bo_b{
	font-weight:bold;
}

.img_bo{
	border:1px solid #CCC;
}

.disc li{
	background-image: url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/06/icon_disc.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 2px 0 4px 12px;
}


li.disc_none, .disc_none li{
	background:none;
}

ol li{
	list-style-type:decimal;
	
}

.icon_pdf{
	background-image: url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/06/icon_pdf.png) ;
	background-position: right center;
	background-repeat: no-repeat;
    margin: 6px 0;
    padding: 1px 17px 0 0;
}

.bo_l{
	font-weight:bold;
	color:#666;
	width:20%;
}

.f_big{
	font-weight:bold;
	font-size:115%;
}

.f_sm{
	font-size:80%;
}

.f_col{
	color:#5E004A;	
}

.f_line{
	text-decoration:underline;
	
}

.hr{
	border:1px solid #EAEAEA;
}


/*----about---- */

.message_tb{
	width:100%;
	border-collapse:collapse;
 }

.message_tb td{
	border-bottom:1px solid #CCC;
	padding:7px 0;	
}

/*----history---- */

.ph_box_r{
	width:275px;
	float:left;
	margin-top:10px;	
}

.ph_box_r img, .ph_box_l img{
	padding-bottom:8px;	
}

.ph_box_r p, .ph_box_l p{
	margin-left:8px;	
}

.ph_box_l{
	width:275px;
	float:left;
	margin:10px 0 0 10px;	
}

.menu_box p a{
	border:1px solid #CCCCCC;
	padding:5px 11px 5px 16px;
	display:inline;
	float:left;
	margin:0 10px 10px 0;
	text-decoration:none;
	background-color: #D5D5D5;
	color:#333333;
	background-image: url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/06/icon_arrow_gray.png);
	background-repeat: no-repeat;
	background-position: 8px center;
}

.menu_box p a:hover,
.menu_box p a:active{
	color:#FFF;
	background-color: #666666;
	background-image: url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/06/icon_arrow_white.png);
	background-repeat: no-repeat;
	background-position: 7px center;
	}

.ph_box-s_r{
	width:130px;
	float:left;
	margin-top:10px;
}

.ph_box-s_l{
	width:130px;
	float:left;
	margin:10px 0 0 10px;	
}

.ph_box-s_r img, .ph_box-s_l img{
	padding-bottom:8px;	
}

.ph_box-s_r p, .ph_box-s_l p{
	margin-left:8px;	
}



/*----hall---- */
.hall_tb, .hall_tb tr, .hall_tb td{
	border:1px solid #CCC;
	border-collapse:collapse;
	padding:5px;
	}
.hall_tb th{
	text-align:left;
	padding-left:8px;
	background-color: #E7E7E7;
}



/*----130anniversary----*/


.visual_130anniversary{
	text-align:center;
	padding:80px 0;
}

.contents_box{
	width:1140px;
	
}


#anniversary_menu{
	width:100%;
	height:160px;
	background:#5E004A;
}

#anniversary_menu ul{
	width:1140px;
	margin:0 auto;
}


#anniversary_menu ul li {
	float: left;
	text-align: center;
	width:283px;
	heigth:160px;
	border-left:1px solid #784B6E;
	font-size:20px;
line-height: 160px;}
	
	
#anniversary_menu ul .last{
	border-right:1px solid #784B6E;
	
}

#anniversary_menu ul li a{
	color:#FFF;
    display: block;
	text-decoration: none;
	height:160px;
}

#anniversary_menu ul li a:hover,
#anniversary_menu ul li a:active {
	color:#333;
	overflow:hidden;
    background: #EBE0E9;
	height:160px;
}



/*----donation----*/



.donation-btn a{
	display: inline-block;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	font-size:150%;
	padding: 15px 35px 15px 20px;
	margin: 4px 6px 6px 0px;
	background:#5E004A url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/06/icon_blank_w.png) no-repeat  95% 50%;
	font-weight:normal;
}

.donation-btn a:hover,
.donation-btn a:active {
	background: #965A8A url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/06/icon_blank_w.png) no-repeat  95% 50%;
}



/*----sitemap----*/
.map_ul li{
	background-image: url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/06/icon_arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:12px;
	margin:10px 0 0 10px;
	font-weight:bold;
	color:#333;
}


.map_ul ul li{
	background-image: url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/06/icon_arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:12px;
	margin-left:45px;
	color:#333;
	font-weight:normal;
}

/*----news----*/


#contents .news_wrap{
	width:1140px;
	
}

#contents .news_main{
	width:800px;
	float:left;	
}

#contents .news_main h2{
	line-height:120%;
	margin-bottom:15px;
}

#contents .news_side{
	float:right;
	width:300px;
	font-size:90%;
}


.news_side ul li{
	border-bottom:1px dotted #ccc;
	padding-bottom:7px;
	margin-top:7px;
	
}

.news_side ul .arrow_l span{
	font-size:85%;
	color:#666;	
}


.news_main .pager{
	text-align:center;
	margin-top:50px;
}


.news_main .pager span a{
		border:1px solid #ccc;
	padding:3px 10px; 
	margin:5px;	
}


.nav_menu_wrap a{
    padding: 12px 0;
	color:#FFF;
    display: block;
	text-decoration: none;
	vertical-align: middle;	
}

.news_main .pager span a:hover,
.news_main .pager span a:active {
	color:#FFF;
	overflow:hidden;
    background: #ccc;
}

.archive{
	padding-top:55px;
}

.pt55{
	padding-top:55px;	
}

.pt30{
	padding-top:30px;	
}




/* ----プラグイン「AdQuicktag」対応スタイル（2017.10.4追加）---- */

/* ----------リンクとダウンロードファイルのアイコン---------- */

.icon_link {
	margin: 6px 0px 6px 0px;
	padding: 1px 8px 2px 18px;
	background: url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/10/icon_16_link.png) no-repeat 0px 0px;
}

/*IE10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.icon_link {
	background: url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/10/icon_16_link.png) no-repeat 0px 0px;
}
}

a.icon_pdf {
	margin: 6px 0px 6px 0px;
	padding: 1px 20px 2px 0px;
	background: url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/10/icon_16_pdf.png) no-repeat right 0px;
}

/*IE10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
a.icon_pdf {
	background: url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/10/icon_16_pdf.png) no-repeat right 0px;
}
}

a.icon_blank {
	/*common.css 6行目に記載*/
}

a.icon_excel {
	margin: 6px 0px 6px 0px;
	padding: 1px 20px 2px 0px;
	background: url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/10/icon_16_excel.png) no-repeat right 0px;
}

/*IE10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
a.icon_excel {
	background: url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/10/icon_16_excel.png) no-repeat right 0px;
}
}

a.icon_word {
	margin: 6px 0px 6px 0px;
	padding: 1px 20px 2px 0px;
	background: url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/10/icon_16_word.png) no-repeat right 0px;
}

/*IE10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
a.icon_word {
	background: url(https://houjin.hokusei.wpm.pw/hgu/wp-content/uploads/2017/10/icon_16_word.png) no-repeat right 0px;
}
}

a.icon_link:hover,
a.icon_pdf:hover,
a.icon_blank:hover,
a.icon_excel:hover,
a.icon_word:hover {

}



/*横並びの画像をスマホでも横並びのまま表示するtable　のstyle罫線無し**/

table.table_img_2column {
	border: none !important;
	display: block;
	max-width: 800px;
}

table.table_img_2column tr {
	font-size:96% !important;
	line-height:150% !important;
	border: none !important;
max-width: 800px;
table-layout: fixed;
}

table.table_img_2column th {
	font-size:96% !important;
	line-height:150% !important;
	white-space:normal !important;
	border: none !important;
}

table.table_img_2column td {
	font-size:96% !important;
	line-height:150% !important;
	border: none !important;
}

table.table_img_2column img{
	margin-bottom: 0px !important;
}