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

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

@import url(base.css);

/* main h2 
----------------------------------*/

#main h2{
margin-bottom: 10px;
}


/* main h3 
----------------------------------*/

#hygienist #main h3#top01,
#hygienist #main h3#top02{
width: 553px;
height: 30px;
padding-left: 25px;
padding-top: 3px;
line-height: 30px;
color: #fff;
font-weight: bold;
font-size: 140%;
}
#hygienist #main h3#top01{background:url(../images/hygienist/h3-01.gif) top left no-repeat #2176bc;}
#hygienist #main h3#top02{background:url(../images/hygienist/h3-02.gif) top left no-repeat #847f00;}

#assistant #main h3#top01,
#assistant #main h3#top02{
width: 557px;
height: 39px;
padding-left: 21px;
line-height: 35px;
font-weight: bold;
font-size: 140%;
}
#assistant #main h3#top01{
color: #318200;
background:url(../images/assistant/h3-01.gif) top left no-repeat;
}
#assistant #main h3#top02{
color: #847f00;
background:url(../images/assistant/h3-02.gif) top left no-repeat;
}

/* top-box 
----------------------------------*/

#main .top-box{
width: 552px;
padding-top: 10px;
padding-left: 12px;
padding-right: 12px;
border: 1px solid #d2d2d2;
border-top: 0;
margin:0;
margin-bottom: 15px;
}

#main .top-box p{
font-size: 120%;
margin-bottom: 16px;
}

ul.contents-banner01,
ul.contents-banner02{
margin-bottom: 16px;
}

ul.contents-banner01 li,
ul.contents-banner02 li{
display: block;
padding-right: 11px;
float: left;
}

ul.contents-banner01 li.end,
ul.contents-banner02 li.end{
padding-right: 0;
}

/* main h4 
----------------------------------*/

#hygienist #main .h4-outer01 h4,
#hygienist #main .h4-outer02 h4{
width: 513px;
height: 33px;
padding-left: 39px;
line-height: 33px;
font-weight: bold;
font-size: 140%;
}
#hygienist #main .h4-outer01 h4{
background: url(../images/hygienist/h4-01.gif) top left no-repeat;
color: #2176bc;
}
#hygienist #main .h4-outer02 h4{
background: url(../images/hygienist/h4-02.gif) top left no-repeat;
color: #268500;
}

#assistant #main .h4-outer01 h4,
#assistant #main .h4-outer02 h4{
width: 531px;
height: 33px;
padding-left: 21px;
line-height: 33px;
font-weight: bold;
font-size: 140%;
}
#assistant #main .h4-outer01 h4{
background: url(../images/assistant/h4-01.gif) top left no-repeat;
color: #318200;
}
#assistant #main .h4-outer02 h4{
background: url(../images/assistant/h4-02.gif) top left no-repeat;
color: #847f00;
}

#main .h4-outer01,
#main .h4-outer02{
width: 552px;
position: relative;
margin:0;
margin-bottom: 10px;
}

#main .h4-outer01 a.list-btn,
#main .h4-outer02 a.list-btn{
width: 54px;
height: 21px;
display: block;
position: absolute;
top: 6px;
right: 12px;
vertical-align: bottom;
}

/* main top 
----------------------------------*/

.top01-outer,
.top02-outer{
width: 552px;
margin-bottom: 20px;
}

#main dl.top01,
#main dl.top02{
width: 157px;
float: left;
padding-right: 19px;
margin-right: 18px;
background: url(../images/hygienist/dotted-vline.gif) right top repeat-y;
}

#main dl.end{
padding-right: 0 !important;
margin-right: 0 !important;
background: none !important;
}

#main dl.top01 dt a,
#main dl.top02 dt a{
width: 157px;
height: 114px;
}

#main dl.top01 dt a img,
#main dl.top02 dt a img{
border: 1px solid #c5c5c5
}

#main dl.top01 dt,
#main dl.top01 dd,
#main dl.top02 dt,
#main dl.top02 dd{
margin-bottom: 10px;
}

#main dl.top01 dd ul.top01-inner01 li,
#main dl.top02 dd ul.top02-inner01 li{
margin-bottom: 5px;
}

#hygienist #main dl.top01 dd ul.top01-inner01 li.text{
padding-left: 15px;
background:url(../images/common/list-arrow01.gif) left 5px no-repeat;
font-size: 120%;
}

#hygienist #main dl.top02 dd ul.top02-inner01 li.text{
padding-left: 15px;
background:url(../images/common/list-arrow02.gif) left 5px no-repeat;
font-size: 120%;
}

#assistant #main dl.top01 dd ul.top01-inner01 li.text{
padding-left: 15px;
background:url(../images/common/list-arrow02.gif) left 5px no-repeat;
font-size: 120%;
}

#assistant #main dl.top02 dd ul.top02-inner01 li.text{
padding-left: 15px;
background:url(../images/common/list-arrow03.gif) left 5px no-repeat;
font-size: 120%;
}

#hygienist #main dl.top02 dd ul.top02-inner01 li.text a{color: #268500;}
#assistant #main dl.top01 dd ul.top01-inner01 li.text a{color: #318200;}
#assistant #main dl.top02 dd ul.top02-inner01 li.text a{color: #847f00;}

#main dl.top02 dd ul.top02-inner01 li.category span{
display: block;
width: 49px;
height: 14px;
margin-right: 5px;
text-align: center;
float: left;
}

#main dl.top01 dd ul.top01-inner02{
margin-bottom: 10px;
width: 155px;
height: 42px;
}

#main dl.top01 dd ul.top01-inner02 li{
text-align: center;
width: 70px;
height: 16px;
line-height: 16px;
display: block;
float: left;
margin-right: 5px;
margin-bottom: 5px;
}

/* interview
----------------------------------*/

.interview{
width: 578px;
position: relative;
}

#hygienist .interview h3{
width: 567px;
height: 33px;
line-height:33px;
padding-left: 11px;
background: url(../images/hygienist/h3-03.gif) top left no-repeat;
font-weight: bold;
font-size: 140%;
color: #2176bc;
margin-bottom: 10px;
}

#assistant .interview h3{
width: 554px;
height: 38px;
line-height:33px;
padding-left: 23px;
background: url(../images/assistant/h3-03.gif) top left no-repeat;
font-weight: bold;
font-size: 140%;
color: #318200;
margin-bottom: 10px;
}

#main .interview a.list-btn{
width: 54px;
height: 21px;
display: block;
position: absolute;
top: 6px;
right: 12px;
vertical-align: bottom;
}

#main .interview .interview-inner{
margin-bottom: 15px;
}

#main .interview .interview-inner .interview-box{
width: 279px;
float: left;
padding-right: 20px;
}

#assistant .interview .interview-inner a{
color: #318200;
}

#main .interview .interview-inner .interview-box a.image{
width: 100px;
height: 89px;
float: left;
}

#main .interview .interview-inner .end{padding-right: 0px !important;}

#main .interview .interview-inner .interview-box dl{
width: 169px;
float: left;
padding-left: 10px;
font-size: 120%;
margin-bottom: 10px;
}

#hygienist .interview-box dl dt{
padding-left: 15px;
background: url(../images/common/list-arrow01.gif) left 5px no-repeat;
}

#assistant .interview-box dl dt{
padding-left: 15px;
background: url(../images/common/list-arrow02.gif) left 5px no-repeat;
}