.clearfix {
  zoom: 100%;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
html,
body {
  width: 100%;
  min-width: 1080px;
  min-height: 600px;
}
body {
  font-size: 12px;
  line-height: 1.7;
  color: #333333;
  background-color: #ffffff;
  padding-top: 100px;
}
img {
  vertical-align: bottom;
}
li {
  list-style-type: none;
}
a {
  color: #333333;
  text-decoration: none;
}
a:hover {
  color: #cccccc;
}
/*-------------------------------------------------- 覚書 */
.fsS {font-size: small;}
.akaJi {color:  #B91E31;}

/*-------------------------------------------------- 覚書 */
.boxshadow {
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
#loading {
  position: fixed;
  width: 80px;
  height: 10px;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -40px;
  background: url(images/loader.gif) 0 0 no-repeat;
  z-index: 99999;
  display: none;
}
.wrap {
  margin: 0 auto;
  width: 1000px;
  position: relative;
}
.wrap .link {
  position: absolute;
  top: 0;
  right: 0;
  height: 18px;
}
.wrap .link a {
  display: block;
  height: 18px;
}
.wrap .link a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
.wrap .link a img {
  vertical-align: top;
}
.wrap .more {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 32px;
}
.wrap .more i {
  margin-right: 5px;
  color: #be1d2c;
}
.wrap .more a {
  border-bottom: 1px solid #999999;
  font-size: 11px;
}
.hover:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
header {
  height: 100px;
  width: 100%;
  min-width: 1080px;
  background-color: #1a1a1a;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
header .bar {
  height: 30px;
  width: 100%;
  background: url(images/common/barbg.png) left top repeat-x;
  position: relative;
  border-bottom: 1px solid #000000;
  zoom: 100%;
}
header .bar a {
  color: #cccccc;
}
header .bar a:hover {
  color: #e6e6e6;
}
header .bar .hnavarea {
  float: right;
  zoom: 100%;
}
header .bar .hnavarea .hnav {
  float: left;
}
header .bar .hnavarea .hnav ul {
  border-right: 1px solid #000000;
  zoom: 100%;
}
header .bar .hnavarea .hnav ul li {
  float: left;
  line-height: 30px;
  border-left: 1px solid #000000;
  font-size: 11px;
}
header .bar .hnavarea .hnav ul li a {
  padding: 0 10px;
  display: block;
  border-left: 1px solid #4d4d4d;
}
header .bar .hnavarea .hnav ul li a i {
  margin-right: 5px;
  color: #be1d2c;
}
header .bar .hnavarea .hnav ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
header .bar .hnavarea .searchbox {
  border-left: 1px solid #4d4d4d;
  width: 200px;
  float: left;
  height: 30px;
}
header .bar .hnavarea .searchbox table {
  vertical-align: top;
}
header .bar .hnavarea .searchbox .gsib_a {
  padding: 2px 0 0 6px;
}
header .bar .hnavarea .searchbox .gsib_b {
  padding: 2px 0 0 0;
}
header .bar .hnavarea .searchbox .gsc-search-box {
  margin: 0;
}
header .bar .hnavarea .searchbox .gsc-control-cse {
  background: none;
  padding: 0;
  margin: 0;
  border: none;
}
header .bar .hnavarea .searchbox .gsc-input-box {
  border: none;
  background: none;
  height: auto;
}
header .bar .hnavarea .searchbox .gsc-input {
  /*					background:none !important;*/
  border: none;
  padding: 0;
}
header .bar .hnavarea .searchbox .gsc-input-box .gsc-input,
header .bar .hnavarea .searchbox .gsc-input-box-hover .gsc-input,
header .bar .hnavarea .searchbox .gsc-input-box-focus .gsc-input {
  border: none !important;
}
header .bar .hnavarea .searchbox .gsc-search-button-v2 {
  background: none;
  border: none;
  padding: 6px 10px;
}
header .bar .hnavarea .searchbox .gsc-search-button-v2:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
header .bar .hnavarea .social {
  float: left;
}
header .bar .hnavarea .social ul {
  zoom: 100%;
}
header .bar .hnavarea .social ul li {
  float: left;
  border-left: 1px solid #000000;
}
header .bar .hnavarea .social ul li a {
  border-left: 1px solid #4d4d4d;
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
}
header .bar .hnavarea .social ul li a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
header .bar .hnavarea .social ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
header .bar .hnavarea:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
header .bar:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
header .header {
  border-top: 1px solid #4d4d4d;
  position: relative;
}
header .header h1 {
  margin: 15px 0 0 20px;
}
header .header .gnav {
  position: absolute;
  top: 21px;
  right: 0;
}
header .header .gnav ul {
  zoom: 100%;
}
header .header .gnav ul li {
  float: left;
  margin-right: 15px;
  line-height: 30px;
}
header .header .gnav ul li a {
  display: block;
  height: 0;
  padding-top: 30px;
  overflow: hidden;
}
header .header .gnav ul li span {
  display: block;
  width: 100%;
  height: 4px;
  border-top: 1px solid #be1d2c;
  background: url(images/nav.png) bottom center no-repeat;
  display: none;
}
header .header .gnav ul li:hover span,
header .header .gnav ul li.current-menu-item span {
  display: block;
}
header .header .gnav ul .nav01 a {
  background: url(images/common/nav/nav01.png) 0 0 no-repeat;
  width: 44px;
}
header .header .gnav ul .nav02 a {
  background: url(images/common/nav/nav02.png) 0 0 no-repeat;
  width: 78px;
}
header .header .gnav ul .nav03 a {
  background: url(images/common/nav/nav03.png) 0 0 no-repeat;
  width: 52px;
}
header .header .gnav ul .nav04 a {
  background: url(images/common/nav/nav04.png) 0 0 no-repeat;
  width: 52px;
}
header .header .gnav ul .nav05 a {
  background: url(images/common/nav/nav05.png) 0 0 no-repeat;
  width: 94px;
}
header .header .gnav ul .nav06 a {
  background: url(images/common/nav/nav06.png) 0 0 no-repeat;
  width: 76px;
}
header .header .gnav ul .nav07 a {
  background: url(images/common/nav/nav07.png) 0 0 no-repeat;
  width: 60px;
}
header .header .gnav ul .nav08 a {
  background: url(images/common/nav/nav08.png) 0 0 no-repeat;
  width: 80px;
}

header .header .gnav ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
footer {
  width: 100%;
  background-color: #1a1a1a;
  text-align: center;
  padding: 30px 0;
  position: relative;
}
footer ul {
  margin-bottom: 10px;
  zoom: 100%;
}
footer ul li {
  display: inline;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #b3b3b3;
}
footer ul li a {
  color: #e6e6e6;
}
footer ul li:last-child {
  margin-right: 0;
  padding-right: 0;
  border: none;
}
footer ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
footer .copyright {
  color: #e6e6e6;
}
/* slider
------------------------------------------------*/
#sliderArea {
  position: relative;
  min-width: 1000px;
  background-color: #e6e6e6;
}
#sliderArea #slider {
  height: 380px;
  width: 100%;
}
#sliderArea #slider .slider {
  height: 380px;
  width: 100% !important;
  position: relative;
}
#sliderArea #slider .slider.blog {
  background: url(images/main/blog/bg.jpg) center center no-repeat;
}
#sliderArea #slider .slider.blog .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 280px;
  height: 30px;
  margin-left: -140px;
  margin-top: 70px;
}
#sliderArea #slider .slider.blog .btn a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#sliderArea #slider .slider.about {
  background: url(images/main/about/bg.jpg) center center no-repeat;
}
#sliderArea #slider .slider.about .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 144px;
  height: 42px;
  margin-left: -77px;
  margin-top: 40px;
}
#sliderArea #slider .slider.about .btn a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}


#sliderArea #slider .slider.cp {
  background: url(images/main/cp/bg.jpg) center center no-repeat;
}
#sliderArea #slider .slider.cp .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 144px;
  height: 42px;
  margin-left: -77px;
  margin-top: 40px;
}
#sliderArea #slider .slider.cp .btn a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}


#sliderArea #slider .slider.ohmaelive {
  background: url(images/main/ohmaelive/bg.jpg) center center no-repeat;
}
#sliderArea #slider .slider.ohmaelive .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 162px;
  height: 42px;
  margin-left: -300px;
  margin-top: 70px;
}
#sliderArea #slider .slider.ohmaelive .btn a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#sliderArea #slider .slider.pickup {
  background: url(images/main/pickup/bg.jpg) center center no-repeat;
  color: #666666;
}
#sliderArea #slider .slider.pickup .wrap {
  zoom: 100%;
}
#sliderArea #slider .slider.pickup .wrap .leftarea {
  float: left;
  width: 470px;
  margin-top: 140px;
}
#sliderArea #slider .slider.pickup .wrap .leftarea .name {
  font-size: 21px;
  font-weight: bold;
}
#sliderArea #slider .slider.pickup .wrap .leftarea .text {
  margin-bottom: 10px;
}
#sliderArea #slider .slider.pickup .wrap .leftarea .btn {
  width: 162px;
  height: 42px;
  margin-left: -6px;
}
#sliderArea #slider .slider.pickup .wrap .leftarea .btn a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#sliderArea #slider .slider.pickup .wrap .rightarea {
  margin-left: 550px;
  padding-top: 60px;
  width: 400px;
}
#sliderArea #slider .slider.pickup .wrap .rightarea .image {
  width: 400px;
  height: 270px;
  overflow: hidden;
  position: relative;
  background: url(images/program/ms.png) bottom center no-repeat;
}
#sliderArea #slider .slider.pickup .wrap .rightarea .image .frame {
  width: 400px;
  height: 236px;
  background: url(images/program/mf.png) 0 0 no-repeat;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
