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

/* import 
----------------------------------*/

@import url(base.css);


/* main hn 
----------------------------------*/

#main h2{
width: 410px;
display:block;
font-size: 160%;
font-weight: bold;
}

#hygienist #main h2{
color: #0068b0;
}

#assistant #main h2{
color: #327600;
}

#main h3.faculty,
#main h3.hospital{
display:block;
font-size: 140%;
font-weight: bold;
margin-bottom: 12px;
clear: both;
}

#hygienist #main h3.faculty,
#hygienist #main h3.hospital{
width: 562px;
background: url(../images/hygienist/h3-04.gif) left top no-repeat;
padding-left: 16px;
line-height: 33px;
height: 33px;
color: #0068b0;
}

#assistant #main h3.faculty,
#assistant #main h3.hospital{
width: 555px;
background: url(../images/assistant/h3-04.gif) left top no-repeat;
padding-left: 23px;
line-height: 33px;
height: 39px;
color: #167600;
}

#main .course-box h4{
font-weight: bold;
font-size: 120%;
color: #4a3f03;
}

/* h2 title 
----------------------------------*/

#h2-title{
width:558px;
padding: 10px;
position: relative;
}

#hygienist #h2-title{
background: url(../images/hygienist/school-h2.gif) left top repeat-x;
}

#assistant #h2-title{
background: url(../images/assistant/school-h2.gif) left top repeat-x;
}

#h2-title p{
font-size: 120%;
color: #999;
}

#h2-title p.request-btn{
position: absolute;
top: 10px;
right: 0;
}

/* detail-box 
----------------------------------*/

#hygienist #detail-box{
padding: 14px 0 12px;
background: url(../images/hygienist/detail-box-bg.gif)  left top repeat-x;
}

#assistant #detail-box{
padding: 14px 0 12px;
background: url(../images/assistant/detail-box-bg.gif)  left top repeat-x;
}

#detail-box ul{
margin-bottom: 10px;
}

#detail-box ul li{
display: inline;
padding-right: 3px;
}

#detail-box ul li span{
padding: 2px 3px;
line-height: 1.5;
}

#detail-box img{
margin-right: 10px;
margin-bottom: 10px;
}

#detail-box p{
font-size: 120%;
margin-bottom: 10px;
}

#detail-box p em{
font-weight: bold;
font-size: 140%;
}

#hygienist #detail-box p em{
color: #167600;
}

#assistant #detail-box p em{
color: #1b666f;
}

/* image-list 
----------------------------------*/

#image-list{
width:578px;
clear: both;
padding-bottom: 5px;
}

#image-list dl{
width: 100px;
margin-right: 14px;
float: left;
}

#image-list dl.end{
margin-right: 0;
}

/* information-box
----------------------------------*/

table.information-box{
width:577px;
table-layout: fixed;
clear: both;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-bottom: 10px;
}

table.information-box th{
width: 110px;
padding: 10px 5px;
font-weight: bold;
font-size: 120%;
background-color: #f2f2f2;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#hygienist table.information-box th{
color: #1e5ca8;
}

#assistant table.information-box th{
color: #007d00;
}

