/* 既存スタイル */

.sidebar-nav {

    padding: 9px 0;

}



.dropdown-menu .sub-menu {

    left: 100%;

    position: absolute;

    top: 0;

    visibility: hidden;

    margin-top: -1px;

}



.dropdown-menu li:hover .sub-menu {

    visibility: visible;

}



.dropdown:hover .dropdown-menu {

    display: block;

}



.navbar-collapse {

  padding-right: 8px;

  padding-left: 8px;

}



div#header {

  height: 77px;

}



#toiawase {

  position: absolute;

  top: 10px;

  right: 10px;

  text-align: right;

}



#toiawase strong {

font-size: 1.8rem;

  padding-left: 6px;

}



.staff #main-cont {

width: 640px;

border: solid 10px #efefef;

}



.staff #main-cont h2 {

width: 620px;

height: 100px;

  background: #4A4240;

}



.staff #main-cont h2 img {

float: left;

}



#byoutou #main-cont {

width: 640px;

}

#byoutou td.name,

#byoutou td.graduation  {

width: 7em;

}



#toplink {

  height: 160px;

  margin-top: 1px;

}



#toplink a {

  text-decoration: none;

  float: left;

  border-right: solid 1px #aaa;

  width: 200px;

  height: 160px;

  display: block;

}

#toplink a:hover {

  text-shadow: 1px 1px 3px #ccc;

}

#toplink a div {

  margin: 8px;

  font-size: 24px;

  line-height: 32px;

  font-weight: bold;

  font-family:'YuGothic', 'Yu Gothic', 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;

}

#topatient{

  background-image:url(../../system/comfy/cms/files/files/000/000/006/original/top_clip01.jpg);

}

#topractitioner{

  background-image:url(../../system/comfy/cms/files/files/000/000/007/original/top_clip02.jpg);

}

#recruit{

  background-image:url(../../system/comfy/cms/files/files/000/000/008/original/top_clip03.jpg);

}

#mis{

  background-image:url(../../system/comfy/cms/files/files/000/000/005/original/top_clip04.jpg);

}

#topcontact{

  width: 192px;

  height: 160px;

  background: #FFDBCF;

  border-right: solid 3px #FF4D4D;

  border-left: solid 3px #FF4D4D;

  border-bottom: solid 3px #FF4D4D;

  float: left;

  margin-left: 7px;

}

#topcontact h3{

  font-size: 105%;

line-height: 1.25em;

padding: 5px 3px 3px;

margin: 0;

color: #fff;

font-weight: bold;

background-image: none;

background-color: #FF4D4D;

}

#topcontact p, #topcontact p strong{

  font-size: 105%;

line-height: 1.25em;

padding: 3px;

margin: 0;

  color: #FF4D4D;

}



#stafflist li{

  list-style: none;

  padding: 0;

  margin: 0 0 18px -2em;

  width: 620px;

}



#stafflist a{

  background: #4A4240;

  width: 620px;

  display: block;

}



#stafflist a:hover, #stafflist a:focus {

  text-decoration: none;

}



.info .right_box {

width: 180px; 

}



.hachiya #staff-menu2 ul li#staff-menu07 a {

background: url(../../html/css/images/staff/link_ico1_ov.gif) no-repeat;

color: #2634B4;

font-weight: bold;

}



.texticon img{

  vertical-align: text-top;

  margin-left: 0.5rem;

}



li#iryou-menuB11 a {

background-image: url(../../system/comfy/cms/files/files/000/000/015/original/menu_iryouB09.gif);

}

li#iryou-menuB11 a:hover {

background-image: url(../../system/comfy/cms/files/files/000/000/016/original/menu_iryouB09_over.gif);

}

li#iryou-menuB10 a {

background-image: url(../../system/comfy/cms/files/files/000/000/013/original/menu_iryouB10.gif);

}

li#iryou-menuB10 a:hover {

background-image: url(../../system/comfy/cms/files/files/000/000/014/original/menu_iryouB10_over.gif);

}



table.careerlist {

  width: 390px;

  float: left;

}

#careerlink {

width: 170px;

float: right;

margin-right: 5px;

background: #E2DFDF;

padding: 5px;

}

#careerlink ul {

  margin: 0;

  padding: 0;

}

#careerlink ul li {