#sliderArea #slider .slider.pickup .wrap .rightarea .image img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#sliderArea #slider .slider.pickup .wrap:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#sliderArea #s-navi {
  position: absolute;
  width: 1000px;
  height: 10px;
  bottom: 5px;
  left: 50%;
  margin-left: -500px;
  z-index: 999;
}
#sliderArea #s-navi #slidenav {
  float: right;
}
#sliderArea #s-navi #slidenav a {
  display: block;
  height: 0px;
  width: 30px;
  padding-top: 10px;
  float: left;
  margin-left: 1px;
  overflow: hidden;
  background-color: #333333;
}
#sliderArea #s-navi #slidenav a:hover,
#sliderArea #s-navi #slidenav a.activeSlide {
  background-color: #999999;
}
#home h3 {
  margin-bottom: 30px;
}
#home #old {
  background-color: #221e1f;
  text-align: center;
  height: 46px;
}
#home #old a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#home .newshowsarea {
  width: 100%;
  height: 280px;
  background: url(images/home/bg.png) 0 0 repeat-x;
}
#home .newshowsarea .boxarea {
  margin-left: 40px;
  zoom: 100%;
}
#home .newshowsarea .boxarea .box {
  float: left;
  margin-right: 30px;
  width: 210px;
  position: relative;
}
#home .newshowsarea .boxarea .box a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}
#home .newshowsarea .boxarea .box .imagebox {
  position: relative;
  height: 140px;
  margin-bottom: 0;
}
#home .newshowsarea .boxarea .box .imagebox .imageset {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: hidden;
  width: 210px;
  height: 124px;
}
#home .newshowsarea .boxarea .box .imagebox .imageset .frame {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 210px;
  height: 124px;
  background: url(images/mf.png) 0 0 no-repeat;
}
#home .newshowsarea .boxarea .box .imagebox .imageset .image {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
}
#home .newshowsarea .boxarea .box .imagebox .shadow {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#home .newshowsarea .boxarea .box .textbox {
  text-align: center;
}
#home .newshowsarea .boxarea .box .textbox .name {
  font-size: 13px;
  font-weight: bold;
}
#home .newshowsarea .boxarea .box .textbox .title {
  font-size: 11px;
}
#home .newshowsarea .boxarea .box:hover .textbox .name {
  color: #be1d2c;
}
#home .newshowsarea .boxarea:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#home .bannerarea {
  padding: 30px 0 0 0;
}
#home .bannerarea .boxarea {
/* margin-left: 40px;*/
 margin-left: 155px;

  zoom: 100%;
}
#home .bannerarea .boxarea .box {
  float: left;
  cursor: pointer;
  margin-right: 30px;
  margin-bottom: 30px;
  width: 210px;
  height: 138px;
  background: url(images/banner/shadow.png) left bottom no-repeat;
}
#home .bannerarea .boxarea .box a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#home .bannerarea .boxarea:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#home .newsarea {
  background-color: #f2f2f2;
}
#home .newsarea .boxarea {
  margin-left: 40px;
  zoom: 100%;
}
#home .newsarea .boxarea .box {
  float: left;
  cursor: pointer;
  margin-right: 30px;
  margin-bottom: 30px;
  width: 168px;
  height: 148px;
  border: 1px solid #cccccc;
  padding: 20px;
  position: relative;
  background-color: #ffffff;
}
#home .newsarea .boxarea .box a {
  display: block;
  width: 100%;
  height: 100%;
}
#home .newsarea .boxarea .box a:hover {
  color: #333333;
}
#home .newsarea .boxarea .box .cat {
  position: absolute;
  height: 28px;
  top: 6px;
  right: -6px;
  background: url(images/catbg.png) top right no-repeat;
}
#home .newsarea .boxarea .box .cat span {
  display: block;
  line-height: 24px;
  height: 24px;
  padding: 0 10px;
  color: #ffffff;
  font-size: 11px;
  background-color: #be1d2c;
}
#home .newsarea .boxarea .box .date {
  font-size: 11px;
  margin-bottom: 10px;
}
#home .newsarea .boxarea .box .text {
  line-height: 1.7;
}
#home .newsarea .boxarea .box:hover {
  border: 1px solid #be1d2c;
}
#home .newsarea .boxarea:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#home .livearea {
  background: url(images/bg02.png) bottom left repeat-x;
  height: 350px;
}
#home .livearea .head {
  margin: 0 0 20px 40px;
  height: 44px;
  position: relative;
}
#home .livearea .head h4 {
  position: absolute;
  top: 0;
  left: 0;
}
#home .livearea .head h5 {
  position: absolute;
  top: 0;
  left: 510px;
}
#home .livearea .head .btn {
  position: absolute;
  top: 0;
  left: 730px;
}
#home .livearea .head .btn a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#home .livearea .boxarea {
  margin-left: 40px;
  zoom: 100%;
}
#home .livearea .boxarea .box {
  float: left;
  margin-right: 30px;
  width: 408px;
  height: 148px;
  border: 1px solid #cccccc;
  padding: 20px;
  position: relative;
  background-color: #ffffff;
}
#home .livearea .boxarea .box h5 {
  font-size: 14px;
  margin-bottom: 10px;
}
#home .livearea .boxarea .box .btn {
  position: absolute;
  top: 20px;
  right: 20px;
}
#home .livearea .boxarea .box .btn:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#home .livearea .boxarea:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#rightbanner {
  position: fixed;
  top: 100px;
  right: 0;
  z-index: 9999;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  zoom: 100%;
}
#rightbanner .bar {
  width: 32px;
  background: url(images/banner/barbg.png) top left repeat-y;
  height: 600px;
  float: left;
  cursor: pointer;
}
#rightbanner .bar .open {
  width: 100%;
  height: 100%;
  background: url(images/banner/arrow_l.png) center center no-repeat;
  display: none;
}
#rightbanner .bar .close {
  width: 100%;
  height: 100%;
  background: url(images/banner/arrow_r.png) center center no-repeat;
}
#rightbanner .bannerarea {
  float: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding: 10px;
}
#rightbanner .bannerarea .box {
  width: 210px;
  height: 138px;
  background: url(images/banner/shadow.png) left bottom no-repeat;
}
#rightbanner .bannerarea .box a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#rightbanner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#about .mainimg {
  width: 100%;
  height: 380px;
  background: url(images/main_bg.jpg) top center no-repeat;
}
@media screen and (min-width: 641px) and (max-width: 768px) {
#about .mainimg {
  height: 200px;
}
}

@media screen and (max-width: 640px) {
#about .mainimg {
  height: 150px;
}
}
#about .mainimg .wrap {
  padding-top: 200px;
}
#about .mainimg .wrap h2 {
  margin-bottom: 10px;
  margin-left: -10px;
}
#about .mainimg .wrap .text {
  color: #ffffff;
  margin-left: 0;
}
#about .btnbar a {
  text-align: center;
  display: block;
  width: 100%;
  background-color: #b3b3b3;
}
#about .btnbar a:hover {
  background-color: #666666;
}
#about .s01 {
  background: url(images/about/bg01.png) top left repeat-x;
}
#about .s01 .wrap {
  height: auto;
  padding: 40px 0;
}
#about .s01 h3 {
  margin-bottom: 20px;
}
#about .s01 .text {
  margin-bottom: 20px;
}
#about .s01 .btn a {
  display: block;
  width: 184px;
  height: 26px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
#about .s01 .btn a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#about .s01 .image {
  position: absolute;
  bottom: 0;
  right: 0;
}
#about .s02 {
  text-align: center;
  height: 350px;
  padding: 40px 0;
  background: url(images/about/bg02.png) top left repeat-x;
  zoom: 100%;
}
#about .s02 h3 {
  margin-bottom: 20px;
}
#about .s02 .text {
  margin-bottom: 40px;
}
#about .s02 .boxarea {
  width: 840px;
  margin: 0 auto;
  zoom: 100%;
}
#about .s02 .boxarea .box {
  float: left;
  width: 280px;
}
#about .s02 .boxarea:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#about .s02:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#about .s03 {
  text-align: center;
  background-color: #1a1a1a;
}
#about .s03 .wrap {
  padding: 40px 0;
}
#about .s03 h5 {
  margin-bottom: 10px;
}
#about .s03 .text {
  color: #cccccc;
  margin-bottom: 30px;
}
#about .s04 .wrap {
  padding: 40px 0;
}
#about .s04 .wrap p {
  margin: 20px 0;
}
#about .s04 .wrap .boxarea {
  zoom: 100%;
}
#about .s04 .wrap .boxarea .box {
  border: 1px solid #b3b3b3;
  float: left;
  width: 478px;
  margin-right: 40px;
  text-align: center;
}
#about .s04 .wrap .boxarea .box h6 {
  background-color: #b3b3b3;
  color: #ffffff;
  font-size: 21px;
  line-height: 40px;
  margin-bottom: 10px;
}
#about .s04 .wrap .boxarea .box div {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
#about .s04 .wrap .boxarea .box p {
  margin: 0 0 10px 0;
}
#about .s04 .wrap .boxarea .box02 {
  margin-right: 0;
}
#about .s04 .wrap .boxarea:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#about .s04 .wrap .btn {
  width: 250px;
  height: 40px;
  margin: 20px auto 0 auto;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#about .s04 .wrap .btn:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
.plan {
  zoom: 100%;
}
.plan .box {
  float: left;
  width: 480px;
  height: 250px;
  position: relative;
  margin-right: 40px;
  background: url(images/plan/bg.png) left bottom no-repeat;
  text-align: center;
  line-height: 1.4;
}
.plan .box h3 {
  margin-bottom: 20px;
}
.plan .box .price {
  margin-bottom: 20px;
}
.plan .box p {
  margin-bottom: 20px;
}
.plan .box .typearea {
  margin: 0 0 15px 38px;
  zoom: 100%;
}
.plan .box .typearea .type {
  float: left;
  width: 128px;
  height: 140px;
  margin-right: 10px;
}
.plan .box .typearea .type .caption {
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.plan .box .typearea .type:last-child {
  margin-right: 0;
}
.plan .box .typearea:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.plan .box ul {
  margin-left: 40px;
}
.plan .box ul li {
  text-align: left;
  margin-bottom: 4px;
}
.plan .year {
  margin-right: 0;
}
.plan .year .price {
  margin-bottom: 56px;
}
.plan .year .typearea {
  margin-bottom: 10px;
}
.plan .year .airsearch {
  position: relative;
  width: 404px;
  height: 30px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.plan .year .airsearch a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
.plan:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#program .head {
  height: 180px;
  background-color: #1a1a1a;
}
#program .head .wrap {
  padding: 40px 0;
}
#program .head .wrap .textarea {
  zoom: 100%;
}
#program .head .wrap .textarea h2 {
  padding-top: 3px;
  float: left;
  width: 162px;
  margin-left: -10px;
}
#program .head .wrap .textarea .text {
  padding-top: 0px;
  float: left;
  margin-left: 20px;
  color: #e6e6e6;
  width: 500px;
}
#program .head .wrap .textarea .btn {
  position: absolute;
  right: 0;
}
#program .head .wrap .textarea .btn a {
  display: block;
  width: 270px;
  height: 40px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#program .head .wrap .textarea .btn a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#program .head .wrap .textarea .btn01 {
  top: 25px;
}
#program .head .wrap .textarea .btn02 {
  top: 75px;
}
#program .head .wrap .textarea .btn03 {
  top: 125px;
}
#program .head .wrap .textarea:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#program .header {
  padding: 40px 0;
  height: 320px;
  background: url(images/program/bg_h.png) top center no-repeat;
}
#program .header .wrap .t {
  line-height: 30px;
  zoom: 100%;
}
#program .header .wrap .t h3 {
  float: left;
  font-size: 26px;
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-weight: normal;
  margin-right: 20px;
}
#program .header .wrap .t .caption {
  float: left;
  font-size: 17px;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  padding: 0 0 0 20px;
  border-left: 1px solid #333333;
}
#program .header .wrap .t:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#program .header .wrap .ohmae {
  padding: 20px 0 0 0;
  zoom: 100%;
}
#program .header .wrap .ohmae .box {
  width: 480px;
  margin-right: 40px;
  float: left;
}
#program .header .wrap .ohmae .box:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#program .header .wrap .ohmae .box .image {
  height: 252px;
}
#program .header .wrap .ohmae .box .title {
  font-size: 14px;
  font-weight: bold;
}
#program .header .wrap .ohmae .box02 {
  margin-right: 0;
}
#program .header .wrap .ohmae:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#program .section {
  background: url(images/program/bg.png) top left repeat-x;
}
#program .section .wrap {
  width: 1008px;
  padding: 40px 0;
}
#program .list {
  padding: 20px 0 0 0;
  zoom: 100%;
}
#program .list .box {
  width: 244px;
  height: 320px;
  margin: 0 4px;
  margin-bottom: 20px;
  float: left;
  position: relative;
  overflow: hidden;
}
#program .list .box:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#program .list .box .image {
  width: 100%;
  height: 194px;
  background: url(images/program/shadow.png) bottom left repeat-x;
}
#program .list .box .image a {
  display: block;
  height: 180px;
  overflow: hidden;
  background-color: #000000;
}
#program .list .box .image a:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#program .list .box .image img {
  vertical-align: middle;
  width: 100%;
  height: auto;
}
#program .list .box .title {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  height: 32px;
  margin-bottom: 5px;
}
#program .list:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#program .search {
  text-align: right;
  margin-bottom: 20px;
  margin-right: 4px;
}
#program .search .box {
  text-align: left;
  display: inline-block;
}
#program .search .box select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
  background: url(images/program/bg_select.png) right center no-repeat;
  background-color: #333333;
  color: #ffffff;
  height: 38px;
  width: 240px;
  font-weight: bold;
  font-size: 14px;
  line-height: 38px;
  padding: 0 0 0 10px;
}
#programdetail {
  padding: 0 0 0 0;
  background: url(images/program/bg.png) top left repeat-x;
}
#programdetail .head {
  padding: 40px 0;
  margin-bottom: 40px;
  max-height: 320px;
  background: url(images/program/bg_h.png) top center no-repeat;
  zoom: 100%;
}
#programdetail .head .left {
  float: left;
  width: 400px;
}
#programdetail .head .left .image {
  width: 400px;
  height: 270px;
  overflow: hidden;
  position: relative;
  background: url(images/program/ms.png) bottom center no-repeat;
}
#programdetail .head .left .image .frame {
  width: 400px;
  height: 236px;
  background: url(images/program/mf.png) 0 0 no-repeat;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
