@import "reset.css";


/*  html
---------------------------------------------------------- */
img {
font-size:0;
line-height:0;
}
li img {
vertical-align:top;
}
p,li,dt,dd {
line-height:1.6;
}
th,td {
line-height:1.6;
}

.clear {
clear:both;
}
br{
letter-spacing:0;
}
a{
color:#005396;
background-color:inherit;
text-decoration:underline;
cursor:pointer;
}
a:hover,a:active{
color:#3879ad;
background-color:inherit;
text-decoration:none;
}


/*  header
---------------------------------------------------------- */

body{
color:#444;
background:url(/hospital/top/resident/common/img/title_bg.jpg) no-repeat top center;
}

#header {
height:127px;
width:860px;
text-align:center;
margin:0 auto 20px;
position: relative;
}

#header p#title{
top:18px;
left:20px;
position:absolute;
}

#header p#title img{float:left;}

#header p#title:after {
content:url(/hospital/top/resident/common/img/spacer.gif);
display:block;
clear:both;
height:0;
}

#header p#title {display: inline-block;} 
#header p#title {display: block;}

#headernavi{
position: absolute;
top:19px;left:605px;
}

#headernavi img{
vertical-align:top;
}

#headernavi li{
float:left;
line-height:1;
margin-right:20px;
}
#headernavi li img{float:left;}

#headernavi li.last{margin:0;}

#headernavi li a{display: block;}



/*  body
---------------------------------------------------------- */

#body{
width:860px;
margin:0 auto;
z-index:2;
position:relative;
}

#body:after {
content:url(/hospital/top/resident/common/img/spacer.gif);
display:block;
clear:both;
height:0;
}

#body {display: inline-block;} 
* html #body  {height: 1%;}

#body {
display: block;
}


#contents {
width:615px;
float:right;
display:inline;
}



#contents h1{
margin: 0 0 1.3em;
font-size:138.5%;
font-weight: bold;
}

#contents h2{
background: url(/hospital/top/resident/common/img/cap_bg.gif) no-repeat bottom left #fff;
padding:3px 0;
margin:1.8em 0 1.5em;
border: 1px solid #e2e2e2;
font-size: 123.1%;
font-weight: bold;
clear:both;
}

#contents h2 span{
display:block;
padding:2px 10px 2px 20px;
background:url(/hospital/top/resident/common/img/cap_bar.gif) no-repeat 3px center transparent;
}

#contents h3{
/*color: #005396;*/
color: #046fb4;
margin:1.8em 0 1em 4px;
border-left:4px solid #2f86ca;
padding-left:0.5em;
line-height: 1.6;
font-weight: bold;
clear:both;
letter-spacing:0.1em;
}

#contents h4{
margin:2em 0 1em 8px;
font-weight: bold;
padding-left:0.5em;
background:url(/hospital/top/resident/common/img/dot.gif) repeat-x bottom left;
padding-bottom:0.2em;
}


#contents p{
letter-spacing:0.15em;
font-size:93%;
margin:0 0 1.8em 1.3em;
line-height:1.8;
}

.link{
padding-left:8px;
background: url(/hospital/top/resident/common/img/list.gif) no-repeat center left transparent;
}

#contents ul.link{
font-size:93%;
margin-bottom:1.3em;
padding:2px 0 0 0;
letter-spacing:0.1em;
background: url(/hospital/top/resident/common/img/list_bg_top.gif) repeat-x top left #f5f5f5;
}

#contents ul.link li{
padding:0.6em 0 0.8em 0;
background: url(/hospital/top/resident/common/img/list_bg.gif) repeat-x bottom left #f5f5f5;

}

#contents ul.link li span.none{margin-left:18px;}
#contents ul.link li a{
margin-left:10px;
padding-left:8px;
background: url(/hospital/top/resident/common/img/list.gif) no-repeat center left transparent;
}


#contents ul.link ul{margin-top:5px;margin-bottom:0;}
#contents ul.link ul li{text-indent:-18px;margin-left:16px;}
#contents ul.link li.last{margin-bottom: 0;background-image: none;}
#contents ul.link li h4{margin:0.3em 0 0.3em 1em;}

#contents ul{
font-size:93%;
margin:1.8em 0 1.8em 1.3em;
letter-spacing:0.1em;
}

#contents ul li{
margin-bottom: 0.5em;
padding-left: 8px;
background: url(/hospital/top/resident/common/img/list.gif) no-repeat 0 0.6em;
background-color:transparent;
letter-spacing:0.1em;
}

