@charset "utf-8";
/* Module
 Webページを構成するパーツ。表組み、ボタン、タブ、リスト等を設定する
 */
/* Alignment */
.text_left {
    text-align: left !important;
}
.text_center {
    text-align: center !important;
}
.text_right {
    text-align: right !important;
}
.text_justify {
    text-align: justify !important;
}
.text_nowrap {
    white-space: nowrap !important;
}
table.vam th,td {
	vertical-align: middle !important;
}
/* Width */
.w1-10 {
    width: 10% !important;
}
.w1-5 {
    width: 20% !important;
}
.w1-4 {
    width: 25% !important;
}
.w1-3 {
    width: 33.3% !important;
}
.w1-2 {
    width: 50% !important;
}
.w2-3 {
    width: 66.6% !important;
}
/* Text Color */
.text_bold, .bold {
    font-weight: bold;
}
.text_mini, .mini {
    font-size: 80% !important;
} /* 10.5px */
.readtxt {
	font-size: 120%;
	font-weight: bold;
	line-height: 1.4;
	color: #b7282e;
}/* 18px */
.text_large {
    font-size: 120%;
} /* 18px */
.text_xlarge {
    font-size: 140%;
} /* 21px */
.text_note {
    padding-left: 1em;
    text-indent: -1em;
}
.text_red, .red {
    color: #a94442 !important;
}
.text_yellow {
    color: #FED204;
}
.text_orange {
    color: #F78F1E;
}
.text_lightblue {
    color: #00AEEF;
}
.text_blue {
    color: #0077C0;
}
.text_navy {
    color: #1F2E84;
}
.text_brown {
    color: #642100;
}
.text_pink {
    color: #ED99C3;
}
.text_vivitpink {
    color: #ED118F;
}
.text_green {
    color: #7AC141;
}
.text_purple {
    color: #91268F;
}
.text_white, .white {
    color: #FFFFFF;
}
/* Text Weight */
.text_normal {
 font-weight: normal;
}
/* 背景色 */
.bgyellow {
    background-color: #FED204;
}
.bgorange {
    background-color: #F78F1E;
}
.bglightblue {
    background-color: #00AEEF;
}
.bgblue {
    background-color: #0077C0;
}
.bgnavy {
    background-color: #1F2E84;
}
.bgbrown {
    background-color: #642100;
}
.bgpink {
    background-color: #ED99C3;
}
.bgvivitpink {
    background-color: #ED118F;
}
.bggreen {
    background-color: #7AC141;
}
.bgpurple {
    background-color: #91268F;
}
.bgred {
    background-color: #D30C44;
}
.bggray {
    background-color: #E5E5E5;
}
/* Heading */
#main h1, #main h2, #main h3, #main h4, #main h5 {
    margin-bottom: 15px;
}
#main h1 a, #main h2 a, #main h3 a, #main h4 a, #main h5 a {
    text-decoration: underline;
}
#main h2.ttl {
    font-size: 138.5%;
    border: 1px solid #9fa0a0;
    background: url(/med/bun-in/image/common/bg-h2.gif) no-repeat 2px;
	background-color: #fff;
    margin-bottom: 1em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#main h2.ttl span {
	display: block;
    padding: 10px 20px;
    border: 2px solid #FFF;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#main h3.ttl {
    font-size: 123.1%;
    /* color: #5157aa; */
    margin-bottom: 20px;
    padding: .5em 35px;
    background: #f8f8f8 url(../../image/common/bg-h3.gif) no-repeat 10px center;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0 1px 6px #bbbcde;
}
#main h4 {
    background: url("/med/bun-in/image/common/bg-h4.gif") no-repeat 0 bottom;
    font-size: 108%;
    margin-bottom: 10px;
    padding: .5em 10px;
}
#main h5 {
    color: #b94047;
    font-size: 100%;
    margin-bottom: 10px;
    padding-left: 10px;
}
.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.pages #main h5+ p, .pages #main h5+ ul, .pages #main h5+ ol {
    margin-top: 0;
}