#programdetail .head .left .image img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#programdetail .head .right {
  margin-left: 440px;
}
#programdetail .head .right .title {
  font-size: 21px;
  margin-bottom: 20px;
  font-weight: bold;
}
#programdetail .head .right .text {
  font-size: 14px;
}
#programdetail .head:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#programdetail .head02 .left {
  float: left;
  width: 480px;
}
#programdetail .head02 .left .image {
  width: 480px;
  height: 252px;
  background: none;
}
#programdetail .head02 .right {
  margin-left: 520px;
}
#programdetail .instructors {
  margin-bottom: 40px;
}
#programdetail .instructors h3 {
  margin-bottom: 20px;
  border-left: 6px solid #be1d2c;
  line-height: 26px;
  padding-left: 10px;
  font-size: 17px;
  font-weight: bold;
}
#programdetail .instructors .boxarea {
  border-bottom: 1px solid #cccccc;
}
#programdetail .instructors .boxarea .box {
  padding: 20px 0 0 0;
  margin-bottom: 20px;
  border-top: 1px solid #cccccc;
  zoom: 100%;
}
#programdetail .instructors .boxarea .box .image {
  float: left;
}
#programdetail .instructors .boxarea .box .textarea {
  margin-left: 240px;
}
#programdetail .instructors .boxarea .box .textarea .name {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
#programdetail .instructors .boxarea .box .textarea .text {
  font-size: 14px;
}
#programdetail .instructors .boxarea .box:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#programdetail .programlist {
  margin-bottom: 40px;
}
#programdetail .programlist .t {
  margin-bottom: 20px;
  position: relative;
}
#programdetail .programlist .t h3 {
  margin-bottom: 20px;
  border-left: 6px solid #be1d2c;
  line-height: 26px;
  padding-left: 10px;
  font-size: 17px;
  font-weight: bold;
}
#programdetail .programlist .t .morelist {
  position: absolute;
  top: 0;
  right: 0;
}
#programdetail .programlist .t .morelist a {
  display: inline-block;
  padding: 0 20px;
  background-color: #be1d2c;
  color: #ffffff;
  line-height: 32px;
  font-weight: bold;
}
#programdetail .programlist .t .morelist a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#programdetail .programlist .boxarea {
  border-bottom: 1px solid #cccccc;
}
#programdetail .programlist .boxarea .box {
  border-top: 1px solid #cccccc;
  zoom: 100%;
}
#programdetail .programlist .boxarea .box.hide {
  display: none;
}
#programdetail .programlist .boxarea .box .image {
  float: left;
}
#programdetail .programlist .boxarea .box .textarea {
  margin-left: 230px;
  padding: 10px 0 0 0;
  position: relative;
}
#programdetail .programlist .boxarea .box .textarea .name {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}
#programdetail .programlist .boxarea .box .textarea .url {
  position: absolute;
  right: 0;
  top: 10px;
}
#programdetail .programlist .boxarea .box .textarea .url a {
  display: inline-block;
  background: url(images/program/icon.png) right center no-repeat;
  padding-right: 30px;
  line-height: 25px;
}
#programdetail .programlist .boxarea .box:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#programdetail .programlist .btnmore {
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  padding: 15px 0;
  color: white;
  background-color: #58595b;
  cursor: pointer;
}
#programdetail .programlist .btnmore:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#programdetail .lm {
  padding: 20px 0;
  background-color: #e6e6e6;
}
#programdetail .lm h3 {
  margin-bottom: 20px;
  border-left: 6px solid #be1d2c;
  line-height: 26px;
  padding-left: 10px;
  font-size: 17px;
  font-weight: bold;
}
#programdetail .lm .lm_list {
  zoom: 100%;
}
#programdetail .lm .lm_list .box {
  width: 250px;
  float: left;
}
#programdetail .lm .lm_list .box .image a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#programdetail .lm .lm_list .box .bar {
  line-height: 24px;
  background-color: #E6E7E7;
  zoom: 100%;
}
#programdetail .lm .lm_list .box .bar .cat {
  float: left;
  padding-left: 5px;
}
#programdetail .lm .lm_list .box .bar .off {
  float: right;
  width: 70px;
  text-align: center;
  color: #ffffff;
  background-color: #be1d2c;
}
#programdetail .lm .lm_list .box .bar:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#programdetail .lm .lm_list .box .title {
  font-weight: bold;
  padding: 5px;
  font-size: 13px;
  height: 38px;
  width: 240px;
  word-break: break-all;
  word-wrap: break-word;
  overflow: hidden;
}
#programdetail .lm .lm_list .box .btm {
  padding-top: 5px;
  border-top: 1px solid #808183;
  line-height: 20px;
  zoom: 100%;
}
#programdetail .lm .lm_list .box .btm .name {
  float: left;
  font-size: 11px;
  padding-left: 5px;
}
#programdetail .lm .lm_list .box .btm .price {
  float: right;
  text-align: right;
  padding-right: 5px;
  font-size: 14px;
}
#programdetail .lm .lm_list .box .btm .price.off {
  color: #be1d2c;
  font-weight: bold;
}
#programdetail .lm .lm_list .box .btm:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#programdetail .lm .lm_list:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#programdetail .lm .lm_link {
  margin-bottom: 40px;
}
#programdetail .lm .lm_link a {
  margin-bottom: 20px;
  display: block;
  padding-top: 6px;
  line-height: 54px;
  background: url(images/program/arrow.png) center right no-repeat;
  color: #ffffff;
  text-align: center;
  background-color: #be1d2c;
  border-bottom: 6px solid #9c091b;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 2px;
  cursor: pointer;
}
#programdetail .lm .lm_link a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#programdetail .body {
  border-top: 1px solid #b3b3b3;
  zoom: 100%;
}
#programdetail .body h3 {
  margin-bottom: 20px;
}
#programdetail .body:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#howto .head {
  height: 545px;
  background: url(images/howto/bg01.png) top left repeat-x;
}
#howto .head .wrap {
  text-align: center;
  padding: 40px 0;
}
#howto .head .wrap h2 {
  margin-bottom: 10px;
}
#howto .head .wrap .boxarea {
  position: absolute;
  width: 920px;
  top: 150px;
  left: 50%;
  margin-left: -460px;
  zoom: 100%;
}
#howto .head .wrap .boxarea .box {
  position: relative;
  float: left;
  width: 280px;
  height: 390px;
  margin-right: 40px;
  cursor: pointer;
}
#howto .head .wrap .boxarea .box .image {
  position: absolute;
  top: 0;
  left: 0;
}
#howto .head .wrap .boxarea .box .tag {
  position: absolute;
  bottom: -20px;
  left: 55px;
}
#howto .head .wrap .boxarea .box03 {
  margin-right: 0;
}
#howto .head .wrap .boxarea:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#howto .section .wrap {
  padding: 40px 0;
}
#howto .section .wrap h3 {
  margin-bottom: 20px;
}
#howto .s01 {
  background-color: #1a1a1a;
  color: #ffffff;
}
#howto .s01 .wrap {
  height: 350px;
}
#howto .s01 .wrap .text {
  width: 490px;
  margin-bottom: 30px;
}
#howto .s01 .wrap .btn {
  margin-bottom: 10px;
}
#howto .s01 .wrap .btn a {
  display: block;
  width: 260px;
  height: 36px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#howto .s01 .wrap .btn a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#howto .s01 .wrap .image {
  position: absolute;
  right: 0;
  bottom: -60px;
}
#howto .s02 {
  background-color: #e6e6e6;
}
#howto .s02 .wrap {
  height: 400px;
}
#howto .s02 .wrap .text {
  width: 530px;
  background: url(images/howto/acApp.png) top left no-repeat;
  padding-left: 100px;
  margin-bottom: 40px;
}
#howto .s02 .wrap .btn {
  margin-bottom: 20px;
}
#howto .s02 .wrap .btn a {
  display: block;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#howto .s02 .wrap .btn a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#howto .s02 .wrap p {
  font-weight: bold;
  margin-bottom: 5px;
}
#howto .s02 .wrap .btn01,
#howto .s02 .wrap .btn03 {
  width: 260px;
  height: 36px;
}
#howto .s02 .wrap .btn02 {
  width: 126px;
  height: 36px;
}
#howto .s02 .wrap .image {
  position: absolute;
  right: 0;
  bottom: -60px;
}
#howto .s03 {
  background: url(images/howto/bg02.png) left bottom repeat-x;
}
#howto .s03 .wrap .block {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
#howto .s03 .wrap .block h4 {
  margin-bottom: 10px;
}
#howto .s03 .wrap .block .text {
  margin-bottom: 10px;
}
#howto .s03 .wrap .block01 {
  border-bottom: 1px solid #b3b3b3;
}
#howto .s03 .wrap .block03 {
  position: relative;
}
#howto .s03 .wrap .block03 .attention {
  font-size: 11px;
}
#howto .s03 .wrap .block03 .image {
  position: absolute;
  top: 0;
  right: 0;
}
/*------------------------------------- 覚書 --*/
#howto .s03 .wrap .TVimage {
  position: absolute;
  top: 0;
  right: 0;
}
/*------------------------------------- 覚書 --*/

#howto .s03 .wrap .block04 .text span {
  color: #be1d2c;
  font-weight: bold;
}
#howto .s03 .wrap .block04 table {
  width: 100%;
}
#howto .s03 .wrap .block04 table th,
#howto .s03 .wrap .block04 table td {
  font-size: 14px;
  padding: 20px;
  border: 1px solid #b3b3b3;
  vertical-align: middle;
  text-align: center;
}
#howto .s03 .wrap .block04 table th {
  background-color: #e6e6e6;
}
#howto .s03 .wrap .block05 .boxarea {
  width: 920px;
  margin: 0 auto 20px auto;
  zoom: 100%;
}
#howto .s03 .wrap .block05 .boxarea .box {
  float: left;
  margin-right: 40px;
}
#howto .s03 .wrap .block05 .boxarea .box03 {
  margin-right: 0;
}
#howto .s03 .wrap .block05 .boxarea:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#howto .s03 .wrap .textTV {
  width: 530px;
  background: url(images/howto/bbtTV_logo.png) top left no-repeat;
  padding-left: 180px;
  margin-bottom: 40px;
}


