@charset "shift_jis";
@import url('gnavi.css');
 
/*layout style*/



h3{
	margin-bottom:20px;
}

h3.glocal_training{
    color:#1f94ca;
    font-size:20px;
}

h4{
	font-size:18px;
	color:#0077c0;
	margin-bottom:20px;
}

h5{
	font-size:14px;
	color:#333333;
	font-weight:bold;
	margin-bottom:10px;
}
h5.blue {
	color:#0077c0;
}
.small{
	/*font-size:12px;*/
	font-size:80%;
	line-height:16px;
}

.ssmall{
	/*font-size:10px;*/
	font-size:90%;
}

.ssmallsize{
	font-size:10px;
}

.pdgB40{
	padding-bottom: 40px;
}

.pdgB20{
	padding-bottom: 20px;
}

.mgt1em {
	display: block;
	margin-top: 1em;
}

.fcR{
	color: red;
}

.fcB{
	color: #0077c0;
}

.bld{
	font-weight: bold;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.ov{
	overflow: hidden;
}

.line-th{
    text-decoration: line-through;
}

.checkHere {
	color: black;
	font-size: 16px;
}

/*////// SEARCH PAGE //////*/

.gsc-selected-option{
	width:75px !important;
}


/*////// HEADER //////*/

#header{
	width:100%;
	text-align:center;
}

#header .headerInner{
	width:1000px;
	overflow:hidden;
	margin:0 auto;
}

#header .headerInner h1{
	width:190px;
	float:left;
	margin:75px 0 19px 0;
}


#header .headerInner #headerNavi{
	height:30px;
	overflow:hidden;
	float:right;
	margin-top:14px;
	padding-right:5px;
}
/*-- ���₢���킹��{�^�� --*/
#header .headerInner #headerNavi .contactlist {
	float:left;
	width:128px;
	height:18px;
	margin:6px 15px 0 0;
}

#header .headerInner #headerNavi dl{
	overflow:hidden;
	float:left;
	width:120px;
	height:18px;
	margin-top:6px;
}

#header .headerInner #headerNavi dt{
	float:left;
	padding-right:3px;
	line-height:19px;
}

#header .headerInner #headerNavi dd{
	float:left;
	width:25px;
	margin-left:4px;
}

#header .headerInner #headerNavi .btnJicaSite{
	float:left;
	width:81px;
	margin:6px 10px 0 10px;
}

#header .headerInner #headerNavi .googleSearch{
	float:left;
	width:240px;
	margin-left:10px;
}

#header .headerInner #headerNavi .googleSearch .gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 3px;
}

/*#header .headerInner #headerNavi .googleSearch input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    padding: 7px 11px;
	border:none;
	
}*/
#header .headerInner .gnavi{
	overflow:hidden;
	float:right;
	width:800px;
	margin:10px 0 15px 0;
}

#header .headerInner .gnavi ul{
	overflow:hidden;
	float:right;
	margin-top:16px;
}

/*////// NAVIGATION MENU //////*/


#header .headerInner .gnavi li.about{
	float:left;
}


#header .headerInner .gnavi li.about a{
	background:url(../images/v2017_gnavi_aboutjica.gif) no-repeat;
	overflow: hidden;
	display:block;
	width:138px;
	height:29px;
	border-right:1px solid #999999;
	padding-right:15px;
	margin-right:15px;
}

#header .headerInner .gnavi li.about a:hover{
	background-position:0px -29px;
}


#header .headerInner .gnavi li.people{
	float:left;
}

#header .headerInner .gnavi li.people a{
	background:url(../images/v2017_gnavi_special.gif) no-repeat;
	overflow: hidden;
	display:block;
	width:100px;
	height:29px;
	border-right:1px solid #999999;
	padding-right:15px;
	margin-right:15px;
}

#header .headerInner .gnavi li.people a:hover{
	background-position:0px -29px;
}


#header .headerInner .gnavi li.outline{
	float:left;
}

