@charset "UTF-8";
/**
* element.css
*/

/* ページタイトル（h1）
--------------------------------------------------------- */
.main__section h1:not(.hdg-2nd-index){
  padding:16px 20px;
  border-radius:5px;
  margin-bottom:15px;
  color:#3c4298;
  font-size:188%;
  font-weight:700
}
.hdg-title--news{ /* 規定値 */
  background:#ebedf5
}
.hdg-title--patient{ /* 患者・家族の方へ */
  background:#ffeab2
}
.hdg-title--medical{ /* 医療関係者の方へ */
  background:#ffebf2
}
.hdg-title--scholar{ /* 研究者・企業の方へ */
  background:#dff8e9
}
.hdg-title--contribution{ /* 寄付について */
  background:#daf1f9
}
.hdg-title--recruitment{ /* 採用・研修 */
  background:#daf1f9
}
.hdg-title--about{ /* 国立成育医療研究センターについて */
  background:#daf1f9
}

@media only screen and (max-width:640px){
  h1.hdg-title:not(.hdg-2nd-index){
    position:relative;
    left:-20px;
    width:100%;
    padding:13px 20px;
    border-radius:0;
    font-size:136%
  }
}

/* WYSIWYG
--------------------------------------------------------- */
/* 行間
----------------------------- */
.main__section .html{
  line-height:1.6; /* 2017/2/17変更（1.9→1.6） */
}
.main__section .html h2,
.main__section .html h3,
.main__section .html a,
.main__section .html ul,
.main__section .html ol{
  line-height:1.6;
}

/* コンテンツ見出し（h2）
----------------------------- */
.main__section .html h2:not(.box-emphasis__hdg):not(.hdg-doc):not(.hdg-2nd-index){
  clear:both;
  padding-bottom:5px;
  border-bottom:1px solid #4562ac;
  margin:25px 0 10px;
  color:#3c4298;
  font-size:150%;
  font-weight:700;
}
@media only screen and (max-width:640px){
  .main__section .html h2:not(.box-emphasis__hdg):not(.hdg-doc){
    padding-bottom:2px;
    font-size:136%;
  }
}

/* 文章中見出し（h3）
----------------------------- */
.main__section .html h3:not(.clinical-section-pc__hdg):not(.box-emphasis__hdg):not(.contact__txt__hdg):not(.contact-bg__hdg):not(.contact-cat__txt__hdg):not(.nav-index-img__hdg):not(.hdg-doc){
  clear:both;
  margin:25px 0 10px;
  color:#3c4298;
  font-size:125%;
  font-weight:700
}

@media only screen and (max-width:640px){
  .main__section .html h3{
    margin-top:15px;
    font-size:136%
  }
}
.main__section .html h4,
.main__section .html h5,
.main__section .html h6{
  font-weight:700;
}

/* 小見出し（h4）
----------------------------- */
.main__section .html h4:not(.clinical-section-pc__box__hdg):not(.contact-cat__detail__hdg){
  font-size:115%;
  margin:20px 0 5px;
}


/* リスト
----------------------------- */
.main__section .html ul,
.main__section .html ol{
  padding-left:1.5em;
  margin:15px 0;  
  clear:both;
}
.main__section .html ul ul,
.main__section .html ul ol,
.main__section .html ol ul,
.main__section .html ol ol{
  margin-top:0;
}
.main__section .html li{
  margin-top:5px;
}

/* 通常リスト（順序無し） */
.main__section .html ul > li{
  list-style:disc;
}

/* 通常リスト（順序付き） */
.main__section .html ol > li{
  list-style:decimal;
}