#howto .s04 {
  padding-bottom: 40px;
}
#howto .s04 a {
  display: block;
  width: 240px;
  height: 40px;
  margin: 0 auto;
}
#howto .s04 a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#howto-require .head {
  text-align: center;
  padding: 50px 0;
}
#howto-require .head h2 {
  margin-bottom: 10px;
}
#howto-require .section h3 {
  margin-bottom: 10px;
}
#howto-require .s02 {
  padding-bottom: 50px;
  background: url(images/howto/bg02.png) left bottom repeat-x;
}
#howto-require .s03 {
  padding-bottom: 40px;
}
#howto-require .s03 a {
  display: block;
  width: 240px;
  height: 40px;
  margin: 0 auto;
}
#howto-require .s03 a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#howto-require .require_infoarea {
  margin-bottom: 10px;
}
#howto-require .require_info_ex {
  margin-bottom: 50px;
}
#howto-require .require_info {
  width: 100%;
}
#howto-require .require_info th,
#howto-require .require_info td {
  text-align: left;
  padding: 10px;
  border: 1px solid #999999;
}
#howto-require .require_info thead th {
  background-color: #999999;
  color: #ffffff;
  font-size: 18px;
  padding: 5px 10px;
}
#howto-require .require_info tbody th {
  width: 180px;
}
#price .s01 {
  text-align: center;
  background-color: #1a1a1a;
}
#price .s01 .wrap {
  padding: 40px 0;
}
#price .s01 h5 {
  margin-bottom: 10px;
}
#price .s01 .text {
  color: #cccccc;
  margin-bottom: 30px;
}
#price .s01 .block {
  margin: 30px 0;
  padding: 60px 0;
  text-align: left;
  color: #cccccc;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  text-align: center;
}
#price .s01 .block p {
  margin-bottom: 10px;
}
#price .s01 .block .btn:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#price .section .wrap {
  padding: 40px 0;
}
#price .section .wrap h3 {
  margin-bottom: 20px;
}
#price .s03,
#price .s05 {
  background-color: #e6e6e6;
}
#price .s02 .wrap table th,
#price .s02 .wrap table td {
  border: 1px solid #b3b3b3;
  padding: 10px 20px;
}
#price .s02 .wrap table th {
  text-align: left;
  background-color: #e6e6e6;
  font-size: 14px;
}
#price .s02 .wrap table th em {
  font-size: 21px;
}
#price .s02 .wrap table th span {
  font-weight: normal;
  font-size: 14px;
}
#price .s02 .wrap table td {
  text-align: center;
  font-size: 18px;
}
#price .s02 .wrap table .top th {
  text-align: center;
}
#price .s02 .wrap table .bottom th,
#price .s02 .wrap table .bottom td {
  text-align: left;
  vertical-align: top;
  border: none;
  font-size: 11px;
}
#price .s02 .wrap table .bottom th a,
#price .s02 .wrap table .bottom td a {
  display: block;
  width: 250px;
  height: 36px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  margin-bottom: 10px;
}
#price .s02 .wrap table .bottom th a:hover,
#price .s02 .wrap table .bottom td a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#price .s02 .wrap table .bottom th p,
#price .s02 .wrap table .bottom td p {
  margin-bottom: 5px;
}
#price .s03 .text {
  font-size: 13px;
  width: 920px;
  background: url(images/price/image01.png) top right no-repeat;
}
#price .s03 .text p {
  margin-bottom: 20px;
  width: 660px;
}
#price .s04 .arrow {
  width: 50px;
  height: 24px;
  background: url(images/price/arrow.png) top center no-repeat;
  margin: 0 auto;
  margin-bottom: 10px;
}
#price .s04 .block {
  border: 1px solid #cccccc;
  width: 998px;
  zoom: 100%;
}
#price .s04 .block .leftblock {
  float: left;
  width: 180px;
  padding: 40px;
  text-align: center;
}
#price .s04 .block .leftblock h4 {
  font-size: 18px;
  line-height: 1.4;
}
#price .s04 .block .leftblock p {
  font-size: 10px;
}
#price .s04 .block .rightblock {
  float: left;
  padding: 0 40px;
  border-left: 1px solid #cccccc;
}
#price .s04 .block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#price .s04 .block01 .rightblock {
  padding: 20px 40px;
  text-align: center;
  width: 657px;
}
#price .s04 .block01 .rightblock a {
  display: block;
  width: 368px;
  height: 50px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  margin: 0 auto;
}
#price .s04 .block01 .rightblock a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}

#price .s04 .block02 .leftblock {
  padding-top: 130px;
}

#price .s04 .block02 .rightblock .boxarea {
  zoom: 100%;
  padding: 15px 0;
}
#price .s04 .block02 .rightblock .boxarea:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#price .s04 .block02 .rightblock .boxarea .box {
  width: 287px;
  float: left;
  margin-right: 20px;
  padding-right: 20px;
  height: 228px;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
}
#price .s04 .block02 .rightblock .boxarea .box h5 {
  font-size: 21px;
  margin-bottom: 10px;
}
#price .s04 .block02 .rightblock .boxarea .box a {
  display: block;
  width: 164px;
  height: 40px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  margin: 0 auto;
}
#price .s04 .block02 .rightblock .boxarea .box a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#price .s04 .block02 .rightblock .boxarea .box03 {
  padding-top: 10px;
  margin-right: 0px;
  padding-right: 0px;
  border: none;
}
#price .s04 .block03 {
  margin-bottom: 20px;
}
#price .s04 .block03 .leftblock {
  padding-top: 80px;
}
#price .s04 .block03 .rightblock {
  padding: 25px 40px;
  background: url(images/price/image02.png) right center no-repeat;
  width: 570px;
}
#price .s04 .block03 .rightblock .text {
  width: 430px;
}
#price .s04 .block04 .rightblock {
  padding: 25px 40px;
  background: url(images/price/card.jpg) right center no-repeat;
  width: 600px;
}
#price .s04 .block04 .rightblock .text {
  width: 350px;
}
.wdth40 {
    width: 40%!important;
}
/*--------------------------------------------------------- 180801 追加ここから */

.table {
    width: 998px;
}
.sen { border: 1px solid #ccc;}
.kessai {
    width: 180px;
    padding: 25px;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1.4;
}
.setsumei {
    padding: 25px 40px;
    width: 570px;
}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt40 {margin-top: 40px;}
.mt80 {margin-top: 80px;}

.rDot {border-right: 1px dotted #ccc;}
.txt13W920 {
  font-size: 13px;
  width: 920px;
}
.mosikomi {
    width: 50%;
    margin: 10px auto;
    clear: both;
}
/*--------------------------------------------------------- 180801 追加ここまで*/
#price .s05 .wrap h4 {
  margin-bottom: 10px;
}
#price .s05 .wrap .ex {
  margin-left: 34px;
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  margin-bottom: 20px;
}
#price .s05 .wrap .ex span {
  color: #be1d2c;
  font-weight: bold;
}
#price .s05 .wrap p {
  margin-left: 34px;
  margin-bottom: 10px;
}
#price .s05 .wrap .btnarea {
  margin-left: 34px;
  zoom: 100%;
}
#price .s05 .wrap .btnarea a {
  display: block;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#price .s05 .wrap .btnarea a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#price .s05 .wrap .btnarea .leftbtn {
  width: 368px;
  float: left;
  margin-right: 20px;
}
#price .s05 .wrap .btnarea .rightbtn {
  float: left;
  width: 574px;
}
#price .s05 .wrap .btnarea:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.changeprocedure h4 {
  margin-bottom: 10px;
}
.changeprocedure .ex {
  margin-left: 34px;
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  margin-bottom: 20px;
}
.changeprocedure .ex span {
  color: #be1d2c;
  font-weight: bold;
}
.changeprocedure p {
  margin-left: 34px;
  margin-bottom: 10px;
}
.changeprocedure .btnarea {
  margin-left: 34px;
  zoom: 100%;
}
.changeprocedure .btnarea a {
  display: block;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.changeprocedure .btnarea a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
.changeprocedure .btnarea .leftbtn {
  width: 368px;
  float: left;
  margin-right: 20px;
}
.changeprocedure .btnarea .rightbtn {
  float: left;
  width: 574px;
}
.changeprocedure .btnarea:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#member .mainimg {
  width: 100%;
  height: 380px;
  background: url(images/member/headbg.jpg) top center no-repeat;
}
#member .mainimg .wrap {
  padding-top: 80px;
}
#member .mainimg .wrap h2 {
  margin-bottom: 20px;
  margin-left: -10px;
}
#member .mainimg .wrap .text {
  color: #b3b3b3;
  margin-left: 0;
}
#member .mainimg .wrap .text p {
  margin-bottom: 20px;
}
#member .section .wrap {
  padding: 40px 0;
}
#member .section .wrap h3 {
  margin-bottom: 20px;
}
#member .s02,
#member .s04 {
  background-color: #e6e6e6;
}
#member .s01 .wrap .text {
  margin-bottom: 20px;
}
#member .s01 .wrap h4 {
  margin-bottom: 10px;
}
#member .s01 .wrap .boxarea {
  margin-bottom: 20px;
  zoom: 100%;
}
#member .s01 .wrap .boxarea .box {
  float: left;
  width: 140px;
  height: 90px;
  border: 2px solid #b3b3b3;
  padding: 20px 10px;
  margin-right: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 11px;
  text-align: center;
}
#member .s01 .wrap .boxarea .box p {
  font-weight: bold;
  margin-bottom: 10px;
}
#member .s01 .wrap .boxarea .box a {
  display: block;
  width: 120px;
  height: 38px;
  margin: 0 auto;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#member .s01 .wrap .boxarea .box a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#member .s01 .wrap .boxarea .arrow {
  float: left;
  width: 12px;
  height: 130px;
  margin-right: 10px;
  background: url(images/member/arrow01.png) center center no-repeat;
}
#member .s01 .wrap .boxarea:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#member .s01 .wrap .image {
  position: absolute;
  top: 60px;
  right: 0;
}
#member .s01 .wrap .btnairsearch {
  position: absolute;
  top: 380px;
  right: 90px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
#member .s01 .wrap .btnairsearch a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#member .s01 .wrap .btnarea {
  zoom: 100%;
}
#member .s01 .wrap .btnarea h4 {
  width: 336px;
  line-height: 23px;
  float: left;
  margin-right: 20px;
}
#member .s01 .wrap .btnarea .arrow {
  margin-right: 20px;
  float: left;
  width: 8px;
  height: 26px;
  background: url(images/member/arrow02.png) center center no-repeat;
}
#member .s01 .wrap .btnarea a {
  float: left;
  display: block;
  width: 184px;
  height: 26px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#member .s01 .wrap .btnarea a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#member .s01 .wrap .btnarea:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#member .s02 .btn {
  position: absolute;
  top: 30px;
  right: 100px;
}
#member .s02 .btn a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#member .s03 {
  height: 240px;
}
#member .s03 .image {
  position: absolute;
  top: 30px;
  right: 80px;
}
#member .s04 {
  padding: 40px 0;
}
#member .s04 a {
  display: block;
  width: 250px;
  height: 40px;
  margin: 0 auto;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#member .s04 a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}

