body.committee #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/committeepage/img/main_ph11.jpg) 0 0 no-repeat;
  z-index: 99;
}

p.clear {
  font-size: 0% !important;
  margin: 0px !important;
  padding: 0px !important;
  clear: both !important;
  line-height: 0% !important;
  height: 0px !important;
  width: 0px !important;
  float: none;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
}

.contentArea hr {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 10px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 10px !important;
}

.mt50 {
  margin-top: 10px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr50 {
  margin-right: 50px !important;
}


.menu_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 30px;
  padding: 0;
  width: 560px;
}

.menu_btn div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 2px 2px 0;
  padding: 0;
  width: 110px;
  height: 50px;
  text-align: center;
}

.menu_btn p {
  display: none;
}

.menu_btn div a {
  display: block;
  text-indent: -9999px;
  font-size: 0%;
  line-height: 0%;
  width: 110px;
  height: 50px;
  margin: 0;
  padding: 0;
}

.menu_btn .btn_01 a {
  background: url(/committeepage/img/btn_01.jpg) no-repeat 0 0;
}

.menu_btn .btn_01_on a {
  background: url(/committeepage/img/btn_01.jpg) no-repeat 0 -50px;
}

.menu_btn .btn_02 a {
  background: url(/committeepage/img/btn_02.jpg) no-repeat 0 0;
}

.menu_btn .btn_02_on a {
  background: url(/committeepage/img/btn_02.jpg) no-repeat 0 -50px;
}

.menu_btn .btn_03 a {
  background: url(/committeepage/img/btn_03.jpg) no-repeat 0 0;
}

.menu_btn .btn_03_on a {
  background: url(/committeepage/img/btn_03.jpg) no-repeat 0 -50px;
}

.menu_btn .btn_04 a {
  background: url(/committeepage/img/btn_04.jpg) no-repeat 0 0;
}

.menu_btn .btn_04_on a {
  background: url(/committeepage/img/btn_04.jpg) no-repeat 0 -50px;
}

.menu_btn .btn_05 a {
  background: url(/committeepage/img/btn_05.jpg) no-repeat 0 0;
}

.menu_btn .btn_05_on a {
  background: url(/committeepage/img/btn_05.jpg) no-repeat 0 -50px;
}

.menu_btn .btn_06 a {
  background: url(/committeepage/img/btn_06.jpg) no-repeat 0 0;
}

.menu_btn .btn_06_on a {
  background: url(/committeepage/img/btn_06.jpg) no-repeat 0 -50px;
}

.menu_btn .btn_07 a {
  background: url(/committeepage/img/btn_07.jpg) no-repeat 0 0;
}

.menu_btn .btn_07_on a {
  background: url(/committeepage/img/btn_07.jpg) no-repeat 0 -50px;
}

.menu_btn .btn_08 a {
  background: url(/committeepage/img/btn_08.jpg) no-repeat 0 0;
}

.menu_btn .btn_08_on a {
  background: url(/committeepage/img/btn_08.jpg) no-repeat 0 -50px;
}

.menu_btn .btn_09 a {
  background: url(/committeepage/img/btn_09.jpg) no-repeat 0 0;
}

.menu_btn .btn_09_on a {
  background: url(/committeepage/img/btn_09.jpg) no-repeat 0 -50px;
}

.menu_btn .btn_10 a {
  background: url(/committeepage/img/btn_10.jpg) no-repeat 0 0;
}

.menu_btn .btn_10_on a {
  background: url(/committeepage/img/btn_10.jpg) no-repeat 0 -50px;
}

.menu_btn div a:hover {
  background-position: 0 -50px;
}

.pic p.pic {
  display: block;
  width: 358px;
  float: left;
  padding: 0;
  margin-left: 8px;
  margin-right: 27px;
  margin-bottom: 30px;
}

.picprr {
  display: block;
  padding: 0;
}

.picprr p.pic {
  float: right;
  display: block;
  margin-bottom:0;
  padding: 0;
  width: calc(100% - 190px);
}

.pic {
  float: right;
  display: block;
  padding: 0;
  width: calc(100% - 170px);
  font-size: 16px;
}

.pic span.text,
.picprr span.text {
  display: block;
  width: 170px;
  float: left;
}

.pic_left .text {
  display: block;
  width: 130px;
  float: left;
}


.pic_left {
  margin-top: 30px;
  width: 100%;
}

.pic_left p.pic {
  display: block;
  width: 398px;
  float: left;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 30px;
}

.pic_left span.text {
  display: block;
  width: 170px;
  float: left;
}



.btn_arrow {
  display: block;
  background: #e8e8e8;
  float: none;
  padding: 5px 10px;
  margin: 0 0 20px 0;
  width: auto;
  text-align: left;
  width: auto;
  float: right;
  border: 1px solid #d4d4d4;
}

