@charset "utf-8";
/* ------------------------------------------------------------ common */
#view { background: url(../images/conference-entry/view_01.jpg) no-repeat center bottom; height: 170px; }

#summary p { padding: 30px; font-size: 16px; }
#summary p.link { text-align: left; padding: 0 0 0 30px; }
#summary p.link a { color: #0085ce; font-size: 14px; text-decoration: underline;}
#summary p.link a:hover { color: #efb842; }
#summary div.pdf { padding: 0 30px 20px; }
#summary div.pdf h4 { font-size: 16px; padding: 0 0 5px; }
#summary div.pdf p { background: url(../images/conference/icn_00.jpg) no-repeat; padding: 0 0 20px 35px; }
#summary div.pdf p a { color: #0085ce; font-size: 14px; text-decoration: underline;}
#summary div.pdf p a:hover { color: #efb842; }

#national {clear:both;}

.step{
  list-style-type: none;
  padding:0;
  margin:0;
}
.step.left{float: left;width: 50%;}
.step.right{float: left;width: 50%;}
.step a{ color: #ffffff;}
.step a:hover{ color: #efb842;}
.step li{
  position: relative;
  width: 80%;
  margin-bottom: 30px;
  text-align:center;
  color: #fff;
  margin-left: auto;
    margin-right: auto;
}
.step li.allow:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -25px;
  left: 120px;
  border-style: solid;
  border-color: #7ec4ea transparent transparent transparent;
  border-width: 40px 50px 0 50px;
  z-index: 1;
}
.step li.is-current{
  background: #9bbb30;
  font-weight: bold;
}
.step li.is-current:after{
  border-color: #9bbb30 transparent transparent transparent;
}

.step li p.step { background: #007abd; padding: 0.5em; }
.step li p.step_text { background: #7ec4ea; padding: 0.5em; }

#question { padding: 0 0 20px; }
#question p { padding: 30px 30px 10px; font-size: 16px; }
#question p.btn { padding: 20px 0 20px; }
#question p.btn a { display: block; width: 260px; height: 38px; color: #fff; font-size: 14px; background:url(../images/conference/btn_00.jpg) no-repeat; line-height: 38px; text-align: center; margin: 0 auto;  }
#question p.btn a:hover {
    opacity: 0.9; }

#question .question-inner { padding: 0 30px; }

#question table th { font-size: 14px; text-align: left; font-weight: bold; background: }
#question table td { padding: 0 0 0 20px; font-size: 14px;  }

#question table 	{ width: 45%; font-size: 14px; border: solid #a8d1e7; border-width: 1px 0 0 1px; margin: 0 auto; float: left;}
#question table th 	{ background: #daf2ff; text-align: left; padding: 5px 10px; width: 30%; vertical-align: text-top; border: solid #a8d1e7; border-width: 0 1px 1px 0; vertical-align: text-top; font-weight: bold; }
#question table td 	{ padding: 5px 10px; border: solid #a8d1e7; border-width: 0 1px 1px 0; }
#question table td span { font-size: 12px; }
#question table td span.remark { font-size: 11px; display: block; }

#question .contact-wrap { width: 50%; float: right;}
#question .contact { background:#daf2ff;  padding: 5%;  color: #505050; text-align: center; }
#question .contact span { font-size: 12px; }
#question .contact h4 { font-size: 16px; font-weight: bold; }
#question .contact p { padding: 10px 0 5px; }

#question .notice	{ font-size: 11px; padding: 5px 0;}


/* ------------------------------------------------------------ guide */



#issue p { padding: 30px 30px 0; font-size: 16px; }
#issue dl { padding: 30px; font-size: 16px;}
#issue dl dt { border-bottom: 1px solid #e1e1e1; font-weight: bold; }
#issue dl dd { padding: 5px 0 30px; }

.content-inner { padding: 5%; }

#national p { font-size: 17px;font-weight: bold; }
.list-style-a li { padding: 0 0 10px; }
.list-style-a li a { text-decoration: underline; font-size: 16px; }
.list-style-a li a img { padding: 0 5px 0; width: 30px; height: auto;}

#step1 .content-inner {background: url(./../images/conference/step1.jpg);background-repeat: no-repeat;background-position: top right;}
#step1 ul { padding: 10px; }
#step1 ul li { background: #f8f8f8 url(../images/common/icn_04.png) no-repeat 10px 10px; border: 1px solid #cbcbcb; padding: 10px 10px 10px 35px; font-size: 14px;}
#step1 ul li:first-child { margin: 0 0 10px 0; }
#step1 h4 { clear:both;font-size: 16px; color: #505050; background: #ededed; font-weight: bold; padding: 10px; }
#step1 p.text { padding: 0 0 25px; font-size: 16px; }
#step1 p.link { text-align: right; padding: 0 0 20px; }
#step1 p.link a { color: #0085ce; font-size: 14px; text-decoration: underline;}
#step1 p.link a:hover { color: #efb842; }
#step1 p.last_line { padding: 0 ; }

table { width: 100%; margin: 0 auto; font-size: 16px; text-align: left; border: #a8d1e7 solid; border-width: 1px 0 0 1px; }
table th { background: #daf2ff; padding: 8px; font-weight: bold; border: #a8d1e7 solid; border-width: 0 1px 1px 0; vertical-align: middle; text-align:center;}
table th.left { width: 180px;}
table td { padding: 8px; border: #a8d1e7 solid; border-width: 0 1px 1px 0; text-align: left;width: 50%;}
table th .left , table td .left {display: table-cell;vertical-align: middle;}
table th .right , table td .right {display: table-cell;clear: both;padding-left:20px; }
table.HS th .left , table.HS td .left { text-align: left;width: 50%;float: left;}
table.HS th .right , table.HS td .right {text-align: left;width: 50%;clear: both;padding-left: 0;}
table .text td { font-size: 14px; line-height: 200%; }
table td img { border: solid 1px #dedede!important; }

#step2 h4 { font-size: 18px; font-weight: bold; }
#step2 h4.text_left { float: left; }
#step2 p { font-size: 16px;  padding: 0 0 30px; clear: both;}
#step2 p.last_line { padding: 0 ; }
#step2 th { background: #0073bf; color: #fff;font-size: 14px; }
#step2 table {border-left: #a8d1e7 solid 1px; width: 100%; font-size: 12px;table-layout: fixed;}
#step2 th { border: #a8d1e7 solid; border-width: 0 1px 1px 0; vertical-align: text-top; }
#step2 th.th01 { width: 25%; }
#step2 th.th02 { width: 35%; }
#step2 th.th03 { width: 40%; }
#step2 tr td.first { background: #ccebff; }
#step2 tr td   { padding: 8px; border: #a8d1e7 solid; border-width: 0 1px 1px 0; width: auto;}

#step3 p { font-size: 16px;  padding: 0 0 30px;}
#step3 p.last_line { padding: 0 ; }
#step4 h4 { font-size: 18px; font-weight: bold; padding: 0 0 10px; }
#step4 p { font-size: 16px;  padding: 0 0 30px;}
#step4 p.last_line { padding: 0 ; }
#step4 th { background: #0073bf; color: #fff;font-size: 14px; }
#step4 table {border-left: #a8d1e7 solid 1px; width: 100%; font-size: 12px;margin-bottom:30px;}
#step4 table.konkyo {table-layout: fixed;}
#step4 th { border: #a8d1e7 solid; border-width: 0 1px 1px 0; vertical-align: text-top; }
#step4 td .small {display:block;}
#step4 tr td.first { background: #ccebff; font-size: 16px;}
#step4 tr td   { padding: 8px; border: #a8d1e7 solid; border-width: 0 1px 1px 0; width: auto;}
#summary p { padding: 30px; font-size: 16px; }
#summary p.link { text-align: left; padding: 0 0 0 30px; }
#summary p.link a { color: #0085ce; font-size: 14px; text-decoration: underline;}
#summary p.link a:hover { color: #efb842; }
#summary div.pdf { padding: 0 0 10px; }
#summary div.pdf h4 { font-size: 16px; padding: 5px 0 5px; }
#summary div.pdf p { background: url(../images/conference/icn_00.jpg) no-repeat; padding: 0 0 20px 35px; }
#summary div.pdf p a { color: #0085ce; font-size: 14px; text-decoration: underline;}
#summary div.pdf p a:hover { color: #efb842; }

#summary div.word { padding: 0 0 10px; }
#summary div.word h4 { font-size: 16px; padding: 5px 0 5px; }
#summary div.word p { background: url(../images/guide/icn_00.jpg) no-repeat; padding: 0 0 20px 35px; }
#summary p.text { font-size: 14px; padding: 0 0 10px; }
#summary div.word p a { color: #0085ce; font-size: 14px; text-decoration: underline;}
#summary div.word p a:hover { color: #efb842; }

#tool p {font-size: 16px; }
#tool p.link { text-align: center; padding-top: 20px;}
#tool p.link a { color: #0085ce; font-size: 14px; text-decoration: underline;}
#tool p.link a:hover { color: #efb842; }
#tool div.pdf { padding: 0 0 10px; }
#tool div.pdf h4 { font-size: 16px; padding: 5px 0 5px; }
#tool div.pdf p { background: url(../images/conference/icn_00.jpg) no-repeat; padding: 0 0 20px 35px; }
#tool div.pdf p a { color: #0085ce; font-size: 14px; text-decoration: underline;}
#tool div.pdf p a:hover { color: #efb842; }

#tool div.word { padding: 0 0 10px; }
#tool div.word h4 { font-size: 16px; padding: 5px 0 5px; }
#tool div.word p { background: url(../images/guide/icn_00.jpg) no-repeat; padding: 0 0 20px 35px; }
#tool p.text { font-size: 16px; padding: 0 0 30px 0; }
#tool div.word p a { color: #0085ce; font-size: 14px; text-decoration: underline;}
#tool div.word p a:hover { color: #efb842; }

#tool ul li{ font-size: 16px; }

.blue { color: #007abd;  } 
.red { color: #ff0000; font-weight: bold; }
.small { font-size: 12px; }
.middle { font-size: 18px; }
.big { font-size: 20px; }
.bold { font-weight: bold; }

.blueb, .blueb a{color: #007abd!important;font-weight: bold!important;font-size: 20px;text-decoration: underline;}



/* ------------------------------------------------------------ media query */
@media only screen and (max-width:1440px){ #view {  } }
@media only screen and (max-width:980px){


@media only screen and (max-width:768px){


@media only screen and (max-width:640px){

#view { background: url(../images/conference-entry/view_01_sm.jpg) no-repeat right bottom; height: 170px; }

#summary p { padding: 20px 10px; }
#summary ul { padding: 0 10px 20px; }
#question p { padding: 20px 10px 30px; }
#question table td span.remark { display: block; padding: 0; }
#question .question-inner { padding: 0 20px; }

#question table 	{ width: 100%; font-size: 14px; border: solid #a8d1e7; border-width: 1px 0 0 1px; margin: 0 auto; float: inherit; margin-bottom: 20px;}
#question .contact-wrap { width: 100%; float: inherit;}

#about h3 { height: auto; padding: 10px; }
#about-inner { padding: 20px 10px; }
#about-inner h4 { font-size: 14px; }

.content-inner { padding: 20px 10px; }

#issue p,
#issue dl { padding: 10px; font-size: 14px; }

table { width: 100%; margin: 0 auto; font-size: 14px; text-align: left; border: #a8d1e7 solid; border-width: 1px 0 0 1px; }
table th { padding: 4px; }
table th.left { width: 180px; }
table td .left {padding: 8px;}
table td{display: block;width: 100%; padding: 0;}
table .text td { font-size: 13px; line-height: 200%; }
table.HS th.sm { display:none;}
table.HS th .right, table.HS td .right{padding: 8px;}
table.HS th .left, table.HS td .left{ padding: 8px;}

#step2 table td{display: table-cell;}
#step2 h4.text_left { float: none;padding: 0 0 30px; }

#tool img{width:100%;}

#national{height: auto;    width: 100%;float: none;}
.step.left, .step.right{float: left;width: 100%; float: none;}
.step li.allow:after{left: 35%;}
.step li.allow_fourth:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -25px;
  left: 35%;
  border-style: solid;
  border-color: #7ec4ea transparent transparent transparent;
  border-width: 40px 50px 0 50px;
  z-index: 1;
}

#step1 .content-inner {padding-top: 150px;}


@media only screen and (max-width:480px){
#question table td  span { display: block; }
.step li.allow:after,.step li.allow_fourth:after{left: 30%;}



}