@charset "UTF-8"; 


.related-site{
    width           : 100% ;
    color           : navy;
    text-align      : right;
}
.related-site a{
    width           : 100% ;
    color           : navy;
    text-decoration : none;
}
.related-site a:hover{
	cursor          : pointer;
    color           : orange;
    text-decoration : none;
}



 .phone-reserv-inq{
    width       : 100% ;
    text-align  : right;
    font-size   : 125% ;
    font-weight : bold ;
    color       : #e9967a; /*#a85151 ;*/
}
#main h3{
    text-indent : -10px ;
}

#main h3,#main h4 {
    margin-top : 1.5em ;
}
#disease-symptom div.check-paper{
    margin  : 1em ;
    width   : 80%  ;
    background-color : lightblue ;
}

#disease-symptom ul{
    padding : 1em
}

#disease-symptom  ul li{
    padding-left   : 2em;
    text-indent    : -2em;
    line-height    : 150%;
}

#disease-symptom ul li.outoflist-t{
    padding-bottom    : 1em;
}
#disease-symptom li.outoflist-b{
    padding-top   : 1em;
}

#disease-symptom  li img{
    margin-right : 10px ;
    height       : 14px ;
    
}

/* ============================================================================*
  time-table
============================================================================ */
table.coder {
    width        : 700px;
    margin-right : auto ;
    margin-left  : auto ;

    border-spacing: 0;
	
    border: 1px solid #CCC;
    -webkit-border-radius: 6px;
/*       -moz-border-radius: 6px;*/
         -o-border-radius: 6px;
            border-radius: 6px;
    box-shadow: 0 1px 1px #CCC;	
}
table.coder th.col_weekday,
table.coder td.days {
    width : 14% ;
    text-align  : center ;
}

table.coder td.clientType {
    width : 8% ;
    text-align  : center ;
    background :#FFFFFF; /* #ede9e4; */
    color      :#69655c;
    box-shadow : 0 0px 0 rgba(255, 255, 255, 0.8) inset;
}
table.coder td.room 
    width : 14% ;
    text-align  : center ;
    background  :#FFFFFF;  /*#ede9e4; */
    color       :#69655c;
    box-shadow  : 0 0px 0 rgba(255, 255, 255, 0.8) inset;
}
table.coder td.end {
    width : 8% ;
    text-align  : center ;
    background :#FFFFFF; /* #ede9e4 ;*/
    color      :#69655c;
    box-shadow : 0 0px 0 rgba(255, 255, 255, 0.8) inset;
}
table.coder th,
table.coder td {
    padding : 3px 0px;
    line-height : 110% ;
    background  : #FFF;
    border-bottom  :solid 1px #CCC;
    border-right   :solid 1px #CCC;
}
table.coder th {
    background : #6699FF; /* #e3dcd5; */
    color      : #FFFFFF; /* #69655c; */
    box-shadow : 0 0px 0 rgba(255, 255, 255, 0.8) inset;
}
table.coder th.dataempty {
    background : #FFFFFF; /* #e3dcd5; */
    color      : #FFFFFF; /* #69655c; */
}

table.coder td.highlight{
    background : #4F9193 ; /* #efbda5; */
    color      : #FFFFFF; /* #69655c; */
}


/* =======================================================================

  triming corner / target cell 

======================================================================= */

/* -----------------------------------------------------------------------
 left-upper / first-rorw and  first-col
----------------------------------------------------------------------- */
.coder tr:first-child th:first-child,
.coder tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
/*       -moz-border-radius: 6px 0 0 0;*/
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------------------------------------------------------
  right-upper : first-row and  last-col
 ----------------------------------------------------------------------- */
.coder tr:first-child th:last-child,
.coder tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
/*       -moz-border-radius: 0 6px 0 0;*/
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------------------------------------------------------
  left under : last-row and farst-col
 ----------------------------------------------------------------------- */
.coder tr:last-child th:first-child,
.coder tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
/*       -moz-border-radius: 0 0 0 6px;*/
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------------------------------------------------------
  right under / last-row and last-col
 ----------------------------------------------------------------------- */
.coder tr:last-child th:last-child,
.coder tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
/*       -moz-border-radius: 0 0 6px 0;*/
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}
/* -----------------------------------------------------------------------
  Case of useing thaed,tbody, for construct table
 ----------------------------------------------------------------------- */