#header .headerInner .gnavi li.outline a{
	display:block;
	width:100px;
	background:url(../images/v2017_gnavi_outline.gif) no-repeat;
	overflow: hidden;
	height:29px;
	border-right:1px solid #999999;
	padding-right:15px;
	margin-right:15px;
}

#header .headerInner .gnavi li.outline a:hover{
	background-position:0px -29px;
}


#header .headerInner .gnavi li.application{
	float:left;
}


#header .headerInner .gnavi li.application a{
	display:block;
	width:96px;
	background:url(../images/v2017_gnavi_application.gif) no-repeat;
	overflow: hidden;
	height:29px;
	margin-right:15px;
}

#header .headerInner .gnavi li.application a:hover{
	background-position:0px -29px;
}
#header .headerInner .gnavi li.gnaviCurrent a{
	background-position: 0 bottom;
}


#header .headerInner .gnavi .btnBriefing{
	float:right;
}


#header .headerInner .gnavi .btnBriefing a{
	background:url(../images/v2017_btn_briefing.jpg) no-repeat;
	width:144px;
	height:63px;
	display:block;
}

#header .headerInner .gnavi .btnBriefing a:hover{
	background-position:0px -63px;
}

/*////// PAGE PATH //////*/


#header .pagePath{
	width:100%;
	height:35px;
	text-align:center;
	background:url(../images/pagePath_bg.jpg) repeat-x left top;
}

#header .pagePath ul.pagePathInner{
	width:1000px;
	text-align:left;
	margin:0 auto;
	overflow:hidden;
	padding-top:5px;
}

#header .pagePath ul.pagePathInner li{
	font-size:12px;
	float:left;
	text-decoration:underline;
	margin-right:10px;
}

#header .pagePath ul.pagePathInner li.current{
	padding-left:10px;
	background:url(../images/page_path_arrow.gif) no-repeat top left;
	background-position:0 9px;
	text-decoration:none;
}


#header .pagePath ul.pagePathInner li.crumbs{
	padding-left:10px;
	background: url(../images/page_path_arrow.gif) no-repeat top left;
	background-position:0 10px;
}





/*////// CONTAINER //////*/

#container {
	width:1000px;
	margin:40px auto;
	overflow:hidden;
}

#container #leftBox .inner {
	margin: 40px 0;	
}


/*////// SECOND STAGE LEFT BOX //////*/

#container #leftBox{
	width:730px;
	float:left;
}

#container #leftBox .inner p {
	margin-bottom: 1em;
}

#container #leftBox .inner p.no-mgbtm {
	margin-bottom: 0;
}

#container #leftBox .inner h3 {
	margin:30px 0 20px;
}




/*////// SECOND STAGE RIGHT NAVI //////*/


#rightBox{
	width:230px;
	float:right;
}

#rightBox dt{
	width:200px;
	height:26px;
	padding:14px 16px;
	background-color:#edf5fb;
	border-bottom:2px solid #0077c0;
}

#rightBox dd.inactive{
	width:185px;
	border-bottom:1px solid #eaeaea;
	background:url(../images/leftNavi_arrow_bk_off.gif) no-repeat;
	background-position:15px 23px;
	padding:15px 15px 15px 30px;
	/*font-size:13px;*/
	font-size:95%;
}

#rightBox dd.inactive.sideNavCurrent{
	width:185px;
	border-bottom:1px solid #eaeaea;
	background:url(../images/leftNavi_arrow_blue_off.gif) no-repeat;
	background-position:15px 23px;
	padding:15px 15px 15px 30px;
	/*font-size:13px;*/
	font-size:95%;
}

#rightBox dd a._blank{
	display:inline-block;
	width:auto;
	padding-right:16px;
	background: url(../images/extnl_link.gif) right center no-repeat;
}

#rightBox dd a{
	text-decoration:none;
}

#rightBox dd a:hover{
	color:#0077c0;
}

#rightBox dd{
	width:200px;
	border-bottom:1px solid #eaeaea;
	padding:15px;
	/*font-size:13px;*/
	font-size:95%;
}

#rightBox dd.bnrLink {
	padding:15px 0 0 0;
	border:none;
}

