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

body {
	font-family: -apple-system,BlinkMacSystemFont,Roboto,Segoe UI,"Helvetica Neue","Noto Sans JP",YU Gothic UI,Arial,sans-serif;
    font-size: 85%;
}

/* for IE6 */
* html body {
    font-size: 82%;
}

/* for IE7 */
*:first-child+html body {
    font-size: 82%;
}

#Container, #NaviMenu, .news { font-family:Arial, Helvetica, sans-serif;}

/*h1, h2, h3, h4 {
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	}*/

.clearfix:after {
  content: ".";
  display: block ;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }


/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clr {
	clear:both;
	display:block;

}

p {
	font-size:100%;
	color: #333333;
}
strong { font-weight:bold;}

.hover_color{
	color:#02319D;
	}

a { color:#333333; text-decoration:none;}
a:hover { color:#02319D; text-decoration:underline;}
* html a:hover img{ border-bottom:#F00 1px solid; padding:-1px;}

#Wrapper {
    text-align: center;
	background-color:#F0F0E1;
}

#Header {
	width:980px;
	background:#FFFFFF;
}

#Header a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";}


#HeaderInner {
	padding:15px 20px 20px;
	border-right:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
}

#HeaderInner .credit {
	float:right;
	font-size:70%;
	color: #999999;
	padding:2px 0;}

#HeaderInner .credit span {
	padding:1px 5px 0 6px;
	border:1px #999 solid;

	}

#Container {
    width: 980px;
    margin: 0 auto;
    text-align: left;
}

#ContainerInner {
	clear:both;
}

#NaviMenu {
	width:280px;
	float:left;
	background-color:#F0F0E1;

}

#NaviMenu h2 {
	background-color:#0B308E;
	padding:15px;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:10px;
	font-size:110%;
	line-height:1.2;
}

#BnrBox {
	width:280px;
	}
#BnrBox a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";}

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

#MainContent{
	width: 690px;
	float: right;
	background-color: #FFFFFF;
	padding-bottom:30px;
}




ul#GlobalMenu{
	display:block;
	width:980px;
	height:80px;
	list-style:none;
	margin-bottom:10px;
	overflow:hidden;
}

#GlobalMenu li{
	display:block;
	float:left;
	padding:0;
	border:0;

}
#GlobalMenu a{
	display:block;
	margin:0;
	padding:0;
	height:0;
	padding-top:80px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-image:url(/adv/hosei/img/globalnavi_bkg.gif);
	overflow:hidden;
}


#GlobalMenu .top{width:164px;}
#GlobalMenu .graduate{width:163px;}
#GlobalMenu .voice{width:163px;}
#GlobalMenu .student{width:163px;}
#GlobalMenu .research{width:163px;}
#GlobalMenu .history{width:164px;}
/*#GlobalMenu .newspaper{width:164px;}*/

#GlobalMenu .top a{background-position:0 0;}
#GlobalMenu .graduate a{background-position:-164px 0;}
#GlobalMenu .voice a{background-position: -327px 0;}
#GlobalMenu .student a{background-position:-490px 0;}
#GlobalMenu .research a{background-position:-653px 0;}
#GlobalMenu .history a{background-position:-816px 0;}
/*#GlobalMenu .newspaper a{background-position:-816px 0;}*/
/* hover */
#GlobalMenu a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

* html #GlobalMenu .top a:hover{background-position:0 -80px;}
* html #GlobalMenu .graduate a:hover{background-position:-164px -80px;}
* html #GlobalMenu .voice a:hover{background-position:-327px -80px;}
* html #GlobalMenu .student a:hover{background-position:-490px -80px;}
* html #GlobalMenu .research a:hover{background-position:-653px -80px;}
* html #GlobalMenu .history a:hover{background-position:-816px -80px;}
/** html #GlobalMenu .newspaper a:hover{background-position:-816px -80px;}*/
/* nowhere */
#top #GlobalMenu .top a{background-position:0 -80px;}
#graduate #GlobalMenu .graduate a{background-position:-164px -80px;}
#voice #GlobalMenu .voice a{background-position:-327px -80px;}
#student #GlobalMenu .student a{background-position:-490px -80px;}
#research #GlobalMenu .research a{background-position:-653px -80px;}
#history #GlobalMenu .history a{background-position:-816px -80px;}
#newspaper #GlobalMenu .history a{background-position:-816px -80px;}



#to_pagetop {
	clear:both;
	text-align:right;
	margin:30px 0;
	}
#to_pagetop a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.bor_g{border: #CCCCCC 1px solid;}

.red{
	color:#ff0000;
	}

.marginmarker {
      background-color: #ffff00;
      margin-left: 0.3em;
      margin-right: 0.3em;
      }

h3 small{
	font-size:0.6em;
	font-weight:400;
	line-height:1.2;
	margin-bottom:0;
}

.accordionBtn{
	padding: 2px;
	margin: 2px 0 10px;
	background-color: #333333;
	color: white;
	text-align: center;
	font-weight: bold;
}

.span_box{
	border:1px #aaa solid;
	padding:2px;
	margin-right:3px;
}