@charset "EUC-JP";
/*h2 page title*/
#pageTop h2#studyIndexTitle{
width: 480px;
height: 71px;
background: url(../img/titStudyIndex.gif) no-repeat;
}
#pageTop h2#studyCourseTitle{
width: 480px;
height: 71px;
margin: 0 0 20px;
background: url(../img/titStudyCourse.gif) no-repeat;
}
#pageTop h2#studyFlowTitle{
width: 480px;
height: 71px;
margin: 0 0 20px;
background: url(../img/titStudyFlow.gif) no-repeat;
}
#pageTop h2#studyFaqTitle{
width: 480px;
height: 71px;
margin: 0 0 20px;
background: url(../img/titStudyFaq.gif) no-repeat;
}
#pageTop h2#studySearchTitle{
width: 480px;
height: 71px;
margin: 0 0 20px;
background: url(../img/titStudySearch.gif) no-repeat;
}

/* course */
div.courseBox{
margin: 0 0 20px;
padding: 0 10px 0;
}
p.courseBoxRed{
margin: 0 0 10px;
padding: 0;
color: #ae3376;
}
p.courseBoxGlay{
margin: 30px 0 0;
padding: 10px;
background: #E1DEE4;
}
/* faq */
dl.studyFaqQ{
width:95%;
margin:10px auto 0;
padding:0;
line-height:18px;
color: #ae3376;
}
dl.studyFaqQ dt{
float:left;
width:2em;
padding-bottom:10px;
text-align:left;
}
dl.studyFaqQ dd{
margin-left:2em;
padding-bottom:10px;
text-align:left;
}

dl.studyFaqA{
clear: left;
width:95%;
margin:0 auto;
padding:0;
}
dl.studyFaqA dt{
float:left;
width:2em;
padding-bottom:10px;
text-align:left;
}
dl.studyFaqA dd{
margin-left:2em;
padding-bottom:10px;
text-align:left;
}

h3.studyFaqTitle {
margin: 10px 0;
padding: 5px 10px;
font-size: 12px;
color: #ae3376;
border-top:1px solid #CCC;
border-bottom: 1px solid #CCC;
}

/* search */
#schoolIconArea{
margin-bottom:50px;
}

dl.searchAreaLeft{
float: left;
width: 236px;
margin:10px 0;
padding: 0;
}
dl.searchAreaLeft dt{
width: 236px;
margin: 0;
padding: 0 0 5px;
}
dl.searchAreaLeft dd{
width: 236px;
margin: 0;
padding: 0;
text-align: left;
}
dl.searchAreaRight{
float: right;
width: 236px;
margin:10px 0;
padding:0;
}
dl.searchAreaRight dt{
width: 236px;
margin: 0;
padding: 0 0 5px;
}
dl.searchAreaRight dd{
width: 236px;
margin: 0;
padding: 0;
text-align: left;
}

#map{
padding:40px 0 20px;
text-align:center;
margin:0 auto;
}

#map h4{
width: 480px;
height: 48px;
background: url(../img/titStudySchoolMap.gif) no-repeat;
text-indent: -9999px;
}

#schoolSearchArea01 h4{
width: 480px;
height: 48px;
background: url(../img/titStudySchoolView01.gif) no-repeat;
text-indent: -9999px;
}

#schoolSearchArea01 ul{
list-style-type:none;
padding:0;
margin:0;
line-height:2em;
}

#schoolSearchArea01 li a{
color:#006699;
text-decoration:underline;
}
#schoolSearchArea01 li a:hover{
color:#006699;
text-decoration:underline;
}

#schoolSearchArea01 li.areaPk{
width:140px;
background-color:#FDD9E4;
padding:0;
margin: 2px 0;
text-align:center;
float:left;
}

#schoolSearchArea01 li.namePk{
width:327px;
background-color:#FDD9E4;
padding-left:10px;
margin: 2px 0;
text-align:left;
float:right;
}
#schoolSearchArea01 li.areaBl{
width:140px;
background-color:#F5DE98;
padding:0;
margin: 2px 0;
text-align:center;
float:left;
}

#schoolSearchArea01 li.nameBl{
width:327px;
background-color:#F5DE98;
padding-left:10px;
margin: 2px 0;
text-align:left;
float:right;
}

#schoolSearchArea01 li.searchResultComment{
clear: both;
font-size:12px;
text-align: right;
color:#999999;
}

#schoolSearchArea01 li.areaWh{
width:140px;
background-color:#FFFFFF;
padding:0;
margin: 2px 0;
text-align:center;
float:left;
}

#schoolSearchArea01 li.nameWh{
width:327px;
background-color:#FFFFFF;
padding-left:10px;
margin: 2px 0;
text-align:left;
float:right;
}

#schoolSearchArea01 p{
text-align:right;
clear:both;
padding-top:20px;
}

#schoolSearchArea02 h4{
width: 480px;
height: 48px;
background: url(../img/titStudySchoolView02.gif) no-repeat;
text-indent: -9999px;
}

#schoolSearchArea03 h4{
width: 480px;
height: 48px;
background: url(../img/titStudySchoolView03.gif) no-repeat;
text-indent: -9999px;
}

#schoolSearchArea04 h4{
width: 480px;
height: 48px;
background: url(../img/titStudySchoolView04.gif) no-repeat;
text-indent: -9999px;
}

#schoolSearchArea05 h4{
width: 480px;
height: 48px;
background: url(../img/titStudySchoolView05.gif) no-repeat;
text-indent: -9999px;
}

#schoolDetailArea h4{
width: 480px;
height: 48px;
background: url(../img/titStudySchoolDetail.gif) no-repeat;
text-indent: -9999px;
}

#schoolDetailArea h5{
width:470px;
height:25px;
padding-left:10px;
margin-bottom:2px;
font-weight: normal;
font-size:12px;
line-height:25px;
background-color:#CCCCCC;
}

#schoolDetailArea p{
padding:10px;
margin:0;
border-top:1px solid #CCCCCC;
}

#schoolDetailArea p a{
text-decoration:underline;
color:#006699;
}

#schoolDetailArea p span{
color:#006699;
}
#schoolDetailArea span.left{
float:left;
display:block;
color:#333;
}
#schoolDetailArea span.right{
float:right;
display:block;
}

#flowTable{
margin:0;
padding:0;
font-size:10px;
line-height:12px;
}

#flowTable a{
margin:0;
padding:2px 0 0 0;
font-size:10px;
line-height:12px;
color:#c57c9f;
text-decoration:none;
}

.searchResultComment{
font-size:12px;
color:#999999;
}