.box_gray {
  border: dotted 1px #aaa;
  background: #f5f5f5;
  padding: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.green {
  color: #669966;
  font-weight: bold;
}

.red {
  color: #cc3333;
  font-weight: bold;
}


.btn_gototop {
  width: 253px;
  height: 29px;
  text-indent: -9999px;
  float: right;
  margin-top: 40px;
}

.btn_gototop a {
  display: block;
  width: 253px;
  height: 29px;
  background: url(https://www.jsn.or.jp/committeepage/img/btn_gototop.gif) 0 0 no-repeat;
}

.btn_gototop a:hover {
  background: url(https://www.jsn.or.jp/committeepage/img/btn_gototop.gif) 0 -29px no-repeat;
}

/* -------------------- index -------------------- */

.news_list {
  margin-bottom: 30px;
}

.news_list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #e2e1e1;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.news_list dl {
  min-height: 1px;
}

* html .news_list dl {
  height: 1px;
}

.news_list dt {
  display: block;
  width: 100px;
  font-weight: bold;
  margin-right: 5px;
  clear: left !important;
  float: left;
}

.news_list dt.nonedate {
  background: none;
}

.news_list dd {
  display: block;
  float: left;
  width: calc(100% - 120px);
}

/* -------------------- history -------------------- */

table.history {
  text-align: left;
}

table.history tr {
  vertical-align: top;
}

table.history th {
  width: 105px;
  padding-left: 0;
  text-align: left;
}

table.history td {
  text-align: left;
}

/* -------------------- member -------------------- */
.anchor {
  margin-bottom: 20px;
}

.anchor span {
  display: block;
  width: 110px;
  float: left;
  margin-right: 8px;
}

.anchor span a {
  display: block;
  background: url(�域�ｪ�永con_arrow_pink.gif) 8px 10px no-repeat #fff;
  padding: 3px 5px 3px 18px;
  border: 1px solid #f94959;
  width: auto !important;
  color: #f94959;
  font-weight: bold;
}

.anchor span a:hover {
  background-color: #ffd3d7;
  text-decoration: none;
  color: #f94959;
}

.anchor span a:visited {
  color: #f94959;
}


.subCatTitle em {
  color: #464646;
  font-size: 80%;
  font-style: normal;
  font-weight: normal;
}

h4.stitle_pink {
  color: #f85263;
  font-size: 120%;
  padding: 0;
  margin-bottom: 5px;
}


table.member {
  border-collapse: collapse;
  margin: 0 0 20px 0;
  padding: 0;
}

table.member tr {
  vertical-align: top;
}

table.member th {
  margin: 0;
  padding: 0;
  width: 8px;
  height: 8px;
  border: none;
  font-size: 0;
  line-height: 0;
}

table.member td {
  margin: 0;
  padding: 15px;
  width: 240px;
  border: 1px solid #dcdcdc;
}



table.member span.pic {
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  width: 69px;
  height: 79px;
  float: left;
}

table.member dl {
  display: block;
  margin: 0 0 5px 7px;
  padding: 0;
  width: 163px;
  float: right;
}


table.member dt {
  display: block;
  margin: 0 0 8px 0;
  padding: 0;
  color: #026095;
  font-weight: bold;
  border-bottom: 1px dotted #026095;
}

table.member dd {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 90%;
  line-height: 130%;
}

*html table.member dd {
  font-size: 80%;
}

*:first-child + html table.member dd {
  font-size: 80%;
}

] table.member p {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 90%;
  line-height: 130%;
}

*html table.member p {
  font-size: 80%;
}

*:first-child + html table.member p {
  font-size: 80%;
}



/* -------------------- project -------------------- */

dl.btn_pro {
  display: block;
  margin: 20px 0 0 10px;
  padding: 0;
}

dl.btn_pro dd {
  display: block;
  float: left;
  margin: 0 0 15px 15px;
  padding: 0;
  float: left;
  width: 385px;
}

dl.btn_pro dt {
  display: block;
  float: left;
  width: 150px;
  height: 34px;
  margin: 0 0 15px 0;
  padding: 0;
  float: left;
}

dl.btn_pro dt a {
  display: block;
  text-indent: -9999px;
  font-size: 0%;
  line-height: 0%;
  width: 150px;
  height: 34px;
  margin: 0;
  padding: 0;
}

dl.btn_pro dt.btn_pro01 a {
  background: url(/committeepage/img/btn_pro01.jpg) no-repeat 0 0;
}

dl.btn_pro dt.btn_pro02 a {
  background: url(/committeepage/img/btn_pro02.jpg) no-repeat 0 0;
}

dl.btn_pro dt.btn_pro03 a {
  background: url(/committeepage/img/btn_pro03.jpg) no-repeat 0 0;
}

dl.btn_pro dt a:hover {
  background-position: 0 -34px;
}

h4 {
  margin: 15px 0 0 0;
  color: #15587b;
  padding-left: 0.5em;
}

h4.blue {
  font-size: 120%;
}

h4.pro {
  width: 564px;
  height: 30px;
  margin: 0 0 20px -15px;
}

dl.pro_list {
  display: list-item;
}




dl.pro_list dt {
  margin: 0 0 20px 15px;
  padding: 0 display:block;
  float: left;
  display: list-item;
  list-style: circle;
  width: 520px;
}


*html dl.pro_list dt {
  margin-left: 20px;
}

dl.pro_list dd.pdf {
  display: block;
  background: url(/committeepage/img/icon_pdf.gif) no-repeat 0 0;
  margin: 0 0 20px 10px;
  padding: 0 0 0 18px;
  font-size: 90%;
  float: left;
  width: 80px;
}


span.pdf {
  background: url(/committeepage/img/icon_pdf.gif) no-repeat 0 0;
  padding: 0 0 8px 18px;
  font-size: 90%;
  width: 80px;
}


/* -------------------- movie -------------------- */

.movieBox {
  margin: 0 0 10px 0;
}

.movieBox h4 {
  margin: 10px 0 10px 0;
}

.movieBox .cta a {
  background: url(/img/btn_movie.jpg) no-repeat left top;
  width: 198px;
  height: 68px;
  display: block;
  float: left;
  text-indent: -9999px;
}

.movieBox .cta a:hover {
  background: url(/img/btn_movie.jpg) no-repeat left -68px;
}

.movieBox dl {
  width: 300px;
  margin: 5px 0 0 10px;
  display: block;
  float: left;
}

.movieBox dl dt {
  font-weight: bold;
  float: left;
  display: block;
}

.left {
  float: left;
}

.right {
  float: right;
}

/*--------------------------------------------------
	1.Layout Element
---------------------------------------------------*/

#wrapper {
  width: 848px;
  margin: 0 auto;
  padding: 0;
}