@media screen and (min-width:768px) { /*768px 以上*/
.pages #content h1 {
    font-size: 180%;
}
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
.pages #main h2 span {
    background-image: url(/med/bun-in/common/images/ico_heading01@2x.png);
    background-size: 20px 9px;
}
}
/* Listing */
.list {
    margin-bottom: 1em !important;
    padding-left: 40px;
    list-style: disc;
}
dl.list {
    padding-left: 0;
}
ol.list {
    list-style: decimal;
}
ul.ul_circle {
    list-style: circle;
}
ul.ul_square {
    list-style: square;
}
ul.ul_arr01, ul.arr {
    margin-bottom: 1em;
    padding-left: 18px;
}
ul.ul_arr01 li {
    background: url("/med/bun-in/image/common/list-arr-org.gif") no-repeat 0 .5em;
    padding-left: 22px;
}
ul.arr li {
    background: url("/med/bun-in/image/common/list-arr-blue.gif") no-repeat 0 .4em;
	padding-left: 22px;
    line-height: 25px;
    margin-bottom: 5px;
}
ul.list-inline li {
    float: left;
    padding: 5px 0;
    width: 50%;
}
ul.list-inline li a {
    background: url("/med/bun-in/image/common/list-arr-org.gif") no-repeat 0 center;
    padding-left: 20px;
}
#main .list li {
    margin-bottom: 3px;
    padding-bottom: 5px;
}
#main .list li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
/*ul.ul_arr01 li {
    background: url(/med/bun-in/common/images/ico_arr01@2x.png) no-repeat 0 center;
    background-size: 11px 11px;
}*/
}
/* Table */
caption {
    padding-bottom: .5em;
    font-weight: bold;
}
table.bordered {
    width: 100%;
    margin: 0 0 1em;
    border: 1px solid #b5b5b5;
    border-collapse: collapse;
    border-spacing: 0;
}
table.bordered th, table.bordered td {
    padding: 10px 8px;
    border-right: 1px solid #b5b5b5;
    border-bottom: 1px solid #b5b5b5;
    background: #fff;
}
table.bordered th {
    background: #f0f0f0;
}
table.bordered td {
    vertical-align: top;
}
table.text_center th, table.text_center td {
    text-align: center !important;
}
table.text_right td {
    text-align: right !important;
}

@media screen and (max-width:767px) {
.table_scroll {
    display: block;
    margin: 0 -8px;
    width: 100%;
}
.table_scroll thead {
    display: block;
    float: left;
    overflow-x: scroll;
}
.table_scroll tbody {
    display: block;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
}
.table_scroll th {
    display: block;
    width: auto;
}
.table_scroll tbody tr {
    display: inline-block;
    margin: 0 -3px;
}
.table_scroll td {
    display: block;
}
}

@media screen and (max-width:480px) {
.table_box, .table_list {
    margin: 0 -8px;
}
.table_box th, .table_box td {
    width: 100%;
    display: block;
    border-top: none;
}
.table_box tr:first-child th {
    border-top: 1px solid #ddd;
}
.table_list tr {
    display: block;
    margin-bottom: 10px;
}
.table_list th {
    display: block;
    width: 100%;
}
.table_list td {
    background: none;
    display: list-item;
    width: 90%;
    margin-left: 10%;
    border: none;
}
}
/* Icon & Pictogram */
.ico_pdf, .pdf, .ico_doc, .doc, .ico_xls, .xls, .ico_blank {
    background-position: right center;
    background-repeat: no-repeat;
    padding: 0 17px 0 0;
}
.ico_pdf, .pdf {
    background-image: url(/med/bun-in/image/common/icon_pdf.gif);
}
.ico_doc, .doc {
    background-image: url("/med/bun-in/image/common/icon-doc.gif");
}
.ico_xls, .xls {
    background-image: url("/med/bun-in/image/common/icon-xls.gif");
}
.ico_blank {
    background-image: url(/med/bun-in/common/images/ico_link.png);
}
a[href $='.pdf'] { 
	padding: 3px 22px 3px 0;
	background: transparent url(/med/bun-in/image/common/icon-pdf.gif) no-repeat center right; 
}
.no-icon {
	background: none !important;
	padding: 0px  !important;
}

* html ul.pdf li a,
* html a.pdf {
	padding: 3px 0 3px 22px;
	background: url(/med/bun-in/image/common/icon-pdf.gif) no-repeat left center;
}

td ul.list,td ol.list {padding-left: 30px;}
/* Tool */
.clear {
    clear: both;
}
.hide {
    display: none;
}
.shadow {
    -webkit-box-shadow: 0 6px 4px -3px #bbbcde;
    -moz-box-shadow: 0 6px 4px -3px #bbbcde;
    box-shadow: 0 6px 4px -3px #bbbcde;
    border: 1px solid #FFF;
}
/* Float */
img.right {
    float: right;
    margin-left: 20px;
}
img.left {
    float: left;
    margin: 0 20px 20px 0;
}
img.center {
    display: block;
    margin: 0 auto 15px;
}

