@charset "UTF-8";

/* 全ページ共通の枠組み指定 */

body {
  margin:0;
  background-color: #e3e3e3;
  line-height: 140%;
  font-size: 12px;
}

img {
  border:0;
  margin:0;
  padding:0;
}

p {
  margin:0;
  padding:0;
}

form {
  margin: 0;
  padding: 0;
}

/* 全体 */

#wrapper {
  width: 763px;
  height:auto;
  margin: auto;
  background-color: #ffffff;
}

/* ヘッダー */

#header {
  width: 100%;
  margin:0;
}

#logo {
  float: left;
  width: auto;
  margin:8px 0 0 0;
}

#headlink {
  width:73px;
  float:right;
  margin:2em 2em 0 0;
}

#headlink a { margin:0; }

#headlink a:link {
  color:#1D2088;
  text-decoration:underline;
}

#headlink a:visited {
  color:#1D2088;
  text-decoration:underline;
}

#headlink a:hover {
  color:#1D2088;
  text-decoration:underline;
}

#headlink a:active {
  color:#1D2088;
  text-decoration:underline;
}

#headImage {
  margin:10px 0 0 0;
  float:left;
}

#mainImage { clear:both; }

/* メインエリア */

#contents {
  clear:both;
  padding:0 1.5em 1em 1.5em;
  text-align: left;
}

.formLayout { padding:20px 0 20px 40px; }

#historylink {
  padding: 0.5em 0;
  text-align: left;
}

#historylink ul {
  list-style:none;
  margin:0 0 10px 0;
}

#historylink ul li { float:left; }

#historylink ul li a, #historylink ul li span {
  background: url(../images/style_line_historylink.gif) right center no-repeat;
  padding-right:1.2em;
  margin-right:0.4em;
}

#main {
  clear:left;
  float: right;
  width:565px;
}

#subnavi {
  clear:left;
  float: left;
  line-height:2.5em;
  background-color:#94d8ff;
  width:194px;
  padding:3px;
  display:block;
}

#subnavi ul {
  list-style:none;
  margin:0;
  padding:0;
}

#subnavi ul li { margin:1px 0px 1px 1px; }

#subnavi ul li ul { margin-left:30px; }

#subnavi ul li ul li a { width:140px; }

#subnavi ul li a {
  display:block;
  width:171px;
  padding-left:20px;
  background:#FFFFFF url(../images/style_line_link.gif) 5px 10px no-repeat;
}

#subnavi ul li a.on, #subnavi ul li a:hover, #subnavi ul li a:active { background:#cccccc url(../images/style_line_link.gif) 5px 10px no-repeat; }

#gotop {
  padding: 20px 20px 20px 0;
  text-align: right;
  background-position: bottom;
  clear: both;
}

div#resultNavi {
  text-align:center;
  margin:25px 0 0 0;
}

div#resultNavi ul {
  list-style:none;
  height:auto;
  padding:0;
}

div#resultNavi ul li {
  float:left;
  width:62px;
  height:25px;
  border:#CCC solid 1px;
  line-height:25px;
  margin:0 10px 0 0;
}

div#resultNavi ul li a {
  width:62px;
  height:25px;
  display:block;
  text-decoration:none;
}

div#resultNavi ul li.w86 {width:86px;}
div#resultNavi ul li.w86 a {width:86px;}

div#resultNavi ul li#head a img, div#resultNavi ul li#ahead a img { margin-right:10px; }

div#resultNavi ul li#next a img, div#resultNavi ul li#last a img { margin-left:10px; }

div#resultNavi ul li.pageList {
  width:27px;
  height:25px;
  display:block;
}

div#resultNavi ul li.select { background:#384675; }

div#resultNavi ul li.select a { color:#FFF; }

div#resultNavi ul li.pageList a { width:27px; }

div#resultNavi ul li a:hover {
  background:#384675;
  color:#FFF;
}

div#resultNavi {
  position: relative;
  overflow: hidden;
}

div#resultNavi ul {
  position: relative;
  left: 50%;
  float: left;
  margin: 0;
  padding-left: 5px;
}

div#resultNavi ul li {
  position: relative;
  left: -50%;
}

dl#name {
  border:#cccbcb solid 1px;
  padding:1em 0 1em 1.5em;
  background-color:#f1efec;
  margin:30px 0 20px 0;
}

dl#name dt { font-weight:normal; }

dl#name dd {
  margin:0;
  font-weight: bold;
  font-size:120%;
}

div#tablist {
  height:37px;
  background:url(../../images/tab_bg.gif) 0 bottom no-repeat;
  margin:0 0 30px 0;
}