#member .s01 .wrap .new-ac {
  display:flex;
}

#member .s01 .wrap .new-ac-txt {
  padding-left:35px;
  box-sizing:border-box;
}

#member .s01 .wrap .new-ac-txt .ac-beta-btn {
  margin-top:35px;
  text-align: left;
}

@media (max-width: 666px) {
  #member .s01 .wrap .new-ac {
    display:block;
    text-align: center;
  }

  #member .s01 .wrap .new-ac-txt {
    padding-top:15px;
    padding-left:0px;
    box-sizing:border-box;
  }

  #member .s01 .wrap .new-ac-txt > ul{
    text-align: left;
  }

  #member .s01 .wrap .new-ac-txt > .ac-beta-btn {
    margin-top:15px;
    text-align: center;
  }
}

#support .section .wrap {
  padding: 40px 0;
}
#support .section .wrap h3 {
  margin-bottom: 20px;
}
#support .s01 .wrap .supportmenu {
  position: absolute;
  top: 40px;
  right: 0;
  zoom: 100%;
}
#support .s01 .wrap .supportmenu li {
  margin-right: 10px;
  float: left;
}
#support .s01 .wrap .supportmenu li a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#support .s01 .wrap .supportmenu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#support .s01 .wrap h3 {
  margin-bottom: 50px;
}
#support .s01 .wrap .qaarea h4 {
  background-color: #999999;
  color: #ffffff;
  font-size: 15px;
  padding: 0 10px;
  line-height: 42px;
}
#support .s01 .wrap .qaarea h5 {
  background-color: #e6e6e6;
  font-size: 13px;
  padding: 0 10px;
  line-height: 28px;
}
#support .s01 .wrap .qaarea .qa {
  border-bottom: 1px solid #b3b3b3;
}
#support .s01 .wrap .qaarea .qa:hover .question {
  background-color: #cccccc;
}
#support .s01 .wrap .qaarea .qa .question {
  padding: 10px 32px;
  background: url(images/support/icon.png) left center no-repeat;
  cursor: pointer;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
}
#support .s01 .wrap .qaarea .qa .answer {
  border-top: 1px solid #b3b3b3;
  padding: 20px 32px;
  overflow: hidden;
  display: none;
  font-size: 14px;
}
#support .s01 .wrap .qaarea .qa .answer p {
  margin-bottom: 10px;
}
#support .s01 .wrap .qaarea .qa .answer span {
  font-size: 12px;
  color: #be1d2c;
}
#support .s01 .wrap .qaarea .qa .answer a {
  color: #1a1a1a;
  font-weight: bold;
}
#support .s01 .wrap .qaarea .qa .answer a:hover {
  color: #be1d2c;
}
#support .s01 .wrap .qaarea .qa .answer table {
  font-size: 12px;
}
#support .s01 .wrap .qaarea .qa .answer table th,
#support .s01 .wrap .qaarea .qa .answer table td {
  padding: 5px 10px;
  border: 1px solid #b3b3b3;
}
#support .s01 .wrap .qaarea .qa .answer table th {
  background-color: #e6e6e6;
}
#support .s01 .wrap .qaarea .qa .answer ul {
  margin: 10px 0;
}
#support .s01 .wrap .qaarea .qa .answer ul.disc li {
  list-style-type: disc;
  margin-left: 20px;
}
#support .s01 .wrap .qaarea .qa .answer h6 {
  font-size: 16px;
}
#support .s01 .wrap .qaarea .qa .answer .block {
  margin-bottom: 20px;
}
#contact .section .wrap {
  padding: 40px 0;
}
#contact .section .wrap h3 {
  margin-bottom: 20px;
}
#contact a {
  color: #1a1a1a;
  font-weight: bold;
}
#contact a:hover {
  color: #be1d2c;
}
#contact .s01 .wrap h4 {
  font-size: 16px;
  margin-bottom: 10px;
}
#contact .s01 .wrap table {
  width: 100%;
}
#contact .s01 .wrap table th,
#contact .s01 .wrap table td {
  padding: 10px;
  border-top: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
}
#contact .s01 .wrap table th {
  border-right: 1px solid #b3b3b3;
  text-align: left;
}
#contact .s02 {
  padding-bottom: 50px;
  background-color: #e6e6e6;
}
#contact .s02 .wrap h4 {
  margin-bottom: 10px;
}
#contact .s02 .wrap .ex {
  margin-left: 34px;
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  margin-bottom: 20px;
}
#contact .s02 .wrap .ex span {
  color: #be1d2c;
  font-weight: bold;
}
#contact .s02 .wrap p {
  margin-left: 34px;
  margin-bottom: 10px;
}
#contact .s02 .wrap .btnarea {
  margin-left: 34px;
  zoom: 100%;
}
#contact .s02 .wrap .btnarea a {
  display: block;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#contact .s02 .wrap .btnarea a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#contact .s02 .wrap .btnarea .leftbtn {
  width: 368px;
  float: left;
  margin-right: 20px;
}
#contact .s02 .wrap .btnarea .rightbtn {
  float: left;
  width: 574px;
}
#contact .s02 .wrap .btnarea:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#news a {
  color: #1a1a1a;
  font-weight: bold;
}
#news a:hover {
  color: #be1d2c;
}
#news .wrap {
  padding: 40px 0;
}
#news .wrap h3 {
  margin-bottom: 40px;
}
#news .wrap .container .contents {
  margin-bottom: 30px;
}
#news .wrap .container .contents .date {
  font-size: 14px;
  line-height: 36px;
  background-color: #999999;
  color: #ffffff;
  padding: 0 20px;
  border-bottom: 1px solid #666666;
}
#news .wrap .container .contents .body {
  padding: 10px 20px;
  position: relative;
  /*
					.leftbox{
						float:left;
						width:380px;
					}
					.postbody{
						margin-left:440px;
					}*/
  zoom: 100%;
}
#news .wrap .container .contents .body .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
#news .wrap .container .contents .body .btn_detail {
  right: 0;
  bottom: 14px;
  position: absolute;
  text-align: right;
}
#news .wrap .container .contents .body .btn_detail a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#news .wrap .container .contents .body:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#livelinks a {
  color: #1a1a1a;
  font-weight: bold;
}
#livelinks a:hover {
  color: #be1d2c;
}
#livelinks .wrap {
  padding: 40px 0;
}
#livelinks .wrap h3 {
  margin-bottom: 5px;
}
#livelinks .wrap .description {
  margin-bottom: 40px;
  padding-left: 20px;
}
#livelinks .wrap .container {
  zoom: 100%;
}
#livelinks .wrap .container .leftarea {
  width: 760px;
  float: left;
}
#livelinks .wrap .container .leftarea .contents {
  margin-bottom: 20px;
}
#livelinks .wrap .container .leftarea .contents .title {
  font-size: 18px;
  background-color: #999999;
  padding: 0 10px;
  line-height: 40px;
  color: #ffffff;
}
#livelinks .wrap .container .leftarea .contents .postbody {
  padding: 20px 10px;
}
#livelinks .wrap .container .rightarea {
  width: 200px;
  float: right;
}
#livelinks .wrap .container .rightarea h4 {
  font-size: 14px;
  background-color: #999999;
  text-align: center;
  line-height: 40px;
  color: #ffffff;
}
#livelinks .wrap .container .rightarea ul li {
  text-align: center;
  padding: 5px 0;
  background-color: #e6e6e6;
  border-bottom: 1px solid #b3b3b3;
}
#livelinks .wrap .container .rightarea ul li a {
  display: block;
  width: 100%;
}
#livelinks .wrap .container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#mailmagazine {
  background: url(images/mailmagazine/bg.png) top center repeat-y #b6a9a5;
}
#mailmagazine .wrap {
  text-align: center;
  padding: 0 0 100px 0;
}
#mailmagazine .wrap h2 {
  margin-bottom: 10px;
}
#mailmagazine .wrap h3 {
  margin-bottom: 40px;
}
#mailmagazine .wrap .txt {
  margin-bottom: 50px;
}
#mailmagazine .wrap h4 {
  padding-bottom: 10px;
  color: #887976;
  margin-bottom: 10px;
  font-size: 14px;
  background: url(images/mailmagazine/i01.png) bottom center no-repeat;
}
#mailmagazine .wrap .input {
  margin-bottom: 50px;
}
#mailmagazine .wrap .input .text {
  width: 420px;
  height: 36px;
  line-height: 34px;
  font-size: 14px;
  border: 1px solid #cccccc;
}
#mailmagazine .wrap .btn {
  margin-bottom: 30px;
}
#mailmagazine .wrap .btn .bbtSubmit {
  width: 150px;
  height: 28px;
  background: url(images/mailmagazine/btn01.png) 0 0 no-repeat;
  border: none;
}
#mailmagazine .wrap .btn .bbtSubmit:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#mailmagazine .wrap .m_change {
  margin-bottom: 30px;
}
#mailmagazine .wrap .m_change span {
  background: url(images/mailmagazine/i02.png) 0 0 no-repeat;
  padding-left: 24px;
  cursor: pointer;
}
#mailmagazine .wrap .m_change span:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#mailmagazine .wrap #bbt_wr {
  width: 500px;
  margin: 0 auto;
  margin-bottom: 0;
  display: none;
}
#mailmagazine .wrap #bbt_wr .text {
  margin: 0;
}
#mailmagazine .wrap #bbt_wr p {
  margin-bottom: 20px;
}
#mailmagazine .wrap #bbt_wr h5 {
  margin-bottom: 10px;
  font-weight: normal;
}
#mailmagazine .wrap #bbt_wr table {
  width: 420px;
  border: 1px solid #cccccc;
  margin: 0 auto;
  margin-bottom: 10px;
}
#mailmagazine .wrap #bbt_wr table th,
#mailmagazine .wrap #bbt_wr table td {
  padding: 10px;
  text-align: left;
  vertical-align: middle;
  background-color: #ffffff;
  font-weight: normal;
}
#mailmagazine .wrap #bbt_wr input.text {
  width: 260px;
  height: 21px;
  line-height: 34px;
  font-size: 14px;
  border: 1px solid #cccccc;
}
#mailmagazine .wrap #bbt_wr .stop {
  border-top: 1px solid #cccccc;
  padding: 20px 0;
  width: 500px;
  margin: 0 auto;
  margin-bottom: 30px;
}
#mailmagazine .wrap #bbt_wr .stop .button {
  width: 150px;
  height: 28px;
  background: url(images/mailmagazine/btn02.png) 0 0 no-repeat;
  border: none;
  cursor: pointer;
}
#mailmagazine .wrap #bbt_wr .stop .button:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#mailmagazine .wrap #bbt_wr .change {
  border-top: 1px solid #cccccc;
  padding: 20px 0;
  width: 500px;
  margin: 0 auto;
  margin-bottom: 30px;
}
#mailmagazine .wrap #bbt_wr .change .button {
  width: 150px;
  height: 28px;
  background: url(images/mailmagazine/btn03.png) 0 0 no-repeat;
  border: none;
  cursor: pointer;
}
#mailmagazine .wrap #bbt_wr .change .button:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#mailmagazine .wrap .combz {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  width: 740px;
  padding: 10px 20px;
  margin: 0 auto;
  margin-bottom: 50px;
  zoom: 100%;
}
#mailmagazine .wrap .combz a {
  float: left;
}
#mailmagazine .wrap .combz p {
  margin-left: 130px;
  line-height: 27px;
  font-size: 11px;
}
#mailmagazine .wrap .combz:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#student {
  background-color: #f2f2f2;
  min-height: 1200px;
}
#student .wrap {
  background-color: #ffffff;
}
#student .wrap .wrap2 {
  padding: 50px 0;
  width: 550px;
  margin: 0 auto;
}
#student .wrap .wrap2 .head {
  width: 540px;
  margin: 0 auto;
}
#student .wrap .wrap2 .head h2 {
  margin-bottom: 30px;
}
#student .wrap .wrap2 .head p {
  margin-bottom: 30px;
}
#student .wrap .wrap2 .block {
  margin-bottom: 30px;
}
#student .wrap .wrap2 .block h3,
#student .wrap .wrap2 .block h4,
#student .wrap .wrap2 .block .text {
  width: 540px;
  margin: 0 auto;
}
#student .wrap .wrap2 .block h3 {
  margin-bottom: 20px;
}
#student .wrap .wrap2 .block h4 {
  margin-bottom: 5px;
}
#student .wrap .wrap2 .block .text {
  padding-top: 10px;
}
#student .wrap .wrap2 .block .price,
#student .wrap .wrap2 .block .howto {
  margin-bottom: 20px;
}
#student .wrap .wrap2 .block .attention {
  text-align: center;
}
#student .wrap .wrap2 .block .attention h4 {
  margin-bottom: 10px;
}
#student .wrap .wrap2 .block .attention h5 {
  font-weight: normal;
}
#student .wrap .wrap2 .block .attention a {
  color: #be1d2c;
}
#student .wrap .wrap2 .btn {
  width: 164px;
  margin: 0 auto;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#student .wrap .wrap2 .btn a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#cs .section {
  background: url(images/program/bg.png) top left repeat-x;
}
#cs .section .wrap {
  padding: 40px 0;
}
#cs .section .wrap .header {
  width: 1000px;
  height: 44px;
  background: url(images/program/tbg.png) top left no-repeat;
  margin-bottom: 20px;
  zoom: 100%;
}
#cs .section .wrap .header h3 {
  float: left;
  margin: 0 30px;
}
#cs .section .wrap .header .caption {
  float: left;
  padding: 0 30px;
  margin-top: 11px;
  line-height: 22px;
  color: #e6e6e6;
  border-left: 1px solid #e6e6e6;
}
#cs .section .wrap .header:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cs .section .wrap .btnarea {
  margin-bottom: 10px;
  zoom: 100%;
}
#cs .section .wrap .btnarea .btn {
  float: left;
  margin-right: 8px;
}
#cs .section .wrap .btnarea .btn a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#cs .section .wrap .btnarea .btn04 {
  margin-right: 0px;
}
#cs .section .wrap .btnarea:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cs .section .wrap .text {
  font-size: 13px;
  margin-bottom: 10px;
}
#cs .section .wrap .link {
  padding-left: 20px;
  width: 200px;
  position: relative;
  background: url(images/cs/icon.png) left center no-repeat;
}
#cs .section .wrap .link a {
  font-weight: bold;
}
#cs .section .wrap p {
  margin: 10px 0 0 0;
  text-align: center;
}
#cs .section .wrap .box {
  border: 1px solid #808080;
  text-align: center;
  padding: 20px;
  background-color: #ffffff;
  margin-bottom: 20px;
}
#cs .section .wrap .box .text {
  margin-bottom: 20px;
}
#cs .section .wrap .box a {
  color: #333333;
  font-weight: bold;
  background: url(images/library/a02.png) left center no-repeat;
  padding-left: 18px;
  line-height: 16px;
}
#cs .section .wrap .box a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#cs .section .wrap .pdf {
  line-height: 31px;
  text-align: center;
}
#cs .section .wrap .pdf a {
  margin-left: 10px;
}
#library .attention {
  font-size: 17px;
  font-weight: bold;
  color: #be1d2c;
  text-align: center;
  padding-top: 20px;
}
#library .head {
  height: 200px;
  background: url(images/library/bg.png) top left repeat-x;
}
#library .head h2 {
  width: 320px;
  margin: 0 auto;
}
#library .section .wrap {
  padding: 20px 0;
}
#library .section .wrap .header {
  width: 1000px;
  height: 44px;
  background: url(images/program/tbg.png) top left no-repeat;
  margin-bottom: 20px;
  zoom: 100%;
}
#library .section .wrap .header h3 {
  float: left;
  margin: 0 30px;
}
#library .section .wrap .header .caption {
  float: left;
  padding: 0 30px;
  margin-top: 11px;
  line-height: 22px;
  color: #e6e6e6;
  border-left: 1px solid #e6e6e6;
}
#library .section .wrap .header:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#library .section .wrap table {
  width: 100%;
  table-layout: fixed;
  background-color: #f2f2f2;
}
#library .section .wrap table td {
  height: 110px;
  line-height: 110px;
  text-align: center;
  border: 1px solid #808080;
}
#library .section .wrap table td a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #666666;
  font-weight: bold;
  background: url(images/library/a01.png) center center no-repeat;
}
#library .section .wrap table td a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#library .section .wrap p {
  margin: 10px 0 0 0;
  text-align: center;
}
#library .section .wrap .box {
  border: 1px solid #808080;
  text-align: center;
  padding: 20px;
  background-color: #ffffff;
  margin-bottom: 20px;
}
#library .section .wrap .box .text {
  margin-bottom: 20px;
}
#library .section .wrap .box a {
  color: #333333;
  font-weight: bold;
  background: url(images/library/a02.png) left center no-repeat;
  padding-left: 18px;
  line-height: 16px;
}
#library .section .wrap .box a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#library .section .wrap .pdf {
  line-height: 31px;
  text-align: center;
}
#library .section .wrap .pdf a {
  margin-left: 10px;
}
#agreement {
  padding: 50px 0;
}
#agreement h2 {
  margin: 1.4em;
  text-align: center;
  vertical-align: top;
  font-weight: bold;
  font-size: 17px;
}
#agreement h3 {
  text-align: center;
  vertical-align: top;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 30px;
}
#agreement .agree_top {
  padding: 20px 10px;
  border: 1px solid #cccccc;
  margin: 0 0 10px 0;
}
#agreement .agree_member {
  font-weight: bold;
  margin-bottom: 5px;
  padding: 10px;
}
#agreement .attachedlist {
  text-align: right;
  text-indent: -2em;
  font-weight: bold;
}
#agreement .attachedlist a {
  color: #be1d2c;
}
#agreement .attachedlist a:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.80;
}
#agreement .revision {
  margin: 2.5em 0 1em;
  padding: 0;
  text-align: right;
}
#agreement dl {
  margin-bottom: 20px;
}
#agreement dt {
  background-color: #999999;
  color: #ffffff;
  padding-left: 10px;
  line-height: 35px;
  font-size: 18px;
  font-weight: bold;
}
#agreement dd {
  margin: 0 20px 0 10px;
  padding: 5px 0 30px 0;
  text-indent: 0;
}
#agreement .paren li {
  list-style-type: none;
  text-indent: -1.5em;
  margin-left: 2em;
  margin-top: 0.4em;
}
#agreement .deci li {
  list-style-type: decimal;
  list-style-position: inside;
  text-indent: -1.3em;
  margin-left: 2em;
  margin-top: 0.3em;
}
#agreement .nodeci li {
  list-style-type: none;
  text-indent: -1.5em;
  margin-left: 4em;
  margin-top: 0.4em;
}

