@charset "UTF-8";

/* トップページ専用CSS */

#main div.main_inner {
  /* メイン部分白い島背景画像 */
  clear: both;
  background: #FFFFFF;
  padding-top: 20px;
}

#main div.main_inner2 {
  padding: 0 20px 15px;
}



/* TOP 教材の特長エリア */

#main .box_feature .boxlink {
  border: #DFDFD0 solid 2px;
  width: 296px;
  height: 230px;
  float: left;
  padding: 10px;
  overflow: hidden;
  margin-right: 18px;
  margin-right: 9px\9;
  /* IE8 hack */
}

* html #main .box_feature .boxlink {
  /* IE6 hack */
  width: 316px;
  height: 250px;
  margin-right: 9px;
}

#main .box_feature .boxlink:hover {
  border: #f00 solid 2px;
}

#main .box_feature div:last-child {
  margin-right: 0;
}

#main .box_feature .boxlink h3 {
  color: #fff;
  font-weight: bold;
  width: 93px;
  height: 90px;
  margin-bottom: 30px;
  padding: 5px;
}

#main .box_feature .boxlink p {
  margin-bottom: 15px;
  height: 55px;
}

* html #main .box_feature .boxlink p {
  /* IE6 hack */
  padding-top: 10px;
}

#main .box_feature .boxlink p a {
  padding-left: 10px;
  color: #fff;
  height: 30px;
}

#main .box_feature #box_feature_gyosei1 {
  background: url(/k1106/images/00top/gyosei/bg_feature_dvd.png) left top no-repeat;
}

#main .box_feature #box_feature_gyosei2 {
  background: url(/k1106/images/00top/gyosei/bg_feature_text.png) left top no-repeat;
}

#main .box_feature #box_feature_sharoushi1 {
  background: url(/k1106/images/00top/sharoushi/bg_feature_dvd.png) left top no-repeat;
}

#main .box_feature #box_feature_sharoushi2 {
  background: url(/k1106/images/00top/sharoushi/bg_feature_text.png) left top no-repeat;
}

#main .box_feature #box_feature_fp1 {
  background: url(/k1106/images/00top/fp/bg_feature_dvd.png) left top no-repeat;
}

#main .box_feature #box_feature_fp2 {
  background: url(/k1106/images/00top/fp/bg_feature_text.png) left top no-repeat;
}

#main .box_feature #box_feature_takken1 {
  background: url(/k1106/images/00top/takken/bg_feature_dvd.png) left top no-repeat;
}

#main .box_feature #box_feature_takken2 {
  background: url(/k1106/images/00top/takken/bg_feature_text.png) left top no-repeat;
}

#main .box_feature #box_feature_boki1 {
  background: url(/k1106/images/00top/boki/bg_feature_dvd.png) left top no-repeat;
}

#main .box_feature #box_feature_boki2 {
  background: url(/k1106/images/00top/boki/bg_feature_text.png) left top no-repeat;
}

#main .box_feature #box_feature_mankan1 {
  background: url(/k1106/images/00top/mankan/bg_feature_dvd.png) left top no-repeat;
}

#main .box_feature #box_feature_mankan2 {
  background: url(/k1106/images/00top/mankan/bg_feature_text.png) left top no-repeat;
}

#main .box_feature #box_feature_color1 {
  background: url(/k1106/images/00top/color/bg_feature_dvd.png) left top no-repeat;
}


/* 神宮先生の写真だけ見出しを右側に */

#main .box_feature #box_feature_color1 h3 {
  margin-left: 192px;
}

#main .box_feature #box_feature_color2 {
  background: url(/k1106/images/00top/color/bg_feature_text.png) left top no-repeat;
}

#main .box_feature #box_feature_it1 {
  background: url(/k1106/images/00top/it/bg_feature_dvd.png) left top no-repeat;
}

#main .box_feature #box_feature_it2 {
  background: url(/k1106/images/00top/it/bg_feature_text.png) left top no-repeat;
}

#main .box_feature #box_feature_tsukanshi1 {
  background: url(/k1106/images/00top/tsukanshi/bg_feature_dvd.png) left top no-repeat;
}

#main .box_feature #box_feature_tsukanshi2 {
  background: url(/k1106/images/00top/tsukanshi/bg_feature_text.png) left top no-repeat;
}

#main .box_feature #box_feature_ryokou1 {
  background: url(/k1106/images/00top/ryokou/bg_feature_dvd.png) left top no-repeat;
}

