@charset "utf-8";
/*
* documents.css
* JFA
*
*/


/*--------------------------

index.html

--------------------------*/

div.docList{
	margin:20px 0px 0px 0px;
}
div.docList ul li{
	float:left;
	width:269px;
	margin:0px 20px 10px 0px;
	font-size:14px;
}
div.docList ul li a{
  color:#0b8fba;
}
div.docList ul li:nth-child(4n){
	margin:0px 0px 10px 0px;
}
div.docList ul li a.pdf{
	padding:5px 0px 5px 22px;
	display:block;
	background:url(../../common/img/icon_pdf.gif) no-repeat left center;
}
div.docList ul li a.word{
	padding:5px 0px 5px 22px;
	display:block;
	background:url(../../common/img/icon_word.gif) no-repeat left center;
}
div.docList ul.nofloat{
	margin:0px 0px 20px 0px;
}
div.docList ul.nofloat li{
	float:none;
	width:auto;
	margin:0px 20px 0px 0px;
}

div.docList dl dt{
	float:left;
}
div.docList dl dd{
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 100px;
	line-height:180%;
	border-bottom:#dddddd solid 1px;
}
div.docList dl dd a{
  color:#0b8fba;
}
ul#pageLink{
	border-left:#eeeeee solid 1px;
/*	width:800px;*/
	margin:0px auto 20px auto;
}
ul#pageLink li{
	float:left;
	font-size:14px;
	padding:10px 50px;
	border-right:#eeeeee solid 1px;
}
ul#pageLink li a{
  color:#0b8fba;
}

/*--------------------------

/rules/index.html

--------------------------*/

div.doc_rule p,
div.doc_rule dl dt,
div.doc_rule dl dd,
div.doc_rule dl dd ul li{
	font-size:14px;
	line-height:180%;
}
div.doc_rule dl dt{
	font-weight:bold;
}
div.doc_rule dl dd{
	margin:0px 0px 20px 10px;
}
div.doc_rule dl dd ul{
	margin:10px 0px 0px 0px;
}

/*--------------------------

/guideline/index.html

--------------------------*/
div.doc_guideline {
	font-size:14px;
}
div.doc_guideline h5{
	font-size:18px;
}
div.doc_guideline h6{
	font-size:14px;
	margin:30px 0px 10px 0px;
	padding:0px;
}
div.doc_guideline p.point{
	font-size:14px;
	color:#1c2f51;
	font-weight:bold;
}
div.doc_guideline p.imgBox{
	text-align:center;
}
div.doc_guideline h4 span{
	font-size:14px;
}

/*--------------------------

/faq/index.html

--------------------------*/
div.doc_QA div.title-area{
	border-bottom: 1px solid #ccc;
	margin:0px 0px 20px 0px;
}
#container .section-block div.title-area h5{
	float:left;
	border-bottom:none;
}
#container .section-block div.title-area p{
	float:right;
}
#container .section-block div.title-area p a{
	margin:13px 0px 0px 0px;
	display:block;
}

div.doc_QA dl.doc_QAList dt{
	color: #052667;
	font-weight: bold;
	font-size: 16px;
	padding: 10px 40px 10px 10px;
	cursor: pointer;
	margin-bottom: 1px;
	border-bottom: #ccc 1px solid;
	background: #fff url(/referee_license_renewal/img/open.png) no-repeat 98% center;
}
div.doc_QA dl.doc_QAList dt.active{
	background: #ebebeb url(/referee_license_renewal/img/close.png)no-repeat 98% center;
	color: #052667;
}
div.doc_QA dl.doc_QAList dt a{
	display:block;
	padding:0px 0px 0px 0px;
}
div.doc_QA dl.doc_QAList dd{
	display:none;
	font-size:14px;
	margin:0;
	padding:0;
}
div.doc_QA dl.doc_QAList dd a{
  color:#0b8fba;
}
div.doc_QA dl.doc_QAList dd:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  visibility: hidden;
}
div.doc_QA dl.doc_QAList dd p img{
	float:right;
	margin:0px 0px 20px 20px;
}

/*--------------------------

/faq/inquiry/index.html

--------------------------*/

div.doc_QA ul#pageLink{
	width:auto;
	padding:10px;
	margin:20px 0px 0px 0px;
	border:none;
}
div.doc_QA ul#pageLink li{
	font-size:14px;
	line-height:180%;
	float:left;
	display:inline;
	margin:0px 10px 0px 0px;
	padding:0px 10px 0px 0px;
	vertical-align:middle;
	text-align:center;
	border-right:#dddddd solid 1px;
}
div.doc_QA ul#pageLink li:last-child{
	border-right:none;
}
a.linkArrow{
	background:url(/common/img/ico_blank_local_nav.png) no-repeat right center;
	padding:0px 17px 0px 0px;
}

/*--------------------------

/faq/terminology/index.html

--------------------------*/
div.doc_transfer_list table caption,
div.doc_QA table caption{
	text-align:right;
}
div.doc_QA ul#mainList{
	margin:10px 0px 0px 0px;
}
div.doc_QA ul#mainList li{
	font-size:14px;
}
div.doc_transfer_list table td,
div.doc_transfer_list table th,
div.doc_QA table td,
div.doc_QA table th{
	word-break: break-all;
}
div.doc_transfer_list table th.w100{
	width:90px;
}
div.doc_transfer_list table th.w150{
	width:140px;
}
div.doc_QA table th.w120{
	width:110px;
}
div.doc_QA table th.w300{
	width:288px;
}
div.doc_QA table th.w160{
	width:148px;
}

div.float_none ul li{
	float:  none;
}


.mT_ttl{
	margin-top:40px;
}

.id_wrap {
	width: 99%;
	margin: auto;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 15px;
	  border: 2px solid #052667;	  
}
.id_wrap .id_img img {
	width: 45px;
	padding-left: 70px;
}
.id_wrap .id_box {
	width: 80%;
	padding-bottom: 15px;
	margin: 0 20px 0 20px;
}
.id_wrap .id_box p {
	font-size: 24px;
	font-weight: bold;
	color: #d70c19;
}
.dl_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;	   
	padding: 0 20px;
}

.dl_wrap {
  display: flex;
  justify-content: space-between;
  /*align-items: center;*/
  flex-wrap: wrap;
  margin-top: 15px;
}
.dl_wrap .dl_img {
  display: block;
  width: 35%;
  height: auto;
  margin: 10px 0 10px;
}
.dl_wrap .dl_img img{
  width: 100%;
}
.dl_wrap .dl_box {
  width: 60%;
}
.img_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}

.img_wrap img{
  width: 180px;
}
.disnon{
    display:none !important;
}

div.in-flex-container-img-text-box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
	margin: 0 0 2em 0;
}


div.in-img-text-box {
  display: block;
  width: 35%; 
  position:relative;
}
div.in-img-text-box p {
  position: absolute;
  top: 50%;
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);
  font-size: 16px;
  font-weight: bold;
}
div.in-img-flame {
  display: block;
  width: 100%;
  height: auto;
}

div.in-img-flame img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 25px;
}

div.in-img-flame-intext {
  display: block;
  width: 100%;
  height: auto;
}

#container #main-colum div.in-text-flame p {
  font-size: .9em;
  line-height: 1.75em;
}

div.in-text-box {
  display: inline-block;
  width: 70%;
  margin-left: 5px;
}

div.in-text-box-left {
  display: inline-block;
  width: 60%;
  margin-right: 20px;
}

span.marker {
  background: linear-gradient(transparent 20%, #FFFF00 20%);
}