#agreement-other {
  padding: 50px 0;
}
#agreement-other h3 {
  background-color: #999999;
  color: #ffffff;
  padding-left: 10px;
  line-height: 35px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
#agreement-other .agree_member {
  font-weight: bold;
  margin-bottom: 5px;
  padding: 0 10px;
  margin-bottom: 30px;
}
#agreement-other dl {
  margin-bottom: 20px;
}
#agreement-other dt {
  font-size: 14px;
  font-weight: bold;
}
#agreement-other dd {
  margin: 0 20px 0 10px;
  padding: 5px 0 30px 0;
  text-indent: 0;
}
#agreement-other .paren li {
  list-style-type: none;
  text-indent: -1.5em;
  margin-left: 2em;
  margin-top: 0.4em;
}
#agreement-other .agree_button {
  width: 180px;
  margin: 0 auto;
}
/* entry body
---------------------------------*/
/* Text elements */
.postbody {
  line-height: 1.7;
}
.postbody a {
  color: #be1d2c !important;
}
.postbody h1 {
  font-size: 24px;
  margin-bottom: 10px;
}
.postbody h2 {
  font-size: 21px;
  margin-bottom: 10px;
}
.postbody h3 {
  font-size: 18px;
  margin-bottom: 10px;
}
.postbody h4 {
  font-size: 14px;
}
.postbody h5 {
  font-size: 13px;
}
.postbody h6 {
  font-size: 12px;
}
.postbody p {
  margin-bottom: 18px;
}
.postbody ul {
  list-style: none;
}
.postbody ol {
  list-style: disc;
  margin: 0 0 18px 1.5em;
}
.postbody ol ol {
  list-style: upper-alpha;
}
.postbody ol ol ol {
  list-style: lower-roman;
}
.postbody ol ol ol ol {
  list-style: lower-alpha;
}
.postbody ul ul,
.postbody ol ol,
.postbody ul ol,
.postbody ol ul {
  margin-bottom: 0;
}
.postbody dl {
  margin: 0 0 24px 0;
}
.postbody dt {
  font-weight: bold;
}
.postbody dd {
  margin-bottom: 18px;
}
.postbody strong {
  font-weight: bold;
}
.postbody cite,
.postbody em,
.postbody i {
  font-style: italic;
}
.postbody big {
  font-size: 131.25%;
}
.postbody ins {
  background: #ffc;
  text-decoration: none;
}
.postbody blockquote {
  text-align: left;
  padding: 1px 10px 1px 15px;
  font-size: 90%;
  border-left: 2px solid #ccc;
  margin: 5px 15px 18px 15px;
}
.postbody blockquote p {
  margin: 0;
}
.postbody blockquote cite,
.postbody blockquote em,
.postbody blockquote i {
  font-style: normal;
}
.postbody pre {
  background: #f7f7f7;
  color: #222;
  line-height: 18px;
  margin-bottom: 18px;
  padding: 1.5em;
}
.postbody abbr,
.postbody acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
.postbody sup,
.postbody sub {
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}
.postbody sup {
  bottom: 1ex;
}
.postbody sub {
  top: .5ex;
}
.postbody input[type="text"],
.postbody textarea {
  background: #f9f9f9;
  border: 1px solid #ccc;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 2px;
}
/* =Images
-------------------------------------------------------------- */
.postbody img {
  margin: 0;
  height: auto;
  max-width: 640px;
  width: auto;
}
.postbody .attachment img {
  max-width: 900px;
}
.postbody .alignleft,
.postbody img.alignleft {
  display: inline;
  float: left;
  margin-right: 20px;
  margin-top: 4px;
}
.postbody .alignright,
.postbody img.alignright {
  display: inline;
  float: right;
  margin-left: 20px;
  margin-top: 4px;
}
.postbody .aligncenter,
.postbody img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.postbody img.alignleft,
.postbody img.alignright,
.postbody img.aligncenter {
  margin-bottom: 12px;
}
.postbody .wp-caption {
  background: #f1f1f1;
  line-height: 18px;
  margin-bottom: 20px;
  padding: 4px;
  text-align: center;
}
.postbody .wp-caption img {
  margin: 5px 5px 0;
}
.postbody .wp-caption p.wp-caption-text {
  color: #888;
  font-size: 12px;
  margin: 5px;
}
.postbody .wp-smiley {
  margin: 0;
}
.postbody .gallery {
  margin: 0 auto 18px;
}
.postbody .gallery .gallery-item {
  float: left;
  margin-top: 0;
  text-align: center;
  width: 33%;
}
.postbody .gallery img {
  border: 2px solid #cfcfcf;
}
.postbody .gallery .gallery-caption {
  color: #888;
  font-size: 12px;
  margin: 0 0 12px;
}
.postbody .gallery dl {
  margin: 0;
}
.postbody .gallery img {
  border: 10px solid #f1f1f1;
}
.postbody .gallery br + br {
  display: none;
}
.postbody .attachment img {
  display: block;
  margin: 0 auto;
}