#contents ul li ul{
font-size:100%;
}

#contents ul.course-feature{
width:368px;
margin:3em 0 3em 1em;
}

#contents ul.course-feature li{
background:none;
margin-bottom:0;
padding:0;
font-size:0;
}

#contents ul.sitemap-list{
font-size:93%;
margin:1em 0 1em 1.3em;
letter-spacing:0.1em;
}

#contents ul.sitemap-list li{
margin-bottom: 0.6em;
padding-left: 8px;
background: url(/hospital/top/resident/common/img/list.gif) no-repeat 0 0.6em;
background-color:transparent;
}

#contents ul.sitemap-list li ul{
font-size:100%;
margin:1em 0 0 1.3em;
}

#contents ol.flow{
list-style:none;
margin:0;
font-size:100%;
}

#contents ol.flow li{
clear:both;
margin:0;
}

#contents ol.flow li ul {
float:right;
width:2;
font-size:100%;
text-align:right;
margin:0.5em 1em 0 0;
}

#contents ol.flow li ul li{
margin:0;
background:none;
}

#contents ol.flow li p{margin:0;}
#contents ol.flow li p.center{
width:300px;
float:left;
text-align:right;
margin:2em 0;
}

#contents ol.link{
font-size:93%;
margin:0 0 1.3em 0;
padding:2px 0 0 0;
letter-spacing:0.1em;
background: url(/hospital/top/resident/common/img/list_bg_top.gif) repeat-x top left #f5f5f5;
list-style:none;
}

#contents ol.link li{
text-indent:0;
padding:0.6em 0 0.8em 1.5em;
margin:0 0 0 0;
background: url(/hospital/top/resident/common/img/list_bg.gif) repeat-x bottom left #f5f5f5;}
#contents ol.link li span.none{margin-left:18px;}
#contents ol.link ol{margin-top:0;}
#contents ol.link li.last{margin-bottom: 0;background-image: none;}

.list-frame{border:1px dotted #ccc;margin:0 0 2em 1em;}

#contents .list-float{
background-color:#F6FAFD;
list-style-type:none;
border:1px solid #fff;
margin:0;
padding:10px;
}

.list-float li{
float:left;
width:192px;
margin:0 0px;
display:inline;
font-size:93%;
}

.list-float:after {
content:url(/hospital/top/resident/common/img/spacer.gif);
display:block;
clear:both;
height:0;
}

.list-float {display: inline-block;}
.list-float {display: block;}


#contents dd .list-float{
background:0;
border:0;
}

#contents dd .list-float li{
width:160px;
}





#contents table{
border-top:1px solid #bcd2e3;
border-left:1px solid #bcd2e3;
margin: 1em 0;
border-collapse: collapse;
width: 100%;
font-size: 85%;
background-color:#fff;
}

#contents table caption{
color: #1d7bc5;
font-weight:bold;
}

#contents table tr th{
padding: 5px 7px;
text-align:center;
border:1px solid #bcd2e3;
background-color: #dae9f9;
}

#contents table tr td{
padding: 5px 7px;
border:1px solid #bcd2e3;
}

#contents table .cell01{background-color: #f2f7fd;}

#contents table.stripe tr.odd td{background-color: #edf3f8;}

#contents table.stripe tr.even td{background-color: #fff;}

address{
letter-spacing:0.15em;
line-height:1.8em;
font-size:93%;
margin-bottom:0.3em;
}

#contents ol{
margin:1.8em 0 1.8em 3.2em;
list-style-type: decimal;
font-size:93%;
letter-spacing:0.1em;
}

#contents ol li{margin-bottom: 0.5em;}

#contents ol li li{font-size: 93%;}

.box{
padding: 8px 12px;
margin:1.3em 0 1.5em;
background-color: #f6f6f6;
border:1px solid #ddd;
line-height: 1.6;
}

#contents .box p{margin:0;}

.box01{
padding: 8px 12px 0;
margin:1.3em 0 1.5em 10px;
background-color: #f6f6f6;
line-height: 1.6;
}
#contents .box01 p {margin:0;}
#contents .box01 p.cap{margin:0 0 0.3em 0;}

#contents dl.def dt{
font-weight:bold;
color: #005396;
margin-bottom:3px;
letter-spacing:0.1em;
}

