@charset "utf-8";

/****************************************

Main

*****************************************/
#main_center {
  width:100%;
  height:400px;
  background-repeat: no-repeat;
  background-position: center;
}
#main_center h2 {
  width:950px;
  margin:0px auto;
  padding-top:120px;
  color:#005eae;
  font-size:40px;
  line-height:1.5em;
}

/****************************************

Navi

*****************************************/

#navi {
  width:960px;
}
#navi ul li {
  width: 75px;
  
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background:#005eae;
  float:left;
}
#navi ul li a { padding: 10px 0; color: #ffffff; text-decoration: none; display: block; }
#navi ul li a:hover  { color: #005eae; background:#ffffff; }

#navi ul li.on { padding: 10px 0; color: #005eae; background:#ffffff; }

#navi ul li.off { padding: 10px 0; color: #0077dc; background:#cccccc; }

/****************************************

Content

*****************************************/

/*-----------------------------------
point
-----------------------------------*/
.point_box {
  width:800px;
  padding:24px 20px 15px;
  border-bottom:1px dotted #cccccc;
  margin-bottom:0px;
}
.point_box:last-of-type {
  margin-bottom:30px;
}
.point_box .ttl {
  width:800px;
  margin-bottom:15px;
  color:#005eae;
  font-size:20px;
  font-weight:bold;
  float:left;
}
.point_box .txt {
  width:500px;
  float:left;
}
.point_box .txt.wide {
  width:auto;
  float:none;
}
.point_box .img {
  width:280px;
  overflow:hidden;
  float:right;
}
.point_box .img img {
  max-width: 100%;
}


.point_box.pas .txt {
  width:auto;
  float:none;
  margin-bottom: 10px;
}
.point_box.pas .img {
  width:auto;
  float:none;
}