list-style: none;

  margin: 0 0 5px 0;

  padding: 0;

}

.photolist .photo {

width: 350px;

margin: 0 7px 12px 0;

padding: 0;

float: left;

border-style: none;

}

table#link td{

  padding: 8px;

}

div.fig {

  float: right;

  width: 180px;

  padding: 0 0 0 20px;

}

#micstb td{

  padding: 6px;

}



#iryou-menu ul li#iryou-menuGreeting a {

background-image: url(../../system/comfy/cms/files/files/000/000/071/original/menu_greeting.gif);

}

#iryou-menu ul li#iryou-menuGreeting a:hover {

background-image: url(../../system/comfy/cms/files/files/000/000/072/original/menu_greeting_over.gif);

}

.greeting #iryou-menu ul li#iryou-menuGreeting a {

background-image: url(../../system/comfy/cms/files/files/000/000/072/original/menu_greeting_over.gif);

}



#profile {

  margin: 0 0 20px 0;

  width: 100%;

  text-align: right;

  }

#profile figcaption{

  font-size: 16px;

margin: -40px 210px 0 0;

  }

ul.capacity li {

  font-size: 16px;

  font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

  color: #000;

  line-height: 1.5em;

  }

ul.noList li {

font-size: 16px;

font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

  color: #000;

    }

h1#title, .contents h2, .contents h3, .contents h4, .contents p, .contents td, .contents th, .contents li{

  font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

}

h1#title, .contents h2, .contents h2 a{

   font-size: 20px;

  font-weight: 700;

}

.contents h3, .contents h3 a{

   font-size: 18px;

  font-weight: 700;

}

.contents h4, .contents h4 a{

   font-size: 16px;

  font-weight: 700;

}

.contents h5, .contents h5 a{

   font-size: 16px;

  font-weight: 700;

}

.contents p, .contents li{

   font-size: 16px;

  color: #000;

}

.contents p a, .contents li a, .contents .capacity li a, .contents p strong span, .contents p strong, .contents p span, .contents em {

   font-size: 16px;

}

.contents td{

   font-size: 16px;

  color: #000;

}

.contents td.year{

   width: 4.5em;

}

.contents td.yearmonth{

   width: 6.5em;

}



  .subcontent {

   float:right;

   margin:0 0 10px 10px;

   width: 380px;

  }

  .subprofile{

  border: solid 2px #333;

  padding:8px; 

  }

  .contents .subprofile h4 {

  font-size: 16px;

  margin: 0 0 6px 0;

  color: #333;

  }

  .contents .subprofile p {

  font-size: 14px;

  }

  .subcontent2 {

   float:right;

   margin:0 0 10px 10px;

   width: 220px;

  }

#mics_ato {

   margin:0 0 10px;

  }



/*低侵襲心臓血管治療ページ*/

.new_icon {

  position: relative;

  left: -7px;

  top: -2px;

  display: inline-block;

  background: rgba(233, 30, 99, 0.9);

  padding: 1px 2px;

  font-weight: bold;

  color: #f5f5f5;

  border-radius: 3px;

  z-index: 1;

}



#linkspace_new {

width: 100%;

margin-top: 30px;

}

#linkspace_new a .button {

  width: 300px;

  margin: 0 30px 30px;

  height: 80px;

  padding: 14px 20px;

  background: #F2DEE5;

  text-align: center;

  font-size: 18px;

  float: left;

  color: #a94442;

  border-radius: 4px;        /* CSS3草案 */  

  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  

  -moz-border-radius: 4px;   /* Firefox用 */ 

}

#linkspace_new a:hover .button {

  background: #ed6060;

  color: #fff;

}



.linkspace {

width: 100%;

margin-top: 30px;

}

.linkspace a .button {

  width: 300px;

  margin: 0 30px 30px;

  height: 80px;

  padding: 14px 20px;

  background: #DDEEF4;

  text-align: center;

  font-size: 18px;

  float: left;

  color: #1c2082;

  border-radius: 4px;        /* CSS3草案 */  

  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  

  -moz-border-radius: 4px;   /* Firefox用 */ 

}

.linkspace a:hover .button {

  background: #6092ED;

  color: #fff;

}



div#header #headmenu ul li a {

    font-size: 14px;

    line-height: 14px;

}