#rightBox dd dt{
	width:200px;
	height:auto;	
	background:url(../images/leftNavi_arrow_bk.gif) no-repeat top left;
	background-position:0 9px;
	background-color:#fff;
	border:none;
	color:#0077c0;
	padding:0 0 0 15px;
	/*font-size:13px;*/
	font-size:95%;
}

#rightBox dd dt.jocv-info {
    color: #333;
}

#rightBox dd dd{
	border:none;
	padding:10px;
}



/*//// Side Nav ////*/

#sideNav.-mod > dt,
#sideNav.-mod > dd {
    display: none;
}

/*
  #rightBox dd dt {
    background: url(../images/leftNavi_arrow_bk.gif) no-repeat;
    background-position: 0 7px;
    }
	*/
  #sideNav dd dl dd {
    display: none;
    }
  #sideNav dd dl dd.jocv-info {
    display: block;
    }
	
/*	
	
	
    #sideNav .inactive {
      background: url(../images/leftNavi_arrow_bk_off.gif) no-repeat;
      background-position: 0 7px;
      }
	  */
	  
	  
  #rightBox dd .sideNavCurrentDir {
    /*background: url(../images/leftNavi_arrow_blue_off.gif) no-repeat top left;*/
	background: url(../images/leftNavi_arrow_blue_on.gif) no-repeat top left;
    background-position: 0 9px;
  }
  
  .sideNavCurrentDir a:link,
  .sideNavCurrentDir a:visited,
  .sideNavCurrentDir a:hover,
  .sideNavCurrentDir a:active {
    font-weight: bold;
    }
  #rightBox dd .sideNavCurrent.sideNavCurrentDir {
    background: url(../images/leftNavi_arrow_blue_on.gif) left top
no-repeat;
    background-position: 0 9px;
    }
  .sideNavCurrent a:link,
  .sideNavCurrent a:visited,
  .sideNavCurrent a:hover,
  .sideNavCurrent a:active {
    font-weight: bold;
    color: #0077c0;
    }
	
#rightBox dd .sideNavCurrent.noneChild {
    background: url(../images/leftNavi_arrow_blue_off.gif) left top no-repeat;
    background-position: 0 9px;
    font-weight: bold;
}
    #rightBox dd .noneChild a:link,
    #rightBox dd .noneChild a:visited,
    #rightBox dd .noneChild a:hover,
    #rightBox dd .noneChild a:active {
      color: #0077c0;
      }



#rightBox .subttl {
	font-weight: bold;
	/*font-size: 14px;*/
}

#rightBox dd.last {
	border-bottom: 1px solid #666666 !important;
}

#rightBox .sidemenu-inquiry {
	text-align: center;
	margin-top: 40px;
	font-weight: 600;
	border: 4px solid #cf2f35;
	padding: 16px 16px 12px 16px;
}

#rightBox .sidemenu-inquiry p{
	margin-left: 0px;
}

#rightBox .sidemenu-inquiry .ttl-inquiry {
	font-size: 14px;
	color: #ce2f35;
	font-weight: 600;
}

#rightBox .sidemenu-inquiry .ttl-inquiry+p {
	font-size: 14px;	
}

#rightBox .sidemenu-inquiry .inquiry-number {
	font-size: 21px;
	margin-top: 6px;
	position: relative;
	padding-left: 5px;
}

#rightBox .sidemenu-inquiry .inquiry-number::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 24px;
	background: url(/volunteer/qualifier/common/images/icon_tel.png) no-repeat;
	background-size: 18px 24px;
	transform: translateY(16%);
	position: relative;
	left: -6px;
}

#rightBox .sidemenu-inquiry .inquiry-mail-box {
	margin-top: 10px;
	display: block;
	background-color:#cf2f35;
	width:190px;
	padding: 8px 0px;

}

#rightBox .sidemenu-inquiry .inquiry-mail-box a {
	color: #fff;
	text-decoration: none;
	position: relative;
	margin-left: 9px;
}

#rightBox .sidemenu-inquiry .inquiry-mail-box a::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 18px;
	background: url(/volunteer/qualifier/common/images/icon_mail.png) no-repeat;
	background-size: 24px 18px;
	transform: translateY(26%);
	position: relative;
	left: -9px;
}

