@charset "UTF-8";
/* CSS Document */
/*----------------------------------------------------
	共通
----------------------------------------------------*/
html {
	
	} 
body {
	font-family: "ヒラギノ角ゴ", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	font-size : 10px;
	line-height: 1em;
}
/* clearfix */
#header:after,
#container:after,
#contents:after,
.clearfix:after{
	content:" ";
	display:block;
	height:0;
	line-height:0;
	clear:both;
	visibility:hidden;
}
#header,
#container,
#contents,
.clearfix{
	display:inline-block;
	min-height:1%;
}
/* Hides from IE-mac */
* html #header,
* html #container,
* html #contents,
* html .clearfix{height:1%;}
#header,
#container,
#contents,
.clearfix{display:block;}
/* リンク */
a:link,a:visited {
	text-decoration: underline;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #333;
}
a.over,
.over {cursor: pointer;}
/* 画像 */
img.max-width {
     max-width: 100%;
     height: auto;
     display:block;
}
/* 余白/フロート */
.clear{clear:both;}
.left{ float:left;  }
.right{ float:right; }
.align-c{ text-align:center; }
.align-r{ text-align:right; }
.align-l{ text-align:left; }
.mgB0{   margin-bottom:0px;  }
.mgB5{   margin-bottom:5px;  }
.mgB10{  margin-bottom:10px; }
.mgB15{  margin-bottom:15px; }
.mgB20{  margin-bottom:20px; }
.mgB30{  margin-bottom:30px; }
.mgB40{  margin-bottom:40px; }
.mgB50{  margin-bottom:50px; }
.mgB80{  margin-bottom:80px; }
.mgT0{   margin-top:0px;  }
.mgT5{   margin-top:5px;  }
.mgT10{  margin-top:10px; }
.mgT15{  margin-top:15px; }
.mgT20{  margin-top:20px; }
.mgT30{  margin-top:30px; }
.mgT40{  margin-top:40px; }
.mgT50{  margin-top:50px; }
.mgT90{  margin-top:90px; }
.mgR0{   margin-right:0px;  }
.mgR5{   margin-right:5px;  }
.mgR10{  margin-right:10px; }
.mgR15{  margin-right:15px; }
.mgR20{  margin-right:20px; }
.mgR30{  margin-right:30px; }
.mgR40{  margin-right:40px; }
.mgR50{  margin-right:50px; }
.mgR80{  margin-right:80px; }
.mgL0{   margin-left:0px;  }
.mgL5{   margin-left:5px;  }
.mgL10{  margin-left:10px; }
.mgL15{  margin-left:15px; }
.mgL20{  margin-left:20px; }
.mgL30{  margin-left:30px; }
.mgL40{  margin-left:40px; }
.mgL50{  margin-left:50px; }
.mgL60{  margin-left:60px; }
.mgL70{  margin-left:70px; }
.mgL80{  margin-left:80px; }
.mgL90{  margin-left:90px; }
.mgL100{  margin-left:100px; }
.mgL110{  margin-left:110px; }
.pdgB0{   padding-bottom:0px;  }
.pdgB5{   padding-bottom:5px;  }
.pdgB10{  padding-bottom:10px; }
.pdgB15{  padding-bottom:15px; }
.pdgB20{  padding-bottom:20px; }
.pdgB30{  padding-bottom:30px; }
.pdgB40{  padding-bottom:40px; }
.pdgB50{  padding-bottom:50px; }
.pdgT0{   padding-top:0px;  }
.pdgT5{   padding-top:5px;  }
.pdgT10{  padding-top:10px; }
.pdgT15{  padding-top:15px; }
.pdgT20{  padding-top:20px; }
.pdgT30{  padding-top:30px; }
.pdgT40{  padding-top:40px; }
.pdgT50{  padding-top:50px; }
.pdgR0{   padding-right:0px;  }
.pdgR5{   padding-right:5px;  }
.pdgR10{  padding-right:10px; }
.pdgR15{  padding-right:15px; }
.pdgR20{  padding-right:20px; }
.pdgR30{  padding-right:30px; }
.pdgR40{  padding-right:40px; }
.pdgR50{  padding-right:50px; }
.pdgL0{   padding-left:0px;  }
.pdgL5{   padding-left:5px;  }
.pdgL10{  padding-left:10px; }
.pdgL15{  padding-left:15px; }
.pdgL20{  padding-left:20px; }
.pdgL30{  padding-left:30px; }
.pdgL40{  padding-left:40px; }
.pdgL50{  padding-left:50px; }
/* フォントサイズ */
.font8 {font-size:0.8em;}
.font9 {font-size:0.9em;}
.font10 {font-size:1em;}
.font12 {font-size:1.2em;}
.font14 {font-size:1.4em;}
.font16 {font-size:1.6em;}
.font18 {font-size:1.8em;}
.font20 {font-size:2.0em;}
.font24 {font-size:2.4em;}
.font28 {font-size:2.8em;}
/*フォントカラー*/
.jnet-bl {color: #0969b3;}
.b{font-weight:bolder;}
.jnet-red{color: #e4007f;}
.jnet-red a{color: #e4007f;}
/*----------------------------------------------------
	レイアウト
----------------------------------------------------*/
html,
body {
	width: 100%;
	height: 100%;
}
#wrapper {
	width: 100%;
	height: 100%;
}
/*header===================================*/
#header {
	width: 100%;
	display: table;
	line-height: 1em;
}
#header .header-left {
	background-color: #0969b3;
	width: 240px;
	min-width: 240px;
	height: 400px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#header .header-right{
	background-color: #fff;
	height: 400px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	position: relative;
}
#header #jaist-home {
	position: absolute;
	top: 15px;
	right: 15px;
}
/*container===================================*/
#container {
	width: 100%;
	display: table;
}
#gnav {
	background-color: #fff;
	width: 240px;
	min-width: 240px;
	display: table-cell;
	text-align: center;
	vertical-align: top;
}
#gnav .g-menu li a {
	width: 100%;
	display: block;
	padding-top: 27px;
	padding-bottom: 26px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdfdf;
}
#gnav .g-bnr li a {
	width: 100%;
	display: block;
	padding-bottom: 10px;
}
#mainarea {
	background-color: #eff2f8;
	display: table-cell;
	text-align: center;
	vertical-align: top;
}
/*footer===================================*/
#footer {
	width: 100%;
	color: #fff;
	background-color: #639;
	display: table;
	font-size: 1.4em;
	line-height: 2em;
}
#footer .footer-left {
	background-color: #fff;
	width: 240px;
	min-width: 240px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#footer .footer-right{
	background-color: #0969b3;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 40px 0px;
}
#footer .bnr {
	overflow: hidden;
}
#footer .bnr li {
	display: block;
}
#footer .locate {
	clear: both;
}
#footer a:link,
#footer a:visited {
	color: #fff;
	text-decoration: underline;
}
#footer a:hover {
	color: #fff;
	text-decoration: none;
}

/* 左サイドメニューのリンクエリア(2020/08/03)===================================*/
ul.sidelink_area{
	
}
ul.sidelink_area li{
	
	width: 200px;
	height: 54px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4px;
	display: block;
}
ul.sidelink_area li a{
	width: 200px;
	height: 54px;
	margin: 0;
	padding: 0;
	padding-bottom: 0 !important;
	color: #FFF;
	text-decoration: none;
	font-size: 2em;
	display: block;
	background-color: #0969B3;
	box-sizing: border-box;
	line-height: 54px;
	padding-top: 0px;
}
ul.sidelink_area li a.double_text{
	padding-top: 5px;
	line-height: 1.2em;
}
ul.sidelink_area li.li_jaistso a{
	background-color: #169bc6;
}
ul.sidelink_area li.li_jaistso{
	margin-bottom: 20px;
}

/*共通===================================*/
.wrapper-wide {
	width: 960px;
	/*background-color:#3C6;*/
	margin: 0 auto;
}
.wrapper-narrow {
	width: 760px;
	margin: 0 auto;
	text-align: center;
}
.shdw {
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.2) 0px 6px 3px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 6px 3px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 6px 3px 1px;
}