/* びばい眼科クリニックver.1の基本CSS */

/* ページ全体 */
body {
background: #ffffff;
margin: 0px;
padding: 0px;
font-size: 10pt;
}
img {
border: 0px;
}

/* 1行用見出し */
.notice {
width: 200px; height: 1em;
background: #ffffff url(!.gif) no-repeat;
padding:  5px 0 10px 25px;
font-size: 12pt; font-weight: bold;
color: #006699;
}

/* indexページ用の指定 */
#position1{
width: 641px; height: 271px;
background: #ffffff url(photo1.jpg) no-repeat;
position: relative;
top: 50;
left: 50;
}
#position2{
width: 86px; height: 22px;
position: relative;
top: 180px;
left: 145px;
}
/* 更新履歴用インラインフレームの設定 */
#newtopics {
width: 640px;
background: #ffffff;
position: absolute;
top: 340px;
left: 50px;
}
#inline {
margin: 0 0 20px 0;
background: #ffffff; border: 1px solid #999999;
width: 640px; height: 145px;
overflow: auto;
}
#inline dt {
margin: 3px 10px;
}
#inline dd {
margin: 0px 10px 0px 60px;
border-bottom: 1px dotted;
}

/* ナビゲーションバーの設定 */
ul#navigation {
margin: 20px 0px 0px 20px;
padding: 0px;
}
#id {
list-style-type: none;
height: 60px;
overflow: hidden;
}
li.classnavigation {
list-style-type: none;
height: 25px;
overflow: hidden;
}

/* コンテンツの位置を設定 */
#content {
width: 782px;
background: #ffffff;
position: absolute;
top: 20px;
left: 185px;
}

/* aboutページ地図の設定 */
div#box1 {
width: 260px; height: 1em;
background: #ffffff url(!.gif) no-repeat;
padding: 3px 0 0 25px;
font-size: 12pt; font-weight: bold;
color: #006699;
position: absolute;
top: 0px;
left: 500px;
}
div#box2 {
width: 260px;
background: #ffffff;
margin: 0;
padding: 7px 0 0 30px;
position: absolute;
top: 25px;
left: 500px;
font-size: 15pt;
}
div#box3 {
width: 260px; height: 1em;
background: #ffffff url(!.gif) no-repeat;
padding: 3px 0 0 25px;
font-size: 12pt; font-weight: bold;
color: #006699;
position: absolute;
top: 210px;
left: 500px;
}
div#box4 {
width: 260px;
background: #ffffff;
margin: 0;
padding: 7px 0 0 30px;
position: absolute;
top: 230px;
left: 500px;
}
div#box5 {
width: 260px;
background: #ffffff;
margin: 0;
padding: 7px 0 0 30px;
position: absolute;
top: 290px;
left: 500px;
}
div#box6 {
width: 782px;
background: #ffffff;
margin: 0;
padding: 20px 0 30px 0;
position: absolute;
top: 500px;
left: 0px;
}
img.photo {
border: 0px;
margin: 0 10px 10px 0;
}

/* timetableページの設定 */
ul.attention {
background: #ffffff;
margin: 0.5em 0 3em 1.5em;
padding: 0;
font-size: 11pt;
line-height: 1.4em;
}
ul.attention span {
color: red;
font-weight: bold;
}

/* 受付時間の設定 */
table.timetable {
width: 500px; height: 100px;
border: 1px #000000 solid;
margin-top: 0em;
border-collapse: collapse;
font-size: 13pt;
}
table.timetable thead td { /* 診療時間〜曜日 */
font-weight: bold;
text-align: center;
border: 1px #000000 solid;
}
table.timetable tbody td {
text-align: center;
border: 1px #000000 solid;
}
td.sat { color: blue; }
td.sun { color: red; }

/* カレンダーの設定 */
img.calendaricon {
width: 20px; height: 20px;
vertical-align: middle;
margin: 0 5px 5px 0;
}
table.calendar {
width: 350px; height: 350px;
border: 1px #000000 solid;
margin: 10px 10px 0px 0;
border-collapse: collapse;
font-size: 15pt;
float: left;
}
table.calendar thead td { /* 年月・曜日 */
height: 30px; 
border: 1px #000000 solid;
font-weight: bold;
text-align: center;
font-size: 12pt;
white-space: nowrap; 
}
table.calendar tbody td { /* 日付 */
height: 50px; width: 50px;
text-align: center;
border: 1px #000000 solid;
}
td.gray { color: gray; font-size: 11px;}
td.full { background: url(calendarback1.gif) no-repeat center; }
td.half { background: url(calendarback2.gif) no-repeat center; }
.clearLeft { 
clear: left; 
}