* {
padding:0;
margin:0;
}

html,body {height: 100%;}

body {
font-family : Osaka, "ＭＳ Ｐゴシック", "MS UI Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:100%;
}

#container
{
color: #000;
background-image : url(images/shadow.jpg);
background-repeat : repeat-y;
margin: 0 auto;
padding:0px 30px 0px 30px;
width: 800px;
text-align:left;

/* IE Box Model Hack */
voice-family: "\"}\"";
voice-family: inherit;
width: 740px;
}

#container:after{ 
content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;}



h1 {
color:#ff9966;
padding:5px;
font-size:70%;
float:left;
}


#introduction{
float: right;
width: 100%;
height:180px;
padding: 10px;
border:1px solid #c2d1ff;
background-color : #dbe4ff;
margin-bottom:5px;
font-size:90%;
/* IE Box Model Hack */
voice-family: "\"}\"";
voice-family: inherit;
width: 500px;
}

html>body #introduction {
width: 95%;
} 




#introduction p {
color:#666;
margin:5px 2px 5px 2px;
line-height:1.2;
}


#mainBody{
width: 535px;
background-color : #f5f7ff;
color:#000;
padding: 10px;
border:1px solid #dbe2ff;
margin-top:5px;
font-size:90%;
float:right;
line-height:1.4;
min-height:910px;
/* IE Box Model Hack */
voice-family: "\"}\"";
voice-family: inherit;
width: 513px;
}

html>body #mainBody {
width:513px;
}


#mainBody h2{
color:#00cc66;
font-size : 170%;
margin:10px 0px 20px 0px;
text-align:center;
}

#mainBody h3{
font-size : 100%;
color:#000;
border-style: none none double none;
border-color: #ffcc99;
margin:50px 0px 0px 0px;
}

#mainBody h4{
color:#333;
font-size : 110%;
margin:30px 0px 14px 0px;
}

#mainBody p{
margin:10px 3px 10px 2px;
}

.right{
float:right;
text-align:right;
}

.divright{
float:right;
text-align:left;
}

.divleft{
float:left;
text-align:left;
}

.divcenter{
margin:auto;
text-align:center;
}

.big{
font-size : 130%;
}

.lead{
color:#006600;
}


ol{
list-style-position:inside;
}

ol li{
margin:20px 0px 0px 0px;
}

#mainBody ul{
margin:20px 0px 0px 0px;
}

ul li{
list-style:none;
}

#mainBody dl dt{
margin:20px 0px 0px 0px;
color:#666;
font-weight:bold;
}

#mainBody dl dd{
color:#666;
background-color:#fff;
border-color:#ccc;
border-style:solid 1px;
padding:5px;
}


#this ul li{
list-style-image:url(images/liststyle.gif);
list-style-position:inside;
}

#this ul li.sp20{
margin-top:20px;
}

#this ol li{
list-style-position:inside;
margin:0;
padding:0;
line-height:1.5;
}

#this dl dt{
margin-top:20px;
color:#000;
font-weight:normal;
list-style-image:url(images/liststyle.gif);
list-style-position:inside;
}

#this dl dd{
color:#000;
background-color : #f5f7ff;
border:0;
padding:0px;
}

.qap{
margin-top:40px;
}

.qp{
font-weight:bold;
color:#0000cc;
}

.ap{
font-weight:bold;
color:#ff0000;
}


.timetable{
border: 1px #66cccc solid;
padding:5px;
margin-top:20px;
background: #fff;
text-align:center;
}

.td {
border: 1px #66cccc solid;
}

.th{
color:#66cccc;
font-weight:bold;
width:100%
}




#menu {
float:left;
background-color: #f0ebff;
width: 200px;
padding: 10px;
margin-top:5px;
border:1px solid #d1c2ff;
font-size : 80%;
min-height:910px;

/* IE Box Model Hack */
voice-family: "\"}\"";
voice-family: inherit;
width: 178px;
} 

html>body #menu {
width:178px;
} 