#main .box_feature #box_feature_ryokou2 {
  background: url(/k1106/images/00top/ryokou/bg_feature_text.png) left top no-repeat;
}


/* TOP 合格者の声 */

#main ul#list_top_successful .boxlink {
  box-sizing: border-box;
  border: #EDEDED solid 2px;
  width: 162px;
  float: left;
  margin-right: 4px;
  margin-right: 2px\9;
  /* IE8 hack */
  padding: 0 9px;
}

* html #main ul#list_top_successful .boxlink {
  /* IE6 hack */
  width: 140px;
  margin-right: 6px;
}

#main ul#list_top_successful li:last-child {
  margin-right: 0;
}

#main ul#list_top_successful .boxlink:hover {
  border: #dd0000 solid 2px;
  cursor: pointer;
}


/* キャッチコピー */

#main ul#list_top_successful .boxlink .box_successcatch {
  display: table;
  height: 72px;
  overflow: hidden;
  padding-top: 6px;
}

#main ul#list_top_successful .boxlink .box_successcatch p {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  font-size: 12px;
}


/* 短期一発合格アイコン */


/*#main ul#list_top_successful .boxlink .icon_short {
	display:block;
	margin:8px 0 0 -11px;
}*/


/* プロフィール */

#main ul#list_top_successful .boxlink .text_profile {
  padding: 5px 0 0;
}


/* ボタン */

#main ul#list_top_successful .boxlink a, #main ul#list_top_successful .boxlink2 a {
  display: block;
  margin: 3px 0 5px;
  padding: 5px;
  background: #333;
  color: #FFFFFF;
  text-align: center;
  border-radius: 6px;
}


/* 担当講師紹介 */

#main p.topkoushi_name {
  font-size: 14px;
  padding: 30px 0px 5px 0px;
  margin-bottom: 10px;
  border-bottom: solid 1px #acacac;
}

#main p.topkoushi_cap {
  font-size: 20px;
  font-weight: bold;
}

#main p.topkoushi_cap2 {
  font-size: 20px;
  font-weight: bold;
  color: #dd0000;
  margin-bottom: 10px;
}


/* 講座TOP 新着情報のみ 20140514時点 */

#main .list_news {
  margin-top: 20px;
  border-top: #ccc dotted 1px;
}

#main .list_news li {
  border-bottom: #ccc dotted 1px;
  padding: 5px;
}


/*------講座トップの講座の特徴------------------*/

.main_inner .box_feature4 h3 b {
  font-weight: lighter;
  display: block;
  float: left;
  font-size: 70%;
  padding: 8px 10px 5px 10px;
  background-color: #DD0000;
  color: #FFFFFF;
  line-height: 100%;
  margin-right: 10px;
}

.main_inner .box_feature4 h3 {
  text-align: left;
  font-weight: lighter;
  font-size: 150%;
  padding: 0px 0 3px 0px;
  line-height: 150%;
  clear: both;
  color: #000;
  overflow: hidden;
  border-bottom: 6px solid #EEE;
  margin: 0 auto 20px auto;
}

.box_feature4 {
  margin: 5px auto 0px auto;
  overflow: hidden;
  clear: both;
}

.box_feature4 h4 {
  font-size: 120%;
  color: #DD0000;
}

.box_feature4 h4 span {
  font-size: 14px;
}


/*
.box_feature4 h4 b {
	color: #DD0000;
}

.box_feature4 a:hover h4 {
	color: #DD0000;
}*/

.box_feature4 hr {
  border: none;
  border-bottom: 1px solid #E8E8E8;
  margin: 20px;
  clear: both;
}

.box_feature4__body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.box_feature4__body_cont {
  width: 49%;
  margin-bottom: 2%;
  border: 2px solid #ededed;
}

.box_feature4__body_cont:hover {
  border: 2px solid #d00;
}


/*
.box_feature4 .cont01,
.box_feature4 .cont02,
.box_feature4 .cont03,
.box_feature4 .cont04 {
	width: 48%;
	float: left;
}

.box_feature4 .cont01,
.box_feature4 .cont02 {
	margin: 0 0 20px 0;
}

.box_feature4 .cont03,
.box_feature4 .cont04 {
	margin: 0 0 20px 0;
}

.box_feature4 .cont01,
.box_feature4 .cont03 {
	margin: 0 4% 20px 0;
}
*/

.box_feature4 a {
  text-decoration: none;
  display: block;
  padding: 5%;
  color: #333;
}

.box_feature4 img {
  max-width: 100%;
  margin: 10px 0;
}

.box_feature4 a:hover img {
  opacity: 0.7;
}