
/*-----------------------------------------------------------------

スクール情報

----------------------------------------------------------------- */
div#kuchikomi{
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
}
div#kuchikomi .school{
    width: 720px;
    border: 1px solid #DADCDA;
    background: #FAFAFA;
    padding: 10px 15px;
    margin-bottom: 10px;
}
div#kuchikomi .school .left{
    width: 470px;
    float: left;
    line-height: 20px;
}
div#kuchikomi .school .left ul li.point2 a{
    color: #666;
}
div#kuchikomi .school .left h3{
    font-size: 18px;
    line-height: 24px;
}
div#kuchikomi .school .left h3 span{
    font-size: 10px;
    line-height: 24px;
    color: #666;
}
div#kuchikomi .school .left a.btn{
    font-size: 10px;
}
div#kuchikomi .school .right{
    float: right;
}
div#kuchikomi .school .right .etc{
    padding-top: 22px;
}

/*-----------------------------------------------------------------

リスト

----------------------------------------------------------------- */

div#list-kuchikomi{
    
}
div#list-kuchikomi ul.nav{
    width: 755px;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 3px solid #4483A7;
}
div#list-kuchikomi ul.nav li{
    width: 155px;
    height: 32px;
    float: left;
}
div#list-kuchikomi ul.nav li img{
    vertical-align: bottom;
}

div#list-kuchikomi div.box{
    width: 743px;
    padding: 5px;
    border: 1px solid #4483A7;
    background: #F5F5F5;
}
div#list-kuchikomi div.box ul.category{
    width: 730px;
    padding: 5px;
    background: #FFF;
}
div#list-kuchikomi div.box ul.category li{
    float: left;
    padding: 0 2px;
    font-weight: bold;
}
div#list-kuchikomi div.box ul:after{
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}
div#list-kuchikomi div.box ul.title{
    width: 725px;
    height: 30px;
    line-height: 30px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    color: #666;
}
div#list-kuchikomi div.box ul.title li{
    float: left;
}
div#list-kuchikomi div.box ul.title li.t1{
    width: 420px;
    text-align: left;
}
div#list-kuchikomi div.box ul.title li.t2{
    width: 140px;
    text-align: left;
}
div#list-kuchikomi div.box ul.title li.t3{
    width: 80px;
    text-align: left;
}

/*-----------------------------------------------------------------
アイコン
----------------------------------------------------------------- */

div#list-kuchikomi div.box ul.list{
    width: 740px;
    background: #fff;
    clear: both;
    border-bottom: 1px dotted #666;
}
div#list-kuchikomi div.box ul.list li{
    float: left;
    line-height: 30px;
}
div#list-kuchikomi div.box ul.list li a{
    color: #333;
}
div#list-kuchikomi div.box ul.list li.icon1{
    width: 365px;
    background: url(../images/icon01.gif) no-repeat center left;
    padding-left: 55px;
    height: 30px;
    line-height: 30px;
}
div#list-kuchikomi div.box ul.list li.icon2{
    width: 365px;
    background: url(../images/icon02.gif) no-repeat center left;
    padding-left: 55px;
    height: 30px;
    line-height: 30px;
}
div#list-kuchikomi div.box ul.list li.icon3{
    width: 365px;
    background: url(../images/icon03.gif) no-repeat center left;
    padding-left: 55px;
    height: 30px;
    line-height: 30px;
}
div#list-kuchikomi div.box ul.list li.icon4{
    width: 365px;
    background: url(../images/icon04.gif) no-repeat center left;
    padding-left: 55px;
    height: 30px;
    line-height: 30px;
}
div#list-kuchikomi div.box ul.list li.icon5{
    width: 365px;
    background: url(../images/icon05.gif) no-repeat center left;
    padding-left: 55px;
    height: 30px;
    line-height: 30px;
}
div#list-kuchikomi div.box ul.list li.text1{
    width: 420px;
    height: 30px;
    line-height: 30px;
    text-align: left;
}
div#list-kuchikomi div.box ul.list li.text2{
    width: 140px;
    text-align: left;
}
div#list-kuchikomi div.box ul.list li.text3{
    width: 80px;
    text-align: center;
    text-align: left;
}

div#list-kuchikomi div.box p.link{
    height: 30px;
    line-height: 30px;
    text-align: right;
    clear: both;
}
div#list-kuchikomi a img.newbtn{
    clear: both;
    display: block;
    width: 287px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

/*----レビュー--------------------------------- */
div#list-kuchikomi ul.nav2{
    width: 755px;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 3px solid #DC589F;
}
div#list-kuchikomi ul.nav2 li{
    width: 155px;
    height: 32px;
    float: left;
}
div#list-kuchikomi ul.nav2 li img{
    vertical-align: bottom;
}

