@charset "UTF-8";
@import 'reset.css';
@import 'ie.css';
/*@import '__basic.less';*/
/* ----------------------------------------------------

	text

---------------------------------------------------- */
@import '../js/fancybox/jquery.fancybox-1.3.4.css';
.ac {
  text-align: center !important;
}
.ac {
  text-align: center !important;
}
.ar {
  text-align: right !important;
}
.al {
  text-align: left !important;
}
.bold {
  font-weight: bold !important;
}
.font10 {
  font-size: 10px !important;
}
.font11 {
  font-size: 11px !important;
}
.font12 {
  font-size: 12px !important;
}
.font13 {
  font-size: 13px !important;
}
.font14 {
  font-size: 14px !important;
}
.font15 {
  font-size: 15px !important;
}
.font16 {
  font-size: 16px !important;
}
.font17 {
  font-size: 17px !important;
}
.font18 {
  font-size: 18px !important;
}
.font19 {
  font-size: 19px !important;
}
.font20 {
  font-size: 20px !important;
}
.font21 {
  font-size: 21px !important;
}
.font22 {
  font-size: 22px !important;
}
.font23 {
  font-size: 23px !important;
}
.font24 {
  font-size: 24px !important;
}
/* ----------------------------------------------------
	
	float

---------------------------------------------------- */
.fr {
  float: right !important;
}
.fl {
  float: left !important;
}
.clear {
  clear: both;
}
/* ----------------------------------------------------
	clearfix の代用
	<div class="hr"><hr /></div>
---------------------------------------------------- */
div.hr {
  clear: both;
}
div.hr hr {
  display: none;
}
.clearfix:after {
  content: ".";
  /* 新しい要素を作る */
  display: block;
  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*/
  /*/
  height: auto;
  overflow: hidden;
  /**/
}
/* ----------------------------------------------------

	margin

---------------------------------------------------- */
.mt00 {
  margin-top: 0px !important;
}
.mt05 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt55 {
  margin-top: 55px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt65 {
  margin-top: 65px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mr00 {
  margin-right: 0px !important;
}
.mr05 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr45 {
  margin-right: 45px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mr55 {
  margin-right: 55px !important;
}
.mr60 {
  margin-right: 60px !important;
}
.mr65 {
  margin-right: 65px !important;
}
.mr70 {
  margin-right: 70px !important;
}
.mb00 {
  margin-bottom: 0px !important;
}
.mb05 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb55 {
  margin-bottom: 55px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb65 {
  margin-bottom: 65px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.ml00 {
  margin-left: 0px !important;
}
.ml05 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml45 {
  margin-left: 45px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.ml55 {
  margin-left: 55px !important;
}
.ml60 {
  margin-left: 60px !important;
}
.ml65 {
  margin-left: 65px !important;
}
.ml70 {
  margin-left: 70px !important;
}
/* ----------------------------------------------------

	padding

---------------------------------------------------- */
.pt00 {
  padding-top: 0px !important;
}
.pt05 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pr00 {
  padding-right: 0px !important;
}
.pr05 {
  padding-right: 5px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pb00 {
  padding-bottom: 0px !important;
}
.pb05 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pl00 {
  padding-left: 0px !important;
}
.pl05 {
  padding-left: 5px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl40 {
  padding-left: 40px !important;
}
/*-------------------------------------------------------------------

  form

-------------------------------------------------------------------*/
.form_small {
  width: 50px;
  height: 14px;
  font-size: 12px;
}
.form_middle {
  width: 100px;
  height: 14px;
  font-size: 12px;
}
.form_long {
  width: 240px;
  height: 14px;
  font-size: 12px;
}
.form_longzen {
  width: 300px;
  height: 14px;
  font-size: 12px;
}
.form_comment {
  width: 300px;
  height: 200px;
  font-size: 12px;
}
/* 全角日本語を指定 */
.ime_active {
  ime-mode: active;
}
/* 半角英数を指定 */
.ime_inactive {
  ime-mode: inactive;
}
/* 半角英数に固定 */
.ime_disabled {
  ime-mode: disabled;
}
/* color */
.red {
  color: #F00;
}
/*--------------------------------------------------------------------
	#hgn
--------------------------------------------------------------------*/
#hgn ul {
  overflow: hidden;
  width: 547px;
  height: 34px;
}
#hgn ul li {
  float: left;
  height: 34px;
  list-style: none;
  overflow: hidden;
  position: relative;
  margin: 0;
}
#hgn ul li.hgn01 {
  width: 213px;
}
#hgn ul li.hgn02 {
  width: 101px;
}
#hgn ul li.hgn03 {
  width: 116px;
}
#hgn ul li.hgn04 {
  width: 117px;
}
#hgn ul li a {
  position: absolute;
  top: 0;
}
#hgn ul li.hgn01 a {
  left: 0;
}
#hgn ul li.hgn02 a {
  left: -213px;
}
#hgn ul li.hgn03 a {
  left: -314px;
}
#hgn ul li.hgn04 a {
  left: -430px;
}
#hgn ul li a:hover {
  top: -34px;
  /*/padding-bottom:0px;*/
  /*IE6,7*/
}
.about #hgn ul li.hgn01 a {
  top: -34px;
  left: 0;
}
.course #hgn ul li.hgn02 a {
  top: -34px;
  left: -213px;
}
.news #hgn ul li.hgn03 a {
  top: -34px;
  left: -314px;
}
.facility #hgn ul li.hgn04 a {
  top: -34px;
  left: -430px;
}
/*--------------------------------------------------------------------
	#sub_menu
--------------------------------------------------------------------*/
ul#sub_menu {
  width: 422px;
  padding: 0px;
  height: 24px;
}
ul#sub_menu li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: left;
  position: relative;
}
/* for IE6 */
* html ul#sub_menu li {
  vertical-align: bottom;
}
/* for IE7 */
* + html ul#sub_menu li {
  vertical-align: bottom;
}
ul#sub_menu li a {
  margin: 0px;
  background-image: url(../images/common/header_sm.jpg);
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  height: 24px;
}
ul#sub_menu li a#hsn01 {
  background-position: 0px top;
  width: 79px;
}
ul#sub_menu li a#hsn02 {
  background-position: -79px top;
  width: 140px;
}
ul#sub_menu li a#hsn03 {
  background-position: -219px top;
  width: 89px;
}
/* #gm03 子メニュー　*/
ul#sub_menu ul a.sm03 {
  width: 89px;
  background-color: #8870c3;
  left: 10px;
  _left: 0px;
}
ul#sub_menu li a#hsn04 {
  background-position: -308px top;
  width: 103px;
}
/* hover */
ul#sub_menu li a#hsn01:hover {
  background-position: 0px bottom;
}
ul#sub_menu li a#hsn02:hover {
  background-position: -79px bottom;
}
ul#sub_menu li a#hsn03:hover {
  background-position: -219px bottom;
}
ul#sub_menu li a#hsn04:hover {
  background-position: -308px bottom;
}
.access ul#sub_menu li a#hsn04 {
  background-position: -308px bottom;
}
/*--------------------------------------------------------------------
 sub
--------------------------------------------------------------------*/
ul#sub_menu ul {
  width: 200px;
  margin: 0px;
  padding: 0px;
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
}
ul#sub_menu ul li {
  float: none;
}
ul#sub_menu ul ul {
  top: 0px;
  left: 201px;
}
ul#sub_menu ul a {
  width: 128px;
  margin: 0px 0px 0px 0px;
  padding: 8px;
  display: block;
  color: #fff;
  background-image: none;
  height: 15px;
  text-indent: 0px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #FFF;
  border-bottom-color: #FFF;
  border-left-color: #FFF;
}
ul#sub_menu ul a:hover {
  color: #FFFFFF;
  background-color: #73a5a9;
  text-decoration: none;
}
#header_wrap #header #hsn {
  position: absolute;
  top: 10px;
  right: 0px;
  z-index: 10;
  /*.headtool*/
}
#header_wrap #header #hsn .headtool {
  /*  言語選択 */
  /*div.select_language*/
  /*.top_navi_01*/
}
#header_wrap #header #hsn .headtool div.select_language i {
  margin-right: 5px;
}
#header_wrap #header #hsn .headtool div.select_language ul {
  display: none;
  position: absolute;
  left: 0;
  width: 150px;
  background: #eee;
  border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
  /*li*/
}
#header_wrap #header #hsn .headtool div.select_language ul li {
  margin: 0;
  /*a*/
}
#header_wrap #header #hsn .headtool div.select_language ul li a {
  display: block;
  padding: 5px 10px;
  white-space: nowrap;
  font-size: 12px;
}
#header_wrap #header #hsn .headtool div.select_language ul li a i {
  margin-right: 5px;
}
#header_wrap #header #hsn .headtool div.select_language:hover {
  background: #eee;
}
#header_wrap #header #hsn .headtool .top_navi_01 {
  float: right;
  /*li*/
}
#header_wrap #header #hsn .headtool .top_navi_01 li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0;
  /*a*/
}
#header_wrap #header #hsn .headtool .top_navi_01 li a {
  padding: 0 10px;
  font-size: 12px;
  line-height: 2em;
}
#header_wrap #header #hsn .headtool .top_navi_01 li a i {
  margin-right: 5px;
}
#header_wrap #header #hsn .headtool .top_navi_01 li a:hover {
  text-decoration: underline;
}
#header_wrap #header #hsn .headtool .top_navi_01 li::before {
  content: "/";
}
#header_tel .request {
  background: url("../images/common/catalog_request_btn.gif") left top;
  text-indent: -9999px;
  display: block;
  width: 150px;
  height: 36px;
  float: right;
}
#header_tel .request:hover {
  background-position-y: -36px;
}
#header_tel .apply {
  background: url("../images/common/online_apply_btn.gif") left top;
  text-indent: -9999px;
  display: block;
  width: 150px;
  height: 36px;
  float: right;
  margin-top: 2px;
}
#header_tel .apply:hover {
  background-position-y: -36px;
}
#header_tel ul {
  margin: 12px 0;
}
#header_tel ul li {
  float: right;
  margin-left: 10px;
}
#header_tel ul li a {
  display: block;
  height: 36px;
}
#header_tel ul .middle_navi_01 a {
  background: url("../images/common/trial.gif") left top;
  text-indent: -9999px;
  display: block;
  width: 100px;
  height: 45px;
}
#header_tel ul .middle_navi_01 a:hover {
  background-position-y: -45px;
}
#header_tel ul .middle_navi_02 a {
  background: url("../images/common/explanation.gif") left top;
  text-indent: -9999px;
  display: block;
  width: 100px;
  height: 45px;
}
#header_tel ul .middle_navi_02 a:hover {
  background-position-y: -45px;
}
#header_tel ul .middle_navi_03 a {
  background: url("../images/common/visit.gif") left top;
  text-indent: -9999px;
  display: block;
  width: 100px;
  height: 45px;
}
#header_tel ul .middle_navi_03 a:hover {
  background-position-y: -45px;
}
/*a.link_icon {
	background-image: url(../images/common/icon_c_main.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
*/
.under_line {
  padding-bottom: 20px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCC;
}
.green {
  color: #8FCED3;
}
.attention {
  font-size: 11px;
  color: #900;
}
.point {
  font-weight: bold;
  color: #7D9341;
}
#article .noborder {
  border: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.center {
  text-align: center;
}
.read {
  font-size: 14px;
  line-height: 150%;
}
.body_txt {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  display: block;
  text-align: justify;
}
.img_border {
  box-sizing: border-box;
  padding: 4px;
  border: 1px solid #ebebeb;
}
.img_border2 {
  padding: 9px;
  border: 1px solid #ebebeb;
}
.border {
  background-image: url(../images/common/img_border.jpg);
  padding: 10px;
}
.border2 {
  background-image: url(../images/common/img_border.jpg);
  padding: 5px;
}
/* --------- .catch1 ---------*/
.catch1 {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ebebeb;
  background-repeat: no-repeat;
  background-position: 10px center;
  margin-bottom: 20px;
  padding-left: 30px;
  padding-bottom: 10px;
  padding-top: 8px;
  background-image: url(../images/common/titlebar_common.jpg);
}
/* --------- .catch2 ---------*/
.catch2 {
  margin-bottom: 10px;
  padding-left: 20px;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: 10px 4px;
  font-size: 14px;
  color: #333;
  background-image: url(../images/common/arrow_common.jpg);
}
/* --------- .catch3 ---------*/
.catch3 {
  margin-right: 10px;
  margin-left: 10px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  color: #8FCED3;
  margin-bottom: 10px;
  text-align: left;
  font-weight: bold;
  border: 1px solid #7FBBBA;
}
/* --------- .catch4 ---------*/
.catch4 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 20px;
  padding-left: 15px;
}
/* --------- .catch5 ---------*/
.catch5 {
  margin-bottom: 10px;
  display: block;
  text-align: justify;
  font-weight: bold;
  font-size: 13px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCCCCC;
}
/* --------- .catch6 ---------*/
.catch6 {
  padding: 0px;
  margin-top: 20px;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 10px;
  font-weight: bold;
}
/* --------- .smaill_catch1 ---------*/
.small_catch1 {
  margin-left: 20px;
  margin-right: 20px;
  display: block;
  font-size: 11px;
  font-weight: bold;
}
/* ---------  .ilink .elink ---------*/
a.ilink,
a.elink {
  color: #666;
  outline: none;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 16px;
  margin-right: 5px;
  font-weight: bold;
}
a.ilink {
  background-image: url(../images/common/icon_ilink.jpg);
}
a.elink {
  background-image: url(../images/common/icon_elink.jpg);
}
a.ilink:hover {
  background-image: url(../images/common/icon_ilink_hover.jpg);
}
a.elink:hover {
  background-image: url(../images/common/icon_elink_hover.jpg);
}
/* ---------  .plink ---------*/
.plink {
  background-color: #8ECFD5;
  border: 1px solid #73A5AC;
  font-size: 14px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
  max-width: 300px;
}
.plink a {
  color: #FFF;
  display: block;
  padding: 10px;
}
.plink a:hover {
  color: #FFF;
  background-color: #73A6B1;
  text-decoration: none;
  border-color: #92CDD5;
}
/* ---------  .box1 ---------*/
.box1 {
  width: 525px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  padding: 15px;
  color: #666;
  border: 3px solid #8871C1;
}
/* ---------  .box1 ---------*/
.box2 {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  display: block;
  text-align: justify;
  font-size: 11px;
  background-color: #F2F2F2;
  line-height: 15px;
  padding: 10px;
}
/* ---------  ul.basic_list ---------*/
ul.basic_list li {
  background-image: url(../images/common/arrow_common.jpg);
  background-repeat: no-repeat;
  background-position: left 4px;
  padding-left: 10px;
  margin-bottom: 5px;
}
/* ---------  ul.list1 ---------*/
ul.list1 {
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 1px;
  padding-left: 10px;
  background-image: url(../images/common/contents_top_bg.jpg);
}
ul.list1 li {
  color: #333;
  background-color: #F6F6F6;
  padding: 10px;
  margin-bottom: 10px;
}
/* ---------  dl.column_list ---------*/
dl.column_list1 {
  position: relative;
  width: 570px;
  margin-right: auto;
  margin-left: auto;
  /*margin-bottom: 40px;*/
}
dl.column_list1 dt {
  position: absolute;
  color: #333;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  width: 80px;
}
dl.column_list1 dd {
  padding-left: 115px;
  padding-bottom: 15px;
  padding-top: 5px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCC;
  margin-bottom: 10px;
  font-size: 13px;
  padding-right: 10px;
  background-image: url(../images/common/arrow_common.jpg);
  background-repeat: no-repeat;
  background-position: 100px 8px;
}
/* ---------  div.grid1 ---------*/
.grid1 {
  width: 570px;
  margin-right: 10px;
  margin-left: 10px;
  _margin-right: 0px;
  _margin-left: 0px;
}
.grid1 .item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCC;
}
.grid1 .left {
  float: left;
  width: 300px;
  background-repeat: no-repeat;
  _z-index: -9999;
}
.grid1 .catch2 {
  background-position: left 4px;
  margin-bottom: 10px;
  padding-left: 10px;
}
.grid1 .list_txt {
  text-align: justify;
}
.grid1 .right {
  top: 0px;
  right: 0px;
  float: right;
  width: 250px;
  background-repeat: no-repeat;
}
/* ---------  div.grid2 ---------*/
.grid2 {
  width: 570px;
  margin-right: 10px;
  margin-left: 10px;
  _margin-right: 0px;
  _margin-left: 0px;
}
.grid2 .item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCC;
}
.grid2 .left {
  float: left;
  width: 100px;
  background-repeat: no-repeat;
  _z-index: -9999;
}
.grid2 .catch2 {
  background-position: left 4px;
  margin-bottom: 10px;
  padding-left: 10px;
}
.grid2 .list_txt {
  text-align: justify;
}
.grid2 .right {
  top: 0px;
  right: 0px;
  float: right;
  width: 450px;
  background-repeat: no-repeat;
}
/* ---------  div.grid3 ---------*/
.grid3 {
  min-height: 1px;
  overflow: hidden;
  zoom: 1;
}
.grid3 .item {
  float: left;
  padding: 0px;
  margin-right: 5px;
  margin-bottom: 12px;
  margin-left: 5px;
  text-align: center;
  width: 185px;
  _margin-right: 3px;
  _margin-left: 3px;
  /*img*/
}
.grid3 .item img {
  width: 100%;
  height: auto;
}
/* ---------  div.grid4 ---------*/
.grid4 .item {
  float: left;
  padding: 0px;
  margin-right: 6px;
  margin-bottom: 12px;
  margin-left: 6px;
  text-align: center;
  width: 135px;
  _margin-right: 4px;
  _margin-left: 4px;
}
/* ---------  div.grid5 ---------*/
.grid5 {
  width: 570px;
  margin-right: 10px;
  margin-left: 10px;
  _margin-right: 0px;
  _margin-left: 0px;
}
.grid5 .item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCC;
}
.grid5 .item:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.grid5 .left {
  float: left;
  width: 370px;
  background-repeat: no-repeat;
  _z-index: -9999;
}
.grid5 .catch2 {
  background-position: left 4px;
  margin-bottom: 10px;
  padding-left: 10px;
}
.grid5 .list_txt {
  text-align: justify;
}
.grid5 .right {
  top: 0px;
  right: 0px;
  float: right;
  width: 168px;
  background-repeat: no-repeat;
}
/* ---------  div.grid_half ---------*/
.grid_half {
  width: 570px;
  margin-right: 10px;
  margin-left: 10px;
  _margin-right: 0px;
  _margin-left: 0px;
}
.grid_half .item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCC;
}
.grid_half .left {
  float: left;
  width: 275px;
  background-repeat: no-repeat;
  _z-index: -9999;
  margin-right: 10px;
  _margin-right: 0px;
}
.grid_half .catch2 {
  background-position: left 4px;
  margin-bottom: 10px;
  padding-left: 10px;
}
.grid_half p {
  text-align: justify;
}
.grid_half .right {
  float: right;
  width: 275px;
  margin-left: 10px;
  _margin-left: 0px;
}
/* ---------  number_list ---------*/
.number_list {
  width: 570px;
  margin-left: 10px;
  margin-right: 10px;
  _width: 560px;
}
.number_list .item {
  padding-left: 80px;
  background-repeat: no-repeat;
  min-height: 60px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCC;
}
.number_list .item p {
  text-align: justify;
  padding-left: 20px;
  padding-right: 20px;
}
/* ---------  number_list2 ---------*/
.number_list2 {
  width: 570px;
  margin-left: 10px;
  margin-right: 10px;
  _width: 560px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ebebeb;
}
.number_list2 .item {
  padding-left: 80px;
  background-repeat: no-repeat;
  min-height: 60px;
  /*	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
*/
  float: left;
  width: 300px;
}
.number_list2 .right {
  float: right;
  width: 168px;
}
.number_list2 .item p {
  text-align: justify;
  padding-left: 20px;
}
/* ---------  number ---------*/
.inside #article .number01 {
  background-image: url(../images/common/list1_01.jpg);
}
.inside #article .number02 {
  background-image: url(../images/common/list1_02.jpg);
}
.inside #article .number03 {
  background-image: url(../images/common/list1_03.jpg);
}
.inside #article .number04 {
  background-image: url(../images/common/list1_04.jpg);
}
.inside #article .number05 {
  background-image: url(../images/common/list1_05.jpg);
}
.inside #article .number06 {
  background-image: url(../images/common/list1_06.jpg);
}
.inside #article .number07 {
  background-image: url(../images/common/list1_07.jpg);
}
.inside #article .number08 {
  background-image: url(../images/common/list1_08.jpg);
}
.inside #article .number09 {
  background-image: url(../images/common/list1_09.jpg);
}
.inside #article .number10 {
  background-image: url(../images/common/list1_10.jpg);
}
/* ---------  table1 ---------*/
.table1 {
  margin-right: 20px;
  margin-left: 20px;
  width: 550px;
  /* IE6 */
  _width: 540px;
}
.table2 {
  width: 590px;
  margin: 0;
  /* IE6 */
  _width: 580px;
}
.table1 th {
  text-align: center;
  padding: 10px;
  background-color: #eeeeee;
  font-weight: bold;
  border: 1px solid #CCC;
}
.table1 td {
  padding: 10px;
  border: 1px solid #CCC;
}
.table1 tr .tac {
  text-align: center;
}
/* ---------  table_a ---------*/
.table_a {
  width: 550px;
  /* IE6 */
  _width: 540px;
}
.table_a th {
  text-align: center;
  padding: 10px;
  background-color: #eeeeee;
  font-weight: bold;
  border: 1px solid #CCC;
}
.table_a td {
  padding: 10px;
  vertical-align: top;
}
.table_a tr .tac {
  text-align: center;
}
/* ---------  navicolor ---------*/
/*.navicolor_about		{color:#eb6fa2}
.navicolor_course		{color:#9050ac}
.navicolor_apply		{color:#b48c4f}
.navicolor_campuslife	{color:#62a460}
.navicolor_graduation	{color:#61b9ba}
.navicolor_opencampus	{color:#579ac3}
.navicolor_common		{color:#9eb35f}
*/
/* ---------  pagecolor ---------*/
.pagecolor_jewelry {
  color: #ff5276;
}
/*.pagecolor_shoes	{color: #ffcb17;}
.pagecolor_watch	{color: #479ffe;}
.pagecolor_bag		{color: #00cb9c;}
*/
.btn_xls {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/common/icon_xls.gif) no-repeat center right;
}
.btn_pdf {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/common/icon_pdf.gif) no-repeat center right;
}
.ie6_box img {
  _width: 580px;
}
/*----------------------------------------*/
/*スマホ                      
/*----------------------------------------*/
@media screen and (max-width: 767px) {
  /* --------- .catch2 ---------*/
  .catch2 {
    padding-left: 10px;
    background-position: left 4px;
  }
  /* ---------  div.grid5 ---------*/
  .grid5 {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .grid5 .left {
    float: none;
    width: 100%;
  }
  .grid5 .catch2 {
    background-position: left 4px;
    margin-bottom: 10px;
    padding-left: 10px;
  }
  .grid5 .list_txt {
    text-align: justify;
  }
  .grid5 .right {
    float: none;
    width: 100%;
  }
  /*.grid5*/
  /* ---------  dl.column_list ---------*/
  dl.column_list1 {
    width: 100%;
    /*dt*/
    /*dd*/
  }
  dl.column_list1 dt {
    position: static;
    padding: 0 0 0 10px;
    width: 80px;
    font-weight: bold;
    line-height: 1;
  }
  dl.column_list1 dd {
    padding-left: 20px;
    padding-right: 10px;
    background-position: 10px 8px;
  }
  /*dl.column_list1*/
}
/*----------------------------------------*/
/*less　変数設定                       
/*----------------------------------------*/
/*スタイルリセット*/
/*透過*/
/*ぼかし*/
/*clearfix*/
/*インラインブロック*/
.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*文字数超過の時に....をつける*/
/*
ボックスサイジング
padding と border の幅を要素の幅と高さに含める
*/
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/*シャドウ*/
/*角丸処理*/
/*アニメーション*/
/*-------------------------------------------------*/
/*Flexbox*/
.flexbox {
  -js-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
/*-------------------------------------------------*/
/*グラデーション*/
/*縦のグラデ*/
/*横のグラデ*/
.smp {
  display: none;
}
.pc {
  display: block;
}
body {
  text-align: center;
  font-size: 12px;
  line-height: 160%;
  height: auto;
  color: #666666;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wrapper {
  margin: 0px;
  padding: 0px;
  background-color: #f1f1f1;
}
.img_border2 {
  padding: 9px;
  border: 1px solid #ebebeb;
}
/*-------------------------------------------------------------------

--header

-------------------------------------------------------------------*/
#header_wrap {
  height: 206px;
  background-image: url(../images/common/header_bg.jpg);
  background-repeat: repeat-x;
  background-position: left top;
  /*header*/
}
#header_wrap #header {
  height: 206px;
  position: relative;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  /*h1*/
  /*..head_tool{*/
  /*hgn*/
  /*hsn*/
  /*header_tel*/
}
#header_wrap #header h1 {
  position: absolute;
  left: 0px;
  top: 12px;
  height: 20px;
  width: 500px;
  color: #666;
  font-size: 10px;
}
#header_wrap #header .head_tool {
  /*logo*/
}
#header_wrap #header .head_tool #logo {
  /*a*/
}
#header_wrap #header .head_tool #logo a {
  position: absolute;
  top: 60px;
  left: 0px;
  height: 96px;
  width: 389px;
  display: block;
}
#header_wrap #header #hgn {
  position: absolute;
  right: 0px;
  bottom: 1px;
  height: 34px;
  clear: both;
  width: 547px;
}
#header_wrap #header #hsn {
  position: absolute;
  top: 10px;
  right: 0px;
  z-index: 10;
  /*.headtool*/
}
#header_wrap #header #hsn .headtool {
  /*  言語選択 */
  /*div.select_language*/
  /*.top_navi_01*/
}
#header_wrap #header #hsn .headtool div.select_language {
  float: right;
  position: relative;
  padding: 0px 10px;
  margin-right: 5px;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  font-size: 12px;
  line-height: 2em;
  cursor: pointer;
  /*ul*/
}
#header_wrap #header #hsn .headtool div.select_language i {
  margin-right: 5px;
}
#header_wrap #header #hsn .headtool div.select_language ul {
  display: none;
  position: absolute;
  left: 0;
  width: 150px;
  background: #eee;
  border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
  /*li*/
}
#header_wrap #header #hsn .headtool div.select_language ul li {
  margin: 0;
  /*a*/
}
#header_wrap #header #hsn .headtool div.select_language ul li a {
  display: block;
  padding: 5px 10px;
  white-space: nowrap;
  font-size: 12px;
}
#header_wrap #header #hsn .headtool div.select_language ul li a i {
  margin-right: 5px;
}
#header_wrap #header #hsn .headtool div.select_language:hover {
  background: #eee;
}
#header_wrap #header #hsn .headtool .top_navi_01 {
  float: right;
  /*li*/
}
#header_wrap #header #hsn .headtool .top_navi_01 li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0;
  /*a*/
}
#header_wrap #header #hsn .headtool .top_navi_01 li a {
  padding: 0 10px;
  font-size: 12px;
  line-height: 2em;
}
#header_wrap #header #hsn .headtool .top_navi_01 li a i {
  margin-right: 5px;
}
#header_wrap #header #hsn .headtool .top_navi_01 li a:hover {
  text-decoration: underline;
}
#header_wrap #header #hsn .headtool .top_navi_01 li::before {
  content: "/";
}
#header_wrap #header #header_tel {
  position: absolute;
  top: 44px;
  right: 0;
  width: 382px;
  overflow: hidden;
}
/*wrapper*/
#print_hsn {
  display: none;
}
@media print {
  #print_hsn {
    position: absolute;
    top: 0px;
    right: 5px;
    display: block;
  }
}
/*-------------------------------------------------------------------

  FOOTER

-------------------------------------------------------------------*/
#footer_wrap {
  position: relative;
  background-color: #f1f1f1;
  padding-bottom: 40px;
  margin-right: auto;
  margin-left: auto;
  width: 960px;
}
#footer {
  background-color: #ffffff;
  width: 950px;
  margin-right: 5px;
  margin-left: 5px;
  height: 120px;
  position: relative;
  text-align: left;
}
#footer #cr {
  position: absolute;
  height: 9px;
  width: 223px;
  right: 20px;
  bottom: 20px;
}
#footer #fn {
  position: absolute;
  top: 20px;
  font-size: 12px;
  left: 20px;
  width: 680px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ebebeb;
  padding-bottom: 10px;
}
#footer #fn ul {
  width: 680px;
  margin-left: 10px;
}
#footer #fn ul li a {
  text-decoration: none;
  padding-left: 18px;
  text-align: left;
  background-image: url(../images/common/icon_ilink.jpg);
  background-repeat: no-repeat;
  background-position: left center;
}
#footer #fn ul li a:hover {
  background-image: url(../images/common/icon_ilink_hover.jpg);
  background-repeat: no-repeat;
  background-position: left center;
}
#footer #ftb {
  position: absolute;
  height: 45px;
  width: 45px;
  right: 90px;
  top: 0px;
  overflow: hidden;
}
#footer #ftb a {
  height: 45px;
  list-style: none;
  overflow: hidden;
  position: relative;
  margin: 0;
}
#footer #ftb a:hover {
  left: -45px;
  padding-bottom: 0px;
}
/*#footer*/
#tel {
  position: absolute;
  height: 32px;
  width: 257px;
  left: 20px;
  bottom: 20px;
}
/*-------------------------------------------------------------------

  CONTNTS

-------------------------------------------------------------------*/
#contents_wrap {
  padding-bottom: 10px;
  padding-top: 10px;
  /*contents*/
}
#contents_wrap #contents {
  position: relative;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  padding-bottom: -30px;
  -js-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  /*contents_l*/
}
#contents_wrap #contents #contents_l {
  height: auto;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#contents_wrap #contents #contents_r {
  width: auto;
  background-color: #FFF;
}
/*contents_wrap*/
/*-------------------------------------------------------------------

  SIDEBAR

-------------------------------------------------------------------*/
#sidebar {
  width: 210px;
  /* IE6,7用 */
  /* IE6 */
  _padding-bottom: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
}
#sidebar #sln1 li {
  overflow: hidden;
  width: 210px;
  height: 35px;
  position: relative;
  margin-bottom: 10px;
  top: 0px;
}
#sidebar #sln1 li a {
  height: 35px;
  width: 210px;
  list-style: none;
  overflow: hidden;
  position: relative;
  top: 0px;
}
#sidebar #sln1 li a:hover {
  top: -35px;
  padding-bottom: 0px;
}
#sidebar #sln1 li.btn_request {
  height: 80px;
}
#sidebar #sln1 li.btn_request a:hover {
  top: -80px;
  padding-bottom: 0px;
}
#sidebar #sln2 li {
  overflow: hidden;
  width: 210px;
  height: 60px;
  margin-bottom: 10px;
  position: relative;
}
#sidebar #sln2 li a {
  height: 60px;
  width: 210px;
  list-style: none;
  overflow: hidden;
  position: relative;
}
#sidebar #sln2 li a:hover {
  top: -60px;
  padding-bottom: 0px;
}
#sidebar #sln2 li.btn_os {
  overflow: hidden;
  width: 210px;
  height: 87px;
  margin-bottom: 10px;
  position: relative;
}
#sidebar #sln2 li.btn_os a {
  height: 87px;
  width: 210px;
  list-style: none;
  overflow: hidden;
  position: relative;
}
#sidebar #sln2 li.btn_os a:hover {
  top: -87px;
  padding-bottom: 0px;
}
/*#sidebar*/
.page_news #sidebar #sln1 li.news a,
.page_exhibition #sidebar #sln1 li.news a {
  top: -35px;
  padding-bottom: 0px;
}
/*-------------------------------------------------------------------

  GLOVAL

-------------------------------------------------------------------*/
a {
  color: #333;
  outline: none;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #999;
}
/*-------------------------------------------------------------------

  .inside

-------------------------------------------------------------------*/
.inside {
  /*pn_wrap*/
  /*pn_box*/
  /*contents_l*/
  /*sidebar*/
}
.inside #pn_wrap {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dddddd;
  background-image: url(../images/common/contents_top_bg.jpg);
  background-repeat: repeat;
}
.inside #pn_box {
  width: 940px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 5px;
  overflow: hidden;
  padding-top: 5px;
  padding-left: 10px;
  text-align: left;
  padding-right: 10px;
  /*p*/
}
.inside #pn_box p {
  /*a*/
}
.inside #pn_box p a {
  font-weight: bold;
  color: #999;
}
.inside #contents_l {
  height: auto !important;
  /*contents_l_wrap*/
  /*#ch_wrap*/
  /*ct_wrap*/
  /*cm_wrap*/
}
.inside #contents_l .contents_l_wrap {
  -js-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.inside #contents_l #ch_wrap {
  background-color: #FFF;
  margin-bottom: 10px;
  margin-right: 5px;
  margin-left: 5px;
  /*ch*/
}
.inside #contents_l #ch_wrap #ch {
  margin-top: 0;
  margin-right: 10px;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 80px;
}
.inside #contents_l #ct_wrap {
  /*float: left;*/
  width: 70px;
  background-color: #FFF;
  margin-right: 5px;
  margin-left: 5px;
  /* IE 6,7 */
  /*/padding-top:10px !important; ie6*/
  /*ct*/
}
.inside #contents_l #ct_wrap #ct {
  margin: 10px;
}
.inside #contents_l #cm_wrap {
  width: 630px;
  background-color: #FFF;
  margin-right: 5px;
  margin-left: 5px;
  /* IE 6 */
  _width: 620px;
  /*cm*/
  /*ch*/
  /*ct*/
}
.inside #contents_l #cm_wrap #cm {
  height: auto !important;
  margin: 10px;
  /* IE 6,7 */
  /*/padding-top:10px;*/
  _margin: 0px;
  _margin-top: 10px;
  /*article*/
}
.inside #contents_l #cm_wrap #cm #article {
  padding: 10px;
  min-height: 680px;
  /* IE 6 */
  _width: 580px;
}
.inside #contents_l #cm_wrap #ch {
  margin-top: 0;
  margin-right: 10px;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 80px;
}
.inside #contents_l #cm_wrap #ct {
  /*p*/
}
.inside #contents_l #cm_wrap #ct p {
  background-color: #FFF;
  padding-bottom: 4px;
}
.inside #sidebar {
  /*local_navi*/
}
.inside #sidebar ul#local_navi {
  margin-bottom: 10px;
  /*.local_title,.course_title,.course_jewelry_title,.about_title,.about_teacher,.news_title*/
  /*li*/
}
.inside #sidebar ul#local_navi .local_title,
.inside #sidebar ul#local_navi .course_title,
.inside #sidebar ul#local_navi .course_jewelry_title,
.inside #sidebar ul#local_navi .about_title,
.inside #sidebar ul#local_navi .about_teacher,
.inside #sidebar ul#local_navi .news_title {
  margin-bottom: 1px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  display: block;
  text-decoration: none;
  color: #FFF;
}
.inside #sidebar ul#local_navi li {
  /* IE6 */
  _height: 20px;
  /*a*/
}
.inside #sidebar ul#local_navi li a {
  margin-bottom: 1px;
  background-color: #eeeeee;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 25px;
  display: block;
  text-decoration: none;
  color: #666;
  background-repeat: no-repeat;
  background-position: 10px center;
  font-size: 11px;
  /* IE6 */
  _margin-bottom: 0px;
  _padding-bottom: 0px;
}
/*inside*/
/*-------------------------------------------------------------------

  .local Naivi

-------------------------------------------------------------------*/
/* ローカルナビ　カレントページ　*/
/*　コース　*/
.page_course #sidebar ul#local_navi li.course a,
.course_jewelry_making #sidebar ul#local_navi li.course_jewelry_making a,
.course_jewelry_makingfree #sidebar ul#local_navi li.course_jewelry_makingfree a,
.course_jewelry_design #sidebar ul#local_navi li.course_jewelry_design a,
.course_jewelry_cad #sidebar ul#local_navi li.course_jewelry_cad a,
.course_jewelry_1day #sidebar ul#local_navi li.course_jewelry_1day a {
  background-color: #CCC;
}
.inside #sidebar ul#local_navi li a:hover {
  background-color: #ccc;
}
/* キャリアカレッジの特徴、講師紹介、講師・卒業生のブランド */
#about #sidebar ul#local_navi li.about_career a,
#teacher #sidebar ul#local_navi li.about_introduce a,
#brand #sidebar ul#local_navi li.about_brand a {
  background-color: #CCC;
}
/* ニュース */
#news #sidebar ul#local_navi li a.selected {
  background-color: #CCC;
}
/* ページャー */
ul.yiiPager li:last-child {
  margin: 0 !important;
}
/*----------------------------------------*/
/*TOPページ                    
/*----------------------------------------*/
.page_index {
  /*スライダー*/
  /*#mv_wrap*/
  /*#course_list*/
  /*#contents_l*/
}
.page_index #mv_wrap {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dddddd;
  height: 472px;
  background-color: #FFF;
  /*.bx-wrapper .bx-viewport*/
}
.page_index #mv_wrap .bx-wrapper .bx-viewport {
  -moz-box-shadow: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  left: 0;
}
.page_index #course_list {
  /*ul*/
}
.page_index #course_list ul {
  /*li*/
}
.page_index #course_list ul li:first-child {
  margin-left: 0;
}
.page_index #course_list ul li {
  float: left;
  width: 324px;
  height: 220px;
  overflow: hidden;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-left: 22px;
  /*a*/
}
.page_index #course_list ul li a {
  cursor: pointer;
  display: block;
  background: #dad3ed;
  /*dl*/
}
.page_index #course_list ul li a dl {
  height: 330px;
  /*dt*/
  /*dd*/
}
.page_index #course_list ul li a dl dt {
  padding: 15px 0;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  background-size: 14px;
  line-height: 1em;
  background: #8771c5;
  text-align: center;
  /*img*/
}
.page_index #course_list ul li a dl dt img {
  vertical-align: -0.1em;
  margin-right: 5px;
}
.page_index #course_list ul li a dl dd {
  padding: 25px 20px;
  color: #000;
  text-align: left;
  line-height: 2em;
}
.page_index #contents_l {
  margin: 0px;
  padding: 0px;
  width: 720px;
  /*article_l*/
  /*.article*/
}
.page_index #contents_l .article_l {
  float: left;
  width: 710px;
  background-color: #FFF;
  margin-right: 5px;
  margin-left: 5px;
  /* IE6用　*/
  _margin-left: 3px;
  _margin-right: 3px;
}
.page_index #contents_l .article {
  padding: 20px;
  /*#event_contents .event_link,*/
  /*オススメイベント*/
  /*#event_contents*/
  /*作品ギャラリー*/
  /*#gallery_contents*/
  /*Jeweyry is Lifeのバナー*/
  /*#diary*/
  /*イベント詳細*/
  /*.event_detail*/
}
.page_index #contents_l .article .contents_left {
  float: left;
  width: 325px;
}
.page_index #contents_l .article .contents_right {
  float: right;
  width: 325px;
}
.page_index #contents_l .article #event_contents,
.page_index #contents_l .article #gallery_contents,
.page_index #contents_l .article #news_contents,
.page_index #contents_l .article #diary {
  /*.catch1*/
}
.page_index #contents_l .article #event_contents .catch1,
.page_index #contents_l .article #gallery_contents .catch1,
.page_index #contents_l .article #news_contents .catch1,
.page_index #contents_l .article #diary .catch1 {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  padding-left: 20px;
  background-position: 0px 3px;
  padding-top: 0px;
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.page_index #contents_l .article ul.yiiPager {
  -js-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  /*
	●子要素の折り返し設定
	wrap:初期値。折り返しを許可、「複数行」。
	nowrap:折り返しなし、つまり「単一行」。
	wrap-reverse:「wrap」と同じで、ただ、折り返し地点が逆になります。
	*/
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page_index #contents_l .article ul.yiiPager li {
  display: block;
  margin: 0 4px 10px 0 !important;
}
.page_index #contents_l .article #event_contents,
.page_index #contents_l .article #news_contents {
  padding-bottom: 5px;
  /*.event_link*/
}
.page_index #contents_l .article #event_contents .event_link,
.page_index #contents_l .article #news_contents .event_link {
  margin-bottom: 7px;
  /*li*/
}
.page_index #contents_l .article #event_contents .event_link li,
.page_index #contents_l .article #news_contents .event_link li {
  margin-bottom: 10px;
  border: 1px solid #f0f0f0;
  background-color: #f8f8f8;
  /*a*/
}
.page_index #contents_l .article #event_contents .event_link li a,
.page_index #contents_l .article #news_contents .event_link li a {
  display: block;
  padding: 20px;
  height: 100%;
}
.page_index #contents_l .article #event_contents .event_link li:hover,
.page_index #contents_l .article #news_contents .event_link li:hover {
  color: #000;
  background-color: #fff8f8;
  border: 1px solid #fee;
}
.page_index #contents_l .article #event_contents .event_link h2,
.page_index #contents_l .article #news_contents .event_link h2 {
  display: inline-block;
  font-size: 18px;
}
.page_index #contents_l .article #event_contents .event_link .news_title,
.page_index #contents_l .article #news_contents .event_link .news_title {
  font-weight: bold;
  margin-bottom: 8px;
}
.page_index #contents_l .article #event_contents .event_link .date,
.page_index #contents_l .article #news_contents .event_link .date {
  font-size: 12px;
  margin-bottom: 4px;
}
.page_index #contents_l .article #event_contents .event_link img,
.page_index #contents_l .article #news_contents .event_link img {
  margin-right: 12px;
}
.page_index #contents_l .article #event_contents {
  /*イベント詳細（今は使っていない）*/
  /*.event_date*/
}
.page_index #contents_l .article #event_contents .event_date {
  background: #ff0000;
  margin-right: 10px;
  margin-left: 10px;
  display: block;
  width: 305px;
  /*.event_date li*/
}
.page_index #contents_l .article #event_contents .event_date .event_date li {
  float: left;
  width: 80px;
  background-color: #8871C3;
  padding-top: 3px;
  padding-bottom: 2px;
  color: #FFF;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  _width: 75px;
}
.page_index #contents_l .article #event_contents .event_date .event_date li a {
  color: #FFF;
}
.page_index #contents_l .article #event_contents .event_date .event_date li a:hover {
  text-decoration: underline;
}
.page_index #contents_l .article #gallery_contents .catch1 {
  margin: 0 ;
  padding-bottom: 0;
}
.page_index #contents_l .article #gallery_contents h3 {
  margin: 0 !important;
}
.page_index #contents_l .article #gallery_contents h4 {
  margin: 10px 8px;
  font-size: 14px;
  color: #333;
}
.page_index #contents_l .article #diary {
  position: relative;
  overflow: hidden;
  width: 325px;
  height: 217px;
  margin-left: 0;
  top: 1px;
}
.page_index #contents_l .article #diary a {
  overflow: hidden;
  position: relative;
  width: 325px;
  height: 217px;
}
.page_index #contents_l .article #diary a:hover {
  top: -217px;
  padding-bottom: 0px;
}
.page_index #contents_l .article .event_detail {
  position: relative;
  margin-top: 10px;
  height: 17px;
  margin-bottom: 20px;
  /*p*/
}
.page_index #contents_l .article .event_detail p {
  overflow: hidden;
  position: absolute;
  height: 17px;
  right: 0;
  bottom: 0px;
}
.page_index #contents_l .article .event_detail p a {
  height: 17px;
  list-style: none;
  overflow: hidden;
  position: relative;
  margin: 0;
  width: 60px;
}
.page_index #contents_l .article .event_detail p a:hover {
  top: -17px;
  padding-bottom: 0px;
}
.page_index .row {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.page_index .col1,
.page_index .col2,
.page_index .col3,
.page_index .col4,
.page_index .col5,
.page_index .col6,
.page_index .col7,
.page_index .col8,
.page_index .col9,
.page_index .col10,
.page_index .col11 {
  margin-right: 3.8%;
  float: left;
  min-height: 1px;
}
.page_index .col1 {
  width: 4.85%;
}
.page_index .col2 {
  width: 13.45%;
}
.page_index .col3 {
  width: 22.05%;
}
.page_index .col4 {
  width: 30.75%;
}
.page_index .col5 {
  width: 39.45%;
}
.page_index .col6 {
  width: 48%;
}
.page_index .col7 {
  width: 56.75%;
}
.page_index .col8 {
  width: 65.4%;
}
.page_index .col9 {
  width: 74.05%;
}
.page_index .col10 {
  width: 82.7%;
}
.page_index .col11 {
  width: 91.35%;
}
.page_index .col12 {
  width: 100%;
  float: left;
}
.page_index .last {
  margin-right: 0px;
}
/*.page_index*/
/* CSS Document */
/*----------------------------------------*/
/*下層ページ
/*----------------------------------------*/
/*----------------------------------------*/
/*キャリアスクールとは？
/*----------------------------------------*/
#about {
  /* サイドバーローカルナビ　コースカラー　*/
}
#about .catch1 {
  background-image: url(../images/about/titlebar_about.jpg);
}
#about dl.column_list1 dd {
  background-image: url(../images/about/arrow_about.jpg);
}
#about .catch2 {
  background-image: url(../images/about/arrow_about.jpg);
}
#about #contents #ct_wrap #ct {
  background-image: url(../images/about/bias_bg_about.jpg);
}
#about #sidebar #local_navi .about_title {
  background-color: #58b86e;
}
#about #sidebar #local_navi .about_teacher {
  background-color: #f17d16;
}
#about #sidebar ul#local_navi li.about_career a {
  background-image: url(../images/about/icon_sb_about.png);
}
#about #sidebar ul#local_navi li.about_introduce a,
#about #sidebar ul#local_navi li.about_brand a {
  background-image: url(../images/teacher/icon_sb_teacher.png);
}
/*#about*/
/*----------------------------------------*/
/*コース紹介
/*----------------------------------------*/
/* アイコンカラー　*/
.course_jewelry #contents_l #ct_wrap #ct {
  background-image: url(../images/course/bias_bg_course.jpg);
}
.page_course #contents_l #ct_wrap #ct {
  background-image: url(../images/course/bias_bg_course.jpg);
}
.course_jewelry ul.basic_list li {
  background-image: url(../images/course/arrow_course_jewelry.jpg);
}
/* ジュエリー　*/
.course_jewelry_1day #contents_l #ct_wrap #ct,
.course_jewelry_making #contents_l #ct_wrap #ct,
.course_jewelry_cad #contents_l #ct_wrap #ct,
.course_jewelry_design #contents_l #ct_wrap #ct {
  background-image: url(../images/course/bias_bg_course_jewelry.jpg);
}
.course_jewelry_making #cm #article .right_box .catch6,
.course_jewelry_design #cm #article .right_box .catch6 {
  color: #ff5276;
}
.course_jewelry_making #cm #article .catch1,
.course_jewelry_cad #cm #article .catch1,
.course_jewelry_design #cm #article .catch1 {
  background-image: url(../images/course/titlebar_course_jewelry.jpg);
}
.course_jewelry_making #cm #article .catch2,
.course_jewelry_cad #cm #article .catch2,
.course_jewelry_design #cm #article .catch2 {
  background-image: url(../images/course/arrow_course_jewelry.jpg);
}
.course_jewelry_making .plink,
.course_jewelry_cad .plink,
.course_jewelry_design .plink {
  background-color: #ff5276;
  border-color: #ff5276;
}
.course_jewelry_making .plink a:hover,
.course_jewelry_cad .plink a:hover,
.course_jewelry_design .plink a:hover {
  color: #ff5276;
  background-color: #FFF;
  border-color: #ff5276;
}
/* コースページ　コースアイコン　*/
.page_course #article .j_class .ilink {
  background-image: url(../images/course/icon_sb_course_jewelry.png);
}
.page_course #article .j_class li {
  background-image: url(../images/course/arrow_course_jewelry.jpg);
}
/* サイドバーローカルナビ　コースカラー　*/
#sidebar #local_navi .course_title {
  background-color: #8E46B2;
}
#sidebar #local_navi .course_jewelry_title {
  background-color: #ff5276;
}
#sidebar ul#local_navi li.course a {
  background-image: url(../images/course/icon_sb_course.png);
}
#sidebar ul#local_navi li.course_jewelry_making a,
#sidebar ul#local_navi li.course_jewelry_cad a,
#sidebar ul#local_navi li.course_jewelry_1day a,
#sidebar ul#local_navi li.course_jewelry_design a {
  background-image: url(../images/course/icon_sb_course_jewelry.png);
}
#course {
  /*#article*/
}
#course #article {
  /*.item*/
  /*.kochira*/
  /*.fbox*/
  /*ページ下の「オンライン申し込み」「資料請求」ボタン*/
  /*.btn_box*/
}
#course #article .item {
  /*.right*/
}
#course #article .item .right {
  /*img*/
}
#course #article .item .right img {
  width: 100%;
  height: auto;
}
#course #article .kochira {
  /*a*/
}
#course #article .kochira a {
  display: block;
  width: 300px;
  margin: 0 auto;
  /*img*/
}
#course #article .kochira a img {
  width: 100%;
  height: auto;
}
#course #article .fbox {
  -js-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  /*div*/
}
#course #article .fbox div.img {
  /*img*/
}
#course #article .fbox div.img img {
  width: 120px;
  height: 120px;
  vertical-align: bottom !important;
}
#course #article .btn_box {
  margin-right: 20px;
  margin-left: 20px;
  width: 550px;
  /*.left*/
}
#course #article .btn_box p {
  color: #e74692;
  margin-bottom: 15px;
  font-size: 14px;
}
#course #article .btn_box .left {
  float: left;
  width: 275px;
}
#course #article .btn_box .left .c_btn {
  height: 35px;
  width: 210px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  position: relative;
}
#course #article .btn_box .left .c_btn a {
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  position: relative;
}
#course #article .btn_box .left .c_btn a:hover {
  top: -35px;
  padding-bottom: 0px;
}
#course #article .number_list2 .item .catch2 span {
  font-size: 12px;
  font-weight: normal;
}
/*#course*/
.thumb3c .thumb {
  float: left;
  width: 180px;
  margin-right: 5px;
  margin-left: 5px;
}
dl.column_list1 dd {
  background-image: url(../images/course/arrow_course_jewelry.jpg);
}
dl.column_list1 .table {
  width: 120px;
}
dl.column_list1 .table + dd {
  background-position: 170px 10px;
}
dl.column_list1 .table + dd table {
  margin-left: 0;
  margin-right: 0;
  font-size: 12px;
  width: 570px;
  /*     table-layout:fixed; */
}
dl.column_list1 .table + dd table.table1 td,
dl.column_list1 .table + dd table.table1 th {
  padding: 10px 1px;
}
dl.column_list1 .table + dd table .lesson .tac {
  font-size: 10px;
}
dl.column_list1 .table + dd table.table1 td.bold {
  text-align: center;
}
/*dl.column_list1*/
/* ---------  table ---------*/
.course_jewelry_1day #cm_wrap #article table {
  margin-right: 10px;
  margin-left: 10px;
  width: 530px;
  /* IE6 */
  _width: 520px;
  margin-top: 20px;
}
.course_jewelry_1day #cm_wrap #article table th {
  text-align: center;
  padding: 10px;
  background-color: #eeeeee;
  font-weight: bold;
  border: 1px solid #CCC;
}
.course_jewelry_1day #cm_wrap #article table td {
  padding: 10px;
  border: 1px solid #CCC;
}
.course_jewelry_1day #cm_wrap #article table tr .tac {
  text-align: center;
}
/*.course_jewelry_1day #cm_wrap #article table*/
/*----------------------------------------*/
/*施設紹介
/*----------------------------------------*/
#facility {
  /*facility_box*/
  /*--------------------------------------------------------------------
		bxSlider
	--------------------------------------------------------------------*/
}
#facility .catch1 {
  background-image: url(../images/facility/titlebar_facility.jpg);
}
#facility .catch2 {
  background-image: url(../images/facility/arrow_facility.jpg);
}
#facility dl.column_list1 dd {
  background-image: url(../images/facility/arrow_facility.jpg);
}
#facility #contents #ct_wrap #ct {
  background-image: url(../images/facility/bias_bg_facility.jpg);
}
#facility .facility_box {
  -js-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  /*
	●子要素の配置方向
	row：初期値。子要素はHTMLの書き順で、左から右に配置されます。
	column：子要素はHTMLの書き順で、上から下に配置されます。
	row-reverse：「row」と同じで横に配置されるが、並ぶ順序は「右から左」になります。
	column-reverse：「column」と同じで縦に配置されるが、並ぶ順序は「下から上」になります。
	*/
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  /*
	●子要素の折り返し設定
	wrap:初期値。折り返しを許可、「複数行」。
	nowrap:折り返しなし、つまり「単一行」。
	wrap-reverse:「wrap」と同じで、ただ、折り返し地点が逆になります。
	*/
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
#facility .facility_box img {
  padding: 0 10px 10px 0;
}
#facility #article {
  /*.item*/
}
#facility #article .item {
  /*.right*/
}
#facility #article .item .right {
  /*img*/
}
#facility #article .item .right img {
  width: 100%;
  height: auto;
}
#facility #article .anker_navi {
  clear: both;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  padding: 20px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: dotted;
  border-bottom-style: dotted;
  border-top-color: #CCC;
  border-bottom-color: #CCC;
}
#facility #article .anker_navi a {
  background-image: url(images/common/icon_c_main.jpg);
  background-repeat: no-repeat;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 10px;
  background-position: left center;
}
#facility #article .anker_navi li {
  float: left;
  margin: 10px;
  font-size: 14px;
}
#facility .top_btn {
  text-align: center;
  padding-top: 20px;
}
#facility #article .grid .item {
  float: left;
  margin: 1px;
}
#facility #article .grid p {
  text-align: center;
  margin-top: 5px;
}
#facility .slide_box {
  padding-top: 10px;
  padding-left: 70px;
  padding-right: 70px;
  background-image: url(../images/common/contents_top_bg.jpg);
  margin-bottom: 40px;
  padding-bottom: 10px;
}
#facility .slide {
  margin: 0;
  list-style: none;
  overflow: hidden;
  height: 147px;
}
#facility .slide a img {
  margin: 10px;
  border: 1px solid #CCC;
}
/*facility*/
/*----------------------------------------*/
/*ギャラリー
/*----------------------------------------*/
.page_gallery #contents #ct_wrap #ct {
  background-image: url(../images/common/bias_bg_common.jpg);
}
#gallery {
  /*#article */
}
#gallery #article {
  /*.c2*/
}
#gallery #article .c2 {
  /*ul*/
}
#gallery #article .c2 ul {
  -js-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  /*
	●子要素の折り返し設定
	wrap:初期値。折り返しを許可、「複数行」。
	nowrap:折り返しなし、つまり「単一行」。
	wrap-reverse:「wrap」と同じで、ただ、折り返し地点が逆になります。
	*/
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  /*li*/
}
#gallery #article .c2 ul li {
  width: 285px;
  margin-top: 20px;
  /*img*/
}
#gallery #article .c2 ul li img {
  width: 100%;
  height: auto;
}
/*gallery*/
/*----------------------------------------*/
/*体験入学
/*----------------------------------------*/
#event {
  /*#article*/
  /*追記　松*/
  /*event_box*/
}
#event #contents #ct_wrap #ct {
  background-image: url(../images/event/bias_bg_event.jpg);
}
#event #cm_wrap {
  position: relative;
}
#event #article {
  /*.item*/
  /*event_item*/
  /*カレンダー*/
  /*hasDatepicker*/
  /*カレンダーの右横（テキスト＆ボタン）*/
  /*.eventDate*/
}
#event #article .item h3 {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ebebeb;
  background-repeat: no-repeat;
  background-position: 10px center;
  margin-bottom: 20px;
  padding-left: 30px;
  padding-bottom: 10px;
  padding-top: 8px;
  background-image: url(../images/common/titlebar_common.jpg);
}
#event #article .item h4 {
  margin-top: 20px;
  padding-left: 20px;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: 10px 4px;
  font-size: 14px;
  color: #333;
  background-image: url(../images/common/arrow_common.jpg);
}
#event #article .item ul {
  margin-right: 20px;
  margin-left: 20px;
  margin-top: 20px;
}
#event #article .item li {
  color: #333;
  background-color: #f1f1f1;
  padding: 10px;
  margin-bottom: 1px;
  border-left-width: 4px;
  border-left-style: solid;
  border-left-color: #8ECFD5;
}
#event #article .item .date {
  float: left;
  font-size: 11px;
  position: absolute;
  right: 10px;
  top: -35px;
  background-color: #8FCED3;
  text-align: center;
  color: #FFF;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 2px;
  top: 0px;
  right: 20px;
}
#event #article .item .event_contents {
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 20px;
}
#event #article .item .event_contents p {
  margin-top: 20px;
}
#event #article .event_item {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ebebeb;
  margin-top: 30px;
  /*h3*/
  /*thumb*/
  /*txt*/
  /*more*/
  /*txt*/
  /*btn*/
  /*date*/
}
#event #article .event_item h3 {
  margin-bottom: 5px;
  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: left 2px;
  background-image: url(../images/common/icon_sb_common.png);
  font-size: 14px;
  /*a*/
}
#event #article .event_item h3 a {
  font-weight: bold;
  text-decoration: none;
}
#event #article .event_item .thumb {
  height: 95px;
  width: 95px;
  float: left;
  padding-top: 30px;
  /*a*/
}
#event #article .event_item .thumb a {
  /*img*/
}
#event #article .event_item .thumb a img {
  padding: 4px;
  border: 1px solid #ebebeb;
}
#event #article .event_item .txt {
  float: left;
  width: 340px;
  font-size: 12px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 30px;
}
#event #article .event_item .more {
  overflow: hidden;
  position: relative;
  width: 58px;
  height: 58px;
  /*a*/
}
#event #article .event_item .more a {
  height: 58px;
  list-style: none;
  overflow: hidden;
  position: relative;
  width: 60px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}