.coder thead th {background:#e3dcd5;}
.coder thead+tbody th {background:#f4ede6;}
.coder tbody th {text-align:left;}/*IE*/


/* -----------------------------------------------------------------------
  left upper / thead内　最初の行の最初のセル
----------------------- */
.coder thead tr:first-child th:first-child,
.coder thead tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
/*       -moz-border-radius: 6px 0 0 0;*/
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  right upper / thead内　最初の行の最後のセル
----------------------- */
.coder thead tr:first-child th:last-child,
.coder thead tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
/*       -moz-border-radius: 0 6px 0 0;*/
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  角丸なし　thaedの後のtbody 最初の行の最初のセル
  角丸なし　thaedの後のtbody 最初の行の最後のセル
----------------------- */
.coder thead+tbody tr:first-child th:first-child,
.coder thead+tbody tr:first-child td:first-child,
.coder thead+tbody tr:first-child th:last-child,
.coder thead+tbody tr:first-child td:last-child {
    -webkit-border-radius:0px;
 /*      -moz-border-radius:0px;*/
         -o-border-radius:0px;
            border-radius:0px;
}
/* -----------------------
  left under /thaedの後のtbody 最後の行の最初のセル
----------------------- */
.coder thead+tbody tr:last-child th:first-child,
.coder thead+tbody tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
/*       -moz-border-radius: 0 0 0 6px;*/
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  right under /thaedの後のtbody 最後の行の最後のセル
----------------------- */
.coder thead+tbody tr:last-child th:last-child,
.coder thead+tbody tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
/*       -moz-border-radius: 0 0 6px 0;*/
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}

     
#timeTable div.staffLink{
    width        : 700px;
    margin-top   : 0.5em;
    margin-right : auto ;
    margin-left  : auto ;
    font-size    : 125% ;
    font-weight  : bold ;
    text-align   : right ;

}
#timeTable div.staffLink a{
    color  : #0099CC ;

}
#timeTable div.staffLink a:hover{
	cursor          : pointer;
    color           : orange;
}

#timeTable ul.inq-reserve{
/*    float : right ; */
    font-size    : 150% ;
    margin-top    :20px ;
    margin-right  :30px ;
    margin-bottom :20px ;
    margin-left   :220px ;
}
#timeTable ul.inq-reserve li.title{
   font-weight  :  bold ;
   /*color        : #930400 ; */
   margin-left  :  3em;
}

/*********************************************
     style : inspect-treatment
*********************************************/

#inspect-treatment img{
    float  : right ;
    margin :10px ;
    width  : 50% ;
    height : 50% ;
}

#inspect-treatment  h3 > div ,
#inspect-treatment  h3 > ui{
    margin-top     :15px ;
}
/*********************************************
     style : matrix-DS matrix
*********************************************/
#matrix-DS ul {
    background   : #eee;
    border       : 1px solid #ccc;
    font-size    : 14px;
    text-align   : center;
    margin-left  : 1em ;
    width        : 95%;
    display      : table;
    table-layout : fixed;
}
 
#matrix-DS ul li {
    border-right : 1px solid #ccc;
    display      : table-cell;
}
 
#matrix-DS ul li:last-child {
    border-right: none;
}
 
#matrix-DS ul li a {
    color           : #333;
    font-weight     : bold;
    text-decoration : none;
    padding         : 12px 0px;
    display         : block;
}
 
#matrix-DS ul li a:hover {
	cursor       :pointer;
    background   : #e0e0e0;
}

#matrix-DS h2:hover {
    cursor           : pointer   ;
    color            : orange    ;
    background       : navy      ;
}

/*********************************************
     style : modal window
*********************************************/
#modal-content{
	width      : 50%;
	margin     : 1.5em auto 0;
	padding    : 10px 20px;
	/*border     : 2px solid #ccc;*/
    border-color:#6495ed ;
    border-style:ridge;
    border-width:5px ;
    background : #fff;
	z-index    : 999 ;
    position   : fixed;
    display    : none ;
}
#modal-content div.window-title{
    width        : 100% ;
    height       : 100% ;
    line-height  : 100% ;
    margin       :  0px ;
    padding      :  0px ;
    font-size    :  60% ;
    background-color : #CCEEFF  ;
}

#modal-content div.disease{
    font-weight  : bold   ;
    text-align   : center ;
    font-size    : 16px   ;
    line-height  : 180%   ;
}

#modal-content div.last-update{
    text-align   : right  ;
    font-size    : 10px   ;
    color        : navy   ;
    line-height  : 120%   ;
}

#modal-content div.symptom{
    text-align   : left ;
    font-size    : 11px ;
    margin       : 0px 5px ;
}
#modal-content div.explanatory{
    text-align   : left ;
    font-size    : 11px ;
    margin       : 0px 5px ;
}
#modal-content div.operation {
    width        : 100% ;
    line-height  : 180% ;
    text-align   : center ;
}

#modal-content .frame{
    width       : 33%  ;
    height      : 100% ;
    background-color: transparent;
    float       : left ;
}


#modal-content  .f-left{
    text-align  : left ;
}

#modal-content  .f-cntr{
    text-align  : center ;
}
#modal-content  .f-rght{
    text-align  : right ;
}


#modal-content p.modal-title{
    font-weight  : bold ;
    margin-left  : -10px ;
    text-indent  : -10px ;
}
#modal-content p.hanging{
    margin-left :  1em ;
    text-indent : -1em ;
}

#modal-content p.indent{
    text-indent : 1em ;
}

.modal-p{
	margin-top:1em;
}

.modal-p:first-child{
	margin-top:0; 
}
.modal-button-link{
    font-size       : 85% ;
	color           : #00f ;
	text-decoration : none ;
    margin          : 0px 10px;
}
 .modal-button-link:hover{
	cursor          :pointer;
    color           :#f00   ;
}

 .modal-icon-link :hover{
	cursor          :pointer;
}

#modal-overlay{
	z-index:998;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}

.opcl {
    margin-left     : 0.5em ; 
	text-decoration : underline ;
}
.opcl:hover {
	cursor          :pointer;
    color           :#f00   ;
}