/*==========================================
 コンテンツエリア -> NEWSのスタイル
===========================================*/
div#time section#news {
  margin-left: 5px;
}
div#time section#news h2 {
  margin: 0 5px 5px 0;
  background: url(images/bg_headerLine.jpg) repeat-x bottom;
  padding-bottom: 10px;
}
div#time section#news article h3 {
  font-size: 0.7em;
  background: url(images/icn_arrow.jpg) no-repeat center left;
  margin-bottom: 10px;
  padding-left: 7px;
}
div#time section#news article p {
  line-height: 1.4em;
  font-size: 0.8em;
  margin: 0 0 20px 10px;
}
div#time section#news article p a {
  text-decoration: underline;
}
div#time section#news article p a:hover {
  text-decoration: none;
}

/*==========================================
 INFORMATIONのスタイル 追加
===========================================*/
div#time table{
border: 1px #535353 solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 15px;
}

div#time table th{
padding:5px;
border:1px #535353 solid;
border-width: 0 0 1px 1px;
background:#ececec;
}

div#time table td{
padding:5px;
border: 1px #535353 solid;
border-width: 0 0 1px 1px;
background:#fff;
}
/*==========================================
 コンテンツエリア -> INFORMATIONのスタイル
===========================================*/
div#time section#information {
  text-align: left;
  margin-left: 5px;
} 
div#time section#information h2 {
  text-align: left;
  margin: 0 5px 15px 0;
  background: url(images/bg_headerLine.jpg) repeat-x bottom;
  padding-bottom: 10px;
}
div#time section#information ul li {
  width: 100%;
  margin-bottom: 5px;
}
div#time section#information ul li img {
  width: 98%;
  height: auto;
  max-width: 470px;
}


/* PC向けおよび大型タブレット向けのレイアウトの指定：769px〜960px */
@media only screen and (min-width: 769px) {
  div#time section#work article {
    width: 33%;
  }
  div#time section#work article h3 {
    line-height: 2.0em;
  }
  div#time section#work article p {
    font-size: 0.8em;
    line-height: 2.0em;
  }
}

/* PC向けレイアウトの指定：961px以上では固定レイアウト */
@media only screen and (min-width: 961px) {
  div#time {
    max-width: 960px;
    margin: 0 auto;
  }
  div#time section#work article {
    width: 20%;
  }
  div#time section#work article h3 {
    line-height: 2.2em;
  }
  div#time section#news {
    width: 49%;
    float: left;
  }
  div#time section#information {
    width: 49%;
    float: right;
  }

}

/* 幅480px以下から */
@media only screen and (min-width: 480px) {
  div#time section#information {
    width: 49%;
  }

}

/*診療時間
-----------------------------------------*/
table.timeTable {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
margin: 0 0 2em 0;
}

.timeTable td, .timeTable th {
border: 1px #888 solid;
text-align: center;
padding: 5px 0;
}

.timeTable th {
white-space: nowrap;
width: 1%;
}
.timeTable th[scope="col"] {
background: #C1E0FF;
}
.timeTable th[scope="row"] {
background: #EAF4FF;
}