@media screen and (max-width:767px) {
img.right, img.left {
    display: block;
    float: none;
    margin: 0 auto;
    margin-bottom: 15px;
}
}
/* Box Module */
.borderbox, .relatedinfo, .contactunit {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #bbbcde;
    border-radius: 4px;
	background-color: #fff;
    box-sizing: border-box;
}
.borderbox {
    border-color: #B5B5B5;
    padding: 10px 20px;
}
.relatedinfo {
    border-left: none;
    border-right: none;
    border-radius: 0;
	border-color: #B5B5B5;
}
.relatedinfo dt, .relatedinfo h5.ttl {
	margin-left: 0;
	margin-right: 0;
	padding: 10px 0 10px 25px !important;
	border-bottom:1px solid #B5B5B5;
	background: url(/med/bun-in/image/common/list-mark1.gif) 5px 50% no-repeat;
	font-weight: bold;
	color: #555 !important;
}
.contactunit {
    border-width: 3px;
}
.contactunit dt {
    padding: .75em 10px;
    border-bottom: 1px solid #999;
    margin: 0 0 0.2em;
    font-weight: bold;
}
.contactunit dd {
    padding: 10px;
}
.contactunit address {
    margin-left: 1em;
}
#main #news_block .innerbox, #main #info_block .innerbox {
    background-color: #FFF;
    height: 265px;
    padding: 0 10px;
    overflow: auto;
}
#main #info_block .innerbox {
    height: 215px;
}
#main #news_block dl, #main #info_block dl {
    margin: 5px 0;
    line-height: 1.5;
}
#main #news_block dd, #main #info_block dd {
    padding: 0 0 .3em 0;
    margin-bottom: .3em;
    border-bottom: 1px dotted #999;
}
#main #news_block dt, #main #info_block dt  {
    background-position: 9em 0px;
    background-repeat: no-repeat;
    font-size: 83%;
    font-weight: bold;
    margin-bottom: .3em;
}
/* Components */
.tabpanel ul {
    display: table;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.tabpanel li {
    display: table-cell;
    background: #F0F0F0;
    border-bottom: 3px solid #2EAF99;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    width: 33.3%;
}
.tabpanel li.is-active {
    background: #2EAF99;
}
.tabpanel li.is-active a {
    color: #fff;
}
.tabpanel div:nth-of-type(n+2) {
    display: none;
}
/* theme-tabpanel */
.theme-tabpanel {
/*margin: 10px;*/
}
.theme-tabpanel li {
    text-align: center;
}

@media screen and (max-width:767px) {
.theme-tabpanel li {
    font-size: 93.3%;
    font-weight: bold;
}
}
.theme-tabpanel li + li {
    border-left: solid 1px #C0CEE0;
}
.theme-tabpanel li a {
    display: block;
    color: #333;
    padding: 10px;
    text-decoration: none;
}
/* Margin */
.section01 {
    margin: 0 10px;
}
.section02 {
    margin: 0 20px;
}
.section03 {
    margin: 0 30px;
}
.section04 {
    margin: 0 40px;
}
.page-submenu .col-4 .section01 li {
    margin-bottom: 10px;
}
.mt00 {
    margin-top: 0 !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.mb00 {
    margin-bottom: 0 !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
/* Padding */
.pt00 {
    padding-top: 0 !important;
}
.pt10 {
    padding-top: 10px !important;
}
.pt20 {
    padding-top: 20px !important;
}
.pt30 {
    padding-top: 30px !important;
}
.pt40 {
    padding-top: 40px !important;
}
.pb00 {
    padding-bottom: 0 !important;
}
.pb10 {
    padding-bottom: 10px !important;
}
.pb20 {
    padding-bottom: 20px !important;
}
.pb30 {
    padding-bottom: 30px !important;
}
.pb40 {
    padding-bottom: 40px !important;
}

/*
個別ページを構成するパーツ
*/

/* 外来受診のご案内(/hospital/gairai/) */
#scheduletable td {
    text-align: center;
}
#scheduletable td.row1 {
    background-color: #d5e9f1;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}
#scheduletable td.row2 {
    background-color: #e8f0f3;
    text-align: center;
}
#scheduletable td.col5 {
    background-color: #F0F0F0;
    width: 13%;
    text-align: center;
}
/* 診療科?中央部門のご案内(/hospital/shinryo/) */
.btn-schedule a {
    background: url(/med/bun-in/common/images/ico_arr02.png) no-repeat 0px center;
    padding: 10px 10px 10px 20px;
}
#shinryo.oneCol ul.list-inline li {
    width: 33%;
}
.link_english {
    font-size: 80%;
    text-align: right;
    position: relative;
    top: 30px;
    right: 0;
}
.link_english a {
    background: url(/med/bun-in/common/images/ico_arr02.png) no-repeat left center;
    padding: 10px 10px 10px 14px;
}
/* PDFファイルの閲覧?印刷 */
.get-adobe-reader {
    margin-top: 40px;
}
.get-adobe-reader p {
    font-size: 80%;
}
/* 連携登録医一覧(/hospital/iryo/tourokui/tourokui.html) */
#hospital-iryo #main table.row5 td, #hospital-iryo #main .eventList tbody {
    font-size: .86em;
}
#hospital-iryo #main .eventList tbody th {
    text-align: center;
}
#hospital-iryo #main .eventList thead th {
    border-bottom: 2px solid #CCC;
    background-color: #FFF;
}
#hospital-iryo .eventList {
    margin-bottom: 30px;
}
/* 病院沿革 */
#enkaku-table {
    margin-bottom: 50px;
}
#enkaku-table th {
    font-weight: normal;
    text-align: right;
	min-width: 6em;
}
#enkaku-table th, #enkaku-table td {
    border-bottom: 1px dotted #CCC;
    padding: 10px;
}

@media screen and (max-width:767px) {
#shinryo.oneCol ul.list-inline li {
    border-top: 1px solid #e1e1ff;
    line-height: 40px;
    width: 100%;
}
#shinryo ul.list-inline li a {
    display: block;
}
#scheduletable th, #scheduletable td {
    font-size: 81.25%;
}
}