.main__section .html li li{
  margin-top:5px;
}
/* リンクモジュール使用時はリストマークを表示しない */
.html ul.list-link{
  padding-left:0;
}
.html ul.list-link > li{
  list-style:none;
}
.html ul.clinical-section-pc__box__link,
.html ul.clinical-section-sp__box__link{
  margin-top:10px;
  padding-left:0;
}
.html ul.clinical-section-pc__box__link > li,
.html ul.clinical-section-sp__box__link > li{
  list-style:none;
  margin-top:0;
}
/* リスト直後のdivは間隔を空ける */
.main__section .html ul + div,
.main__section .html ol + div{
  margin-top: 15px;
}
/* 第2階層ページのリスト表示調整 */
.main__section .html ul.nav-index-img__list {
margin: 0;
padding: 0;
}
.main__section .html ul.nav-index-img__list li {
list-style: none;
Margin-top: 10px;
}

/* テーブル
----------------------------- */
.html table{
  width:100%;
  margin:15px 0;
  border-collapse:collapse;
}
.html table th{
  background:#eee;
}
.html table th,
.html table td{
  padding:12px 20px;
  border-top:1px solid #d0d0d0;
  border-bottom:1px solid #d0d0d0;
  border-left:1px solid #d0d0d0;
}
.html table.tbl_s th,
.html table.tbl_s td{
  padding:12px;
}
/* 左枠線の処理はstyle.cssでクラスを使用して行う(#1)
.html th:first-child,
.html td:first-child{
border-left:none;
}
*\/
/* theadのスタイル（class="thead"） */
.html thead th{
  background:#6E6E6E;
  border-top:1px solid #d0d0d0;
  border-left:1px solid #d0d0d0;
  color:#fff;
  text-align:center
}
/* #1
.html thead th:first-child{
border-left:none;
}
*/

@media only screen and (max-width:640px){
  .html table th,
  .html table td{
    padding:6px 10px;
  }
}

/* リンク
----------------------------- */
.html a{
  text-decoration:none;
  color:#037ABC;
}
.html a:link{
  text-decoration:none;
  color:#037ABC;
}
.html a:visited{
  text-decoration:none;
  color:#037ABC;
}
.html a:hover,
.html a:focus,
.html a:active{
  text-decoration:underline;
  color:#037ABC;
}


/* テキスト・改行なしテキスト
--------------------------------------------------------- */
.text{
  margin-top:15px;
  margin-right:15px;
}
.text img{
  margin-bottom:15px;
}
/*改行なしテキストの横並び*/
table.text {
  float:left;
}

/* 画像の表示サイズ
----------------------------- */
.display_size_large img,
.display_size_large div,
.display_size_large td,
.display_size_large{
  width: 930px;
  height: auto;
}

.display_size_medium img,
.display_size_medium div,
.display_size_medium td,
.display_size_medium{
  width: 292px;
  height: auto;
}

.display_size_small img,
.display_size_small div,
.display_size_small td,
.display_size_small{
  width: 160px;
  height: auto;
}

@media only screen and (max-width:640px){
  .display_size_large img,
  .display_size_large div,
  .display_size_large td{
    width: 100%;
    height: auto;
  }
  .display_size_medium img,
  .display_size_medium div,
  .display_size_medium td{
    width: 100%;
    height: auto;
  }
  .display_size_small img,
  .display_size_small div,
  .display_size_small td{
    width: 100%;
    height: auto;
  }
  .display_size_large{
    width: 100%;
    min-width: 335px;
  }
  .display_size_medium{
    width: 85%;
    min-width: 335px;
  }
  .display_size_small{
    width: 70%;
    min-width: 335px;
  }
}

/* レイアウト調整
--------------------------------------------------------- */
.main__section .html h2:not(.box-emphasis__hdg):not(.hdg-doc)):not(.hdg-2nd-index),
.main__section .html h3:not(.clinical-section-pc__hdg):not(.box-emphasis__hdg):not(.contact__txt__hdg):not(.contact-bg__hdg):not(.contact-cat__txt__hdg):not(.nav-index-img__hdg):not(.hdg-doc){
  margin: 25px 0 10px;
}