#header {
  width: 848px;
  height: 122px;
  clear: both;
  margin-bottom: 10px;
  background: url(/images/header_bg.gif) 0 0 no-repeat;
  position: relative;
  z-index: 100;
}

*html {
  position: static;
}

#headArea {
  width: 280px;
  height: 55px;
  display: block;
  float: left;
  padding: 10px 10px 10px 0;
  /*background:url(/images/head_nav_bg.gif) 0 0 no-repeat;*/
  position: releative;
  z-index: 102;
}

.headNav {
  padding: 5px 0;
  text-align: right;
}

.headNav span.headlink {
  padding: 0 10px 0 1.25em;
}

.headNav span.headlink a,
.headNav span.headlink a:visited {
  color: #567a23;
  text-decoration: none;
}

.headNav span.headlink a:hover,
.headNav span.headlink a:active {
  color: #15587b;
  text-decoration: underline;
}

.headNav ul#fontnavi {
  float: right;
}

.headNav ul#fontnavi li {
  display: block;
  width: 19px;
  height: 19px;
  float: left;
  overflow: hidden;
  padding: 2px;
}

.headSearch {
  width: 280px;
  font-size: 11px;
  clear: both;
  padding: 8px 0;
  text-align: right;
}

form {
  padding: 0;
  margin: 0;
}

input.sform {
  border: solid 1px #aaa;
  font-size: 12px;
  width: 140px;
}

input.mform {
  border: solid 1px #aaa;
  font-size: 12px;
  width: 250px;
}

input.hide {
  display: none;
}


ul.gnav {
  width: 848px;
  height: 47px;
  clear: both;
  position: relative;
  display: inline;
}

*html ul.gnav {
  width: 848px;
  height: 47px;
  clear: both;
  position: static;
}

ul.gnav li#nav001 {
  position: relative;
  width: 169px;
  height: 47px;
  display: block;
  float: left;
  line-height: 0;
  margin: 0;
  padding: 10px 0 0 0;
  z-index: 100;
}

ul.gnav li#nav001 em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/nav001.gif) 0 0 no-repeat;
  z-index: 100;
}

ul.gnav li#nav002 {
  position: relative;
  width: 168px;
  height: 47px;
  display: block;
  float: left;
  line-height: 0;
  margin: 0;
  padding: 10px 0 0 0;
  z-index: 100;
}

ul.gnav li#nav002 em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/nav002.gif) 0 0 no-repeat;
  z-index: 100;
}

ul.gnav li#nav003 {
  position: relative;
  width: 170px;
  height: 47px;
  display: block;
  float: left;
  line-height: 0;
  margin: 0;
  padding: 10px 0 0 0;
  z-index: 100;
}

ul.gnav li#nav003 em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/nav003.gif) 0 0 no-repeat;
  z-index: 100;
}

ul.gnav li#nav004 {
  position: relative;
  width: 168px;
  height: 47px;
  display: block;
  float: left;
  line-height: 0;
  margin: 0;
  padding: 10px 0 0 0;
  z-index: 100;
}

ul.gnav li#nav004 em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/nav004.gif) 0 0 no-repeat;
  z-index: 100;
}

ul.gnav li#nav005 {
  position: relative;
  width: 173px;
  height: 47px;
  display: block;
  float: left;
  line-height: 0;
  margin: 0;
  padding: 10px 0 0 0;
  z-index: 100;
}

ul.gnav li#nav005 em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/nav005.gif) 0 0 no-repeat;
  z-index: 100;
}

