/*トップページ*/
.scg {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 30px 0;
}
.sname {
  width: 79px;
  padding: 10px;
  background: #DDDDDD;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  line-height: 2.0;
}
.scb {
  width: 880px;
  padding: 10px;
  background: #F2F2F2;
  border-bottom: 1px solid #FFF;
  line-height: 2.0;
}
.scb label {
  white-space: nowrap;
  padding-right: 20px;
}
.scb label input {
  background: #EEE;
  height: 15px;
  width: 15px;
  vertical-align: middle;
}
span.beginner {
  background: #386300;
  color: #FFF;
  padding: 1px 20px;
  border-radius: 3px;
}
span.basic {
  background: #015D8C;
  color: #FFF;
  padding: 1px 20px;
  border-radius: 3px;
}
span.pro {
  background: #7D0031;
  color: #FFF;
  padding: 1px 20px;
  border-radius: 3px;
}
.scontentbox {
  margin-bottom: 20px;
}
.scontentbox img {
  float: right;
  border-top: 1px solid #BDBDBD;
  border-bottom: 1px solid #BDBDBD;
  border-right: 1px solid #BDBDBD;
  width: 350px;
  height: auto;
}
.scontentbox table {
  width: 648px;
  height: 181px;
}
.scontentbox table th, .scontentbox table td {
  padding: 8px;
  border: 1px solid #BDBDBD;
}
.scontentbox table th {
  width: 81px;
}
a.stitle {
  display: block;
  font-weight: bold;
  background: url(/img_2017/template/icon08.png)no-repeat left;
  padding-left: 20px;
  background-position: 0 4px;
  margin-bottom: 5px;
}
/*スマホ表示対応*/
@media(max-width:999px) {
  .sname {
    background: transparent;
    padding-bottom: 5px;
  }
  .scontentbox {
    margin-bottom: 30px;
  }
  .scontentbox img {
    display: block;
    float: none;
    border: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .scontentbox table {
    width: 100%;
    height: auto;
  }
}
.shide {
  display: none;
}

/*関係リンク*/
.dxwrap {
display: flex;
flex-wrap: wrap;
}
.dxtxt {
width: 645px;
}
.bnarea {
width: 320px;
background: #F2F2F2;
margin-left: 15px;
padding: 10px;
}
.bnarea h2 {
margin:0 0 10px 0;
padding: 0;
}
.bnarea ul {
justify-content: center;
margin: 0;
padding: 0;
list-style: none;
}
.bnarea ul li {
margin: 5px 0;
padding: 0;
}
@media(max-width:768px) {
.bnarea {
width: 100%;
background: #F2F2F2;
margin-left: 0;
padding: 10px;
}
.bnarea ul {
text-align: center;
}
}

/*講座情報詳細ページ*/
img.sdmain {
display: block;
  margin: 0 auto 15px auto;
  width: 780px;
  height: auto;
}
table.sdbox th, table.sdbox td {
  padding: 10px;
}
table.sdbox th {
  width: 130px;
  white-space: nowrap;
}
table.sdbox a {
  display: block;
  background: url(/img_2017/template/icon08.png)no-repeat left;
  padding-left: 20px;
  background-position: 0 4px;
  margin-bottom: 5px;
}
table.sdbox a img {
margin-left: 3px;
}
/* 2階層目上部バックリンクボタン */
ul.nnav2 {
    margin: 0 0 30px 0;
    padding: 0;
}
ul.nnav2 li {
    width: 325px;
	border: 1px solid #00597b;
    white-space: nowrap;
    border-radius: 5px;
	padding: 0 5px;
    margin: 0 auto 30px auto;
	display: block;
	vertical-align: middle;
    background: #00597b;
}
ul.nnav2 li:hover{
    opacity: 0.8;
}
ul.nnav2 li a{
    display: block;
	padding:5px 3px 5px 0;
	color: #FFF;
    background: #00597b;
	line-height: 1;
	text-decoration: none;
}
ul.nnav2 li a:before{
    content: '\025b6';
    font-size: 60%;
    vertical-align:0.2em;
}
@media(max-width:768px) {
  table.sdbox th {
  width:auto;
    white-space: normal;
  }
  img.sdmain{
  width: 100%;
  margin: 0 auto 10px auto;
  }
}