@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;
}
#pageTop h2#studySlTitle{
width: 480px;
height: 70px;
background: url(../img/titStudySl.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;
}

#search{
padding:20px 0;
text-align:center;
margin:0 auto;
}
#search h4{
width: 480px;
height: 48px;
background: url(../img/titStudySchoolSearch.gif) no-repeat;
text-indent: -9999px;
}
#search table{
padding:0;
text-align:center;
margin:0 auto;
border-collapse: collapse;
}
#search table td{
padding:5px;
margin:0;
text-align: left;
border: 1px solid #ccc;
}

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

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

#schoolSearchArea01 h4, #schoolSearchArea02 h4, #schoolSearchArea03 h4, #schoolSearchArea04 h4, #schoolSearchArea05 h4{
width: 480px;
height: 48px;
text-indent: -9999px;
}
#schoolSearchArea01 h4{
background: url(../img/titStudySchoolView01.gif) no-repeat;
}
#schoolSearchArea02 h4{
background: url(../img/titStudySchoolView02.gif) no-repeat;
}
#schoolSearchArea03 h4{
background: url(../img/titStudySchoolView03.gif) no-repeat;
}
#schoolSearchArea04 h4{
background: url(../img/titStudySchoolView04.gif) no-repeat;
}
#schoolSearchArea05 h4{
background: url(../img/titStudySchoolView05.gif) no-repeat;
}

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

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

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

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

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

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

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

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

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

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

/* ---------------- SpecialLesson */
.slBoxArea{
width:480px;
padding:40px 0 20px;
background: url(../img/bgNewsTit.gif) no-repeat bottom;
}

.slBoxArea p.info a{
color:#666;
float:left;
padding:10px 10px 0 0;
text-decoration:none;
}

.slBoxArea p.info a:hover{
color:#666;
text-decoration:underline;
}

#slGerReader{
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:0;
margin-top:40px;
}

#slGerReader p.left{
float:left;
padding-right:15px;
}

#slGerReader p.left a{
text-decoration:underline;
}

/*_______________

2008.12.11
seino
コンテストページ用
_______________*/
strong.contstrong{
display: block;
margin: 0 auto 10px;
text-align: center;
color: #ae3376;
}

table.conttable{
margin: 0;
padding: 0;
border:1px solid #ccc;
border-collapse: collapse;
}

table.conttable th, 
table.conttable td {
margin: 0;
padding: 5px;
border:1px solid #ccc;
font-weight: normal;
}

table.conttable th{
width: 80px;
}