ul.gnav li {
  display: inline;
  float: left;
  position: relative;
  z-index: 100;
}

ul.gnav li#nav001 {
  width: 169px;
}

ul.gnav li#nav002 {
  width: 168px
}

ul.gnav li#nav003 {
  width: 170px;
}

ul.gnav li#nav004 {
  width: 168px;
}

ul.gnav li#nav005 {
  width: 173px;
}


/* 下層のメニューを不可視に */
ul.gnav li ul {
  display: none;
}

/* 疑似要素 :hover で下層のメニューを可視に */
ul.gnav li:hover ul {
  width: 160px;
  display: block;
  position: absolute;
  z-index: 100;
}

ul.gnav li#nav003:hover ul {
  width: 300px;
  display: block;
  position: absolute;
  z-index: 100;
}

ul.gnav li#nav004:hover ul {
  width: 360px;
  display: block;
  position: absolute;
  z-index: 100;
}

ul.gnav li#nav001:hover ul,
ul.gnav li#nav002:hover ul,
ul.gnav li#nav003:hover ul,
ul.gnav li#nav004:hover ul,
ul.gnav li#nav005:hover ul {
  display: block;
  position: absolute;
  top: 47px;
  left: 1px;
  width: 100%;
  font-size: 100%;
  z-index: 100;
  margin: 0;
  padding: 0;
}

ul.gnav li#nav001:hover ul {
  left: 0px;
}

ul.gnav li#nav002:hover ul {
  left: -1px;
}

ul.gnav li#nav003:hover ul {
  left: -1px;
}

ul.gnav li#nav004:hover ul {
  left: -1px;
}

ul.gnav li#nav005:hover ul {
  left: -1px;
}

ul.gnav ul li {
  font-size: 12px;
  line-height: 1.5;
  color: #333;
}

ul.gnav ul li a {
  width: 160px;
  background: url(/images/pdown_bg.gif) 0 0 repeat-x;
  padding: 6px 0 6px 10px;
  border: solid 1px #ccc;
  border-top: none;
  display: block;
  color: #333;
  text-decoration: none;
}

ul.gnav li#nav003 ul li a {
  width: 280px;
}

ul.gnav li#nav004 ul li a {
  width: 240px;
}

ul.gnav ul li a:hover,
ul.gnav ul li a:active {
  color: #fff;
  background: url(/images/pdown_bg0.gif) 0 0 repeat-x;
  text-decoration: none;
}

/*\*/
ul.gnav {
  behavior: url("/csshover2.htc");
}

/**/


#container {
  width: 820px;
  background: url(/images/body_bg.gif) #fff 0 0 no-repeat;
  padding: 12px 14px;
}

.subCol {
  width: 217px;
  display: block;
  float: left;
}

.mainCol {
  width: 603px;
  display: block;
  float: left;
}

.mainCol a,
.mainCol a:visited {
  color: #567a23;
  text-decoration: none;
}

.mainCol a:hover,
.mainCol a:active {
  color: #15587b;
  text-decoration: underline;
}

.topicPath {
  padding: 10px;
  font-size: 10px;
}

/*mainPh*/

#mainph {
  position: relative;
  width: 820px;
  height: 126px;
  margin: 0;
  padding: 0;
  margin: 0 auto 10px auto;
  clear: both;
  z-index: 20;
}

body.news #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph01.jpg) 0 0 no-repeat;
  z-index: 20;
}


body.topics #mainph em,
body.jsn-topics #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph01.jpg) 0 0 no-repeat;
  z-index: 20;
}

body.greeting #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph02.jpg) 0 0 no-repeat;
  z-index: 20;
}

body.about #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph03.jpg) 0 0 no-repeat;
  z-index: 20;
}

body.ckd #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph04.jpg) 0 0 no-repeat;
  z-index: 20;
}

body.academicinfo #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph18.jpg) 0 0 no-repeat;
  z-index: 20;
}

body.guideline #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph05.jpg) 0 0 no-repeat;
  z-index: 20;
}

body.congress #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph06.jpg) 0 0 no-repeat;
  z-index: 20;
}

body.seminar #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph07.jpg) 0 0 no-repeat;
  z-index: 20;
}

body.offer #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph08.jpg) 0 0 no-repeat;
  z-index: 99;
}

body.specialist #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph09.jpg) 0 0 no-repeat;
  z-index: 99;
}

body.member #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph10.jpg) 0 0 no-repeat;
  z-index: 99;
}

body.committee #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph11.jpg) 0 0 no-repeat;
  z-index: 99;
}

body.contact #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph12.jpg) 0 0 no-repeat;
  z-index: 99;
}

body.regist #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph13.jpg) 0 0 no-repeat;
  z-index: 99;
}

body.journal #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph19.jpg) 0 0 no-repeat;
  z-index: 99;
}

body.internationalactivityreport #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph20.jpg) 0 0 no-repeat;
  z-index: 99;
}