#contents dl.def dd{
font-size:93%;
background-color:#f9f9f9;
padding:10px;
margin-bottom:1.5em;
letter-spacing:0.1em;
border:double 3px #cfcfcf;
}

.center{text-align:center;}
.left{text-align:left;}
.right {text-align:right;}

.tel{
font-weight:bold;
color:#327BDE;
padding:1px 3px;
}

.img_left{
float: left;
margin-right: 10px;
margin-bottom: 20px;
}

#contents .img_right{
margin:0 0 20px 10px;
float: right;
}

#contents .imgbox{margin:0 auto 1em auto;}
span.imgCap{margin-bottom:1em;}

#contents .imgbox li{padding:0; margin:0 20px 0 0; background:none;float:left;}

#contents .imgbox li img{margin:0;}

strong{color:#1D7BC5;}
.attention{color:#d76f00;}
.caution{color: #e61c25;}

#contents .annotate{
color:#3a6e9f;
text-indent: -1.5em;
padding-left: 1.5em;
margin:0 0 1em 1em;
}


.externalbeforeIcon{
vertical-align: middle;
margin:0 0 0 3px;
}

.externalafterIcon{
vertical-align: middle;
margin:0 0 0 3px;
}

#sidemenu{
display:inline;
width:220px;
float:left;
padding-top:10px;
background:url(/hospital/top/resident/common/img/sidemenu_bg_top.gif) top left no-repeat;
}

#globalmenu{
background:url(/hospital/top/resident/common/img/sidemenu_bg.gif) top left repeat-y;margin-bottom:10px;}

#menu_in{
width:220px;
padding-bottom:10px;
background:url(/hospital/top/resident/common/img/sidemenu_bg_bottom.gif) bottom left no-repeat;
}

#topmenu{width:189px;margin:0 auto;}

.secondmenu li{
position:relative;
background-color:#f5f5f5;
border-bottom:1px solid #fff;
font-size:77%;
line-height:1.2;
}

.secondmenu li a{padding:6px 10px;display:block;}

.secondmenu li a:hover{background-color:#e7e7e7;}

.secondmenu li.on{background-color:#e7e7e7;}

.secondmenu li.on a{text-decoration:none;color:#3879ad;}

.secondmenu li .externalbeforeIcon,
.secondmenu li .externalIcon{position:absolute;top:5px;right:5px;}

#banner li{margin-bottom:5px;}
#banner li img{float:left;}
#banner li:after {
content:url(/hospital/top/resident/common/img/spacer.gif);
display:block;
clear:both;
height:0;
}

#banner li {
display: inline-block;
} 

#banner li{display: block;}

#banner li.data{
padding-bottom:10px;
background:url(/hospital/top/resident/common/img/dot.gif) bottom left repeat-x;
margin-bottom:10px;
}


/*  footer
---------------------------------------------------------- */
#footer{
width:860px;
color:#333;
margin:2em auto 0 auto;
padding-bottom:40px;
position:relative;
z-index:2;
border-top:1px solid #e2e2e2;
padding-top:10px;
}

#footer ul:after {
content:url(/hospital/top/resident/common/img/spacer.gif);
display:block;
clear:both;
height:0;
}

#footer ul {
display: inline-block;
}

#footer ul {
display:block;
margin-bottom:20px;
}

#footer ul li{
font-size:93%;
float:left;
padding-left:10px;
margin-right:15px;
line-height: 1;
background:url(/hospital/top/resident/common/img/list.gif) center left no-repeat;
}

#footer ul li a{
color:#777;
text-decoration:none;
}

#footer ul li a:hover{text-decoration:underline;}

#footer p{text-align:center;}

#pagetop {
display:block;
bottom:50px;
width:100%;
left:0px;
height:124px;
margin:0;
padding:0;
text-align:center;
position:fixed;
z-index:1;
}

#pagetop a {
left:460px;
outline:0 none;
position:relative;
top:0;
z-index:1;
}


#contents ul.index{
font-size:100%;
list-style:none;
padding:0;
line-height:1.4;
margin:1em 0;
letter-spacing:0.1em;
}

#contents ul.index li{
background:#fff;
margin: 0 0 10px 0;
padding:0;
width:295px;
background:none;
float:left;
display: inline;
}

#contents ul.index li.odd{
margin-right: 25px;
}

#contents ul.index li dl{margin-bottom:2.5em;
}