/* 覚書 Regulation追加_20171206　スタート */
#regulation .section .wrap {
    margin-bottom: 50px;
}
#regulation .section .wrap h3 {
    margin: 40px 0 20px 0;
}
#regulation .s01 .wrap h4 {
    font-size: 16px;
}
#regulation .s01 .wrap p {
    margin-bottom: 20px;
}
/* 覚書 Regulation追加_20171206　エンド */


/* ======================== */
/* Media Responsive */
/* ======================== */

.mobile-button {
	opacity: 0;
	visibility: hidden;
	display: none;
	background-color: #1a1a1a;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 70px;
	z-index: 1001;
}
.none767 {
	visibility: hidden;
	opacity: 0;
	z-index: -9;
}

@media (max-width: 767px) {

	/* hidden */
	#rightbanner {display: none}

	/* === Mobile button === */
	.mobile-button {
		opacity: 1;
		visibility: inherit;
		display: block;
	}
	.mobile-btn-menu {
		position: absolute;
		right: 0;
		top: 0;
		color: white;
		width: 70px;
		height: 70px;
		text-align: center;
		cursor: pointer;
		background-color: #464646;
	}
	.mobile-btn-menu i {
		display: block;
		font-size: 24px;
		line-height: 70px;
	}
	.mobile-button .pjax {
		line-height: 70px;
		margin-right: 70px;
	}
	.mobile-button .pjax a {
		display: block;
	}
	.mobile-button .pjax a img {
		vertical-align: middle;
		padding: 0 15px;
		box-sizing: border-box;
	}

	/* === is_menu_mobile active === */
	.is_menu_mobile header {
		-webkit-transform: translateX(0%);
				transform: translateX(0%);
	}
	.is_menu_mobile .loading-mobile {
		visibility: visible;
		opacity: 1;
		z-index: 1001;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.55);
	}
	.is_menu_mobile .mobile-btn-menu i:before {
		content: "\f00d";
	}

	/* === Set General css default mobile === */
	body {
		padding-top: 70px;
	}

	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	iframe {
		max-width: 100% !important;
		width: 100% !important;
	}

	* {
		word-break: break-all;
	}

	/* ===== Set default width auto ===== */
	html, body, #sliderArea, .wrap, #home .livearea .boxarea .box, #sliderArea #s-navi, #about .s02 .boxarea,
	#about .s04 .wrap .boxarea .box, .plan .box, .plan .year .airsearch, #livelinks .wrap .container .leftarea,
	#livelinks .wrap .container .rightarea, #contact .s02 .wrap .btnarea .leftbtn, #contact .s02 .wrap .btnarea .rightbtn,
	#cs .section .wrap .header, #howto .s02 .wrap .text, #howto .s03 .wrap .block05 .boxarea, #howto .head .wrap .boxarea,
	#howto .s01 .wrap .text, #library .section .wrap .header, #member .s01 .wrap .btnarea h4,
	#price .s03 .text, #price .s03 .text p, #price .s04 .block, #price .block .leftblock, #price .block .rightblock,
	#price .block01 .rightblock a, #price .s04 .block03 .rightblock .text, #price .s04 .block04 .rightblock .text,
	#price .s05 .wrap .btnarea .leftbtn, #price .s05 .wrap .btnarea .rightbtn,
	#program .head .wrap .textarea .text, #student .wrap .wrap2, #student .wrap .wrap2 .head, #student .wrap .wrap2 .block h3,
	#student .wrap .wrap2 .block h4, #student .wrap .wrap2 .block .text {
		min-width: 100% !important;
		width: 100% !important;
	}

	/* ===== Set default position ===== */
	#sliderArea #s-navi, #about .s01 .image, #howto .head .wrap .boxarea, #program .head .wrap .textarea .btn {
		position: relative;
	}
	#program .head .wrap .textarea .btn {
		top: inherit;
		left: inherit;
		right: inherit;
		bottom: inherit;
	}

	/* ===== Set default float ===== */
	#program .head .wrap .textarea .btn {
		clear: both;
		float: left;
	}

	/* ===== Set default margin ===== */
	#home .bannerarea .boxarea, #home .livearea .boxarea, #home .newsarea .boxarea .box, #home .newsarea .boxarea,
	#home .newshowsarea .boxarea, #program .head .wrap .textarea .text {
		margin-left: 0;
		margin-right: 0;
	}
	.wrap .container .leftarea {
		margin-bottom: 15px;
	}
	#program .head .wrap .textarea .btn {
		margin-top: 15px;
	}

	/* ===== Set default image ===== */
	img {
		max-width: 100% !important;
		margin: 0 auto !important;
	}

	/* ===== Set default height ===== */
	#home .livearea, #home .newshowsarea, #about .s01 .wrap, #about .s02, #howto .s01 .wrap, #howto .head,
	#howto .s02 .wrap, #member .s03, #program .head, #program .header {
		height: inherit;
	}
	#student {
		min-height: inherit;
	}

	/* ===== Set default padding ===== */
	#home .bannerarea, #student .wrap .wrap2, #programdetail .head, #contact .s02 {
		padding: 0;
	}

	/* ===== Set margin default mobile ===== */
	#home .newshowsarea .boxarea .box,
	#home .bannerarea .boxarea .box,
	#home .livearea .boxarea .box,
	#home .newsarea .boxarea .box,
	.plan .box,
	#about .s03 .plan .box .typearea,
	#about .s03 .plan .box ul,
	#about .s04 .wrap .boxarea .box,
	#about .s03 .plan .box .typearea .type,
	#contact .s02 .wrap .btnarea .leftbtn,
	#contact .s02 .wrap .btnarea .rightbtn,
	#cs .section .wrap .btnarea .btn,
	#howto .head .wrap .boxarea .box,
	#howto .s03 .wrap .block05 .boxarea .box,
	#price .box .typearea .type,
	#price .s04 .block02 .rightblock .boxarea .box {
		margin: 0 auto 15px;
		float: none;
	}
	#home .newshowsarea .boxarea .box:last-child,
	#home .bannerarea .boxarea .box:last-child,
	#home .livearea .boxarea .box:last-child,
	#home .newsarea .boxarea .box:last-child,
	#about .s04 .wrap .boxarea .box:last-child,
	#about .s03 .plan .box .typearea .type:last-child,
	#contact .s02 .wrap .btnarea .leftbtn:last-child,
	#contact .s02 .wrap .btnarea .rightbtn:last-child,
	#cs .section .wrap .btnarea .btn:last-child,
	#howto .head .wrap .boxarea .box:last-child,
	#howto .s03 .wrap .block05 .boxarea .box:last-child,
	#price .box .typearea .type:last-child,
	#price .s04 .block02 .rightblock .boxarea .box:last-child {
		margin-bottom: 0;
	}
	#home .newsarea .boxarea .box, #home .livearea .boxarea .box  {
		width: 100%;
		height: auto;
	}

	/* ===== Set table responsive mobile ===== */
	table {
		max-width: 100%;
		width: 100%;
		display: block;
		overflow-y: scroll;
	}
	table tr th, table tr td {
		white-space: nowrap;
	}

	/* === Header === */
	header {
		width: 60%;
		max-width: 360px;
		min-width: 240px !important;
		padding-bottom: 250px;
		height: 100%;
		overflow-y: scroll;
		-webkit-transform: translateX(-100%);
				transform: translateX(-100%);
		-webkit-transition: all 400ms ease 0s;
		   -moz-transition: all 400ms ease 0s;
				transition: all 400ms ease 0s;
	}
	header .bar .hnavarea .hnav, header .bar .hnavarea .searchbox, header .bar .hnavarea .social, header .bar {
		float: none;
		clear: both;
		height: auto;
		width: 100%;
	}
	header .header .gnav {
		position: relative;
		top: inherit;
		left: inherit;
	}
	header .bar {
		background: none;
	}
	header .bar .hnavarea .hnav {
		position: absolute;
		top: 470px;
		left: 0;
		border-top: 1px solid #000;
	}
	header .bar .hnavarea .hnav ul {
		border-right: 0 none;
	}
	header .bar .hnavarea .hnav ul li,
	header .bar .hnavarea .hnav ul li a {
		float: none;
		border-left: 0 none;
		padding-top: 5px;
	}
	header .bar .hnavarea .searchbox {
		padding-right: 32px;
		height: 32px;
	}
	header .bar .hnavarea .social {
		position: absolute;
		right: 0;
		top: 0;
		width: 32px;
		height: 32px;
	}
	header .bar .hnavarea .searchbox .gsc-input {
		height: 24px !important;
		margin-top: 2px !important;
	}
	header .header h1 {
		margin: 15px auto;
		padding: 0 15px;
	}
	header .header .gnav ul li {
		float: none;
		display: block;
		line-height: 30px;
		margin-bottom: 15px;
		padding-left: 15px;
	}
	header .header .gnav ul li:hover span, header .header .gnav ul li.current-menu-item span {
		display: none;
	}
	header .header .gnav ul li.current-menu-item a {
		border-bottom: 3px solid #be1d2c;
	}
	/* === End Header === */

	/* === Footer === */
	footer {
		clear: both;
		padding-left: 15px;
		padding-right: 15px;
	}
	footer ul li {
		display: inline-block;
		margin-bottom: 10px;
	}
	footer ul li a {
		color: #e6e6e6 !important;
	}
	/* === End Footer === */

	/* === Content default mobile === */
	.wrap {
		padding: 15px !important;
	}
	.wrap .more {
		right: 15px;
		top: 15px;
	}
	.newsarea .more {
		position: relative;
		margin-top: -20px;
		margin-bottom: 15px;
		right: inherit;
		top: inherit;
	}

	/* ===== Banner ===== */
	#sliderArea #s-navi {
		margin-left: 0px;
		left: inherit;
		bottom: 0px;
		text-align: center;
		position: absolute;
		z-index: 1000;
		height: 15px;
	}
	#sliderArea #s-navi #slidenav {
		float: none;
	}
	#sliderArea #s-navi #slidenav a {
		float: none;
		display: inline-block;
		padding-top: 15px;
	}
	#sliderArea #slider .slider,
	#sliderArea #slider{
		height: 0 !important;
		padding-bottom: 36%;
		background-size: 116% !Important;
	}

	/* ===== Banner+Slide01 ===== */
	#sliderArea #slider .slider.blog {
		background: url(images/main/blog/bg-mobile.jpg) center center no-repeat;
	}
	#sliderArea #slider .slider.blog .btn {
		left: 0;
		right: 0;
		top: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		bottom: 0;
		height: 100%;
	}
	#sliderArea #slider .slider.blog .btn a {
		display: block;
		height: 100%;
	}
	#sliderArea #slider .slider.blog .btn img {
		display: none;
	}

	/* ===== Banner+Slide02 ===== */
	#sliderArea #slider .slider.about {
		background: url(images/main/about/bg-mobile.jpg) center center no-repeat;
	}
	#sliderArea #slider .slider.about .btn {
		left: 0;
		right: 0;
		top: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		bottom: 0;
		height: 100%;
	}
	#sliderArea #slider .slider.about .btn a {
		display: block;
		height: 100%;
	}
	#sliderArea #slider .slider.about .btn img {
		display: none;
	}

  #sliderArea #slider .slider.cp {
    background: url(images/main/cp/bg-mobile.jpg) center center no-repeat;
  }

	/* ===== Banner+Slide03 ===== */
	#sliderArea #slider .slider.ohmaelive {
		background: url(images/main/ohmaelive/bg-mobile.jpg) center center no-repeat;
	}
	#sliderArea #slider .slider.ohmaelive .btn {
		left: 0;
		right: 0;
		top: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		bottom: 0;
		height: 100%;
	}
	#sliderArea #slider .slider.ohmaelive .btn a {
		display: block;
		height: 100%;
	}
	#sliderArea #slider .slider.ohmaelive .btn img {
		display: none;
	}

	/* ===== Banner+Slide04 ===== */
	#sliderArea #slider .slider.pickup {
		background: url(images/main/pickup/bg-mobile.jpg) center center no-repeat;
	}
	#sliderArea #slider .slider.pickup .wrap .rightarea,
	#sliderArea #slider .slider.pickup .wrap .leftarea .name,
	#sliderArea #slider .slider.pickup .wrap .leftarea .text{
		display: none;
	}
	#sliderArea #slider .slider.pickup .wrap {
		height: 100% !important;
		width: 100% !important;
		left: 0;
		right: 0;
		top: 0;
		margin: 0;
		padding: 0 !important;
		z-index: 1;
		bottom: 0;
		position: absolute;
		float: none;
	}
	#sliderArea #slider .slider.pickup .wrap .leftarea {
		width: 100% !important;
		height: 100% !important;
		float: none;
		margin: 0;
	}
	#sliderArea #slider .slider.pickup .wrap .leftarea .btn,
	#sliderArea #slider .slider.pickup .wrap .leftarea .btn a{
		display: block;
		width: 100%;
		height: 100%;
	}
	#sliderArea #slider .slider.pickup .wrap .leftarea .btn img {
		display: none;
	}

	/* ===== About & price ===== */
	#about .plan, #price .plan {
		margin-top: 60px;
	}
	#about .s03 .box,
	#price .box	{
		background-position: center top !important;
		background-repeat: repeat-x;
		border-radius: 8px;
		height: inherit;
		background-color: #D3D5D6;
		position: relative;
		margin-bottom: 60px;
		padding: 54px 15px 15px 15px;
	}
	#about .s03 .box:last-child,
	#price .box:last-child {
		margin-bottom: 0;
	}
	#about .s03 .box h3,
	#price .box h3 {
		position: absolute;
		margin: 0 auto;
		top: -32px;
		left: 0;
		right: 0;
		height: 54px;
	}
	#about .s03 .box h3 img,
	#price .box h3 img{
		min-height: 54px;
	}
	#about .s03 .plan .box .typearea .type,
	#price .box .typearea .type	{
		float: none;
		display: inline-block;
	}
	#about .s01 .image img,
	#price .image img {
		display: block;
	}
	#price .plan .box ul {
		margin-left: 0;
	}
	#about .plan .box ul li,
	#price .plan .box ul li {
		text-align: center;
	}
	#about .s02 .boxarea .box,
	#price .boxarea .box{
		width: 100%;
	}
	#price .plan .box .typearea {
		margin-left: 0;
	}
  #price .s04 .block02 .leftblock {
    padding-top: 40px;
  }
	#price .s04 .block02 .rightblock .boxarea .box {
		width: 100%;
		height: inherit;
	}
	#price .s04 .block .rightblock {
		border-left: 0 none;
	}
	#price .s04 .block01 .rightblock a,
	#price .s05 .wrap .btnarea a {
		box-shadow: none;
		border-radius: 0px;
	}
	#price .s04 .block01 .rightblock a img,
	#price .s05 .wrap .btnarea a img{
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	}
	#price .s05 .wrap .btnarea a {
		margin-bottom: 15px;
	}
	#price .s04 .block04 .rightblock,
	#price .s04 .block03 .rightblock,
	#price .s03 .text {
		background-position: bottom center;
		padding-bottom: 110px;
		margin-bottom: 15px;
	}

	/* ===== agreement ===== */
	#agreement, #agreement-other {
		padding: 0;
	}

	/* ===== Archives ===== */
	#livelinks .wrap .container .rightarea ul {
		border-left: 1px solid #b3b3b3;
		border-right: 1px solid #b3b3b3;
	}
	#livelinks .wrap .container .rightarea ul li {
		padding: 10px 0;
	}

	/* ===== Contact ===== */
	#contact .s02 {

	}

	/* ===== cs ===== */
	#cs .section .wrap .header {
		border-radius: 4px;
	}
	#cs .section .wrap .header img {
		display: block;
		width: 100%;
	}
	#cs .section .wrap .btnarea .btn img {
		display: block;
	}

	/* ===== Howto ===== */
	#howto .head .wrap .boxarea {
		margin-left: 0;
		top: inherit;
		left: inherit;
	}
	#howto .head .wrap .boxarea .box .tag {
		bottom: 0;
	}
	#howto .s01 .wrap .image,
	#howto .s02 .wrap .image,
	#howto .s03 .wrap .block03 .image {
		position: relative;
		bottom: 0;
	}
	#howto .s01 .wrap .image img,
	#howto .s02 .wrap .image img,
	#howto .s03 .wrap .block03 .image img,
	#howto .s03 .wrap .block05 .boxarea .box img{
		display: block
	}


    /*------------------------------------- 覚書 --*/
