@charset "utf-8";
/* CSS Document */

/* ----------------------
診療案内
---------------------- */

.aboutDepart {
float: left;
width: 540px;
}
.aboutMtit {
border-left-color: #FFAE39;
}
.aboutDepartList {
font-size:116%;
margin-bottom: 10px;
margin-left: 10px;
mergin-right: -10px;
width: 520px;
}
.aboutDepartList li {
float: left;
margin-right: 20px;
background-image: url(../about/img/icon.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 10px;
margin-bottom: 15px;
}
.aboutPh {
margin-bottom: 18px;
}
.aboutPh li {
float: left;
margin-right: 20px;
text-align: center;
font-size: 85%;
}
.aboutPh li.last {
margin-right: 0;
}
.aboutPh li img {
margin-bottom: 3px;
}
.aboutHour {
float: right;
width: 320px;
}
.aboutHour table {
font-size: 108%;
width: 300px;
border-left: none;
border-top: none;
margin-left: 10px;
margin-bottom: 10px;
}
.aboutHour table tr th {
background-color: transparent;
background-image: url(../img_common/line.gif);
background-repeat: repeat-x;
background-position: left bottom;
border-right-style: none;
border-bottom-style: none;
vertical-align: top;
width: 60px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
.aboutHour table tr td {
background-image: url(../img_common/line.gif);
background-repeat: repeat-x;
background-position: left bottom;
border-right-style: none;
border-bottom-style: none;
vertical-align: top;
width: 150px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
.aboutHour .caution {
color: #E4007F;
margin-left: 10px;
}
.aboTit {
font-weight:bold;
font-size:116%;
margin-bottom:10px;
}
.aboLis {
font-size:108%;
margin-bottom:20px;
}
.aboLis.last {
margin-bottom:40px;
}
.aboLis li {
min-width:80px;
float:left;
margin-right:20px;
margin-bottom:5px;
}
.aboTable {
font-size: 108%;
width: 100%;
margin-bottom: 5px;
}
.aboTable.last {
margin-bottom:25px;
}
.aboTable th {
text-align:center;
background-color:#F4EBE3;
}
.aboTable th.ctrl {
text-align: left;
}
.aboTable td {
text-align: center;
background-color: #fff;
padding-top: 2px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 12px;
line-height: 2.1em;
}
.aboTable td.ctrl{
padding-top: 14px;
}
.aboTable td span{
font-size:93%;
line-height: 0.8em;
}
.aboTxt {
color: #E4007F;
margin-bottom:25px;
}


/* ------------------------------------------------------------------------------
SP
------------------------------------------------------------------------------ */
@media screen and (max-width:769px) {
.aboutDepart {
width: 100%;
}
.aboTableWrap {
width: 100%;
overflow: scroll;
margin-bottom: 25px;
}
.aboTableWrap::-webkit-scrollbar{
width: 10px;
}
.aboTableWrap::-webkit-scrollbar-track{
display: none;
}
.aboTableWrap::-webkit-scrollbar-thumb{
background: #F4EBE3;
border-radius: 10px;
box-shadow: inset 0 0 0 2px #F4EBE3;
}
.aboTable {
white-space: nowrap;
}
.aboTable.last {
margin-bottom: 10px;
}
.aboTable td {
padding-right: 15px;
padding-left: 15px;
}
.aboutPh li {
width: 32%;
margin-right: 5px;
}
.aboutPh li img {
width: 100%;
height: auto;
}
.aboutHour {
float: none;
width: 100%;
}
.aboutHour table {
width: 100%;
margin-left: 0;
}
}