/* ---------------------------------------


Header Layout


--------------------------------------- */
div#Topics {
	width: 100%;
	padding: 25px 0;
	background: #F3F3F3;
	line-height: 1.4;
}
div#Topics h3{
	text-align: center;
    font-size: 2em;
}
div#Topics .onpu{
	text-align: center;
	font-size: 2em;
	color: #BB3939;
}
div#Topics .topics-en{
	text-align: center;
	font-size: 1em;
	margin-bottom: .6em;
	letter-spacing: 7px;
}
div#Topics ul {
	overflow-y:scroll;
    height: 180px;
	width: 780px;
	margin: 0 auto;
	/* background: url(../img/top/border.jpg) center top repeat-y; */
}
div#Topics ul li {
	font-size: 81%; /* = 13px */
	padding: 10px 40px;
	overflow: hidden;
}
div#Topics ul li span {
	display: block;
	float: left;
	overflow: hidden;
	font-weight: bold;
	font-size: 85%; /* = 11px */
	font-style: italic;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif!important;
	text-align: center;
}
div#Topics ul li span img {
	display: block;
	margin-top: 3px;
}
div#Topics ul li p {
	float: left;
	overflow: hidden;
	padding-left: 20px;
	width: 72%;
}
div#Topics ul li p a {
	color: #BB3939;
}
div#Topics ul li p a:hover {
	color: #E67E22;
	text-decoration: underline;
}



/* ---------------------------------------


Main Layout


--------------------------------------- */
div.OuterTOP {
	width: 100%;
	padding: 1em 0 0;
}
div.OuterTOP div.InnerTOP {
	width: 980px;
	margin: 0 auto;
}
div.OuterTOP div.InnerTOP h2 {
	position: relative;
	text-align: center;
	padding: 0 0 4em;
}
div.OuterTOP div.InnerTOP h2 span {
	position: absolute;
	top: 3.2em;
	right: 0;
}

ul#schoolNav {
	overflow: hidden;
	margin: 0 0 0 -5px;
}
ul#schoolNav li {
	overflow: hidden;
	margin: 0 0 5px 5px;
	float: left;
	width: 192px;
}
ul#schoolNav li a {
	position: relative;
	display: block;
	text-align: center;
}
ul#schoolNav li a span {
	display: block;
	width: 100%;
	bottom: 3em;
	left: 0;
	position: absolute;
}
ul#schoolNav li ul {
	overflow: hidden;
	margin: 0 0 0 -5px;
}
ul#schoolNav li ul li {
	width: 93px;
}
ul#schoolNav li ul li a span {
	bottom: .9em;
}

ul#BLOGS {
	overflow: hidden;
	margin: 0 0 0 -9px;
	padding: 15px 0 0;
}
ul#BLOGS li {
	overflow: hidden;
	margin: 0 0 0 10px;
	float: left;
}

div.addedBnr {
	margin: 1.5em 0 0;
}

ul#lineupNav {
	overflow: hidden;
	margin: 0 0 0 -20px;
}
ul#lineupNav li {
	overflow: hidden;
	margin: 0 0 20px 20px;
	float: left;
}
ul#lineupNav li a {
	display: block;
	background: #FFF;
}

ul#sclBtnSet {
	overflow: hidden;
	margin-left: -5px;
}
ul#sclBtnSet li {
	float: left;
	position: relative;
	text-align: center;
	overflow: hidden;
	margin: 0 0 5px 5px;
}
ul#sclBtnSet li span {
	position: absolute;
	display: block;
	width: 100%;
	left: 0;
	bottom: 45px;
}
ul#sclBtnSet li.ltl span {
	bottom: 13px;
}
/**/
ul#blgBtnSet {
	overflow: hidden;
	margin: 20px 0 0 -10px;
}
ul#blgBtnSet li {
	overflow: hidden;
	float: left;
	margin-left: 10px;
}
/**/
ul#lupBtnSet {
	overflow: hidden;
	margin: -20px 0 0 -20px;
}
ul#lupBtnSet li {
	overflow: hidden;
	float: left;
	margin: 20px 0 0 20px;
	background: #FFF;
}
.onlinelesson_heading{
    font-size: 2em;
    color:#49bee6 ;
	text-align: center;
	margin-top: 2em;
}
.onlinelesson{
    max-width:980px ;
    margin: 0 auto;
    border-collapse: collapse;
}
.onlinelesson tr th,
.onlinelesson tr td{
    padding: 1em;
	border: solid 1px #000000;
	vertical-align: middle;
}
.onlinelesson tr th{
	background-color: #e6e6e6;
}
.onlinelesson tr td{
    text-align: center;
}
.onlinelesson tr td.target{
    text-align: left;
}
.onlinelesson.use tr th{
width: 9em;
background-color: #e6e6e6;
}



/* ---------------------------------------


20200710 J-school
重要なおしらせの項目


--------------------------------------- */
.notice{
  border: dotted 1px #FE3467;
  padding:14px 14px 0 14px;
  background-color:#FFF4F8;
  margin-bottom:64px;
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
.notice .noticeTitle{
  height:30px;
  line-height:32px;
  color:#fff;
  font-weight:bold;
  padding-left:26px;
  background-image: url(../img/top/title_notice_icon.png);
  background-position: left 6px center;
  background-repeat: no-repeat;
  background-color: #c60032;
}
.notice .noticeHeader{
  border-bottom:1px solid #E00038;
  padding:14px 0 8px;
  margin-bottom:4px;
  *zoom:1;
}
.notice .noticeHeader:after{
  display:block;
  content:"";
  clear:both;
}
.notice .noticeHeader p.date{
 float:right;
 width:200px;
 color:#E10038;
 font-size:12px;
 text-align:right;
}
.notice .noticeHeader h2{
 float:left;
 width:400px;
 color:#E10038;
 font-size:14px;
 font-weight:bold;

}
.notice .noticeBody{
 padding-bottom:10px;
 line-height:1.4;
 color:#E10038;
 font-size:12px;
}

.movie_list{
	margin-left: -10px;
}
.movie_list iframe{
	box-sizing: border-box;
	padding-left: 10px;
	margin-bottom: 10px;
}