table.information-box td{
width: 436px;
padding: 10px 5px;
font-size: 120%;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

table.information-box td.td-cell{
width: 156px;
}

/* faculty
----------------------------------*/

.faculty-name{
width:578px;
background: url(../images/common/dl-bg-faculty.gif) left top repeat-y;
}

.faculty-name dt{
width: 41px;
font-weight: bold;
font-size: 120%;
color: #fff;
background: url(../images/common/dl-bg-faculty-dt.gif) left top repeat-x;
float: left;
padding: 5px 0px;
text-align: center;
border-top: 1px solid #0066a6;
}

.faculty-name dd{
width: 516px;
font-size: 120%;
background: url(../images/common/dl-bg-faculty-dd.gif) left top repeat-x;
float: left;
padding: 5px 10px;
border-top: 1px solid #a8becb;
border-right: 1px solid #a8becb;
color: #005991;
}

.course-name{
width:578px;
background: url(../images/common/dl-bg-course.gif) left top repeat-y;
}

.course-name dt{
width: 41px;
font-weight: bold;
font-size: 120%;
color: #fff;
background: url(../images/common/dl-bg-course-dt.gif) left top repeat-x;
float: left;
padding: 5px 0px;
border-top: 1px solid #218013;
border-bottom: 1px solid #46a638;
text-align: center;
}

.course-name dd{
width: 516px;
font-size: 120%;
background: url(../images/common/dl-bg-course-dd.gif) left top repeat-x;
float: left;
padding: 5px 10px;
border: 1px solid #aac1a7;
border-left: none;
color: #076900;
}

/* course-box
----------------------------------*/

.course-box{
border: 1px solid #a8becb;
border-top: none;
padding: 13px;
margin-bottom: 10px;
}

.course-box ul{
background: url(../images/common/dotted-line-gold.gif) left bottom repeat-x;
margin-bottom: 10px;
padding-bottom: 10px;
}

.course-box ul li{
color: #756f4f;
font-size: 120%;
}

.course-box img{
margin-right: 10px;
margin-bottom: 10px;
}

.course-box p{
font-size: 120%;
margin-bottom: 15px;
}

.course-box table{
width:548px;
table-layout: fixed;
clear: both;
border-left: 1px solid #b8c9d5;
border-top: 1px solid #b8c9d5;
margin-bottom: 10px;
}

.course-box th{
width: 88px;
padding: 10px 5px;
font-weight: bold;
font-size: 120%;
text-align: center;
background-color: #f2f2f2;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#hygienist .course-box th{
color: #1e5ca8;
}

#assistant .course-box th{
color: #007d00;
}

.course-box td{
width: 438px;
padding: 10px 5px;
font-size: 120%;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

/* request-box
----------------------------------*/

.request-box{
width:576px;
margin-bottom: 15px;
}

#hygienist .request-box{
height: 41px;
padding: 5px 0;
background: url(../images/hygienist/request-bg.gif) left top repeat;
border: 1px solid #c1dbec;
}

#assistant .request-box{
height: 33px;
padding: 9px 0;
background: url(../images/assistant/request-bg.gif) left top repeat;
border: 1px solid #c9e5af;
}

#hygienist .request-box a{
width: 156px;
height: 40px;
margin: auto;
display: block;
}

#assistant .request-box a{
width: 150px;
height: 32px;
margin: auto;
display: block;
}

/* google-map
----------------------------------*/

#google-map{
width: 300px;
padding-left: 10px;
float: right;
}

/* access
----------------------------------*/

dl.access{
width: 255px;
font-size: 120%;
}

dl.access dt{
width: 60px;
float: left;
font-weight: bold;
padding-right: 5px;
}

#hygienist dl.access dt{
color: #1e5ca8;
background: url(../images/hygienist/access_separater.gif) right center no-repeat;
}

#assistant dl.access dt{
color: #007d00;
background: url(../images/assistant/access_separater.gif) right center no-repeat;
}

dl.access dd{
width: 180px;
padding-left: 10px;
margin-bottom: 15px;
float: left;
}

/* hospital-info
----------------------------------*/

.hospital-info{
width:576px;
margin: 10px 0 15px;
}

#hygienist .hospital-info{
height: 41px;
padding: 5px 0;
background: url(../images/hygienist/hospital-bg.gif) left top repeat;
border: 1px solid #cbecc0;
}

#assistant .hospital-info{
height: 39px;
padding: 6px 0;
background: url(../images/assistant/hospital-bg.gif) left top repeat;
border: 1px solid #e7e7cd;
}

#hygienist .hospital-info a{
width: 197px;
height: 40px;
margin: auto;
display: block;
}

#assistant .hospital-info a{
width: 195px;
height: 38px;
margin: auto;
display: block;
}