#contents ul.index li dl dt{
font-size:93%;
margin:0 0 10px 0;
line-height:1.2;
background:url(/hospital/top/resident/common/img/index_cap.gif) no-repeat 0 0;
padding:6px 0 6px 25px;
border:1px solid #e2e2e2;
background-color: #f6f6f6;
font-weight:bold;
cursor:pointer;
letter-spacing:0.1em;
}

#contents ul.index li dl dt:hover a{
color:#3879ad;
text-decoration:none;
}

#contents ul.index li dl dd{
font-size:93%;
margin-bottom:0.6em;
letter-spacing:0.1em;
}


/*  skip
---------------------------------------------------------- */
ul#movenavi{
width:1px;
height:1px;
overflow:hidden;
position:absolute;
left:-1px;
top:-1px;
margin:0;
padding:0;
list-style:none;
}

ul#movenavi li{
margin:0;
padding:0;
}


/*  bread
---------------------------------------------------------- */

ol#bread {
letter-spacing:0.1em;
font-size:77%;
list-style:none;
margin:0 0 20px 0;
width:615px;
border:1px solid #e2e2e2;
background-color:#f5f5f5;

}

ol#bread li {
float:left;
color:#333;
padding:0 10px 0 10px;
margin:0;
line-height:24px;
background: url(/hospital/top/resident/common/img/list.gif) no-repeat left center transparent;
}

ol#bread li#home{padding:0 10px 0 0;background-image:none;}
ol#bread li.last{background-image: none;}
ol#bread li a {text-decoration:none;}

ol#bread li a:link,ol#bread li a:visited{
background-color:inherit;
text-decoration:none;
}

ol#bread li a:hover,ol#bread li a:active{
color:#9a9a9a;
background-color:inherit;
text-decoration:none;
}

ol#bread li.last{background-image:none;}

ol#bread:after {
content:url(/hospital/top/resident/common/img/spacer.gif);
display:block;
clear:both;
height:0;
}

ol#bread {display: inline-block;}


ol#bread{display:block;}

.capContain{margin-right:10px;}

.imgCap{text-align:center;}

#contents .externalIcon,
#contents .externalbeforeIcon{margin:0 10px 0 3px;vertical-align:middle;}

.accordion dt{
color:#005396;
padding:8px 10px;
border-bottom:1px dotted #ccc;
}

.accordion dt:hover{background-color:#f6f6f6;}
.accordion dt img,
.accordion dd img{margin-right:8px; vertical-align:middle;}
.accordion dd{
padding:8px 10px;
background-color:#f6f6f6;
text-indent:-36px;
padding-left:46px;
}

#contents ul#news{
width:615px;
margin-bottom:1.2em;
margin-left:0;
}

#contents ul#news li{
background:none;
background:url("/hospital/top/resident/common/img/dot.gif") repeat-x scroll left bottom transparent;
margin-bottom:0.8em;
padding-bottom:0.8em;
}

#contents ul#news li span.date{
color:#777;
float:left;
width:96px;
display:block;
font-weight:bold;
letter-spacing:0;
margin-right:10px;
display:inline;
}

#contents ul#news li span.cap{
float:left;
width:499px;
display:block;
}

#contents ul#news li{
font-size:100%;
clear:both;
overflow:hidden;
margin-bottom:0.6em;

}

.clearfix:after {
content:url(/hospital/top/resident/common/img/spacer.gif);
display:block;
clear:both;
height:0;
}

.clearfix {display: inline-block;}

.clearfix{display: block;}

#popup{
background:none;
}

#popup #header {
height:auto;
width:640px;
text-align:center;
margin:0 auto 20px;
position: relative;
}

#popup #contents {
width:600px;
margin:0 auto;
padding:0 20px;
float:none;
display:block;
}


#popup #contents h2{margin:0 0 20px 0;}


#popup #pop-left{
float:left;
width:140px;
display:inline;
font-size:85%;
text-align:left;margin-bottom:20px;
}

#popup #pop-left p{margin:0;padding:0 0 0 0px;}
#popup #pop-right{
float:right;
width:460px;
text-align:left;margin-bottom:20px;
}

#popup #pop-right  table{margin-top:0;}
#popup #pop-right h3{margin:0 0 5px 0;line-height:1.2;}
#popup #pop-right p{margin:0 0 15px 0;padding:0 0 0 10px;}
.close{border-top:1px dotted #aaa;padding-top:10px;margin-top:30px;}

#popup .def{margin-top:0;}