@charset "UTF-8";
/*contact*/
h1.pagelink {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2;
    color: #ea5413;
    margin-top: 10px;
    position: relative;
    padding: 12px 20px 5px;
    border-top: 2px solid #ccc;
    clear: both;
}

span.pageMore a:before {
  content: " \f0da";
  font-family: FontAwesome;
  font-size: .8em;
  font-weight: normal;
  padding:0 5px 0 15px;
  color: #ea5413;
}

span.pageMore a {
  text-decoration:none !important;
  font-size: .8em;
  color: #c14b1a;
}
span.pageMore a:hover {
  text-decoration:none !important;
  color: #f60;
}

ul.pagelink li {
 display: inline-block; width: 355px; margin: 10px; vertical-align: top;
}
ul.pagelink li a {
 font-size: 20px;
}
ul.pagelink a:hover {
  opacity: 0.6;
}
ul.pagelink li a {
  display: block;
  font-weight: normal;
  line-height: 1.7;
  letter-spacing: 0.1em;
  text-align: center;
  text-decoration: none;
}

li.pagelink_2 a, li.pagelink_2 b {
  padding: 4px;
  background-color: #E6E7E8;
  color: #535252;
}
  
li.pagelink_2 a span.c_link {
  font-size: 15px;
  display: block;
  text-align: center;
}
li.pagelink_2 a b {
  display: block;
  font-size: 22px;
  text-align: center;
  font-weight: normal;
}
li.pagelink_2 a b:after {
  content: "\f054";
  font-family: FontAwesome;
  color: #535252;
  padding-left: 10px;
}

@media screen and (max-width: 767px) {
ul.pagelink li {
   width: 97%;
 }
}

/**/
p.link0:before {
    content: " \f137";
    font-family: FontAwesome;
    padding-right: 5px;
    color: #0068a2;
}

