@charset "UTF-8";

/* --------------------
トップページスタイルシート(top.css)

.maimImg
main
|-.sns.youtube
|-.sns.likebox
|-.sns.banner
|-.info /
side
|-.support
|-.ivent /
-------------------- */
.mainImg{
  position: relative;
  margin: 24px auto;
  width: 980px;
  height: 400px;
}
.mainImg > img{
  vertical-align: bottom;
}

/* Main - sns
-------------------- */
.sns{
  margin-bottom: 16px;
}
.sns > .youtube{
  margin-bottom: 20px;
}
.sns > .youtube > iframe{
  border: none;
  width: 600px;
  height: 363px;
}
.sns > .fb{
  border: 1px solid #D1D1D1;
  margin-bottom: 20px;
}
.sns > .fb > iframe{
  border: none;
  overflow: hidden;
  width: 595px;
  height: 320px;
}
.sns > .banner{
  text-align: right;
}
ul.bnr_sns{
  list-style-type: none;
}
ul.bnr_sns > li{
  display: inline-block;
  text-align: right;
}
ul.bnr_sns > li.Twitter{
  width: 63px;
}
ul.bnr_sns > li.fb{
  margin-left: 15px;
  width: 29px;
}
ul.bnr_sns > li.blog{
  margin-left: 25px;
  width: 37px;
}
ul.bnr_sns > li.rss{
  margin-left: 10px;
  margin-bottom: 5px;
}
ul.bnr_sns > li.rss:first-child{
  margin-left: 0;
}
ul.bnr_sns > li.rss > a > img{
  vertical-align: bottom;
}
ul.bnr_sns > li > img,
ul.bnr_sns > li > a > img{
  vertical-align: middle;
}

/* Main - info
-------------------- */
.info{
}
.info > div.course{
  float: left;
}
.info > div.space{
  float: right;
  margin-left: 16px;
}
.info > div{
  width: 290px;
  border: 1px solid #D1D1D1;
  border-top: 0;
}
.info > div > h4{
  padding: 0.25em 0;
  text-align: center;
  font-size: 100%;
  font-weight: bold;
}
/* 本番 */
.info > div > img{
  vertical-align: bottom;
}
.info > div > p{
  padding: 1em;
}
.info > .course > h4{
  border-top: 3px solid #FCBE1B;
  color: #FCBE1B;
}
.info > .space > h4{
  border-top: 3px solid #3AB54A;
  color: #3AB54A;
}
/* clearfix */
.info:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size: 0;
  clear: both; 
  visibility: hidden;
}