@charset "UTF-8";


/* -----------------
 common
-------------------- */

#about #gnav_06{
  background:url(../../common/img/gnav.png) no-repeat -340px -80px;
}

#mainimg_sub{
  background:url(../img/mainimg.jpg) no-repeat center center;
  background-size: cover;
}


/* -----------------
 block_class
-------------------- */

#block_class{
  width:100%;
  margin:0 auto 70px;
  padding:20px 0 0 0;
}
#block_class h2{
  width:1000px;
  margin-bottom:70px;
}
#block_class h2 img{
  width:100%;
}
#block_class .class_text{
  width:1010px;
  margin:0 0 30px 0;
  text-align:center;
}

/* -----------------
 block_class_02
-------------------- */

#block_class_02{
  width:100%;
  margin:0 auto 70px;
  padding:20px 0 0 0;
}
#block_class_02 h2{
  width:1000px;
  margin-bottom:70px;
}
#block_class_02 h2 img{
  width:100%;
}
#block_class_02 .class_text{
  width:1010px;
  margin:0 0 30px 0;
  text-align:center;
}
.class_02_left{
  width:480px;
  margin:0 0 40px 0;
  float:left;
  border:1px solid #dddddd;
}
.class_02_area{
  width:440px;
  margin:0 0 20px 20px;
}
.class_02_left .title{
  width:440px;
  margin:20px 0 20px 0;
  padding:0 0 10px 0;
  border-bottom:3px solid #999999;
  text-align:center;
  font-size:22px;
  font-weight:bold;
}
.class_02_left .sub_title{
  width:440px;
  margin:20px 0 10px 0;
  text-align:center;
  font-size:18px;
  font-weight:bold;
}
.class_pic{
  width:100%;
  margin:0 0 20px 0;
  text-align:center;
}
.class_pic img{
  width:300px;
}
.class_t{
  font-size:18px;
  font-weight:bold;
  margin:0 0 5px 0;
}
.class_p{
  font-size:14px;
}
.class_02_right{
  width:480px;
  margin:0 0 40px 0;
  float:right;
  border:1px solid #dddddd;
}
.class_02_right .title{
  width:440px;
  margin:20px 0 20px 0;
  padding:0 0 10px 0;
  border-bottom:3px solid #999999;
  text-align:center;
  font-size:22px;
  font-weight:bold;
}
.class_02_right .sub_title{
  width:440px;
  margin:20px 0 10px 0;
  text-align:center;
  font-size:18px;
  font-weight:bold;
}

/* -----------------
 block_price_index
-------------------- */

#block_price_index{
  margin:0 0 80px;
  padding:20px 0 0 0;
}

.table_01 td span.tax{
  font-size: 81.3%;
}

#block_price_index ul{
  margin:20px 0 40px 0;
  padding:0;
  font-size:93.7%;
  line-height:2em;
  list-style:none;
}
#block_price_index ul li{
  margin:0 0 15px 0;
  padding:0;
}
#block_price_index ul li:last-child{
  margin:0;
}
.price_img{
  width:600px;
  margin:0 auto;
  text-align:center;
}
.price_img img{
  width:100%;
}

/* -----------------
 block_taiken_index
-------------------- */

#block_taiken_index{
  width:100%;
  margin:0 auto 70px;
  padding:20px 0 0 0;
}
#block_taiken_index h2{
  width:1000px;
  margin-bottom:70px;
}
#block_taiken_index h2 img{
  width:100%;
}
#block_taiken_index .taiken_text{
  width:1010px;
  margin:0 0 30px 0;
  text-align:center;
}
#block_taiken_index .taiken_infoarea{
  width:1010px;
  margin:0 0 30px 0;
  text-align:center;
}
#block_taiken_index .taiken_info{
  width:700px;
  margin:0 auto;
  padding:30px  0 0 0;
  text-align:center;
  background-color:#eeeeee;
}
#block_taiken_index .taiken_info p{
  font-size:14px;
  margin:0;
  padding:0 0 30px 0;
}
#block_taiken_index .taiken_info span{
  font-size:22px;
}


/* -----------------
 instructor
-------------------- */

#block_instructor{
  width:100%;
  margin:0 auto 70px;
  padding:20px 0 0 0;
}
#block_instructor h2{
  width:1000px;
  margin-bottom:70px;
}
#block_instructor h2 img{
  width:100%;
}
#block_instructor .class_text{
  width:1010px;
  margin:0 0 30px 0;
  text-align:center;
}

.block_instructor{
  margin:0 0 100px;
  padding:40px;
  background-color: #f5f5f5;
}
.block_instructor .pic{
  width:270px;
  margin:0;
  float:right;
}
.block_instructor .pic img{
  width:100%;
}
.block_instructor .text{
  width:600px;
  margin:0;
  float:left;
  text-align: left;
}
.block_instructor .text h3{
  margin:0 0 30px;
  padding-bottom:20px;
  font-size: 175%;
  line-height: 1.2em;
  border-bottom: 1px solid #ccc;
  text-align: left;
}
.block_instructor .text h3 span{
  font-size: 60%;
  display: block;
}
.block_instructor .text .event_name{
  margin:0 0 20px;
  font-size: 137%;
  line-height: 1.4em;
}
.block_instructor .text .event_name span{
  font-size: 70%;
  display: block;
}
.block_instructor .text .description{
  margin:0;
  font-size:100%;
  line-height: 1.8em;
}

.list_instructor{
  margin:0 0 20px 1em;
  padding:0; 
  font-size:100%;
  line-height: 1.8em;
}
.list_instructor li{
  margin:0 0 5px 0;
  padding:0;
}
.list_instructor li:last-child{
  margin:0;
}
.table_class{
  width:100%;
  margin:30px 0 0;
  padding:0;
  border-collapse: collapse;
  font-size:93.7%;
  line-height:1em;
  border-top:solid 1px #b2b2b2;
  border-bottom:solid 1px #b2b2b2;
}
.table_class th{
  width:6em;
  margin:0;
  padding:15px 1em;
  text-align:left;
  vertical-align:middle;
}
.table_class td{
  margin:0;
  padding:15px 1em;
}
.table_class td ul{
  margin:0;
  padding:0; 
  list-style:none;
}
.table_class td ul li{
  margin:0;
  padding:0;
}
.table_class td ul li a{
  margin:0 20px 0 0;
  padding:10px 2em;
  font-size: 13px;
  line-height: 1em;
  letter-spacing: 1px;
  color:#fff;
  background-color: #000;
  display: block;
  float:left;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.table_class td ul li a:hover{
  text-decoration: none;
  -ms-filter: "alpha( opacity=60 )";
  filter: alpha( opacity=60 );
  opacity: 0.6;
}
.table_class td ul li a i{
  margin-left: 7px;
  font-size: 16px;
}

#link_01,
#link_02,
#link_03,
#link_04,
#link_05,
#link_06,
#link_07,
#link_08,
#link_09,
#link_10,
#link_11{
  margin-top:-100px;
  padding-top: 100px;
}