div#tablist ul {
  height:37px;
  width:85%;
  float:left;
  list-style:none;
  margin:0;
  padding:0;
}

/* ### 2021/08/27 kumagai upd start */
/*
div#tablist ul li {
  height:37px;
  list-style:none;
  margin:0 7px 0 0;
  float:left;
}

div#tablist ul li.off { margin-top:7px; }
*/
div#tablist ul li {
	display: table;
	height: 35px;
	width: 160px;
	margin-right: 5px;
	float: left;
	text-align: center;
	background-color: #b7190c;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	font-size: 14px;
	color: white;
}

div#tablist ul li.off {
	height: 28px;
	margin-top: 7px;
	background-color: #f1efec;
	color: black;
	font-weight: bold;
}

div#tablist ul li.education_social_activity_en {
	width: 230px;
	font-size: 12px;
}
	
div#tablist ul span {
	display: table-cell;
	vertical-align: middle;
}

div#tablist ul li a {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

div#tablist ul li a:link {
	color: black;
	text-decoration: none;
}

div#tablist ul li a:visited {
  color: black;
  text-decoration: none;
}

div#tablist ul li a:hover {
  color: black;
  text-decoration: none;
}

div#tablist ul li a:active {
  color: black;
  text-decoration: none;
}
/* ### 2021/08/27 kumagai upd end */

div#tablist p {
  float:right;
  margin:10px 0 0 0;
}

/* 新規追加 */

div.searchList{
  width:234px;
  height:auto;
  float:left;
}

div.searchList ul{
  width:204px;
  margin-left:15px;
  margin-right:15px;
}

div.searchList ul li{
  width:200px;
  padding-top:2px;
  padding-bottom:5px;
  margin-bottom:10px;
  border-bottom:#cccbcb solid 1px; 
}

div.searchList ul li div ul li{
  width:145px;
  border-bottom:none;
  margin:0;
  line-height:1.4;
}

/* フッター */

#footer {
  width: 100%;
  overflow: hidden;
  clear: both;
  background:url(../../images/footer_bg.gif) 0 0 no-repeat;
}

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

#footlink {
  float: left;
  width: 40%;
  text-align: left;
  font-size: 1em;
  padding: 1em 20px;
}

#footlink a {
  background: url(../images/foot_link.gif) no-repeat;
  margin: 0 1em;
}

#footlink a:link {
  color: #333333;
  text-decoration: underline;
}

#footlink a:visited {
  color: #333333;
  text-decoration: underline;
}

#footlink a:hover {
  color: #999999;
  text-decoration: underline;
}

#footlink a:active {
  color: #999999;
  text-decoration: underline;
}

#footerText {
  float:left;
  padding: 2em 0 0 1.5em;
  line-height:1.4;
}

#exclusive {
  height:21px;
  width:185px;
  float:right;
  margin:2em 2em 0 0;
}

#exclusive a { margin:0; }

#copyright {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 1em;
  padding: 1em 0 1em 1.5em;
  margin:0;
  font-family: Arial, Helvetica, sans-serif;
}

/* 全ページ共通の枠組み指定 */

.guidance {
  height:1px;
  left:-9999em;
  margin:0;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
}

/* clearfix */
.clearfix, #contents { zoom:1; }

.clearfix:after, #contents:after {
  content:".";
  display: block;
  height:0px;
  clear:both;
  visibility:hidden;
}
/* End clearfix */

/* ### 2021/08/26 kumagai add start */
#check-header {
  width: 100%;
}

div #check-only-buttons {
  background-image: url({$context-path}/uedb/image/soranback.png);
  background-repeat: repeat;
  text-align: center;
}

#refresh-box {
  border: 2px solid #a2a2a2;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #000000d4;
  color: #fff;
  position: fixed;
  top: 0px;
  z-index: 100;
  width: 100%;
}

#refresh-box-message {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  margin-right: 20px;
  text-align: left;
  width: 90%;
  line-height: 2;
}

#refresh-box-button {
  display: inline-block;
  vertical-align: middle;
}

#upload-message {
  text-align: center;
  font-size: 14px;
  display: none;
  margin-top: 10px;
}
/* ### 2021/08/26 kumagai add end */
/* ### 2021/10/04 kumagai add start */
#refresh-button {
  font-size: 14px;
  padding: 7px;
  margin: 5px;
}

.btn-boot3 {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid #0000;
  border-radius: 4px;
}

.btn-primary-custam {
  background-color: #e6e6e6;
  border-color: #8c8c8c;
  color: #333;
}

.btn-primary-custam:hover {
  background-color: #ccc;
  border-color: #333;
  color: #333;
}

.check-form {
  text-align: center;
  display: inline-block;
}
/* ### 2021/10/04 kumagai add end */