/*-----------------------------------
schedule
-----------------------------------*/
.schedule_box {
  width:800px;
  padding:0px 20px;
  margin-bottom:30px;
}
.schedule_box .txt {
  margin-top:15px;
}
.schedule_box .data {
  margin-top:15px;
  padding:15px;
  border:1px solid #cccccc;
  font-size:15px;
  background:#fafafa;
}
/*-----------------------------------
detail
-----------------------------------*/
.detail_box {
  width:760px;
  margin:15px auto 0 auto;
  padding:0px 0px 0px 0px;
  /*border:20px solid #005eae;*/
  border:20px solid #dee4f3;
}
.detail_box .ttl {
  height:auto;
  padding:0px 160px 20px 160px;
  box-sizing: border-box;
  color:#005eae;
  font-size:50px;
  font-weight:bold;
  text-align:center;
  line-height:60px;
  background:#dee4f3;
}
.detail_box .free {
  background:#dee4f3 url(../images/detail/free.gif) no-repeat top right;
}
.detail_box .fre2 {
  background:#dee4f3 url(../images/detail/fre2.gif) no-repeat top right;
}
.detail_box .txt {
  margin-top:15px;
  padding:0px 20px 0px 20px;
}
/* course_box
-----------------------------------*/
.detail_box .course_box {
  width:720px;
  padding:0px 20px;
}
.detail_box .course_box .course_ttl {
  margin-top:15px;
  margin-bottom:10px;
  padding:10px 20px 10px 20px;
  color:#165aa2;
  font-size:15px;
  font-weight:bold;
  background:#dee4f3;
}
.detail_box .course_box .course_txt {
  margin:10px 0px;
  padding:0px 20px;
}
.detail_box .course_box .course_txt.type {
  font-weight: bold;
}
.detail_box .course_box .course_data {
  margin-bottom:10px;
  padding:0px 20px;
  font-size:15px;
}
.detail_box .course_box .course_table {
  width:720px;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
}
.detail_box .course_box .course_table th {
  width:200px;
  padding:10px 0px;
  color:#ffffff;
  font-size:15px;
  font-weight:bold;
  text-align:center;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  background:#555555;
}
.detail_box .course_box .course_table td {
  padding:10px;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
}
/* detail open
-----------------------------------*/
.detail_box .open {
  padding:20px 0px 0px 0px;
  font-size:20px;
  font-weight:bold;
  text-align:center;
  border-top:1px solid #FFFFFF;
  background:#dee4f3;
}
.detail_box .open a {
  color:#165aa2;
  background:url("../images/detail/icon_detail_open.png") no-repeat right center;
  padding-right:24px;
}
.detail_box .close {
  padding:20px 0px 0px 0px;
  font-size:20px;
  font-weight:bold;
  text-align:center;
  border-top:1px solid #FFFFFF;
  background:#dee4f3;
}
.detail_box .close a {
  color:#165aa2;
  background:url("../images/detail/icon_detail_close.png") no-repeat right center;
  padding-right:24px;
}
.detail_box .open a,
.detail_box .close a {
  text-decoration:none;
}
/*-----------------------------------
options
-----------------------------------*/
.options_box {
  width:800px;
  margin:0px auto;
  padding:15px 0px 0px 0px;
}
.options_box .sub {
  padding:0px;
  color:#ffffff;
  font-size:14px;
  line-height:23px;
  font-weight:bold;
  text-align:center;
  background:#009943;
}
.options_box .ttl {
  width:560px;
  height:auto;
  padding:0px 100px 0px 100px;
  color:#009943;
  font-size:30px;
  font-weight:bold;
  text-align:center;
  line-height:36px;
  background:#e0efe1;
  border-top:20px solid #e0efe1;
  border-left:20px solid #e0efe1;
  border-right:20px solid #e0efe1;
}
.options_box .free {
  padding-top:15px;
  padding-bottom:15px;
  background:#e0efe1 url(../images/detail/free.gif) no-repeat top right;
}
.options_box .fre2 {
  padding-top:15px;
  padding-bottom:15px;
  background:#e0efe1 url(../images/detail/fre2.gif) no-repeat top right;
}
.options_box .txt {
  margin-top:15px;
  padding:0px 20px 0px 20px;
}
.options_box .more {
  border-top:20px solid #e0efe1;
  border-left:20px solid #e0efe1;
  border-right:20px solid #e0efe1;
}
/* course_box
-----------------------------------*/
.options_box .course_box {
  width:720px;
  padding:0px 20px;
}
.options_box .course_box .course_ttl {
  margin-top:15px;
  margin-bottom:10px;
  padding:10px 20px 10px 20px;
  color:#369d5c;
  font-size:15px;
  font-weight:bold;
  background:#e0efe1;
}
.options_box .course_box .course_txt {
  margin:10px 0px;
  padding:0px 20px;
}
.options_box .course_box .course_data {
  margin-bottom:10px;
  padding:0px 20px;
  font-size:15px;
}
.options_box .course_box .course_table {
  width:720px;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
}
.options_box .course_box .course_table th {
  width:200px;
  padding:10px 0px;
  color:#ffffff;
  font-size:15px;
  font-weight:bold;
  text-align:center;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  background:#555555;
}
.options_box .course_box .course_table td {
  padding:10px;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
}
/* detail open
-----------------------------------*/
.options_box .open {
  padding:7px 0px;
  font-size:16px;
  line-height:16px;
  font-weight:bold;
  text-align:center;
  border-top:1px solid #FFFFFF;
  background:#e0efe1;
}
.options_box .open a {
  color:#009943;
  background:url("../images/detail/icon_options_open.png") no-repeat right center;
  padding-right:20px;
}
.options_box .close {
  padding:7px 0px;
  font-size:16px;
  line-height:16px;
  font-weight:bold;
  text-align:center;
  border-top:1px solid #FFFFFF;
  background:#e0efe1;
}
.options_box .close a {
  color:#009943;
  background:url("../images/detail/icon_options_close.png") no-repeat right center;
  padding-right:20px;
}
.options_box .open a,
.options_box .close a {
  text-decoration:none;
}
/*-----------------------------------
location
-----------------------------------*/
.location_box {
  width:700px;
  margin-top:20px;
  margin-bottom:30px;
  margin-left: auto;
  margin-right: auto;
}
.location_box .img {
  width:50%;
  height:300px;
  overflow:hidden;
  text-align: center;
  float:left;
}
.location_box .map {
  width:50%;
  height:300px;
  overflow:hidden;
  text-align: center;
  float:right;
}
.location_box .map iframe {
  width: 100%;
  height: 100%;
}
/*-----------------------------------
guide
-----------------------------------*/
.guide_box {
  width:840px;
}
.guide_box .txt {
  margin-top:15px;
}
.guide_box ul li {
  width:840px;
  height:60px;
  margin-bottom:5px;
}
.guide_box .course_table {
  width:840px;
  margin-top:10px;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
}
.guide_box .course_table th {
  width:150px;
  padding:10px 0px;
  color:#ffffff;
  font-size:20px;
  font-weight:bold;
  text-align:center;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  background:#01559d;
  background: linear-gradient(#1a6eb6, #01559d);
}
.guide_box .course_table td {
  padding:10px;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
}
/*-----------------------------------
check
-----------------------------------*/
.check_box {
  width:900px;
  margin-bottom:30px;
}
.check {
  margin-top:15px;
  padding:10px 0px;
  /*border:5px solid #bfd6ea;
  background:#7faed6;*/
  background:#eeeeef;
}
.check .check_contact {
  text-align: center;
  margin-bottom:10px;
}
.check .check_tel {
  width: 700px;
  margin: 0 auto;
}
.check .check_tel h4 {
  color:#ffffff;
  font-size:15px;
  text-align:center;
  background:#333333;
}
.check .tel {
  padding-top:10px;
  padding-bottom:5px;
  font-size:16px;
  text-align:center;
  background:#ffffff;
  font-weight:bold;
}
.check .time {
  padding-bottom:10px;
  font-size:15px;
  text-align:center;
  background:#ffffff;
}
/*-----------------------------------
none
-----------------------------------*/
.none {
  margin: 15px 0 30px;
}


/*-----------------------------------
pamphletArea
-----------------------------------*/
.pamphletArea {
  width: 700px;
  margin: 40px auto;
}
.pamphletArea .comment {
  font-weight: bold;
  text-align: center;
  font-size: 1.1em;
}
.pamphletArea a {
  display: block;
  padding: 10px;
  border: 3px solid #e90000;
  border-radius: 30px;
  background: #fff5f5;
  color: #e90000;
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
  text-decoration: none;
}
.pamphletArea a:hover {
  background: #ffeeee;
}