@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:#e96a83;
background-color:inherit;
text-decoration:underline;
cursor:pointer;
}
a:hover,a:active{
color:#f798ab;
background-color:inherit;
text-decoration:none;
}


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

body{
color:#444;
background:url(../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:24px;
left:20px;
position:absolute;
}

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

#header p#title:after {
content:url(../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:516px;
}

#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(../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(../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(../img/cap_bar.gif) no-repeat 3px center transparent;
}

#contents h3{
color: #e96a83;
margin:3em 0 1.8em 4px;
border-left:4px solid #e96a83;
padding-left:0.5em;
line-height: 1.6;
font-weight: bold;
clear:both;
letter-spacing:0.1em;
}

#contents h4{
margin:1.5em 0 0.5em 8px;
font-weight: bold;
padding-left:0.5em;
}


#contents p{
letter-spacing:0.15em;
font-size:93%;
margin:0 0 1.8em 1.3em;
line-height:1.8;
}
#contents p.link a{
margin-left:10px;
padding-left:8px;
background: url(../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(../img/list_bg_top.gif) repeat-x top left #f5f5f5;
}

#contents ul.link li{
padding:0.6em 0 0.8em 0;
background: url(../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(../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(../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(../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.link{
font-size:93%;
margin:0 0 1.3em 0;
padding:2px 0 0 0;
letter-spacing:0.1em;
background: url(../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(../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(../img/spacer.gif);
display:block;
clear:both;
height:0;
}

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

#contents table{
border-top:1px solid #e3ddbc;
border-left:1px solid #e3ddbc;
margin: 0 0 1.8em;
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 #f6e7c4;
background-color: #fcf5e4;
}

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

#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:#e04a61;
margin-bottom:3px;
letter-spacing:0.1em;
font-size:93%;
}

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

#contents dl.def dd ol{margin:0 0 0 2em;}

.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: 20px;
margin-bottom: 10px;
}

#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;}

.attention{color:#d76f00;}
.caution{color: #e61c25;}

#contents .pink{
margin-bottom:1em;
color: #e96a83;
}

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


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

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

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

#menu_in{
width:220px;
padding-bottom:10px;
background:url(../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:#eaeaea;color:#e96a83;}

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

.secondmenu li.on a{text-decoration:none;}

.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(../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(../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(../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(../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(../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:#f798ab;
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(../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(../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:#cd3a5a;
padding:8px 10px;
background-color:#FEF5F7;
}

.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:86px;
margin-bottom:40px;
background-color:#fff;
border-bottom:1px solid #ebebeb;
}

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

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

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

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


/*program
--------------------------------------------------------------*/

.box02{border:3px solid #f5f5f5;margin:0 0 2em 0;}

.box02-in{
width:577px;
border:1px solid #e2e2e2;
background-color:#fff;
padding:20px;

}

#contents ol.calendar{width:535px;margin:0 auto 2em;list-style-type:none;}
#contents ol.calendar:after {
content:url(../img/spacer.gif);
display:block;
clear:both;
height:0;
}
.calendar{display: inline-block;}
.calendar{display: block;}

#contents ol.calendar li{float:left;margin:0;background:none;padding:0;}

#contents ul.seminar_pic{
margin:0 0 2em 0;
}

#contents ul.seminar_pic li{
float:left;
padding:0;
margin:0 9px 0 0;
background:none;
}

#contents .box02-in p{margin:0;}
#contents .box02-in h3{margin:0 0 1.5em 0;}

.voice_teacher{
background-color:#fcf8ea;
padding:20px;
margin-bottom:1.5em;
letter-spacing:0.15em;
font-size:85%;
}
.voice_teacher dt,
.voice_student dt{margin-bottom:0.8em;}

.voice_student{
background-color:#fcf2ea;
padding:20px;
letter-spacing:0.15em;
font-size:85%;
}

#pickup_nurse{
padding:15px 15px 0;
margin-bottom:3em;
background-color:#fcf8ea;
}

#contents #pickup_nurse dt br{margin:0; padding:0;line-height:1;}
#contents #pickup_nurse dd.add{clear:right;display:none;}
#contents #pickup_nurse dd p{margin:0 0 1em 0;width:585px;}

#contents #nurse_list{
margin:0;
padding:0;
}

#contents #nurse_list li{
width:195px;
margin:0 15px 20px 0;
background:none;
background-color:#fcf8ea;
padding:0;
float:left;
}

#contents #nurse_list li dl dt{
padding-bottom:18px;
background-color:#fff;
}

#contents #nurse_list li dl dd ol{margin:0 0 0 1.5em;}
#contents #nurse_list li dl dd {padding:10px;
width:175px;
font-size:85%;
}

#contents #nurse_list li dl dd p{font-size:100%;margin:0 0 1em 0;line-height:1.4;}
#contents #nurse_list li dl dd p strong{color:#E96A83;}
#contents #nurse_list li dl dd ol{font-size:100%;}
#contents #nurse_list li dl dd ol li{
width:auto;
float:none;
margin:0;
}

#contents h3.none{border:0;padding:0;}

.clearfix:after {
content:url(../img/spacer.gif);
display:block;
clear:both;
height:0;
}
.clearfix {display: inline-block;}
.clearfix{display: block;}


#popup #body{width:615px; margin:0 0 0 21px;padding:0;}
#popup #contents{float:none;width:615px;padding:0;margin:0;}
#popup{background:none;}
#popup h2{margin-top:0;}
#popup #pagetop {
display:block;
bottom:50px;
width:100%;
left:0px;
height:124px;
margin:0;
padding:0;
text-align:center;
position:fixed;
z-index:1;
}

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