#howto .s03 .wrap .textTV {
    min-width: 100% !important;
    width: 100% !important;
  background: url(images/howto/bbtTV_logo.png) top left no-repeat;
  padding-left: 180px;
  margin-bottom: 40px;
}
    #howto .s03 .wrap .TVimage img{
  display: none;
}

.mosikomi {
    width: 100%;
    margin: 10px auto;
    clear: both;
}
.wdth40 {
    min-width: 40%!important;
}


.kessai {
    min-width: 30%!important;
    padding: 1em;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1.4;
}
.setsumei {
    padding: 1em 2em;
    min-width: 70%!important;
}
/*------------------------------------- 覚書 --*/


	/* ===== library ===== */
	#library .section .wrap .header {
		border-radius: 4px;
	}

	/* ===== mailmagazine ===== */
	#mailmagazine iframe {
		height: 680px !important;
	}

	/* ===== member ===== */
	#member .s01 .wrap .image,
	#member .s01 .wrap .btnairsearch,
	#member .s02 .btn,
	#member .s03 .image{
		position: relative;
		bottom: 0;
		top: inherit;
		right: inherit;
		box-shadow: none;
		border-radius: 0px;
	}
	#member .s01 .wrap .btnairsearch img {
		display: block;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	}
	#member .s02 .btn img, #member .s03 .image img {
		display: block;
	}
	#member .s01 .wrap .boxarea {
		overflow-x: scroll;
		overflow-y: hidden;
		height: 150px;
		display: block;
		white-space: nowrap;
	}
	#member .s01 .wrap .boxarea > div {
		display: table-cell;
		float: none !important;
		width: 206px !important;
		padding-right: 30px !important;
	}

	/* ===== News ===== */
	#news .wrap .container .contents .body .btn_detail {
		position: relative;
		top: inherit;
		left: inherit;
		right: inherit;
		bottom: inherit;
	}

	/* ===== programs ===== */
	#program .header {
		background-position: bottom right;
	}
	#program .header .wrap .ohmae {
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
		display: block;
	}
	#program .header .wrap .ohmae .box {
		float: none;
		display: table-cell;
		padding-right: 0;
		margin-right: 0;
	}
	#program .header .wrap .ohmae .box .image {
		height: inherit;
	}
	#program .list .box {
		height: 340px;
	}
	#programdetail .programlist {
		margin-bottom: 0;
	}
	#programdetail .head {
		max-height: 100%;
		background-position: bottom center;
		background-color: #E6E7E7;
	}
	#programdetail .head .left,
	#programdetail .head .right {
		margin: 0;
		width: 100%;
		float: none;
		clear: both;
	}
	#programdetail .instructors .boxarea .box .image {
		margin-bottom: 15px;
	}
	#programdetail .programlist .t .morelist {
		position: relative;
	}
	#programdetail .lm .lm_link a {
		padding-right: 60px;
		padding-left: 15px;
	}
	#programdetail .head .left .image {
		margin: 0 auto;
		max-width: 100%;
		width: auto;
		height: inherit;
	}
	#programdetail .head .left .image .frame {
		display: none;
	}
	#programdetail .head .left .image img {
	    border: 7px solid #1A1A1A;
		position: relative;
		height: inherit;
		border-radius: 4px;
		margin-bottom: 15px !important;
		display: block;
	}
	#programdetail .instructors .boxarea .box .textarea,
	#programdetail .programlist .boxarea .box .textarea {
		margin-left: 0;
		clear: both;
	}
	#programdetail .programlist .boxarea .box .textarea .url {
		position: relative;
		top: inherit;
		margin: 15px 0;
	}

	/* ===== Support ===== */
	#support .s01 .wrap .supportmenu {
		position: relative;
		top: inherit;
		right: inherit;
		bottom: inherit;
		left: inherit;
		margin: -30px 0 10px;
	}
	#support .s01 .wrap .supportmenu li {
		width: 100%;
		margin: 0 0 10px;
	}

	#home .livearea .boxarea .box .btn {
		position: relative;
		right: inherit;
		top: inherit;
		padding-top: 10px;
	}

	#home .livearea .head {
		height: inherit;
		margin: 0 0 15px;
	}
	#home .livearea .head h4,
	#home .livearea .head h5,
	#home .livearea .head .btn {
		position: relative;
		top: inherit;
		left: inherit;
		right: inherit;
		bottom: inherit;
		margin-bottom: 15px;
	}

}

@media (min-width: 320px) and (max-width: 449px) {
	#program .list .box {
		width: 100%;
		margin: 0 auto 15px;
		padding: 0 15px;
		height: 305px;
	}
	#programdetail .lm .lm_link a {
		text-align: left;
		line-height: 30px;
	}
}

@media (min-width: 450px) and (max-width: 599px) {
	#about .s02 .boxarea .box {
		width: 33.3333%;
	}
	#program .list .box {
		width: 50%;
		margin: 0 auto 15px;
		padding: 0 15px;
	}
}

@media (min-width: 600px) and (max-width: 767px) {
	#about .s02 .boxarea .box {
		width: 33.3333%;
	}
	#program .list .box {
		width: 33.3333%;
		margin: 0 auto 15px;
		padding: 0 15px;
	}
}