body.ryugaku #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph101.jpg) 0 0 no-repeat;
  z-index: 99;
}

body.educator #mainph em,
body.educator-law #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph102.png) 0 0 no-repeat;
  z-index: 99;
}

body.keyperson #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph21.jpg) 0 0 no-repeat;
  z-index: 99;
}

body.education-specialist-committee #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph22.jpg) 0 0 no-repeat;
  z-index: 99;
}

body.reprinting #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph00.jpg) 0 0 no-repeat;
  z-index: 99;
}


/*mainPh- Global*/

body.general #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph14.jpg) 0 0 no-repeat;
  z-index: 99;
}

body.student #mainph em,
body.members #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph15.jpg) 0 0 no-repeat;
  z-index: 99;
}

body.medic #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph16.jpg) 0 0 no-repeat;
  z-index: 99;
}

body.notice #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph17.jpg) 0 0 no-repeat;
  z-index: 99;
}

body.other #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph00.jpg) 0 0 no-repeat;
  z-index: 99;
}


body.top #mainph {
  position: relative;
  width: 820px;
  height: 285px;
  margin: 0;
  padding: 0;
  margin: 0 auto 10px auto;
  clear: both;
}

body.top #mainph em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/main_ph_top.jpg) 0 0 no-repeat;
  z-index: 99;
}



/* h1 h2 h3 */

h1#top {
  position: relative;
  width: 539px;
  height: 75px;
  margin: 0;
  padding: 0;
  margin: 0 0 0 12px;
  float: left;
}

*html h1#top {
  position: relative;
  width: 539px;
  height: 75px;
  margin: 0;
  padding: 0;
  margin: 0 0 0 5px;
  float: left;
}

h1#top em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/h1.gif) 0 0 no-repeat;
  z-index: 99;
}

h2.categoryTitle {
  position: relative;
  width: 600px;
  height: 58px;
  margin: 0;
  padding: 0;
  background: url(/images/h2_category.gif) 0 0 no-repeat;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  /* Firefox */
  -o-text-overflow: ellipsis;
  /* Opera */
}

h2.categoryTitle span {
  width: 580px;
  overflow: hidden;
  padding: 12px 0 0 15px;
  color: #679813;
  font-size: 18px;
  font-weight: bold;
  display: block;
  text-overflow: ellipsis;
}

*html h2.categoryTitle span {
  padding: 20px 0 0 15px;
  color: #679813;
  font-size: 18px;
  font-weight: bold;
  display: block;
}

h3.subCatTitle span.tempText {
  color: #000;
  font-size: 80%;
  font-weight: 100;
}

.top h2#notice {
  position: relative;
  width: 600px;
  height: 37px;
  margin: 0;
  padding: 0;
  margin: 0;
}

.top h2#notice em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/h2_notice.gif) 0 0 no-repeat;
  z-index: 99;
}

.top h2#news {
  position: relative;
  width: 600px;
  height: 37px;
  margin: 0;
  padding: 0;
  margin: 0;
}

.top h2#news em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/h2_news.gif) 0 0 no-repeat;
  z-index: 99;
}

.top h2#congress {
  position: relative;
  width: 600px;
  height: 45px;
  margin: 0;
  padding: 0;
  margin: 0;
}

.top h2#congress em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/h2_congress.gif) 0 0 no-repeat;
  z-index: 99;
}



.topics h2#notice {
  position: relative;
  width: 600px;
  height: 37px;
  margin: 0;
  padding: 0;
  margin: 0;
}

.topics h2#notice em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/h2_notice.gif) 0 0 no-repeat;
  z-index: 99;
}

.topics h2#news {
  position: relative;
  width: 600px;
  height: 37px;
  margin: 0;
  padding: 0;
  margin: 0;
}

.topics h2#news em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/h2_news.gif) 0 0 no-repeat;
  z-index: 99;
}

.topics h2#congress {
  position: relative;
  width: 600px;
  height: 45px;
  margin: 0;
  padding: 0;
  margin: 0;
}

.topics h2#congress em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/h2_koubo.gif) 0 0 no-repeat;
  z-index: 99;
}

.jsn-topics h2#notice {
  position: relative;
  width: 600px;
  height: 37px;
  margin: 0;
  padding: 0;
  margin: 0;
}

.jsn-topics h2#notice em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/h2_notice.gif) 0 0 no-repeat;
  z-index: 99;
}

.jsn-topics h2#news {
  position: relative;
  width: 600px;
  height: 37px;
  margin: 0;
  padding: 0;
  margin: 0;
}

.jsn-topics h2#news em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/h2_news.gif) 0 0 no-repeat;
  z-index: 99;
}

.jsn-topics h2#congress {
  position: relative;
  width: 600px;
  height: 45px;
  margin: 0;
  padding: 0;
  margin: 0;
}

.jsn-topics h2#congress em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/h2_koubo.gif) 0 0 no-repeat;
  z-index: 99;
}



h2#title01 em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/h2_01.jpg) 0 0 no-repeat;
  z-index: 99;
}