#event #article .event_item .txt {
  /*.ex*/
}
#event #article .event_item .txt .ex {
  font-size: 12px;
  font-weight: normal;
  padding-left: 15px;
  margin-bottom: 10px;
}
#event #article .event_item .btn {
  width: 58px;
  height: 58px;
  position: absolute;
  top: 50%;
  overflow: hidden;
  margin-top: -29px;
  right: 30px;
}
#event #article .event_item .date {
  float: left;
  font-size: 11px;
  position: absolute;
  top: -35px;
  background-color: #8FCED3;
  text-align: center;
  color: #FFF;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 2px;
  top: 0px;
  right: 10px;
  _right: 60px;
}
#event #article .hasDatepicker {
  float: left;
  width: 45%;
  margin-bottom: 100px;
}
#event #article .eventDate {
  margin-right: 3.8%;
  float: left;
  min-height: 1px;
  width: 48%;
  margin-right: 0;
  /*eventDateBtn*/
  /*eventDateBtn:hover*/
  /*eventDateBtn:focus */
  /*eventDateBtn.primary */
  /*eventDateBtn.disabled*/
  /*eventDateBtn.large*/
  /*eventDateBtn.small*/
  /*a*/
}
#event #article .eventDate .eventDateBtn {
  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(25%, #fff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#fff, color-stop(25%, #fff), #e6e6e6);
  background-image: -moz-linear-gradient(#fff, color-stop(#fff, 25%), #e6e6e6);
  padding: 5px 14px 6px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: .1s linear all;
  -moz-transition: .1s linear all;
  transition: .1s linear all;
  /*close*/
  /*success*/
  /*.info*/
}
#event #article .eventDate .eventDateBtn .close {
  font-family: Arial, sans-serif;
  line-height: 18px;
}
#event #article .eventDate .eventDateBtn .success {
  background-color: #57a957;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(#62c462, #57a957);
  background-image: -ms-linear-gradient(#62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(#62c462, #57a957);
  background-image: -o-linear-gradient(#62c462, #57a957);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0)";
  background-image: linear-gradient(#62c462, #57a957);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
#event #article .eventDate .eventDateBtn .info {
  background-color: #339bb9;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
  background-image: -moz-linear-gradient(#5bc0de, #339bb9);
  background-image: -ms-linear-gradient(#5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
  background-image: -webkit-linear-gradient(#5bc0de, #339bb9);
  background-image: -o-linear-gradient(#5bc0de, #339bb9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0)";
  background-image: linear-gradient(#5bc0de, #339bb9);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #339bb9 #339bb9 #22697d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
#event #article .eventDate .eventDateBtn:hover {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;
}
#event #article .eventDate .eventDateBtn:focus {
  outline: 1px dotted #666;
}
#event #article .eventDate .eventDateBtn.primary {
  color: #fff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(#049cdb, #0064cd);
  background-image: -ms-linear-gradient(#049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(#049cdb, #0064cd);
  background-image: -o-linear-gradient(#049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0)";
  background-image: linear-gradient(#049cdb, #0064cd);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
#event #article .eventDate .eventDateBtn.disabled {
  cursor: default;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  filter: alpha(opacity=65);
  -khtml-opacity: .65;
  -moz-opacity: .65;
  opacity: .65;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#event #article .eventDate .eventDateBtn.large {
  font-size: 15px;
  line-height: normal;
  padding: 9px 14px 9px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#event #article .eventDate .eventDateBtn.small {
  padding: 7px 9px 7px;
  font-size: 11px;
}
#event #article .eventDate a {
  display: block;
  height: 100%;
}
#event #article .eventDate .eventDateBtn.danger,
#event #article .eventDate .eventDateBtn.danger:hover,
#event #article .eventDate .eventDateBtn.error,
#event #article .eventDate .eventDateBtn.error:hover,
#event #article .eventDate .eventDateBtn.success,
#event #article .eventDate .eventDate.eventDateBtn.success:hover,
#event #article .eventDate .eventDateBtn.info,
#event #article .eventDate .eventDateBtn.info:hover {
  color: #fff;
}
#event #article .eventDate .eventDateBtn.danger,
#event #article .eventDate .eventDateBtn.error {
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(#ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(#ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(#ee5f5b, #c43c35);
  background-image: -o-linear-gradient(#ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0)";
  background-image: linear-gradient(#ee5f5b, #c43c35);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
#event #article .eventDate .eventDateBtn.active,
#event #article .eventDate .eventDateBtn :active {
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
#event #article .eventDate .eventDateBtn[disabled] {
  cursor: default;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  filter: alpha(opacity=65);
  -khtml-opacity: .65;
  -moz-opacity: .65;
  opacity: .65;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#event #article .eventDate .eventDateBtn a[target="_blank"] {
  padding-left: 0;
  background-image: none;
}
#event .event_contents p a {
  color: #8FCED3;
  font-weight: bold;
}
#event .event_contents p a:hover {
  text-decoration: underline;
}
#event .event_box {
  margin-bottom: 40px;
  min-height: 1px;
  overflow: hidden;
  zoom: 1;
}
#event .event_box p {
  float: right;
  width: 382px;
  padding: 0 10px;
}
#event .event_box div {
  float: right;
  margin-left: 20px;
}
#event .confirm {
  display: block;
  margin: 0 auto;
  width: 80%;
}
/*event*/
/* ---------  table ---------*/
table {
  margin-right: 10px;
  margin-left: 10px;
  width: 530px;
  /* IE6 */
  _width: 520px;
  margin-top: 20px;
}
table th {
  text-align: center;
  padding: 10px;
  background-color: #eeeeee;
  font-weight: bold;
  border: 1px solid #CCC;
}
table td {
  padding: 10px;
  border: 1px solid #CCC;
}
table tr .tac {
  text-align: center;
}
/*table*/
/* ---------  .イベント色付け ---------*/
.valid_date.event1,
.valid_date.event1 a,
.valid_date.event17,
.valid_date.event17 a {
  background: #3cc8d5 !important;
}
.valid_date.event1 a.ui-state-active,
.valid_date.event17 a.ui-state-active {
  background: #3cc8d5 !important;
}
.valid_date.event2,
.valid_date.event2 a,
.valid_date.event21,
.valid_date.event21 a {
  background: #e94292 !important;
}
.valid_date.event2 a.ui-state-active,
.valid_date.event21 a.ui-state-active {
  background: #e94292 !important;
}
/* ---------  .event_item ---------*/
section .qcform form {
  width: 100%;
  /*フォーム（参加者情報の入力）*/
  /*.qcform_item*/
  /*お申し込みされるイベント*/
  /*.multi*/
}
section .qcform form h2 {
  text-indent: 0;
}
section .qcform form h3 {
  padding: 4px;
  text-align: center;
  margin: 20px 0 10px;
  background-color: #fca900;
  color: #333;
  background-color: #ddd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#d8d8d8), to(#ddd));
  background-image: -moz-linear-gradient(#d8d8d8, #ddd);
  background-image: -ms-linear-gradient(#d8d8d8, #ddd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8d8d8), color-stop(100%, #ddd));
  background-image: -webkit-linear-gradient(#d8d8d8, #ddd);
  background-image: -o-linear-gradient(#d8d8d8, #ddd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d8d8', endColorstr='#dddddd', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d8d8', endColorstr='#dddddd', GradientType=0)";
  background-image: linear-gradient(#d8d8d8, #ddd);
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
}
section .qcform form .qcform_item {
  width: 560px;
  margin-bottom: 20px;
  padding: 0 20px;
}
section .qcform form .qcform_item input,
section .qcform form .qcform_item textarea {
  width: 90%;
  margin: 4px 0;
}
section .qcform form .qcform_item .qcform_title {
  line-height: 18px;
  background-color: #ddd;
  padding: 10px 5%;
  width: 90%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  zoom: 1;
}
section .qcform form .qcform_item .qcform_title:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
section .qcform form .qcform_item .qcform_title label {
  padding-right: 40px;
  width: 150px;
  float: none;
  padding-top: 0;
  width: auto;
}
section .qcform form .qcform_item .qcform_title .qcform_requiredText {
  float: right;
  color: #f33;
}
section .qcform form .qcform_item .qcform_hint {
  color: #666;
  font-size: 10px;
}
section .qcform form .qcform_item .qcform_sample {
  font-size: 14px;
  color: #999;
  margin: 0;
}
section .qcform form .qcform_item select {
  width: 180px;
  margin: 4px 10px 0 0;
}
section .qcform form .qcform_item label {
  text-align: left;
}
section .qcform form .qcform_item input.short {
  width: 8em;
}
section .qcform form .qcform_item div.error {
  font-size: 12px;
  color: #f33;
  clear: both;
}
section .qcform form .qcform_item.qcform_gender input,
section .qcform form .qcform_item.qcform_subscribed input,
section .qcform form .qcform_item.qcform_checkboxlist input,
section .qcform form .qcform_item.multi input,
section .qcform form .qcform_item.qcform_radioboxlist input {
  width: 24px;
}
section .qcform form .qcform_item.qcform_gender label,
section .qcform form .qcform_item.qcform_subscribed label,
section .qcform form .qcform_item.qcform_checkboxlist label,
section .qcform form .qcform_item.multi label {
  float: none;
}
section .qcform form .qcform_item.qcform_birth select {
  width: 80px;
  margin-top: 4px;
}
section .qcform form .qcform_item.error {
  background-color: #fff8f8;
}
section .qcform form input[type="submit"] {
  margin-left: 20px;
  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(25%, #fff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#fff, color-stop(25%, #fff), #e6e6e6);
  background-image: -moz-linear-gradient(#fff, color-stop(#fff, 25%), #e6e6e6);
  padding: 5px 14px 6px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: .1s linear all;
  -moz-transition: .1s linear all;
  transition: .1s linear all;
  font-size: 15px;
  line-height: normal;
  padding: 9px 14px 9px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #fff;
  background-color: #57a957;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(#62c462, #57a957);
  background-image: -ms-linear-gradient(#62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(#62c462, #57a957);
  background-image: -o-linear-gradient(#62c462, #57a957);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0)";
  background-image: linear-gradient(#62c462, #57a957);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
section .qcform form input[type="submit"] .close {
  font-family: Arial, sans-serif;
  line-height: 18px;
}
section .qcform form input[type="submit"].danger,
section .qcform form input[type="submit"].danger:hover,
section .qcform form input[type="submit"].error,
section .qcform form input[type="submit"].error:hover,
section .qcform form input[type="submit"].success,
section .qcform form input[type="submit"].success:hover,
section .qcform form input[type="submit"].info,
section .qcform form input[type="submit"].info:hover {
  color: #fff;
}
section .qcform form input[type="submit"].danger,
section .qcform form input[type="submit"].error {
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(#ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(#ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(#ee5f5b, #c43c35);
  background-image: -o-linear-gradient(#ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0)";
  background-image: linear-gradient(#ee5f5b, #c43c35);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
section .qcform form input[type="submit"].success {
  background-color: #57a957;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(#62c462, #57a957);
  background-image: -ms-linear-gradient(#62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(#62c462, #57a957);
  background-image: -o-linear-gradient(#62c462, #57a957);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0)";
  background-image: linear-gradient(#62c462, #57a957);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
section .qcform form input[type="submit"].info {
  background-color: #339bb9;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
  background-image: -moz-linear-gradient(#5bc0de, #339bb9);
  background-image: -ms-linear-gradient(#5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
  background-image: -webkit-linear-gradient(#5bc0de, #339bb9);
  background-image: -o-linear-gradient(#5bc0de, #339bb9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0)";
  background-image: linear-gradient(#5bc0de, #339bb9);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #339bb9 #339bb9 #22697d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
section .qcform form input[type="submit"]:hover {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;
}
section .qcform form input[type="submit"]:focus {
  outline: 1px dotted #666;
}
section .qcform form input[type="submit"].primary {
  color: #fff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(#049cdb, #0064cd);
  background-image: -ms-linear-gradient(#049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(#049cdb, #0064cd);
  background-image: -o-linear-gradient(#049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0)";
  background-image: linear-gradient(#049cdb, #0064cd);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
section .qcform form input[type="submit"].active,
section .qcform form input[type="submit"] :active {
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
section .qcform form input[type="submit"].disabled {
  cursor: default;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  filter: alpha(opacity=65);
  -khtml-opacity: .65;
  -moz-opacity: .65;
  opacity: .65;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
section .qcform form input[type="submit"][disabled] {
  cursor: default;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  filter: alpha(opacity=65);
  -khtml-opacity: .65;
  -moz-opacity: .65;
  opacity: .65;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
section .qcform form input[type="submit"].large {
  font-size: 15px;
  line-height: normal;
  padding: 9px 14px 9px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
section .qcform form input[type="submit"].small {
  padding: 7px 9px 7px;
  font-size: 11px;
}
section .qcform form .errorSummary {
  background-color: #fff0f0;
  padding: 1em;
  font-size: 14px;
  color: #f33;
  margin-bottom: 20px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
section .qcform form .error {
  color: #f33;
}
section .qcform form .multi {
  /*.request_school*/
  /*各イベント*/
  /*.request_event*/
}
section .qcform form .multi .request_school {
  padding: 20px;
  background-color: #f8f0e0;
  margin-bottom: 10px;
  border: 1px solid #e8e0d8;
  zoom: 1;
}
section .qcform form .multi .request_school .image {
  float: left;
  width: 170px;
}
section .qcform form .multi .request_school .image img {
  border: 6px solid #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.075);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
section .qcform form .multi .request_school .info {
  margin-left: 170px;
}
section .qcform form .multi .request_school .info h4 {
  color: #252;
  font-size: 18px;
}
section .qcform form .multi .request_school .info .name {
  color: #f33;
  font-weight: bold;
}
section .qcform form .multi .request_school .info .tag {
  font-size: 10px;
  padding: 0;
  margin: 0;
  zoom: 1;
}
section .qcform form .multi .request_school .info .tag:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
section .qcform form .multi .request_school .info .tag span {
  padding: 2px 4px;
  background-color: #fff;
  font-size: 10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin-right: .5em;
  margin-bottom: .5em;
  float: left;
}
section .qcform form .multi .request_school .info .kyoten {
  font-size: 12px;
  padding: 0;
  margin: 0;
}
section .qcform form .multi .request_school:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
section .qcform form .multi .request_event {
  padding: 20px;
  background-color: #f8f8f8;
  margin-bottom: 10px;
  border: 1px solid #e8e8e8;
  zoom: 1;
  /*div*/
}
section .qcform form .multi .request_event .image {
  float: left;
  width: 170px;
}
section .qcform form .multi .request_event .image figure {
  padding: 0;
  margin: 0;
}
section .qcform form .multi .request_event .image img {
  border: 6px solid #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.075);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
section .qcform form .multi .request_event .info {
  margin-left: 170px;
}
section .qcform form .multi .request_event .info .name {
  color: #f33;
  font-weight: bold;
  margin-left: 52px;
  margin-top: 4px;
}
section .qcform form .multi .request_event .info .catch {
  margin-left: 52px;
  margin-top: 4px;
}
section .qcform form .multi .request_event .info .teaser {
  font-size: 12px;
  margin-left: 52px;
}
section .qcform form .multi .request_event .info input {
  margin: 0 20px;
  line-height: 18px;
}
section .qcform form .multi .request_event .info label {
  text-align: left;
  float: none;
  color: #252;
  font-size: 18px;
}
section .qcform form .multi .request_event .info .time {
  margin-left: 52px;
}
section .qcform form .multi .request_event div {
  /*ul*/
}
section .qcform form .multi .request_event div ul {
  -js-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  /*
	●子要素の折り返し設定
	wrap:初期値。折り返しを許可、「複数行」。
	nowrap:折り返しなし、つまり「単一行」。
	wrap-reverse:「wrap」と同じで、ただ、折り返し地点が逆になります。
	*/
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 5px;
  /*li*/
}
section .qcform form .multi .request_event div ul li {
  width: 24%;
  margin: 0 0 3% 1.3%;
  text-align: center;
  font-size: 10px;
  line-height: 1.4;
  /*img*/
}
section .qcform form .multi .request_event div ul li br {
  display: none;
}
section .qcform form .multi .request_event div ul li img {
  display: block;
  width: 100% !important;
  height: auto !important;
  margin-bottom: 4px;
}
section .qcform form .multi .request_event div ul li:nth-child(4n-3) {
  margin-left: 0%;
}
section .qcform form .multi .request_event:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
section .qcform form .multi .request_event.selected {
  border: 1px solid #e8e0d8;
  background-color: #f8f0e0;
}
section .qcform form .multi .confirm span {
  margin-right: 1em;
}
/*section .qcform form*/
@media handheld, only screen and (max-width: 767px) {
  header nav ul.global_navi {
    display: none;
    height: 36px;
    width: 150px;
  }
}
/*----------------------------------------*/
/*お知らせ
/*----------------------------------------*/
#news {
  /* 共通 */
  /* ニュースリスト */
  /*#article*/
  /* サイドバーローカルナビ　コースカラー　*/
}
#news #cm .catch1 {
  background-image: url(../images/news/titlebar_news.jpg);
}
#news #cm .catch2 {
  background-image: url(../images/news/arrow_news.jpg);
}
#news #contents #ct_wrap #ct {
  background-image: url(../images/news/bias_bg_news.jpg);
}
#news #article .item .date {
  float: left;
  font-size: 11px;
  position: absolute;
  right: 10px;
  top: -30px;
  background-color: #6397C7;
  text-align: center;
  color: #FFF;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 2px;
}
#news #article {
  /*.archive*/
  /* ニュース詳細 */
  /*.single*/
}
#news #article .archive {
  /*NEWSアーカイブ*/
  /*.news_item*/
}
#news #article .archive .news_item {
  /*a*/
  /*a:hover*/
}
#news #article .archive .news_item a {
  display: block;
  position: relative;
  padding: 20px 0 15px 0;
  border-bottom: 1px solid #ebebeb;
  /*i*/
  /*.date*/
  /*.row*/
}
#news #article .archive .news_item a i {
  display: none;
}
#news #article .archive .news_item a .date {
  background-color: #6397C7;
  position: absolute;
  color: #FFF;
  right: 0;
  top: 0;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}
#news #article .archive .news_item a .row {
  min-height: 1px;
  overflow: hidden;
  zoom: 1;
  /*.thumb*/
  /*.txt*/
}
#news #article .archive .news_item a .row .thumb {
  float: left;
  width: 95px;
  height: auto;
  /*img*/
}
#news #article .archive .news_item a .row .thumb img {
  padding: 4px;
  border: 1px solid #ebebeb;
  width: 100%;
  height: auto;
}
#news #article .archive .news_item a .row .txt {
  float: right;
  width: 480px;
  padding-left: 15px;
  /*h3*/
  /*.item_footer*/
}
#news #article .archive .news_item a .row .txt h3 {
  margin-bottom: 5px;
  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: left 2px;
  background-image: url(../images/news/icon_sb_news.png);
  font-size: 14px;
  font-weight: bold;
}
#news #article .archive .news_item a .row .txt .ex {
  font-size: 12px;
  font-weight: normal;
  padding: 0 0 0 15px;
}
#news #article .archive .news_item a .row .txt .item_footer {
  position: absolute;
  right: 10px;
  bottom: 20px;
  /*.more*/
}
#news #article .archive .news_item a .row .txt .item_footer .more {
  position: relative;
  overflow: hidden;
  width: 71px;
  height: 17px;
}
#news #article .archive .news_item a .row .txt .item_footer .more img {
  position: absolute;
  top: 0;
}
#news #article .archive .news_item a:hover {
  /*.txt*/
}
#news #article .archive .news_item a:hover .txt {
  /*.item_footer*/
}
#news #article .archive .news_item a:hover .txt .item_footer {
  /*.more*/
}
#news #article .archive .news_item a:hover .txt .item_footer .more {
  /*img*/
}
#news #article .archive .news_item a:hover .txt .item_footer .more img {
  position: absolute;
  top: -17px;
}
#news #article .single {
  /*.item*/
  /* ---------  table ---------*/
  /*table*/
}
#news #article .single #cm_wrap {
  position: relative;
}
#news #article .single span {
  line-height: 1.5;
}
#news #article .single img {
  max-width: 610px;
  margin-bottom: 10px;
}
#news #article .single .item h3 {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ebebeb;
  background-repeat: no-repeat;
  background-position: 10px center;
  margin-bottom: 20px;
  padding-left: 30px;
  padding-bottom: 10px;
  padding-top: 8px;
  background-image: url(../images/news/titlebar_news.jpg);
}
#news #article .single .item h4 {
  margin-top: 20px;
  padding-left: 20px;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: 10px 4px;
  font-size: 14px;
  color: #333;
  background-image: url(../images/news/arrow_news.jpg);
}
#news #article .single .item ul {
  margin-right: 20px;
  margin-left: 20px;
  margin-top: 20px;
}
#news #article .single .item li {
  color: #333;
  background-color: #f1f1f1;
  padding: 10px;
  margin-bottom: 1px;
  border-left-width: 4px;
  border-left-style: solid;
  border-left-color: #6798C3;
}
#news #article .single .item .date {
  top: 0px;
  right: 20px;
}
#news #article .single .item .single_contents {
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 20px;
}
#news #article .single .item .single_contents p {
  margin-top: 20px;
}
#news #article .single table {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
  /* IE6 */
  _width: 520px;
  margin-top: 20px;
}
#news #article .single table img {
  width: 100%;
  height: auto;
}
#news #article .single table table th {
  text-align: center;
  padding: 10px;
  background-color: #eeeeee;
  font-weight: bold;
  border: 1px solid #CCC;
}
#news #article .single table td {
  padding: 10px;
  border: 1px solid #CCC;
}
#news #article .single table tr .tac {
  text-align: center;
}
#news #article .single .single_contents p a {
  font-weight: bold;
  color: #6798C3;
}
#news #article .single .single_contents p a:hover {
  text-decoration: underline;
}
#news #sidebar #local_navi .news_title {
  background-color: #6798c3;
}
#news #sidebar #local_navi li a {
  background-image: url(../images/news/icon_sb_news.png);
}
/*news*/
/*----------------------------------------*/
/*アクセス
/*----------------------------------------*/
#access {
  /*#article*/
}
#access #cm .catch1 {
  background-image: url(../images/common/titlebar_common.jpg);
}
#access #cm .catch2 {
  background-image: url(../images/common/arrow_common.jpg);
}
#access #contents #ct_wrap #ct {
  background-image: url(../images/access/bias_bg_access.jpg);
}
#access #article .item ul {
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 20px;
}
#access #article .item li {
  color: #333;
  background-color: #f1f1f1;
  padding: 10px;
  margin-bottom: 1px;
  border-left-width: 4px;
  border-left-style: solid;
  border-left-color: #93CDCF;
}
#access .access .body_txt {
  _margin-left: 10px;
}
#access #cm #article {
  padding: 10px;
  min-height: auto !important;
  /* IE 6 */
  _width: 580px;
}
#access #article {
  /*.item*/
}
#access #article .item {
  /*.body_txt*/
  /*.access_btn*/
}
#access #article .item .body_txt {
  /*img*/
  /*iframe*/
  /*span.map_txt*/
}
#access #article .item .body_txt img {
  width: 100% !important;
  height: auto !important;
}
#access #article .item .body_txt iframe {
  width: 100%;
}
#access #article .item .body_txt span.map_txt a {
  font-weight: bold;
  color: #8771c5;
}
#access #article .item .access_btn {
  /*a*/
}
#access #article .item .access_btn a {
  display: block;
  /*img*/
}
#access #article .item .access_btn a img {
  width: 100%;
  height: auto;
}
/*access*/
/*----------------------------------------*/
/*プライバシーポリシー
/*----------------------------------------*/
.page_policy #contents #ct_wrap #ct {
  background-image: url(../images/policy/bias_bg_policy.jpg);
}
/*.page_policy*/
/*----------------------------------------*/
/*あとからがっちゃんこ
/*----------------------------------------*/
.page_news #sidebar #sln1 li.news a,
.page_exhibition #sidebar #sln1 li.news a {
  top: -35px;
  /*/padding-bottom:0px; ie6*/
}
/*スマホ表示*/
@media screen and (max-width: 767px) {
  .smp {
    display: block;
  }
  .pc {
    display: none;
  }
  body {
    width: 100%;
    /*img_smp*/
    /*----------------------------------------*/
    /*header                        
/*----------------------------------------*/
    /*header_wrap*/
    /*-------------------------------------------------------------------

  CONTNTS

-------------------------------------------------------------------*/
    /*contents_wrap*/
    /*-------------------------------------------------------------------

  SIDEBAR

-------------------------------------------------------------------*/
    /*#sidebar*/
    /*-------------------------------------------------------------------

  .inside

-------------------------------------------------------------------*/
    /*pn_box*/
    /*contents_l*/
    /*----------------------------------------*/
    /*footer                      
	/*----------------------------------------*/
    /*footer_wrap*/
    /*----------------------------------------*/
    /*スマホメニュー                      
	/*----------------------------------------*/
    /*#footer_nav*/
  }
  body a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  body h1.seo {
    display: none;
  }
  body .img_smp {
    width: 100%;
    height: auto;
  }
  body .body_container {
    margin-top: 0;
  }
  body #header_wrap {
    height: auto;
    /*header*/
  }
  body #header_wrap #header {
    height: auto;
    width: 100%;
    /*.head_tool*/
  }
  body #header_wrap #header .head_tool {
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    /*
	●垂直方向の揃え方
	flex-start：上揃えです。
	flex-end：下揃えです。
	center：上下中央寄せです。
	baseline：最初のflexアイテムのbaselineに揃います。
	stretch：flexコンテナいっぱいに広がります。
	*/
    -webkit-align-items: center;
    -moz-flex-direction: center;
    -ms-align-items: center;
    -o-flex-wrap: center;
    align-items: center;
    padding: 12px 15px;
    /*logo*/
    /*p.tel{*/
  }
  body #header_wrap #header .head_tool #logo {
    width: 70%;
    padding: 0;
    text-align: center;
    /*a*/
  }
  body #header_wrap #header .head_tool #logo a {
    position: static;
    height: auto;
    width: 100%;
    /*img*/
  }
  body #header_wrap #header .head_tool #logo a img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  body #header_wrap #header .head_tool p.tel {
    width: 20%;
    /*a*/
  }
  body #header_wrap #header .head_tool p.tel a {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 95%;
    display: block;
    padding: 8px 0;
    margin: 0 auto;
    color: #8771c5;
    text-align: center;
    font-weight: bold;
    border: 1px solid #8771c5;
    font-size: 13px;
    background: #fff;
  }
  body #contents_wrap {
    margin: 0 0 1px 0;
    /*contents*/
    /*contents_r*/
  }
  body #contents_wrap *,
  body #contents_wrap *::before,
  body #contents_wrap *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  body #contents_wrap #contents {
    width: 100%;
    display: block;
  }
  body #contents_wrap #contents_r {
    border-radius: 0 !important;
    padding: 10px !important;
  }
  body #sidebar {
    margin-top: 10px;
    /*sln1*/
  }
  body #sidebar *,
  body #sidebar *::before,
  body #sidebar *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  body #sidebar #sln1 {
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    /*
	●子要素の折り返し設定
	wrap:初期値。折り返しを許可、「複数行」。
	nowrap:折り返しなし、つまり「単一行」。
	wrap-reverse:「wrap」と同じで、ただ、折り返し地点が逆になります。
	*/
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    /*a*/
    /*li*/
  }
  body #sidebar #sln1 a {
    width: 49%;
    /*img*/
  }
  body #sidebar #sln1 a img {
    width: 100%;
  }
  body #sidebar #sln1 li {
    width: 49%;
    /*img*/
    /*.btn_request*/
    /*.btn_brochure*/
  }
  body #sidebar #sln1 li img {
    width: 100%;
  }
  body #sidebar #sln1 li .btn_request {
    height: auto;
    /*a:hover*/
  }
  body #sidebar #sln1 li .btn_request a:hover {
    top: 0;
  }
  body #sidebar #sln1 li .btn_brochure {
    height: auto;
    /*a:hover*/
  }
  body #sidebar #sln1 li .btn_brochure a:hover {
    top: 0;
  }
  body #pn_box {
    width: 100% !important;
    padding: 0 !important;
  }
  body #pn_box p {
    padding: 10px 5px;
  }
  body .body_txt {
    margin: 0px;
  }
  body #contents_l {
    border-radius: 0 !important;
    display: block;
    padding: 10px 10px 0px 10px;
    margin-bottom: 1px;
    /*contents_l_wrap*/
    /*#ch_wrap*/
    /*ct_wrap*/
    /*cm_wrap*/
    /*ch*/
  }
  body #contents_l .contents_l_wrap {
    display: block;
  }
  body #contents_l #ch_wrap {
    border-radius: 0 !important;
    height: auto;
    margin: 0 0 5px 0 !important;
    padding: 0;
    /*ch*/
  }
  body #contents_l #ch_wrap #ch {
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    text-align: center;
    /*img*/
  }
  body #contents_l #ch_wrap #ch img {
    width: 95%;
    height: auto;
  }
  body #contents_l #ct_wrap {
    /*float: left;*/
    width: 70px;
    /*ct*/
  }
  body #contents_l #ct_wrap #ct {
    margin: 10px;
  }
  body #contents_l #cm_wrap {
    border-radius: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    /*#cm*/
  }
  body #contents_l #cm_wrap #cm {
    margin-bottom: 20px !important;
    /*#article*/
  }
  body #contents_l #cm_wrap #cm #article {
    min-height: 100% !important;
    padding: 0px !important;
    /*.img_border*/
  }
  body #contents_l #cm_wrap #cm #article .img_border {
    width: 100%;
    height: auto;
    padding: 0;
  }
  body #contents_l #ch {
    height: 80px;
  }
  body #footer_wrap {
    padding-bottom: 10px;
    width: 100%;
    /*footer*/
  }
  body #footer_wrap #footer {
    width: 100%;
    height: auto;
    border-radius: 0 !important;
    margin: 0;
    /*ol.footer_banner*/
    /*footer_bottom*/
  }
  body #footer_wrap #footer ol.footer_banner {
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    /*
	●子要素の折り返し設定
	wrap:初期値。折り返しを許可、「複数行」。
	nowrap:折り返しなし、つまり「単一行」。
	wrap-reverse:「wrap」と同じで、ただ、折り返し地点が逆になります。
	*/
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
    padding: 20px 0 0 0;
    text-align: center;
    /*li*/
  }
  body #footer_wrap #footer ol.footer_banner li {
    margin-bottom: 5px;
    width: 49%;
  }
  body #footer_wrap #footer ol.footer_banner li img {
    width: 100%;
    height: auto;
  }
  body #footer_wrap #footer .footer_bottom {
    height: 120px;
    /*cr*/
    /*#fn*/
  }
  body #footer_wrap #footer .footer_bottom #cr {
    position: static;
    margin-top: 10px;
    height: 9px;
    width: 100%;
    text-align: center;
    /*img*/
  }
  body #footer_wrap #footer .footer_bottom #cr img {
    width: 223px;
  }
  body #footer_wrap #footer .footer_bottom #fn {
    position: static;
    width: 100%;
    border: 0px;
    margin-top: 20px;
    /*ul*/
  }
  body #footer_wrap #footer .footer_bottom #fn ul {
    width: 100%;
    margin: 0 auto;
    /*li*/
  }
  body #footer_wrap #footer .footer_bottom #fn ul li {
    text-align: center;
  }
  body #footer_menu {
    display: block;
    margin: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999999999!important;
    /*ul*/
    /*ul*/
  }
  body #footer_menu ul {
    position: relative;
    width: 100%;
    padding: 0;
    background: #8771c5;
    height: 60px;
    margin: 0;
    /*menu_open*/
    /*menu_close*/
    /*li*/
    /*li.ft_taiken*/
    /*li.ft_shiryo*/
    /*li.menu_open*/
    /*.menu_close*/
  }
  body #footer_menu ul li {
    position: absolute;
    top: 10px;
    height: 38px;
    text-align: center;
  }
  body #footer_menu ul li.ft_back {
    left: 3%;
  }
  body #footer_menu ul li.ft_taiken {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    left: 18%;
    width: 30%;
    border: 1px solid #fff;
    /*a*/
  }
  body #footer_menu ul li.ft_taiken a {
    display: block;
    /*img*/
  }
  body #footer_menu ul li.ft_taiken a img {
    vertical-align: 0.1em;
  }
  body #footer_menu ul li.ft_setsumeikai {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    left: 52%;
    width: 30%;
    border: 1px solid #fff;
    /*a*/
  }
  body #footer_menu ul li.ft_setsumeikai a {
    display: block;
    /*img*/
  }
  body #footer_menu ul li.ft_setsumeikai a img {
    vertical-align: 0.1em;
  }
  body #footer_menu ul li.ft_shiryo {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    left: 62%;
    width: 20%;
    border: 1px solid #fff;
    vertical-align: 0.1em;
    /*a*/
  }
  body #footer_menu ul li.ft_shiryo a {
    display: block;
    /*img*/
  }
  body #footer_menu ul li.ft_shiryo a img {
    vertical-align: 0.1em;
  }
  body #footer_menu ul li.ft_menu {
    right: 3%;
    cursor: pointer;
  }
  body #footer_menu ul li.menu_open {
    z-index: 999999999999;
    /*img*/
  }
  body #footer_menu ul li.menu_open img.mp {
    display: block;
  }
  body #footer_menu ul li.menu_open img.mc {
    display: none;
  }
  body #footer_menu ul .menu_close {
    /*img.mp*/
  }
  body #footer_menu ul .menu_close img.mp {
    display: none;
  }
  body #footer_menu ul .menu_close img.mc {
    display: block;
  }
  body #footer_nav {
    margin: 0;
    position: fixed;
    display: none;
    background: #efefef;
    bottom: 0;
    width: 100%;
    z-index: 999999999!important;
    /*.menu_area*/
    /*#footer_nav_accordion*/
  }
  body #footer_nav .menu_area {
    overflow: scroll;
    overflow-x: hidden;
    /*.btn_link*/
    /*ol.snd_nav*/
    /*ol.third_nav*/
  }
  body #footer_nav .menu_area ol {
    padding: 0;
  }
  body #footer_nav .menu_area ol li {
    display: block;
  }
  body #footer_nav .menu_area .btn_link {
    width: 100%;
    margin: 0 auto;
    /*a*/
  }
  body #footer_nav .menu_area .btn_link a {
    display: block;
    padding: 11px 0;
    background: #8771c5;
    color: #fff;
    font-size: 16px;
  }
  body #footer_nav .menu_area ol.snd_nav {
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    width: 94%;
    margin: 10px auto 10px;
    /*li*/
  }
  body #footer_nav .menu_area ol.snd_nav li {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    width: 49.5%;
    /*a*/
  }
  body #footer_nav .menu_area ol.snd_nav li a {
    width: 100%;
    display: block;
    padding: 8px 0;
    background: #8771c5;
    color: #fff;
    text-align: center;
  }
  body #footer_nav .menu_area ol.snd_nav li a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  body #footer_nav .menu_area ol.thrd_nav {
    margin: 0 3%;
    border-top: 1px solid #ddd;
    /*li*/
  }
  body #footer_nav .menu_area ol.thrd_nav li {
    border-bottom: 1px solid #ddd;
    /*a*/
  }
  body #footer_nav .menu_area ol.thrd_nav li a {
    display: block;
    padding: 5px;
    color: #404040;
    text-align: left;
  }
  body #footer_nav .menu_area ol.thrd_nav li a i {
    margin-right: 5px;
  }
  body #footer_nav .menu_area ol.thrd_nav li a:hover {
    color: #999;
  }
  body #footer_nav #footer_nav_accordion {
    padding: 0;
    margin: 0;
  }
  body #footer_nav #footer_nav_accordion li li.gtitle {
    display: none;
    color: #008099;
    border-top: 1px solid #fff;
    background: #d3e7eb none;
    text-indent: 4.5%;
    font-weight: bold;
  }
  body #footer_nav #footer_nav_accordion li {
    cursor: pointer;
    line-height: 3.5em;
    color: #fff;
    background: url(../images/smp/common/footer_menu_up.png) no-repeat scroll 96% 12px #8771c5;
    background-size: 20px;
  }
  body #footer_nav #footer_nav_accordion li ul {
    margin: 1px 0;
    background: #fff;
  }
  body #footer_nav #footer_nav_accordion li ul.last {
    margin: 0;
  }
  body #footer_nav #footer_nav_accordion li span {
    display: block;
    text-indent: 2%;
    font-size: 16px !important;
  }
  body #footer_nav #footer_nav_accordion li li {
    display: none;
    border-top: 1px solid #fff;
  }
  body #footer_nav #footer_nav_accordion li li.last {
    border-bottom: 1px solid #fff;
  }
  body #footer_nav #footer_nav_accordion li li a {
    display: block;
    background: url(../css/images/nav_arrow@2x.png) no-repeat scroll 95.5% center #ebeff0;
    background-size: 14px;
    color: #404040;
    font-size: 12px;
    padding: 10px 20px;
    line-height: 1.5em;
  }
  /*body*/
}
/* CSS Document */
/*----------------------------------------*/
/*スマホ                      
/*----------------------------------------*/
@media screen and (max-width: 767px) {
  .page_index {
    /*----------------------------------------*/
    /*              トップページ      
	/*----------------------------------------*/
    /*contents_wrap*/
    /*----------------------------------------*/
    /*スライダー                    
	/*----------------------------------------*/
    /*.bx-wrapper*/
    /*#mv_wrap*/
    /*----------------------------------------*/
    /*バナー                    
	/*----------------------------------------*/
    /*ul#smp_banner*/
    /*----------------------------------------*/
    /*2コース                       
	/*----------------------------------------*/
    /*course_list*/
    /*----------------------------------------*/
    /*2カラム                
	/*----------------------------------------*/
    /*----------------------------------------*/
    /*自分のスケジュールに合わせて体験          
	/*----------------------------------------*/
    /*.link_btn*/
  }
  .page_index #contents_wrap {
    padding: 25px 0 0 0 !important;
    /*contents_l*/
  }
  .page_index #contents_wrap #contents_l {
    width: 100% !important;
    /*article_l*/
  }
  .page_index #contents_wrap #contents_l .article_l {
    float: none;
    width: 100%;
    margin: 0;
    padding: 10px 10px 20px 10px;
    /*article*/
  }
  .page_index #contents_wrap #contents_l .article_l .article {
    padding: 10px;
    /*contents_left*/
    /*contents_right*/
    /*イベント詳細*/
    /*.event_detail*/
    /*#event_contents .event_link,*/
    /*----------------------------------------*/
    /*作品ギャラリーのバナー
					/*----------------------------------------*/
    /*#gallery_contents*/
    /*----------------------------------------*/
    /*Jeweyry is Lifeのバナー
					/*----------------------------------------*/
    /*#diary*/
  }
  .page_index #contents_wrap #contents_l .article_l .article .contents_left {
    float: none;
    width: 100%;
  }
  .page_index #contents_wrap #contents_l .article_l .article .contents_right {
    float: none;
    width: 100%;
  }
  .page_index #contents_wrap #contents_l .article_l .article #event_contents,
  .page_index #contents_wrap #contents_l .article_l .article #gallery_contents,
  .page_index #contents_wrap #contents_l .article_l .article #news_contents {
    margin-bottom: 30px;
    /*.catch1*/
  }
  .page_index #contents_wrap #contents_l .article_l .article #event_contents .catch1,
  .page_index #contents_wrap #contents_l .article_l .article #gallery_contents .catch1,
  .page_index #contents_wrap #contents_l .article_l .article #news_contents .catch1 {
    margin: 0;
  }
  .page_index #contents_wrap #contents_l .article_l .article .event_detail {
    margin-bottom: 0;
  }
  .page_index #contents_wrap #contents_l .article_l .article #event_contents,
  .page_index #contents_wrap #contents_l .article_l .article #news_contents {
    /*.event_link*/
  }
  .page_index #contents_wrap #contents_l .article_l .article #event_contents .event_link,
  .page_index #contents_wrap #contents_l .article_l .article #news_contents .event_link {
    /*li*/
  }
  .page_index #contents_wrap #contents_l .article_l .article #event_contents .event_link li,
  .page_index #contents_wrap #contents_l .article_l .article #news_contents .event_link li {
    /*a*/
  }
  .page_index #contents_wrap #contents_l .article_l .article #event_contents .event_link li a,
  .page_index #contents_wrap #contents_l .article_l .article #news_contents .event_link li a {
    padding: 10px;
    /*div.row*/
  }
  .page_index #contents_wrap #contents_l .article_l .article #event_contents .event_link li a div.row,
  .page_index #contents_wrap #contents_l .article_l .article #news_contents .event_link li a div.row {
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  .page_index #contents_wrap #contents_l .article_l .article #event_contents .event_link li a div.row .col4,
  .page_index #contents_wrap #contents_l .article_l .article #news_contents .event_link li a div.row .col4 {
    padding-right: 15px;
  }
  .page_index #contents_wrap #contents_l .article_l .article #event_contents .event_link li a div.row .col4,
  .page_index #contents_wrap #contents_l .article_l .article #news_contents .event_link li a div.row .col4,
  .page_index #contents_wrap #contents_l .article_l .article #event_contents .event_link li a div.row .col8,
  .page_index #contents_wrap #contents_l .article_l .article #news_contents .event_link li a div.row .col8 {
    width: auto;
    float: none;
    /*img*/
    /*p.news_title*/
  }
  .page_index #contents_wrap #contents_l .article_l .article #event_contents .event_link li a div.row .col4 img,
  .page_index #contents_wrap #contents_l .article_l .article #news_contents .event_link li a div.row .col4 img,
  .page_index #contents_wrap #contents_l .article_l .article #event_contents .event_link li a div.row .col8 img,
  .page_index #contents_wrap #contents_l .article_l .article #news_contents .event_link li a div.row .col8 img {
    margin: 0;
  }
  .page_index #contents_wrap #contents_l .article_l .article #event_contents .event_link li a div.row .col4 p.news_title,
  .page_index #contents_wrap #contents_l .article_l .article #news_contents .event_link li a div.row .col4 p.news_title,
  .page_index #contents_wrap #contents_l .article_l .article #event_contents .event_link li a div.row .col8 p.news_title,
  .page_index #contents_wrap #contents_l .article_l .article #news_contents .event_link li a div.row .col8 p.news_title {
    margin-bottom: 0;
  }
  .page_index #contents_wrap #contents_l .article_l .article #event_contents .event_link li a div.row .col4 p.news_content,
  .page_index #contents_wrap #contents_l .article_l .article #news_contents .event_link li a div.row .col4 p.news_content,
  .page_index #contents_wrap #contents_l .article_l .article #event_contents .event_link li a div.row .col8 p.news_content,
  .page_index #contents_wrap #contents_l .article_l .article #news_contents .event_link li a div.row .col8 p.news_content {
    line-height: 1.4;
  }
  .page_index #contents_wrap #contents_l .article_l .article #gallery_contents {
    /*p.ac*/
  }
  .page_index #contents_wrap #contents_l .article_l .article #gallery_contents p.ac {
    /*a*/
  }
  .page_index #contents_wrap #contents_l .article_l .article #gallery_contents p.ac a {
    display: block;
    /*img*/
  }
  .page_index #contents_wrap #contents_l .article_l .article #gallery_contents p.ac a img {
    width: 100%;
    height: auto;
  }
  .page_index #contents_wrap #contents_l .article_l .article #diary {
    width: 100%;
    height: auto;
    top: 0;
    /*a*/
  }
  .page_index #contents_wrap #contents_l .article_l .article #diary a {
    display: block;
    width: auto;
    height: auto;
    text-align: center;
    /*img*/
  }
  .page_index #contents_wrap #contents_l .article_l .article #diary a img {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .page_index #contents_wrap #contents_l .article_l .article #diary a:hover {
    top: 0;
  }
  .page_index .bx-wrapper {
    margin-bottom: 30px;
    /*img*/
  }
  .page_index .bx-wrapper img {
    width: 100%;
    height: auto;
  }
  .page_index .bx-wrapper .bx-viewport {
    box-sizing: border-box;
    left: 0;
  }
  .page_index #mv_wrap {
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;
    height: auto;
    /*#mv_box*/
  }
  .page_index #mv_wrap #mv_box {
    width: 100%;
    /*#mv*/
  }
  .page_index #mv_wrap #mv_box #mv {
    position: relative;
    height: auto;
    overflow: hidden;
    margin-bottom: 15px;
    /*img*/
  }
  .page_index #mv_wrap #mv_box #mv img {
    width: 100%;
  }
  .page_index .bx-controls {
    display: block;
  }
  .page_index ul#smp_banner {
    padding: 30px 20px 0;
    margin-bottom: 10px;
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    /*
	●子要素の折り返し設定
	wrap:初期値。折り返しを許可、「複数行」。
	nowrap:折り返しなし、つまり「単一行」。
	wrap-reverse:「wrap」と同じで、ただ、折り返し地点が逆になります。
	*/
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    /*li*/
  }
  .page_index ul#smp_banner li {
    width: 49.5%;
    margin-bottom: 6px;
    /*img*/
  }
  .page_index ul#smp_banner li img {
    width: 100%;
    height: auto;
  }
  .page_index ul#smp_banner li:nth-child(odd) {
    margin-right: 0;
  }
  .page_index #course_list {
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
    /*ul*/
  }
  .page_index #course_list h3 {
    margin-left: 5px;
  }
  .page_index #course_list ul.clearfix::after {
    content: "";
  }
  .page_index #course_list ul {
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    /*li*/
  }
  .page_index #course_list ul li {
    float: none;
    height: auto;
    margin: 0 0 0 5px;
    /*a*/
  }
  .page_index #course_list ul li a {
    /*img*/
    /*dl*/
  }
  .page_index #course_list ul li a img {
    width: 100%;
    height: auto;
  }
  .page_index #course_list ul li a dl {
    height: auto;
    /*dt*/
    /*dd*/
  }
  .page_index #course_list ul li a dl dt {
    padding: 10px 0px;
    line-height: 1.5em;
    font-size: 10px;
    /*img*/
  }
  .page_index #course_list ul li a dl dt img {
    display: none;
  }
  .page_index #course_list ul li a dl dd {
    display: none;
    padding: 0;
  }
  .page_index .main_column2 {
    margin-bottom: 30px;
  }
  .page_index .main_column2 #taiken_contents {
    float: none;
    width: 100%;
    text-align: center;
    /*a.event_img*/
  }
  .page_index .main_column2 #taiken_contents .subTitle {
    text-align: left;
  }
  .page_index .main_column2 #taiken_contents a.event_img img {
    width: 100%;
    padding: 0;
    height: auto;
  }
  .page_index .link_btn {
    /*a*/
  }
  .page_index .link_btn a img {
    padding: 0;
  }
  /*.page_index*/
}
/* CSS Document */
/*----------------------------------------*/
/*スマホ                      
/*----------------------------------------*/
@media screen and (max-width: 767px) {
  /*tableスクロール*/
  .table_res_box {
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  /*コース*/
  #course {
    margin: 0px!important;
    padding: 0px!important;
    margin: 0;
    padding: 0;
    /*grid3*/
    /*thumb3*/
    /*#article*/
    /*number_list2*/
    /*cm*/
  }
  #course .grid3 {
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    /*item*/
  }
  #course .grid3 .item {
    padding: 0px !important;
    margin: 0;
    float: none;
    width: 32%;
    /*img*/
  }
  #course .grid3 .item img {
    width: 100% !important;
    height: auto !important;
  }
  #course .thumb3c {
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    /*thumb*/
  }
  #course .thumb3c .thumb {
    float: none !important;
    width: 33.3%;
    margin: 0;
    /*img*/
  }
  #course .thumb3c .thumb .img_border {
    padding: 0;
  }
  #course .thumb3c .thumb img {
    width: 100% !important;
    height: auto !important;
  }
  #course .table_res_box {
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  #course #article {
    /*item*/
    /*.fbox*/
    /*btn_box*/
  }
  #course #article .item {
    /*div*/
    /*.right*/
    /*.kochira*/
    /*diV*/
  }
  #course #article .item div {
    /*ul*/
  }
  #course #article .item div ul {
    /*li*/
  }
  #course #article .item div ul li:last-child {
    margin: 0;
  }
  #course #article .item .right {
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    /*
	●子要素の折り返し設定
	wrap:初期値。折り返しを許可、「複数行」。
	nowrap:折り返しなし、つまり「単一行」。
	wrap-reverse:「wrap」と同じで、ただ、折り返し地点が逆になります。
	*/
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    /*div.img*/
  }
  #course #article .item .right div.img {
    width: 32%;
    margin: 0 0 2% 2%;
  }
  #course #article .item .right div.img:nth-child(3n-2) {
    margin-left: 0;
  }
  #course #article .item .kochira {
    /*a*/
  }
  #course #article .item .kochira a img {
    max-width: 300px;
  }
  #course #article .item .ml10 {
    margin: 0 !important;
  }
  #course #article .fbox {
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    /*div*/
  }
  #course #article .fbox div.img {
    width: 32%;
    /*img*/
  }
  #course #article .fbox div.img img {
    width: 100%;
    height: auto;
  }
  #course #article .btn_box {
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    margin: 20px 0 0!important;
    width: 100% !important;
    /*.left*/
  }
  #course #article .btn_box .left {
    width: 50% !important;
    float: none !important;
    /*c_btn*/
  }
  #course #article .btn_box .left .c_btn {
    width: 99% !important;
    /*a*/
    /*a.pink*/
    /*a.orange*/
  }
  #course #article .btn_box .left .c_btn a {
    display: block;
    padding: 8px 0 !important;
    text-align: center;
    color: #fff;
    /*img*/
  }
  #course #article .btn_box .left .c_btn a img {
    display: none;
  }
  #course #article .btn_box .left .c_btn a.pink {
    background: url(../images/common/arrow_white.png) no-repeat #e54b93 5px center;
    background-size: 4px;
  }
  #course #article .btn_box .left .c_btn a.orange {
    background: url(../images/common/arrow_white.png) no-repeat #f27e2a 5px center;
    background-size: 4px;
  }
  #course #article .btn_box .left .c_btn a:hover {
    top: 0;
    padding: 8px 0 !important;
  }
  #course #article .basic_list {
    margin: 0 !important;
  }
  #course #article table.table1 {
    margin: 0;
  }
  #course #article table.table1 tr th {
    font-size: 10px !important;
  }
  #course #article table.table1 tr td.tac {
    font-size: 10px !important;
  }
  #course #article .table33 table {
    width: 100%;
    margin: 0;
  }
  #course #article .table33 table td + td {
    width: 62%;
  }
  #course .number_list2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    /*item*/
    /*.right*/
  }
  #course .number_list2 .item {
    float: none;
    padding: 80px 0 0 0;
    width: 100%;
    background-position: top center;
  }
  #course .number_list2 .right {
    float: none;
    margin: 10px auto;
  }
  #course .cm {
    /*article*/
  }
  #course .cm #article {
    padding: 0;
    margin: 0 auto;
    min-width: 100%;
  }
  /*#course*/
  /*キャリアスクールとは*/
  #about {
    /*wrapper*/
  }
  #about #wrapper {
    /*row*/
  }
  #about #wrapper .row {
    /*#contents_wrap*/
  }
  #about #wrapper .row #contents_wrap {
    /*contents*/
  }
  #about #wrapper .row #contents_wrap #contents {
    /*contents_l*/
  }
  #about #wrapper .row #contents_wrap #contents #contents_l {
    /*contents_l_wrap*/
  }
  #about #wrapper .row #contents_wrap #contents #contents_l .contents_l_wrap {
    /*cm_wrap*/
  }
  #about #wrapper .row #contents_wrap #contents #contents_l .contents_l_wrap #cm_wrap {
    /*cm*/
  }
  #about #wrapper .row #contents_wrap #contents #contents_l .contents_l_wrap #cm_wrap #cm {
    /*article*/
  }
  #about #wrapper .row #contents_wrap #contents #contents_l .contents_l_wrap #cm_wrap #cm #article {
    /*numbar_list*/
  }
  #about #wrapper .row #contents_wrap #contents #contents_l .contents_l_wrap #cm_wrap #cm #article .number_list {
    margin: 0;
    width: 100%;
    /*number01*/
    /*item*/
  }
  #about #wrapper .row #contents_wrap #contents #contents_l .contents_l_wrap #cm_wrap #cm #article .number_list .number01,
  #about #wrapper .row #contents_wrap #contents #contents_l .contents_l_wrap #cm_wrap #cm #article .number_list .number02,
  #about #wrapper .row #contents_wrap #contents #contents_l .contents_l_wrap #cm_wrap #cm #article .number_list .number03 {
    background-position: top center;
  }
  #about #wrapper .row #contents_wrap #contents #contents_l .contents_l_wrap #cm_wrap #cm #article .number_list .item {
    padding-left: 0;
    padding-top: 70px;
  }
  /*about*/
  /*施設紹介*/
  #facility {
    /*facility_box*/
  }
  #facility .facility_box {
    /*img*/
  }
  #facility .facility_box img {
    display: block;
    padding: 2px;
    width: 33.3%;
    height: auto;
  }
  /*#facility*/
  /*イベント*/
  #event {
    /*hasDatepicker*/
    /*event_box*/
    /*.request_event*/
  }
  #event #article {
    /*h4*/
    /*hasDatepicker*/
    /*#datepicker2_13, #datepicker2_10*/
    /*eventDate*/
    /*event_item*/
    /*eventWrap*/
  }
  #event #article h4 {
    margin-bottom: 5px;
    text-align: center;
    font-weight: bold;
  }
  #event #article .hasDatepicker {
    float: none;
    width: 224px;
    margin: 0 auto 10px;
    /*height:360px*/
  }
  #event #article #datepicker2_13,
  #event #article #datepicker2_10,
  #event #article #datepicker2_23 {
    float: none;
  }
  #event #article .eventDate {
    float: none;
    width: 100%;
    margin: 0 0 50px;
    /*eventDateBtn*/
  }
  #event #article .eventDate .eventDateBtn {
    width: 100%;
    /*a*/
  }
  #event #article .eventDate .eventDateBtn a {
    display: block;
    height: 100%;
  }
  #event #article .event_item {
    /*h3*/
    /*date*/
  }
  #event #article .event_item h3 {
    margin-top: 20px;
  }
  #event #article .event_item .date {
    float: none;
  }
  #event #article .eventWrap {
    float: none;
    width: 100%;
    margin: 0 auto 10px;
  }
  #event .event_box {
    margin-bottom: 40px;
  }
  #event .event_box p {
    float: none;
    width: 100%;
    padding: 0;
    margin-top: 10px;
  }
  #event .event_box div {
    float: none;
    margin-left: 0px;
    text-align: center;
  }
  #event .request_event {
    padding: 10px;
    /*.image*/
    /*.info*/
    /*イベント詳細*/
    /*div*/
  }
  #event .request_event .image {
    float: none;
    margin: 0 auto 20px;
    /*img*/
  }
  #event .request_event .image img {
    width: 100%;
    height: auto;
  }
  #event .request_event .info {
    margin-left: 0;
  }
  #event .request_event .info label {
    font-size: 14px;
  }
  #event .request_event .info input {
    margin: 0 10px;
  }
  #event .request_event .info .catch {
    margin-left: 32px;
  }
  #event .request_event .info .name {
    margin-left: 32px;
  }
  #event .request_event .info .teaser {
    margin-left: 32px;
  }
  #event .request_event div {
    /*ul*/
  }
  #event .request_event div ul {
    width: 97%;
    margin: 10px auto;
    /*li*/
  }
  #event .request_event div ul li {
    width: 48.5%;
    margin: 0 0 4% 3%;
    font-size: 10px;
  }
  #event .request_event div ul li:nth-child(4n-3) {
    margin-left: 2%;
  }
  #event .request_event div ul li:nth-child(2n-1) {
    margin-left: 0%;
  }
  /*event*/
  /*アクセス*/
  #access {
    /*article*/
  }
  #access #article {
    height: auto;
    /*box1*/
    /*.item*/
  }
  #access #article .box1 {
    width: 100% !important;
  }
  #access #article .item {
    /*h4.catch2*/
    /*a*/
    /*.body_txt.ar*/
  }
  #access #article .item h4.catch2 {
    /*span*/
  }
  #access #article .item h4.catch2 span {
    display: block;
  }
  #access #article .item a {
    /*img*/
  }
  #access #article .item a img {
    width: 100% !important;
    height: auto !important;
  }
  #access #article .item .body_txt.ar {
    text-align: left !important;
    /*span.map_txt*/
  }
  #access #article .item .body_txt.ar span.map_txt {
    font-size: 9px;
  }
  /*access*/
  /*ギャラリー*/
  #gallery {
    /*#article */
  }
  #gallery #article {
    /*.c2*/
  }
  #gallery #article .c2 {
    /*ul*/
  }
  #gallery #article .c2 ul {
    /*li*/
  }
  #gallery #article .c2 ul li {
    width: 49%;
    margin-top: 2%;
    /*img*/
  }
  #gallery #article .c2 ul li img {
    width: 100%;
    height: auto;
  }
  /*gallery*/
  #news {
    /* 共通 */
    /*#article*/
    /* ニュースリスト */
    /*#article*/
  }
  #news #article {
    /*p*/
    /*修了生の声*/
  }
  #news #article table {
    margin: 0 auto;
    width: 100% !important;
  }
  #news #article .table_res_box {
    /*table*/
  }
  #news #article .table_res_box table {
    width: 590px !important;
  }
  #news #article p span br {
    display: none;
  }
  #news #article .news_aftergraduation {
    /*table*/
  }
  #news #article .news_aftergraduation table {
    /*td*/
  }
  #news #article .news_aftergraduation table td img.smp_w100 {
    width: 100px !important;
    height: auto !important;
  }
  #news #article {
    /*NEWSアーカイブ*/
    /*.archive*/
    /* ニュース詳細 */
    /*.single*/
  }
  #news #article .archive {
    /*.news_item*/
  }
  #news #article .archive .news_item {
    /*a*/
  }
  #news #article .archive .news_item a {
    padding: 15px 0 15px 0;
    /*i*/
    /*.date*/
    /*.row*/
  }
  #news #article .archive .news_item a i {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 16px;
    margin: auto;
    font-size: 14px;
    font-weight: bold;
    color: #6397C7;
  }
  #news #article .archive .news_item a .date {
    position: static;
    padding: 0;
    margin-bottom: 8px;
    background: none;
    color: #000;
    font-size: 12px;
    line-height: 1;
  }
  #news #article .archive .news_item a .row {
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*.thumb*/
    /*.txt*/
  }
  #news #article .archive .news_item a .row .thumb {
    float: none;
    width: auto;
    height: auto;
    /*img*/
  }
  #news #article .archive .news_item a .row .thumb img {
    width: 70px;
  }
  #news #article .archive .news_item a .row .txt {
    float: none;
    width: auto;
    padding-left: 10px;
    /*h3*/
    /*.item_footer*/
  }
  #news #article .archive .news_item a .row .txt h3 {
    margin-bottom: 2px;
    padding-left: 16px;
    font-size: 12px;
    line-height: 1.4;
  }
  #news #article .archive .news_item a .row .txt .ex {
    padding: 0 25px 0 15px;
    line-height: 1.4;
  }
  #news #article .archive .news_item a .row .txt .item_footer {
    display: none;
  }
  #news #article .single img {
    text-align: center;
    width: 100% !important;
    height: auto !important;
    max-width: 590px;
  }
  #news #article .single b,
  #news #article .single strong {
    font-weight: bold;
  }
  #news #article .single h4 {
    font-size: 15px;
  }
  #news #article .single h5 {
    font-size: 14px;
  }
  #news #article .single table {
    margin: 0;
    width: 100%;
  }
  /*news*/
  /*お問い合わせフォーム共通*/
  .qcform_item {
    width: 100% !important;
    padding: 0 !important;
    /*.qcform_title*/
    /*input*/
  }
  .qcform_item .qcform_title {
    width: 100% !important;
  }
  .qcform_item textarea {
    width: 100% !important;
  }
  /*.qcform_item*/
  .confirm {
    display: block !important;
    margin: 0 auto !important;
    width: 25%;
  }
  p {
    word-wrap: break-word;
  }
  p.eventDateBtn {
    margin: 0 0 4px !important;
  }
  .table_res_box {
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }
}
/*# sourceMappingURL=common.css.map */