@charset "UTF-8";
@import url(http://www.studybournemouth.com/css/base.css);


/* トップページ用 */


/*** 選ぶ3つの理由 ***/


#riyuu{
  width:725px;
  height:218px;
  margin:10px auto;
  padding:0 0 30px 35px;
  background:url(http://www.studybournemouth.com/imgs/riyuu-back.jpg) no-repeat;
  }

#riyuu h2{
  width:690px;
  height:65px;
  }

#riyuu h3{
  width:205px;
  height:50px;
  }
  
#riyuu h2 , #riyuu h3, #riyuu .more{
  text-indent:-10000px;
  overflow:hidden;
  }

#riyuu .riyuu{
  float:left;
  width:205px;
  height:150px;
  margin-right:38px;
  }

#riyuu .riyuu p{
  width:205px;
  height:85px;
  text-align:left;
  line-height:135%;
  margin-top:7px;
  }

#riyuu .more{
  width:110px;
  height:18px;
  padding:0 5px 0 90px;
  }

#riyuu .more a{
  display:block;
  width:110px;
  height:18px;
  }


/** MAIN **/

#main{
  float:left;
  width:500px;
  }

#main h3{
  text-indent:-1000000px;
  overflow:hidden;
  clear:both;
  }

.school{
  width:500px;
  margin-bottom:10px;
  background:url(http://www.studybournemouth.com/imgs/top_back-shool.jpg) repeat-y;
  }

.school h3{
  width:500px;
  height:35px;
  background:url(http://www.studybournemouth.com/imgs/top_title-school.jpg) no-repeat;
  }

.school p{
  text-align:left;
  padding:5px 15px;
  }

.school ul{
  width:442px;
  padding:5px 40px 15px 18px;
  background:url(http://www.studybournemouth.com/imgs/top_bottom-school.jpg) no-repeat bottom;
  }

.school li{
  float:left;
  width:217px;
  height:29px;
  text-indent:-100000px;
  overflow:hidden;
  }

.school li a{display:block;width:217px;height:29px;}
.school .lang, .school .tech{margin-bottom:8px;}
.school .lang, .school .coll{margin-right:8px;}
.school .lang{background:url(http://www.studybournemouth.com/imgs/top_school-lang.jpg) no-repeat;}
.school .tech{background:url(http://www.studybournemouth.com/imgs/top_school-tech.jpg) no-repeat;}
.school .coll{background:url(http://www.studybournemouth.com/imgs/top_school-coll.jpg) no-repeat;}
.school .univ{background:url(http://www.studybournemouth.com/imgs/top_school-univ.jpg) no-repeat;}

.voice, .faq{
  width:245px;
  background:url(http://www.studybournemouth.com/imgs/top_back-box.jpg) repeat-y;
  }

.voice h3, .faq h3{
  width:245px;
  height:35px;
  background:url(http://www.studybournemouth.com/imgs/top_title-voice.jpg) no-repeat;
  }
  
.voice h4, .voice p{
  width:210px;
  text-align:left;
  padding:5px 20px 14px 15px;
  }

.voice h4{
  color:#8B308B;
  font-size:12px;
  text-align:right;
  padding-top:0;
  padding-bottom:0;
  }

.faq ul{
  width:210px;
  padding:5px 20px 0 15px;
  }

.faq li{
  margin-bottom:5px;
  padding-left:12px;
  background:url(http://www.studybournemouth.com/imgs/top_point-faq.jpg) no-repeat;
  }
  
.faq li a{color:#333;text-decoration:none;}
.faq li a:hover{color:#0069C0;text-decoration:underline;} 


.voice .more, .faq .more{
  width:110px;
  height:17px;
  padding:3px 30px 10px 105px;
  text-indent:-10000px;
  overflow:hidden;
  }
  
.voice .more a, .faq .more a{
  display:block;
  width:110px;
  height:17px;
  }

.voice{float:left;}
.faq{float:right;}
.voice h3{background:url(http://www.studybournemouth.com/imgs/top_title-voice.jpg) no-repeat;}
.faq h3{background:url(http://www.studybournemouth.com/imgs/top_title-faq.jpg) no-repeat;}
.voice .more{background:url(http://www.studybournemouth.com/imgs/top_more-voice.jpg) no-repeat;}
.faq .more{background:url(http://www.studybournemouth.com/imgs/top_more-faq.jpg) no-repeat;}


.info{
  text-align:left;
  padding-top:10px;
  clear:both;
  }

.info h3{
  width:500px;
  height:25px;
  background:url(http://www.studybournemouth.com/imgs/title_back-info.jpg) no-repeat;  
  }  
  
.info dl{
  padding-top:5px;
  }

.info dt{
  padding:0 5px;
  background:url(http://www.studybournemouth.com/imgs/info-new_icon.jpg) no-repeat 95px;  
  }
  
.info dd{
  width:490px;
  line-height:15px;
  margin:0 auto 5px;
  padding:5px 5px 10px;
  border-bottom:1px dotted #ccc;
  }

.info .bred{display:none;}



/** MENU **/

#menu{
  float:right;
  width:250px;
  overflow:hidden;
  }

#menu ul{
  width:250px;
  }

#menu li a{
  display:block;
  width:250px;
  height:80px;
  text-indent:-100000px;
  overflow:hidden;
  }

#menu .sugao a{height:85px;background:url(http://www.studybournemouth.com/imgs/banner-sugao.jpg) no-repeat;margin-bottom:15px;}
#menu .tayori a{background:url(http://www.studybournemouth.com/imgs/banner-letter_from_england.jpg) no-repeat;}

#menu .goaisatsu{
  width:250px;
  background:url(http://www.studybournemouth.com/imgs/goaisatsu-back.jpg) repeat-y;
  }

#menu .goaisatsu .head{
  width:250px;
  height:60px;
  background:url(http://www.studybournemouth.com/imgs/goaisatsu-head.jpg) no-repeat;
  text-indent:-100000px;
  overflow:hidden;
  }
  
#menu .goaisatsu .detail{
  width:230px;
  text-align:left;
  line-height:135%;
  padding:5px 10px 10px;
  background:url(http://www.studybournemouth.com/imgs/goaisatsu-bottom.jpg) no-repeat bottom;
  }

#menu .goaisatsu .image{
  float:right;
  padding:0 0 3px 3px;
  }

#menu .goaisatsu .detail p{
  padding-bottom:5px;
  }