h2#title02 em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/h2_02.jpg) 0 0 no-repeat;
  z-index: 99;
}

h2#title03 em {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/h2_03.jpg) 0 0 no-repeat;
  z-index: 99;
}

h4 {
  margin: 15px 0 0 0;
  color: #15587b;
  padding-left: 0.5em;
}


/*TOP mainColumn*/

/*.newsArea{width:584px; padding:5px 8px;}
.newsArea .date{width:100px; float:left; display:block;  padding:0 0 8px 10px; color:#679813;}
.newsArea .txt{width:460px; float:left; display:block; padding:0 10px 8px 0; color:#484848; }
.newsArea p.headline{clear:both;}
.newsArea p.line{width:584px; clear:both;  border-top:dotted 1px #ccc; padding-bottom:8px;}
*html .newsArea p.line{width:584px; clear:both;  border-top:dotted 1px #ccc; padding-bottom:1px;}
*+html .newsArea p.line{width:584px; clear:both;  border-top:dotted 1px #ccc; padding-bottom:3px;}

.topicNewsArea{width:584px; padding:5px 8px;}
.topicNewsArea .date{width:100px; float:left; display:block;  padding:0 0 8px 10px; color:#679813;}
.topicNewsArea .txt{width:440px; float:left; display:block; padding:0 10px 8px 0; color:#484848; }
.topicNewsArea p.headline { clear:both; line-height : 1.2; padding : 0px !important; }
.topicNewsArea p.line{width:584px; clear:both;  border-top:dotted 1px #ccc;  padding : 0px 0px 5px 0px !important; }
*html .topicNewsArea p.line{width:584px; clear:both;  border-top:dotted 1px #ccc; padding-bottom:1px;}
*+html .topicNewsArea p.line{width:584px; clear:both;  border-top:dotted 1px #ccc; padding-bottom:3px;}*/


.top .congressBody {
  width: 570px;
  padding: 0 15px;
  background: url(/images/top_h2_bg.gif) 0 0 repeat-y;
  clear: both;
}

.top .congressBody p.line {
  width: 570px;
  clear: both;
  border-top: dotted 1px #ccc;
  padding: 2px 0;
  overflow: hidden;
}

.top .congressBody .txt {
  width: 550px;
  float: left;
  display: block;
  padding: 5px 10px;
  color: #484848;
}

.top .congressBttm {
  width: 600px;
  height: 17px;
  background: url(/images/top_h2_bttm.gif) 0 0 no-repeat;
  clear: both;
}

.bnArea {
  padding: 8px 10px;
  text-align: center;
}

.bnArea img {
  padding: 3px;
}


/*2nd mainColumn*/
/*.contentArea{width:580px; padding:10px;}
.contentArea p{padding:8px; line-height:1.5; color:#484848;}
.contentArea p.index2{padding:0 0 10px 20px; margin:0; color:#444; border-bottom:dotted 1px #ccc;}
.contentArea p{line-height:1.5;}
.contentArea .newsArea p.headline{clear:both; padding:0 8px;}
.contentArea .newsArea p.line{width:554px; clear:both;  border-top:dotted 1px #ccc; padding-bottom:5px;}
.contentArea .newsArea{width:554px; padding:5px 8px;}
.contentArea .newsArea .txt{width:540px; float:left; display:block; padding:0 5px 5px 0; color:#484848; font-size:12px;}
*html .contentArea  .newsArea p.line{width:564px; clear:both;  border-top:dotted 1px #ccc; padding:0; padding-bottom:1px;}
*+html .contentArea .newsArea p.line{width:564px; clear:both;  border-top:dotted 1px #ccc; padding:0; padding-bottom:3px;}

.contentArea p.line{width:554px; clear:both;  border-top:dotted 1px #ccc; padding-bottom:5px;}
*html .contentArea p.line{width:564px; clear:both;  border-top:dotted 1px #ccc; padding:0; padding-bottom:1px;}
*+html .contentArea p.line{width:564px; clear:both;  border-top:dotted 1px #ccc; padding:0; padding-bottom:3px;}

.contentArea ul,.contentArea ol{padding:5px 0 5px 1.25em; margin:0 0 0 5px;}
.contentArea ul li{line-height:1.5; padding:5px 0; list-style:circle;}
.contentArea ol li{line-height:1.5; padding:5px 0; list-style:decimal;}*/


/*MembersOnly */
.contentArea ul.bnList {
  display: inline;
  padding: 5px;
  margin-left: 10px;
}

.contentArea ul.bnList li {
  display: block;
  float: left;
  padding: 5px;
  list-style: circle;
  width: 80px;
}

.contentArea ul.bnLists {
  display: block;
  padding: 2px 5px;
  margin-left: 10px;
  width: 480px;
}

.contentArea ul.bnLists li {
  display: block;
  float: left;
  padding: 2px 5px;
  list-style: circle;
  width: 70px;
  font-size: 11px;
}