/*//// ICON ////*/


a.txt02_link img{ 
	vertical-align:middle;
}

a:hover.txt02_link{
	color:#eaeaea;
}

.extnl_link{
	background:url(../images/extnl_link.gif) center left no-repeat;
	margin-left:.2em;
	padding-left:12px;
}

.arrow_link,
.pdf_link,
.excel_link,
.word_link,
.ppt_link,
.movie_link{
	background:url(../images/ico_pdf.gif) center left no-repeat;
	margin-left:.2em;
	padding-left:13px;
}
.arrow_link{background:url(../images/link_txt02_off.gif) center left no-repeat;}
.excel_link{background:url(../images/ico_excel.gif) center left no-repeat;}
.word_link{background:url(../images/ico_word.gif) center left no-repeat;}
.ppt_link{background:url(../images/ico_ppt.gif) center left no-repeat;}
.movie_link{background:url(../images/ico_movie.gif) center left no-repeat;}
h4 > .pdf_link {
	background-position: center right;
	padding-left: 0;
	padding-right: 16px;
}

h5 > .pdf_link.iconR,
h5 > .word_link.iconR,
h5 > .excel_link.iconR {
    background-position: center right;
    padding-left: 0;
    padding-right: 16px;
}

.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;
	}


.-col_inh {
  color: inherit !important;
}


/*//// PAGE TOP ////*/

/*
.pageTop{
	width:1000px;
	text-align:right;
	margin:0 auto 15px auto;
}
*/
.pageTop {
    position: relative;
	padding-bottom: 39px;
}
.pageTop.-challenge {
    background-color: #eff5fb;
}
.pageTop.-spcontent {
    background-color: #cfe6f4;
}
.pageTop a {
    position: absolute;
    right: calc(50% - 500px);
}

/*//// FOOTER ////*/

#footer{
	width:100%;
	text-align:left;
	height:50px;
	background:url(../images/footer_shadow.gif) repeat-x top left;
}

#footer .footerInner{
	width:1000px;
	text-align:left;
	margin:0 auto;
	padding:5px 0 0 0;
}

#footer .footerInner ul{
	overflow:hidden;
	width:360px;
	float:left;
}

#footer .footerInner ul li a{
	float:left;
	padding-left:10px;
	margin:10px 20px 0 0;
	background:url(../images/footer_arrow.gif) no-repeat top left;
	background-position:0 10px;
	text-decoration:none;
}

#footer .footerInner p.copyRight{
	float:right;
	margin-top:15px;
}

#footer .footerInner img{
	float:left;
	margin:7px 21px 0 0;
}


#inner a:visited{
/*	color:#039*/
}

.inner a:visited{
	color:#039;
}

/* css for iframe do not delete!*/
#iframe {
 width: 100%;
}
dl#news_info {
 margin: 0 !important;
}


/* Additions 17/01/27 */
#bookTable h4 a {
	color:#0077c0;
	text-decoration: none;
}

#rightBox dt{
	background-color:#ffeaee;
	border-bottom:2px solid #ce2f35;
}

#header .pagePath ul.pagePathInner li{
	font-size:11px;
}

/*cookie=======================================*/
#cookie_bnr{
	display:none;
	width:100%;
	background-color:rgba(50,50,50,0.9);
	padding:1em 0;
	position: fixed;
	bottom:0;
	left:0;
	z-index:99999;
	color:#fff;
	font-size:0.9em;
}
.cookie_bnr-inner{
	width:938px;
	margin:0 auto;
}
#cookie_bnr-text{
	text-align:left;
}
#cookie_bnr-btn{
	float:left;
	margin-top:0.5em;
}
#cookie_bnr-link,
#cookie_bnr-link:link,
#cookie_bnr-link:visited,
#cookie_bnr-link:active,
#cookie_bnr-link:hover{
	color:#fff;
	text-decoration:underline;
}
/* for chatbot */
body #chamo-window {
	z-index: 9999;
}