div#header #headmenu ul li#headmenu01 a {

    background-image: none;

    width: 115px;

    border-left: solid 8px;

    text-indent: 4px;

    height: 14px;

}



div#header #headmenu ul li#headmenu02 a {

    background-image: none;

    width: 110px;

    border-left: solid 8px;

    text-indent: 4px;

    height: 14px;

}



div#header #headmenu ul li#enChangeBtn a {

    background: url(../../system/comfy/cms/files/files/000/000/123/original/en_btn.png) no-repeat left top;

    width: 105px;

    text-indent: 17px;

    height: 14px;

}





div#header #headmenu ul li#enChangeBtn {

        margin: 0 5px;

}

.visit-action .tel {

    text-align:center;

}

.visit-action .tel a {

    font-size: 26px;

    line-height: 40%;

    color: #1c2082;

}

blockquote {

    padding: 0 20px;

}



.button-list {

    margin: 20px 0;

}

.button-item {

    width: 80%;

    margin: 0 auto;

    border: 1px solid #ddd;

    border-radius: 4px;

    margin-bottom: 10px;

    overflow: hidden;

}

.button-link {

    background-color: #f5f5f5;

    padding: 15px 20px;

    display: block;

    text-decoration: none;

    color: inherit;

    transition: background-color 0.3s;

    cursor: pointer;

}

.button-link:hover {

    background-color: #e9e9e9;

}



/* 追加ページ専用デザイン */

.contents.treatment-page {

    max-width: 960px;

    margin: 0 auto 48px;

    padding: 28px 16px 48px;

    box-sizing: border-box;

    font-size: 1rem;

  }

  

.treatment-nav {

    display: flex;

    justify-content: flex-end;

    margin-bottom: 16px;

  }

  

.treatment-nav a {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    font-size: 12px;

    color: #0063a6;

    text-decoration: none;

    padding: 6px 14px;

    border-radius: 999px;

    border: 1px solid #c3d9ea;

    background: #f4f9fc;

    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;

  }

  

.treatment-nav a::before {

    content: "←";

    font-size: 0.85rem;

  }

  

.treatment-nav a:hover {

    background-color: #e4f0fb;

    box-shadow: 0 0 0 1px #d0e2f5;

    transform: translateY(-1px);

  }

  

.treatment-hero {

    max-width: 720px;

    margin: 0 auto 32px;

    padding: 22px 24px 26px;

    border-radius: 12px;

    background: linear-gradient(135deg, #f8fbff 0%, #eef5fb 50%, #f8fbff 100%);

    border: 1px solid #dde8f5;

    box-shadow: 0 8px 20px rgba(0, 55, 120, 0.06);

    margin-bottom: 28px;

  }

  

.treatment-hero h1 {

    margin: 0 0 12px;

    font-size: 2rem;

    line-height: 1.3;

    color: #003778;

  }

  

.treatment-hero p {

    margin: 0;

    line-height: 1.8;

    color: #333;

    font-size: 12px;

  }

  

.treatment-section-title {

    margin: 0 auto 12px;

    max-width: 720px;

    font-size: 1.3rem;

    border-left: 4px solid #0063a6;

    padding-left: 10px;

    color: #003778;

  }

  

.treatment-section-lead {

    margin: 0 auto 22px;

    max-width: 720px;

    font-size: 1rem;

    color: #444;

    line-height: 1.8;

  }

  

  .button-list {

    display: flex;

    flex-direction: column;

    gap: 18px;

    max-width: 520px;

    margin: 0 auto;

  }

  

  .button-list-item {

    list-style: none;

  }

  

  .button-link {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    padding: 16px 22px;

    border: 1px solid #d7e3f2;

    background: #ffffff;

    text-decoration: none;

    color: #00345f;

    font-size: 12px;

    font-weight: 600;

    box-shadow: 0 6px 14px rgba(0, 40, 90, 0.06);

    box-sizing: border-box;

    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease, border-color 0.2s ease;

  }

  

  .button-link:hover {

    background-color: #f4f9ff;

    border-color: #b8d0f0;

    box-shadow: 0 10px 20px rgba(0, 40, 90, 0.12);

    transform: translateY(-1px);

  }

  

  @media (min-width: 960px) {

    .button-list {

      gap: 24px;

    }

  

    .button-link {

      font-size: 16px;

    }

  }