div#list-kuchikomi div.box2{
    width: 743px;
    padding: 5px;
    border: 1px solid #DC589F;
    background: #F5F5F5;
}
div#list-kuchikomi div.box2 ul.category{
    width: 730px;
    padding: 5px;
    background: #FFF;
}
div#list-kuchikomi div.box2 ul.category li{
    float: left;
    padding: 0 2px;
    font-weight: bold;
}
div#list-kuchikomi div.box2 ul:after{
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}
div#list-kuchikomi div.box2 ul.title{
    width: 725px;
    height: 20px;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    color: #666;
}
div#list-kuchikomi div.box2 ul.title li{
    float: left;
}
div#list-kuchikomi div.box2 ul.title li.t1{
    width: 420px;
    text-align: left;
}
div#list-kuchikomi div.box2 ul.title li.t2{
    width: 140px;
    text-align: left;
}
div#list-kuchikomi div.box2 ul.title li.t3{
    width: 80px;
    text-align: left;
}

/*-----------------------------------------------------------------
アイコン
----------------------------------------------------------------- */

div#list-kuchikomi div.box2 ul.list{
    width: 740px;
    background: #fff;
    clear: both;
    border-bottom: 1px dotted #666;
}
div#list-kuchikomi div.box2 ul.list li{
    float: left;
    line-height: 30px;
}
div#list-kuchikomi div.box2 ul.list li a{
    color: #333;
}
div#list-kuchikomi div.box2 ul.list li.icon1{
    width: 365px;
    background: url(../images/icon01.gif) no-repeat center left;
    padding-left: 55px;
    height: 30px;
    line-height: 30px;
}
div#list-kuchikomi div.box2 ul.list li.icon2{
    width: 365px;
    background: url(../images/icon02.gif) no-repeat center left;
    padding-left: 55px;
    height: 30px;
    line-height: 30px;
}
div#list-kuchikomi div.box2 ul.list li.icon3{
    width: 365px;
    background: url(../images/icon03.gif) no-repeat center left;
    padding-left: 55px;
    height: 30px;
    line-height: 30px;
}
div#list-kuchikomi div.box2 ul.list li.icon4{
    width: 365px;
    background: url(../images/icon04.gif) no-repeat center left;
    padding-left: 55px;
    height: 30px;
    line-height: 30px;
}
div#list-kuchikomi div.box2 ul.list li.icon5{
    width: 365px;
    background: url(../images/icon05.gif) no-repeat center left;
    padding-left: 55px;
    height: 30px;
    line-height: 30px;
}
div#list-kuchikomi div.box2 ul.list li.text1{
    width: 420px;
    height: 30px;
    line-height: 30px;
    text-align: left;
}
div#list-kuchikomi div.box2 ul.list li.text2{
    width: 140px;
    text-align: left;
}
div#list-kuchikomi div.box2 ul.list li.text3{
    width: 80px;
    text-align: center;
    text-align: left;
}

div#list-kuchikomi div.box2 p.link{
    height: 20px;
    line-height: 20px;
    text-align: right;
    clear: both;
}






/*-----------------------------------------------------------------

口コミ　リスト

----------------------------------------------------------------- */
div#list-contents{
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
}
div#list-contents h4{
    width: 745px;
    height: 35px;
    background: url(../images/kuchikomi/title_kuchikomi.gif) no-repeat;
    line-height: 35px;
    font-size: 16px;
    color: #fff;
    padding-left: 10px;
}
div#list-contents h4.re{
    width: 745px;
    height: 35px;
    background: url(../images/review/title_review.gif) no-repeat;
    line-height: 35px;
    font-size: 16px;
    color: #fff;
    padding-left: 10px;
}
div#list-contents .box{
    width: 720px;
    padding: 10px;
    border: 1px solid #4483A7;
    background: #F5F5F5;
    margin-top: 10px;
}

div#list-contents .box dl{
    width: 495px;
    float: left;
}
div#list-contents .box div.name{
    width: 495px;
    float: left;
    line-height: 25px;
}
div#list-contents .box div.name a{
    text-decoration: none;
}
div#list-contents .box div.name span{
    font-size: 10px;
}
div#list-contents .box div.name a{
    color: #333;
}
/*-----------------------------------------------------------------
レビュー
----------------------------------------------------------------- */

div#list-contents .box2{
    width: 720px;
    padding: 10px;
    border: 1px solid #DC589F;
    background: #F5F5F5;
    margin-top: 10px;
}

div#list-contents .box2 dl{
    width: 495px;
    float: left;
}
div#list-contents .box2 div.name{
    width: 495px;
    float: left;
    line-height: 25px;
}
div#list-contents .box2 div.name a{
    text-decoration: none;
    color: #333;
}
div#list-contents .box2 div.name span{
    font-size: 10px;
}

/*-----------------------------------------------------------------
アイコン
----------------------------------------------------------------- */