/*Journal Search*/
.searchs {
  border: dotted 1px #aaa;
  padding: 10px;
  margin: 10px auto;
  background: #f5f5f5;
  clear: both;
  width: 450px;
  text-align: center;
}

.searchResult {
  padding: 10px 0;
}

.searchResult p strong {
  display: block;
  margin: 3px 0;
}

.searchResult p {
  padding: 8px 1.25em;
}

.searchResult p.line {
  padding: 1px;
  height: 2px;
  border-top: dotted 1px #ccc;
}

.paging {
  padding: 10px 0;
  text-align: center;
}

/*For Entry CSS*/
table.userTable {
  border-top: solid 1px #999;
  border-left: solid 1px #999;
  width: 580px;
  white-space: normal;
  clear: both;
  margin-bottom: 10px;
}

table.userTable td {
  border-right: solid 1px #999;
  border-bottom: solid 1px #999;
  padding: 4px 8px;
  line-height: 1.5;
}

table.userTable th {
  border-right: solid 1px #999;
  border-bottom: solid 1px #999;
  padding: 4px 8px;
  line-height: 1.5;
  background: #f2f2f2;
}

table.userTable00 {
  border: none;
  width: 580px;
  white-space: normal;
}

table.userTable00 td {
  border: none;
  padding: 4px 8px;
  line-height: 1.5;
}

table.userTable00 th {
  border: none;
  padding: 4px 8px;
  line-height: 1.5;
}

table.userTable01 {
  border: none;
  width: 580px;
  white-space: normal;
  border-top: solid 1px #ccc;
}

table.userTable01 td {
  border: none;
  padding: 4px 8px;
  line-height: 1.5;
  border-top: solid 1px #f2f2f2;
  border-bottom: solid 1px #ccc;
  background: #e5e5e5;
}

table.userTable01 th {
  border: none;
  padding: 4px 8px;
  line-height: 1.5;
  border-top: solid 1px #f2f2f2;
  border-bottom: solid 1px #ccc;
  background: #e5e5e5;
}

table.userTable01 td.label {
  text-align: right;
}

.doctorList {
  display: block;
  float: left;
  padding: 10px 5px;
}

.doctorList strong {
  font-weight: bold;
  color: #218ab6;
  display: block;
  padding: 0;
  margin: 0;
  padding-top: 5px;
}

span.alert {
  color: #c03;
}



.f11 a {
  text-decoration: none;
  color: #7ec467;
}

.f11 a:hover {
  text-decoration: underline;
  color: #ec008c;
}

.pagingArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
      margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
}

.pagingArea span,
.pagingArea a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  text-decoration: none !important;
  box-sizing: border-box;
}

.pagingArea span {
  color: #fff;
  border: 1px solid #2b96cc;
  background: #2b96cc;
}

.pagingArea a {
  color: #2b96cc;
  border: 1px solid #2b96cc;
  background: #fff;
}

.pagingArea a:hover {
  color: #fff !important;
  border: 1px solid #2b96cc;
  background: #2b96cc;
}

.pagingArea a:last-child {
  margin-right: 0;
}

a.csr {
  cursor: pointer;
}

.imgRight {
  float: right;
}

p.caption {
  color: #444;
  padding: 10px;
  text-align: center;
  clear: both;
}

.p12 {
  color: #ec008c;
}

.indent {
  display: block;
  float: left;
}


/*COPYRIGHT*/
.footer {
  width: 820px;
  clear: both;
  padding: 17px 8px;
  margin: 5px auto;
  background: url(/images/footer_bg.gif) 0 0 repeat-x;
  text-align: right;
  font-size: 10px;
  clear: both;
}

p.subcopy {
  margin: 0 auto;
  width: 800px;
  padding: 15px 0 0 0;
  font-size: 9px;
  color: #888;
  line-height: 1.5;
  clear: both;
  text-align: center;
}

*html p.subcopy {
  font-size: 10px;
}

* + html p.subcopy {
  font-size: 10px;
}

.footer #logos {
  width: 300px;
  height: 40px;
  float: left;
  text-align: left;
}

.footer ul.footmenu {
  width: 500px;
  float: right;
  padding: 0;
  display: block;
}

.footer ul.footmenu li {
  display: inline;
  padding: 0 5px 0 12px;
  font-size: 11px;
  text-decoration: none;
  background: url(/images/arrow_foot.gif) 0 center no-repeat;
}

.footer ul.footmenu li a {
  text-decoration: none;
  color: #444;
}

.footer ul.footmenu li a:hover {
  text-decoration: underline;
  color: #444;
}

p.copyright {
  width: 500px;
  padding: 2px 5px;
  text-align: right;
  margin: 0;
  font-family: Helvetica, Arial, San-Serif;
  font-weight: normal;
  font-size: 11px;
  color: #444;
  float: right;
}

p.totop {
  text-align: right;
  padding: 10px 0 0 0;
  font-size: 1.0em;
}

p.totop a,
p.totop a:visited {
  color: #567a23;
  text-decoration: none;
}

