@charset "UTF-8";

#main{
  color: #333;
}

h1 {
  position: relative;
  margin: 0 auto 40px auto;
}

h1 > span {
  position: absolute;
  top: 10%;
  left: 20px;
  display: block;
  color: #005082;
  font-size: 5.6vw;
  font-weight: bold;
  line-height: 1.4;
  margin: auto 0;
}

/*common link style*/
.arrow_link,
.pdf_link,
.excel_link,
.word_link,
.ppt_link,
.movie_link{
  background:url(../../../common/images/ico_pdf.gif) center left no-repeat;
  margin-left:.2em;
  padding-left:13px;
}
.extnl_link{
  background:url(../../../common/images/extnl_link.gif) center left no-repeat;
  margin-left:.2em;
  padding-left:14px;

}

.arrow_link{background:url(../../../common/images/link_txt02_off.gif) center left no-repeat;}
.excel_link{background:url(../../../common/images/ico_excel.gif) center left no-repeat;}
.word_link{background:url(../../../common/images/ico_word.gif) center left no-repeat;}
.ppt_link{background:url(../../../common/images/ico_ppt.gif) center left no-repeat;}
.movie_link{background:url(../../../common/images/ico_movie.gif) center left no-repeat;}

.arrow_link a:hover, 
.extnl_link a:hover,
.txt02_link a:hover,
.pdf_link a:hover,
.excel_link a:hover,
.word_link a:hover,
.ppt_link a:hover,
.movie_link a:hover{text-decoration:none; color:#eaeaea;color:#039;
  }

/* .lower-sub-head
--------------------------------------------------*/
.lower-sub-head {
  margin: 0 0 18px 0;
  padding: 0 0 0 17px;
  width: 100%;
  border-bottom: none;
  background: url(/volunteer/seminar/images/icon_sub-head.png) left 2px no-repeat;
  background-size: 13px 13px;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  color: #007abd;
  font-size: 0.875rem;
}

/*common table (/application/css/style.cssより流用)
--------------------------------------------------*/
table.table_r01{
  width:100%;
  margin: 29px 0 35px;
  border:1px solid #eaeaea;
}

table.table_r01 th{
  padding:15px 0;
  line-height:1.4;
  background:#0077c0;
  color:#fff;
  font-size:90%;
  font-weight:normal;
  border-right:1px solid #fff;
  border-bottom:1px solid #fff;
}

table.table_r01 td{
  background:#fff;
  color:#333;
  font-size:90%;
  font-weight:normal;
  border-left:1px solid #eaeaea;
  border-bottom:1px solid #eaeaea;
  line-height: normal;
  padding:15px;
  border-right: 1px solid #eaeaea;
}

/*-------------End common table-------------*/

#main {
  width: 100%;
}

#main h1 img{
  width: 100%;
}

#inner{
  margin: 0 auto;
  width: 87%;
}

#inner a{
  text-decoration: underline;
}
#inner p{
  margin: 0;
}

#inner .topic{
  margin-bottom: 39px;
}

#inner .topic .resume{
  margin-top: 6%;
}

#inner .topic ul.list-multiple li{
  margin-left: 16px;
  list-style-type: disc;
}

#inner .topic table tr th.table-ttl{
  text-indent: 11px;
  letter-spacing: 11px;
}

#inner .topic table tr th.table-subttl{
  background-color: #f4f4f4;
  color: #333;
}
#inner .topic table tr td{
  position: relative;
  padding-bottom: 28px;
}

#inner .topic table tr td a{
  position: absolute;
  bottom: 7px;
  right: 10px;
  font-weight: bold;
}

#inner a img{
  margin: 0 3px 1px 0;
  width: 12px;
  height: 13px;
  vertical-align: sub;
}

/*contry_container
--------------------------------------------------*/
#inner .topic .contry_container {
	width: 100%;
	display: flex;
}
#inner .topic .contry_box {
	width: 50%;
}
#inner .topic .contry_list_container {
	padding-bottom: 30px;
}

/*-------------End common table-------------*/