div#list-contents .box dl dt.icon1{
    width: 365px;
    background: url(../images/icon01.gif) no-repeat center left;
    padding-left: 55px;
    line-height: 22px;
    color: #CE3A38;
    font-weight: bold;
}
div#list-contents .box dl dt.icon2{
    width: 365px;
    background: url(../images/icon02.gif) no-repeat center left;
    padding-left: 55px;
    line-height: 22px;
    color: #3EA130;
    font-weight: bold;
}
div#list-contents .box dl dt.icon3{
    width: 365px;
    background: url(../images/icon03.gif) no-repeat center left;
    padding-left: 55px;
    line-height: 22px;
    color: #D33565;
    font-weight: bold;
}
div#list-contents .box dl dt.icon4{
    width: 365px;
    background: url(../images/icon04.gif) no-repeat center left;
    padding-left: 55px;
    line-height: 22px;
    color: #0762A9;
    font-weight: bold;
}
div#list-contents .box dl dt.icon5{
    width: 365px;
    background: url(../images/icon05.gif) no-repeat center left;
    padding-left: 55px;
    line-height: 22px;
    color: #D08310;
    font-weight: bold;
}

div#list-contents .box dl dt.icon1 a{
    color: #CE3A38;
}
div#list-contents .box dl dt.icon2 a{
    color: #3EA130;
}
div#list-contents .box dl dt.icon3 a{
    color: #D33565;
}
div#list-contents .box dl dt.icon4 a{
    color: #0762A9;
}
div#list-contents .box dl dt.icon5 a{
    color: #D08310;
}



div#list-contents .box dl dt span{
    color: #666;
    font-size: 10px;
}
div#list-contents .box dl dd a{
    color: #333;
    text-decoration: none;
}
div#list-contents .box ul{
    width: 225px;
    float: left;
    font-size: 10px;
    text-align: center;
}
div#list-contents .box ul li.btn{
    padding-left: 30px;
}
div#list-contents p.text{
    padding: 10px;
    line-height: 20px;
}
div#list-contents p.text_review{
    padding: 10px;
    line-height: 20px;
    border-bottom: 1px dotted #666;
    margin-bottom: 10px;
}
div#list-contents p.text_review strong{
    font-size: 14px;
    line-height: 20px;
}
div#list-contents p.text_review strong span{
    color: #CD7E0D;
}





div#list-contents p.text span{
    color: #CD7E0D;
    font-size: 14px;
    font-weight: bold;
}
div#list-contents p.text a{
    color: #333;
    text-decoration: none;
}
div#list-contents p.text a:hover{
    text-decoration: underline;
}
div#list-contents p.text a.text{
    color: #333;
    text-decoration: none;
    display: block;
    float: left;
    width: 550px;
}
div#list-contents p.text img.text{
    display: block;
    float: right;
    width: 150px;
}
div#list-contents img.center{
    display: block;
    margin-left: auto;
    margin-right: auto;
}



div#list-contents p.link{
    padding-top: 10px;
    padding-left: 10px;
    margin-bottom: 5px;
    clear: both;
}
div#list-contents ul.bookmark{
    padding: 10px;
    border-top: 1px dotted #666;
    border-bottom: 1px dotted #666;
    height: 22px;
}
div#list-contents ul.bookmark li{
    font-size: 10px;
    line-height: 22px;
}
div#list-contents ul.bookmark li.left{
    float: left;
    font-size: 10px;
    line-height: 22px;
}
div#list-contents ul.bookmark li.right{
    float: right;
    font-size: 10px;
    line-height: 22px;
}
div#list-contents a img.btnre{
    display: block;
    width: 243px;
    margin: 15px auto;
}
div#list-contents .border{
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
    padding-top: 10px;
}



/*-----------------------------------------------------------------

検索

----------------------------------------------------------------- */

.footer-search{
    width: 500px;
    padding: 40px;
    border: 1px solid #4483A7;
    margin-left: auto;
    margin-right: auto;
    background: #F5F5F5;
    margin-top: 50px;
}

/*-----------------------------------------------------------------

口コミ　返信

----------------------------------------------------------------- */
div#kuchikomi_re{
    width: 745px;
    margin-left: auto;
    margin-right: auto;
    color: #333;
}
div#kuchikomi_re ul li.box{
    width: 745px;
    border-bottom: 1px solid #333;
}
div#kuchikomi_re ul li.box ul.name{
    width: 745px;
    background: #E7E7E7;
    margin-top: 10px;
}
div#kuchikomi_re ul li.box ul.name li{
    font-size: 10px;
    padding: 5px 10px;
}
div#kuchikomi_re ul li.box ul.name li.t1{
    width: 570px;
    float: left;
}
div#kuchikomi_re ul li.box ul.name li.t1 strong{
    color: #000;
}
div#kuchikomi_re ul li.box ul.name li.t2{
    float: right;
}
div#kuchikomi_re ul li.box p.text{
    padding: 10px;
}
div#kuchikomi_re ul li.box div.btn{
    padding-bottom: 10px;
    color: #000;
    font-size: 10px;
}
div#kuchikomi_re ul li.box div.btn img{
    vertical-align: bottom;
}
div#kuchikomi_re img.center{
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}