/*pagenavi*/
ul.itemnav {
  list-style-type: none;
}
ul.itemnav li {
  display: inline; font-size: .85em; color: #333;
}
ul.itemnav li a {
  text-decoration: none; color: black;
}
ul.itemnav li.nav1:before {
  content: "\f139";
  font-family: FontAwesome;
}
ul.itemnav li.nav2:before {
  content: " \f137";
  font-family: FontAwesome;
  padding-right: 5px;
}
ul.itemnav li.nav3:before {
  content: " \f138";
  font-family: FontAwesome;
  padding-right: 5px;
}
ul.itemnav li.nav1:before, .nav2:before, .nav3:before {
  font-size: 1.3em; color: #005bac;
}
ul.itemnav li.nav1 a:hover, .nav2 a:hover, .nav3 a:hover {
  color: #005bac;
}
@media screen and (min-width: 768px) {/*PC*/
  ul.itemnav {
  text-align: center;
}
}
/*border box*/
.column {
  width: 97%;
  float: left;
  margin: 0 2% 0 2%;
  border: 2px solid #ddd;
  padding: 1em;
  font-size: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.check:before {
  color: black;
  content: "\f046";
  font-family: FontAwesome;
  padding-right: 5px;
}

/*锟斤拷`锟斤拷锟絏锟絞
---------------------------------------------------------- */
dl.style00 {/*dt bold锟教傦拷*/  
  margin: 10px 10px 20px 10px;
  width: 97%;
}

dl.style00 dt {
  font-size: .9em;
  line-height: 1.8em;
  font-weight: bold;
}

dl.style00 dd {
  font-size: .9em;
  font-weight: normal;
  padding-left: 1.5em;
}

.gotolink:before {/*锟斤拷锟斤拷锟絅锟侥擄拷}锟絒锟絅*/
  content: " \f137";
  font-family: FontAwesome;
  padding-right: 5px;
  color: #005bac;
}
.gotolink a {
  font-size: 1.1em;
  line-height: 1.8em;
  text-decoration: none;
  color: #333;
}
.gotolink a:hover {
  text-decoration: none;
  color: #005bac;
}
.list-none {/*ul锟絖锟饺傦拷*/
  list-style: none;
  margin: .5em 0 0 -1.25em;
}

dl.caution00 {/*caution锟絓*/
  width: 97%;
  border-width: 1px;
  border-style: solid;
  border-color: #333;
  padding: 10px;
  margin-bottom: 20px;
}
dl.style00 dt.caution {/*caution锟絵锟絒锟絅*/
  font-size: 1.2em;
}
.caution:before {
  content: " \f071";
  font-family: FontAwesome;
  padding-right: 5px;
  font-size: 1.3em;
  color: red;
}

.caution1:before {
  content: " \f12a";
  font-family: FontAwesome;
  padding-right: 5px;
  font-size: 1.1em;
}

/*dt锟絣锟絧*/
dl.style0 {
  margin: 10px 0 10px 10px;
  width: 100%;
}

dl.style0 dt {
  font-weight: bold;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #999999;
  border-left-width: 15px;
  border-left-style: solid;
  border-left-color: #666666;
  padding-left: 8px;
}

dl.style0 dd {  
  font-size: 1em;
  margin: 15px 0 15px 17px;
  padding: 0 15px 0 6px;
}

/*锟斤拷`锟斤拷锟絏锟絞锟斤拷锟斤拷锟斤拷 锟斤拷锟斤拷
---------------------------------------------------------- */
dl.style1 {
  margin: 10px 0 10px 10px;
  width: 100%;
}
dl.style1 dt {
  float: left;
  clear: left;
  width: 20%;
  font-size: 1.0em;
  margin-bottom: 10px;
  font-weight: normal;
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: #0084bc;
  padding-left: 8px;
}
dl.style1 dd {
  float: left;
  margin-left: 10px;
  width: 70%;
}
@media screen and (min-width: 768px) {/*PC*/
dl.style1 dt {
  width: 120px;
}

}

/*锟斤拷`锟斤拷锟絏锟絞锟紷
---------------------------------------------------------- */
dl.style2 {  
   width: 100%;
   margin-bottom: 2em;
}

dl.style2 dt {
  font-size: 1em;
  font-weight: bold;
  margin: 1em 0 1em .4em ;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #666666;
  border-left-width: 7px;
  border-left-style: solid;
  border-left-color: #0084bc;
  padding: 2px 0 2px 8px;
}
dl.style2 dd {  
  font-size: 1em;
  line-height: 1.2em;    
  padding: 2px 10px 5px 30px;
}

/*锟斤拷锟絠锟統锟絒锟絎锟紽锟斤拷锟斤拷锟窖僐锟斤拷锟斤拷锟斤拷`锟斤拷锟絏锟絞 锟絉锟斤拷锟斤拷*/
dl.twocolumn {
    overflow: auto;
}
dl.twocolumn dt, dl.twocolumn dd {
    float: left;
}
dl.twocolumn dt {
    clear: left;
    width: 27%;
    margin-right: 1%;
    font-weight: bold;
    }
dl.twocolumn dt:after {content:":"}
dl.twocolumn dd {
    width: 72%; /* or whatever's left over from dt */
    margin-left: 0;
}
dl.style00 a, dl.style0 a, dl.style1 a, dl.style2 a, dl.twocolumn a {
  text-decoration: none !important;
  color: #005bac;
}
dl.style00 a:hover, dl.style0 a:hover, dl.style1 a:hover, dl.style2 a:hover, dl.twocolumn a:hover {
  color: #76c8e4;
}

/*锟斤拷锟絠锟統锟絒锟絎锟紽float锟斤拷clear*/
.clear {
  clear: both;
}

/*table th text-align:left*/
.t-style00, .t-style01, .t-style02, .t-style03, .t-style04, .t-style05, .t-style06 {
  margin-bottom: 20px;
  border-collapse: collapse; 
  width: 100%;
}
.t-style00 th, .t-style00 td, .t-style01 th, .t-style01 td, .t-style02 th, .t-style02 td, .t-style03 th, .t-style03 td, .t-style04 th, .t-style04 td, .t-style05 th, .t-style05 td, .t-style06 th, .t-style06 td {
  padding: 5px;
  border: 1px solid #ccc;
  font-weight: normal;
}
.t-style00 th a, .t-style00 td a, .t-style01 th a, .t-style01 td a, .t-style02 th a, .t-style02 td a, .t-style03 th a, .t-style03 td a, t-style04 th a, .t-style04 td a, t-style05 th a, .t-style05 td a, .t-style06 th a, .t-style06 td a {
  text-decoration: none !important;
  color: #005bac;
}
.t-style00 th a:hover, .t-style00 td a:hover, .t-style01 th a:hover, .t-style01 td a:hover, .t-style02 th a:hover, .t-style02 td a:hover, .t-style03 th a:hover, .t-style03 td a:hover, .t-style04 th a:hover, .t-style04 td a:hover, .t-style05 th a:hover, .t-style05 td a:hover, .t-style06 th a:hover, .t-style06 td a:hover {
  color: #76c8e4;
}
.t-style00 th, .t-style05 th, .t-style06 th, .t-style06 td {
  background-color: #f6f6f6;
  text-align: left;
  width: 40%;
}
.t-style04 th {
  font-weight: normal;
  text-align: left;
  width: 80%;
}
.t-style00 thead th, .t-style00 thead td, .t-style01 thead th, .t-style01 thead td, .t-style02 thead th, .t-style02 thead td, .t-style03 thead th, .t-style03 thead td, .t-style05 thead th, .t-style05 thead td, .t-style06 thead th, .t-style06 thead td {
  background-color: #4ca8d0;
  color: #fff;
}
.t-style06 thead td {
  text-align: center;
}
.t-style02 thead th.gray {
  color: #333;
  background-color: #f6f6f6;
  text-align: center;
}
.t-style00 caption, .t-style05 caption {
  font-size: .9em;
  font-weight: bold;
  text-align: center;
  caption-side: top;
  padding: 5px;
}

.t-style06 caption.title {
  font-size: 1.0em;
  font-weight: bold;
  text-align: center;
  caption-side: top;
  padding: 5px;
}

/*table th text-align:center*/
.t-style01 th {
  background-color: #f6f6f6;
  text-align: center;
  width: 40%;
}
.t-style01 td {
  text-align: left;
}

/*170804: suptext added*/
.t-style01 span.sup {
  font-size: 75%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}

.t-style01 caption, .t-style06 caption {
  font-size: .9em;
  font-weight: normal;
  text-align: left;
  caption-side: bottom;
  padding: 5px;
}
summary.t-bottom {
  caption-side: bottom !important;
}

@media screen and (max-width: 767px) {/*mobile*/
.t-style00, .t-style01, .t-style04, .t-style05 {
  border-top: 1px solid #ccc;
}
.t-style00 td {
  display: block;
  text-align: center;
}
.t-style01 td, .t-style00 td, .t-style05 td {
  display: block;
  text-align: left;
}
.t-style00 th, .t-style01 th {
  text-align: center;
  display: block;
  border-top: none;
  border-bottom: none;
  width: 100%;
}
.t-style05 th {
  text-align: left;
  display: block;
  border-top: none;
  border-bottom: none;
  width: 100%;
}
caption.bold {
 font-weight: bold;
}
caption.top {
  caption-side: top;
}



/*table 2 patterns by browser size, th top */
.stacktable { width: 100%; }
.st-head-row { padding-top: .5em; background-color: #4ca8d0; text-align: center; padding-right: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; text-align: left; padding-left: 1%; }

.stacktable.large-only th {color: white; text-align: center;background-color: #4ca8d0; padding:3px; }
.stacktable.large-only td, tr {text-align: center;padding: 3px; }

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 767px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
}