p.totop a:hover,
p.totop a:active {
  color: #15587b;
  text-decoration: underline;
}


p.separater {
  text-align: right;
  padding: 20px 0 10px 0;
  font-size: 12px !important;
}

.clear {
  clear: both;
}

/*------ reset-----------*/

.mainCol:after,
.clr:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}


.mainCol {
  display: inline-block;
}


/*\*/
*html .mainCol {
  height: 1%;
}

.mainCol {
  display: block;
}

/**/

.reset {
  clear: both;
  display: block;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
}

/* float clear
--------------------------------------------------*/
.resetcol:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

/*\*/
/*/
.resetcol {
	display:inline-table;
	width:100%;
	}
/**/

/*\*/
* html .resetcol {
  height: 1%;
}

.resetcol {
  display: block;
}

/**/



body.member .newsArea ul,
body.topics .newsArea ul,
body.jsn-topics .newsArea ul {
  list-style-type: none;
}

body.member .newsArea ul li,
body.topics .newsArea ul li,
body.jsn-topics .newsArea ul li {
  list-style-type: none;
  border-bottom: 1px dotted #666;
}

body.member .newsArea ul li:after,
body.topics .newsArea ul li:after,
body.jsn-topics .newsArea ul li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

body.member .newsArea ul li span.topicDate,
body.topics .newsArea ul li span.topicDate,
body.jsn-topics .newsArea ul li span.topicDate {
  color: #679813;
  width: 85px;
  float: left;
}

body.member .newsArea ul li span.topicText,
body.topics .newsArea ul li span.topicText,
body.jsn-topics .newsArea ul li span.topicText {
  width: 420px;
  float: left;
}

.contentArea h3.widget-header {
  display: none;
}

.contentArea .widget-archive-current-category-yearly {
  margin: 10px auto;
  text-align: center;
}

.contentArea .widget-content {
  text-align: center;
}

.contentArea .widget-content ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.contentArea .widget-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style-type: none;
}

.contentArea .widget-content ul li {
  margin-right: 5px;
  margin-bottom: 5px;
}

.contentArea .widget-content ul li:last-child {
  margin-right: 0;
}

.contentArea .widget-content ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 60px;
  height: 30px;
  color: #2b96cc !important;
  border: 1px solid #2b96cc;
  background: #fff;
  text-decoration: none !important;
  box-sizing: border-box;
}

.contentArea .widget-content ul li a:hover {
  color: #fff !important;
  border: 1px solid #2b96cc;
  background: #2b96cc;
}


/* テーブルレイアウト */
.l-table {
  display: table;
}

.l-table-fix {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.l-table-center {
  display: table;
  margin: 0 auto;
}

.l-table-right {
  display: table;
  margin-left: auto;
  margin-right: 0;
}

.l-table-cell {
  display: table-cell;
  vertical-align: top;
}

.l-table-cell-center {
  display: table-cell;
  text-align: center;
}

.l-table-cell-middle {
  display: table-cell;
  vertical-align: middle;
}

.l-table-cell-middle-center {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.l-table-3 > a {
  display: block;
}

/* widht比率 */
.w-100 {
  width: 100%;
}

.w-50 {
  width: 50%;
}

.w-30 {
  width: 30%;
}

.w-25 {
  width: 25%;
}

.pdficon {
  background: url(/committeepage/img/icon_pdf.gif) right 0 no-repeat;
  padding-right: 20px;
  padding-bottom: 5px;
}

.op:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  zoom: 1;
  outline: none;
}

.checktbl {
  border: 1px solid #efefef;
  padding: 15px;
  width: 100%;
  margin-top: 15px;
}

.checktbl th.bd {
  border-bottom: 1px dotted #cccccc;
  padding: 10px;
  text-align: left;
}

.checktbl td.bd {
  padding: 10px;
  border-bottom: 1px dotted #cccccc;
}

.checktbl td.btn {
  padding: 20px;
  text-align: center;
}

.checktbl label:hover {
  background-color: inherit;
  color: inherit;
  text-decoration: none;
}

#result_stage {
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
}

.info-cau {
  font-size: 0.7rem;
  line-height: 180%;
}

#input_area input#txt_age,
#input_area input#txt_scr {
  width: 100px;
  font-size: 14px;
  color: #000;
  border: 3px solid #ccc;
}

.radio {
  display: none;
}

.input {
  padding-left: 20px;
  position: relative;
  margin-right: 20px;
}

.input::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 3px solid #CCC;
  border-radius: 50%;
}

.radio:checked + .input {
  color: #679813;
}

.radio:checked + .input::after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 13px;
  height: 13px;
  background: #679813;
  border-radius: 50%;
}

.print {
  text-align: right;

}

.print-in {
  display: none;
}

.checkbtn {
  margin: 20px 0;
  text-align: center;
}

#result_area h4 {
  background-color: #679813;
  padding: 8px;
  color: #ffffff;
}

#result_area .GFR {
  background-position: 6em center;
  background-repeat: no-repeat;
  background-size: auto auto;
  text-align: center;
}