#menu-home a{
width:178px;
height:30px;
background:url(images/menu/home.gif) no-repeat;
text-decoration:none;
text-indent : -9999px;
display:block;
padding:0;
margin-top:2px;
}

#menu-home a:hover{
background:url(images/menu/home02.gif) no-repeat;
background-color: #ffffff;
}

#menu-today a{
width:178px;
height:30px;
background:url(images/menu/today.gif) no-repeat;
text-decoration:none;
text-indent : -9999px;
display:block;
padding:0;
margin-top:2px;
}

#menu-today a:hover{
background:url(images/menu/today02.gif) no-repeat;
background-color: #ffffff;
}


#menu-doctor a{
width:178px;
height:30px;
background:url(images/menu/doctor.gif) no-repeat;
text-decoration:none;
text-indent : -9999px;
display:block;
padding:0;
margin-top:2px;
}

#menu-doctor a:hover{
background:url(images/menu/doctor02.gif) no-repeat;
background-color: #ffffff;
}

#menu-clinic a{
width:178px;
height:30px;
background:url(images/menu/clinic.gif) no-repeat;
text-decoration:none;
text-indent : -9999px;
display:block;
padding:0;
margin-top:2px;
}

#menu-clinic a:hover{
background:url(images/menu/clinic02.gif) no-repeat;
background-color: #ffffff;
}


#menu-time a{
width:178px;
height:30px;
background:url(images/menu/time.gif) no-repeat;
text-decoration:none;
text-indent : -9999px;
display:block;
padding:0;
margin-top:2px;
}

#menu-time a:hover{
background:url(images/menu/time02.gif) no-repeat;
background-color: #ffffff;
}


#menu-map a{
width:178px;
height:30px;
background:url(images/menu/map.gif) no-repeat;
text-decoration:none;
text-indent : -9999px;
display:block;
padding:0;
margin-top:2px;
}

#menu-map a:hover{
background:url(images/menu/map02.gif) no-repeat;
background-color: #ffffff;
}

#menu-news a{
width:178px;
height:30px;
background:url(images/menu/news.gif) no-repeat;
text-decoration:none;
text-indent : -9999px;
display:block;
padding:0;
margin-top:2px;
}

#menu-news a:hover{
background:url(images/menu/news02.gif) no-repeat;
background-color: #ffffff;
}

#menu-data a{
width:178px;
height:30px;
background:url(images/menu/data.gif) no-repeat;
text-decoration:none;
text-indent : -9999px;
display:block;
padding:0;
margin-top:2px;
}

#menu-data a:hover{
background:url(images/menu/data02.gif) no-repeat;
background-color: #ffffff;
}


#menu-staff a{
width:178px;
height:30px;
background:url(images/menu/staff.gif) no-repeat;
text-decoration:none;
text-indent : -9999px;
display:block;
padding:0;
margin-top:2px;
}

#menu-staff a:hover{
background:url(images/menu/staff02.gif) no-repeat;
background-color: #ffffff;
}

#menu p{
margin:5px 2px 10px 0;
font-size:100%;
line-height:1.4;
color: #666;
}

#menu a{
font-size : 100%;
text-decoration : none;
}

#menu a:hover{
text-decoration : none;
}

#menu ul li{
list-style : none;
margin:0px;
padding:0px;
margin-top:5px;
}


#menu_text{
margin-top:30px;
}

#footer{
clear:both;
color: #366;
background: #dbe4ff;
text-align: center;
font-size:100%;	
padding:2px;
margin-top:100px;
}

#footer a{
text-decoration: none;
color: #366;
background: transparent;
}

#footer a:hover{
color:#000;
}


/* General styles */
body 
{
text-align:center;
color: #000;
background: #ffffcc;
font-family : Osaka, "ＭＳ Ｐゴシック", "MS UI Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 100%;
margin: 0;
padding: 0;
}

a
{
    color: #333;
    background: transparent;
}

a:hover{
color: #900;
background: transparent;
text-decoration : underline;
}