/* ※フロート解除※
--------------------------------------------------------- */
.main__section ul:before,
.main__section ol:before{
  content:"";
  display:table;
  clear:both
}
.main__section div{
  clear:both;
}/*divを使用しているモジュールはclearしない*/
.main__section div .txt-lyt-img__txt,
.main__section div .clinical-section-sp__box.js-match-height,
.main__section div .grd__col,
.main__section div.nav-index-img__detail,
.main__section div .contact-cat__detail{
  clear:none;
}

/* ※レイアウト調整※
--------------------------------------------------------- */
footer{
  margin-top:170px;
}
/* ナビゲーションモジュールのボタンの中身の文字列がリンクの装飾になる問題の対応
--------------------------------------------------------- */
.html .nav-btn__btn a,
.html .nav-btn__btn{
  color: #FFF;
  text-decoration: none;
}
/* 「エコチル - 関連施設」ページ対応
--------------------------------------------------------- */
#ec_map li {
  list-style:none
}

#ec_map {
  background-image:url(/center/activity/ecochil/map.gif);
  background-repeat:no-repeat;
  width:762px;
  height:581px;
  position:relative;
  padding-bottom:30px
}

#hokkaido {
  position:absolute;
  top:0;
  left:198px;
  width:217px;
  height:24px
}

#kousin {
  position:absolute;
  top:99px;
  left:190px;
  width:202px;
  height:25px
}

#toyama {
  position:absolute;
  top:160px;
  left:189px;
  width:202px;
  height:24px
}

#kyoto {
  position:absolute;
  top:200px;
  left:178px;
  width:202px;
  height:24px
}

#hyougo {
  position:absolute;
  top:240px;
  left:128px;
  width:202px;
  height:24px
}

#tottori {
  position:absolute;
  top:285px;
  left:68px;
  width:202px;
  height:24px
}

#miyagi {
  position:absolute;
  top:169px;
  left:531px;
  width:204px;
  height:25px
}

#hukusima {
  position:absolute;
  top:209px;
  left:531px;
  width:204px;
  height:25px
}

#tiba {
  position:absolute;
  top:269px;
  left:531px;
  width:204px;
  height:25px
}

#kanagawa {
  position:absolute;
  top:314px;
  left:531px;
  width:216px;
  height:25px
}

#aiti {
  position:absolute;
  top:374px;
  left:471px;
  width:202px;
  height:25px
}

#oosaka {
  position:absolute;
  top:414px;
  left:401px;
  width:202px;
  height:25px
}

#kouti {
  position:absolute;
  top:454px;
  left:341px;
  width:202px;
  height:25px
}

#hukuoka {
  position:absolute;
  top:495px;
  left:301px;
  width:242px;
  height:25px
}

#minami {
  position:absolute;
  top:495px;
  left:30px;
  width:252px;
  height:25px
}

#sap {
  position:absolute;
  top:25px;
  left:199px;
  width:187px;
  height:16px
}

#asa {
  position:absolute;
  top:43px;
  left:199px;
  width:187px;
  height:16px
}

#kitami {
  position:absolute;
  top:60px;
  left:199px;
  width:217px;
  height:16px
}

#kousub {
  position:absolute;
  top:126px;
  left:190px;
  width:164px;
  height:16px
}

#sangyo {
  position:absolute;
  top:524px;
  left:301px;
  width:242px;
  height:16px
}

#kyudai {
  position:absolute;
  top:542px;
  left:301px;
  width:242px;
  height:16px
}

#kuma {
  position:absolute;
  top:521px;
  left:25px;
  width:188px;
  height:16px
}

#miya {
  position:absolute;
  top:538px;
  left:25px;
  width:188px;
  height:16px
}

#ryuu {
  position:absolute;
  top:554px;
  left:25px;
  width:212px;
  height:16px
}

@media only screen and (max-width:640px){
  #ec_map {
    background-image:none;
    height:620px;
  }
  #ec_map li{
    position:initial;
  }
}