/* header */
.container {
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
}

#kiheader {
	width: 100%;
	padding: 0;
	margin: 0;
	height: 300px !important;
}

#kiheader .navCateg-wapper {
	background: url(../img/component/nav-line-lr.png) no-repeat;
}

/* トップページに戻る */
.to-top {
	height: 23px;
  font-size: 13px;
  font-weight: bold;
  margin-top: 15px;
}
.to-top a {
  color: #888;
}
.to-top a:hover {
  opacity: 0.6;
}

/* 文字のサイズ */
#font-size {
  float: right;
  margin-top: -28px;
}
#font-size p{
  color: #888;
  font-size: 13px;
  font-weight: bold;
  margin-top: 19px;
  margin-right: 18px;
}
/*#font-size p {
  color: #888;
}*/
/*#font-size a{
  font-size: 14px;
  font-weight: bold;
  margin-top: 19px;
}*/
#font-size a {
  color: #999;
  background: #f6f6f6;
  border-radius: 15px;
  font-size: 14px;
  font-weight: bold;
  margin: 19px 0 5px;
  margin-top: 19px;
  margin-left: 5px;
  padding: 8px;
  text-decoration: none;
}
#font-size li {
  display: inline-block;
}
#font-size li a:hover{
  background: #46adcf;
  color: #fff;
}
#font-size li a.textresizer-active {
  background: #46adcf;
  color: #fff;
}

/* ロゴ */
.logo {
  width: 230px;
  height: 63px;
  float:left;
  margin-left:25%;
  margin-bottom:20px;
}
.logo img:hover {
  opacity: 1.0;
}

/* 新規登録・ログイン */
/*.sing {
  width: 430px;
  height:35px;
  margin-left: 260px;
  margin-top: -50px;
}
.sing li{
  display: inline-block;
}
#sing-up:hover {
    opacity: 0.6;
}
#log-in {
  float: right;
}
#log-in:hover {
    opacity: 0.6;
}*/


/* フリーダイヤル */
.tel {
  /*position: absolute;
  margin-top: -100px;
  margin-left: 720px;*/
  float:right;
  padding-right:0px;
  padding-top:20px;
  
}

/* ナビゲーション */
.navCateg-wapper {
  /*height: 39px;*/
  margin-top: 30px;
  clear:both;
}

.navCateg a {
  color: #333;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
  word-spacing:0.04em;
}
.navCateg li {
  float: left;
  list-style-type: none !important;
  margin-top: 8px;
  text-align: center;
  width: 180px;
  height:50px;
  margin-right:8px;
}
.navCateg li.bg{
  height:40px;
  width: 170px;
  padding-top:11px;
  padding-left:11px;
}

.navCateg li.bg1 {
  background: url(https://www.english-dialogclub.com/blog/wp-content/themes/twentytwelve/img/b-news.jpg) repeat-y left top;
}

.navCateg li.bg2 {
  background: url(https://www.english-dialogclub.com/blog/wp-content/themes/twentytwelve/img/b-online-eng.jpg) repeat-y left top;
  line-height:120%;
  height:42px;
  padding-top:8px;}

.navCateg li.bg2 a{
  font-size:15px;
}

.navCateg li.bg3 {
  background: url(https://www.english-dialogclub.com/blog/wp-content/themes/twentytwelve/img/b-faq.jpg) repeat-y left top;
}

.navCateg li.bg4 {
  background: url(https://www.english-dialogclub.com/blog/wp-content/themes/twentytwelve/img/b-campaign.jpg) repeat-y left top;
}

.navCateg li.bg5 {
  background: url(https://www.english-dialogclub.com/blog/wp-content/themes/twentytwelve/img/b-blog-advice.jpg) repeat-y left top;
  line-height:120%;
  height:42px;
  padding-top:8px;
}

.navCateg li.bg5 a{
  font-size:15px;
}

.navCateg li.bg6 {
  background: url(https://www.english-dialogclub.com/blog/wp-content/themes/twentytwelve/img/b-reviews.jpg) repeat-y left top;
}

.navCateg li.bg7 {
  background: url(https://www.english-dialogclub.com/blog/wp-content/themes/twentytwelve/img/b-dream.jpg) repeat-y left top;
}

.navCateg li.bg8 {
  background: url(https://www.english-dialogclub.com/blog/wp-content/themes/twentytwelve/img/b-gogaku.jpg) repeat-y left top;
}
/*#nav-line-lr {
  position: absolute;
  margin-top: -39px;
  z-index: -9999;
}
.boreder-l {
  border-bottom: 2px solid #46adcf;
  margin-top: 10px;
}*/

.navCateg li a:hover{
	color:#663300;
	text-decoration:underline;
}



/* コンテンツ */
#contents {
  width: 950px;
  margin-top: 30px;
}

/* スライド */
.bx-wrapper {
  width: 690px;
  height:230px;
  *zoom: 1;
  float: left;
}
.bx-wrapper li {
	list-style-type: none;
}
.bx-viewport {
  height: 230px!important;
}

/* Pager */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 10px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: -80px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #46adcf;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  margin-left: 10px;
  background: url(../img/component/prev.png);
  opacity: 0.5;
}
.bx-wrapper .bx-next {
  margin-left: 644px;
  background: url(../img/component/next.png);
  opacity: 0.5;
}
.bx-prev:hover {
  opacity: 1.0;
}
.bx-next:hover {
  opacity: 1.0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  margin-top: -220px;
  outline: 0;
  width: 36px;
  height: 36px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* サービス説明 */
#wrapDiscription {
  width: 690px;
  min-height: 1000px;
  float: left;
/*  margin-top: 29px;*/
}
#disc0 {
	margin-top: 17px;
}
#disc0 p{
  width: 690px;
/*  font-size: 15px;*/
  line-height: 1.55em;
  margin-top: 17px;
}
.disc0-img{
  margin-top: 10px;
}
#disc1 {
  margin-top: 37px;
}
#disc1 p{
  width: 690px;
/*  font-size: 15px;*/
  line-height: 1.55em;
  margin-top: 11px;
}
.disc1-img{
  margin-top: 7px;
}
#disc2 {
  margin-top: 37px;
}
#disc2 p{
  width: 690px;
/*  font-size: 15px;*/
  line-height: 1.55em;
  margin-top: 11px;
}
.disc2-img{
  margin-top: 7px;
}
#disc2 table {
	width: 690px;
	border: none;
	background: #fff;
}
#disc2 table td {
	padding: 0 0 20px 10px;
}
#disc2 table th {
	width: 100px;
}


/* サイドバー */
#sidebar {
  width: 230px;
  padding-left: 30px;
  display: inline-block;
  margin-top:30px;
}
.indexpage #sidebar {
  margin-top:0;
}

/* トライアルバナー */
.trial {
  margin-bottom: 17px;
}
.trial:hover {
  opacity: 0.6;
}

/* よくある質問 */
.question {
  margin-bottom: 17px;
}
.question:hover {
  opacity: 0.6;
}

.inqfrmk {
  margin-bottom: 17px;
}
.inqfrmk:hover {
  opacity: 0.6;
}

/* 人気講師の動画 */
.youtube0 div,
.youtube1 div,
.youtube2 div{
	width: 216px;
}

.wrapYoutube {
	height: 540px !important;
}

.wrapYoutube span {
	position: absolute;
	margin-top: -5px;
	font-size: 65%;
}

.youtube0 div{
  position: absolute;
  margin-top: -476px;
  margin-left: 7px;
}
.youtube1 div{
  position: absolute;
  margin-top: -351px;
  margin-left: 7px;
}

.youtube2 div{
  position: absolute;
  margin-top: -226px;
  margin-left: 7px;
}
/*fb*/
.fb-like-box {
	margin-bottom: 20px;
}

/*blockquoteの背景*/
blockquote.bq-bg{
  background-color:#f0f0e8;
  padding:20px;
}


/*materialsの見出しにマゼンダ色追加用*/

.materials h2,
.materials h3 {
	color: #d94569;
	
}

/*lessonの見出しにマゼンダ色追加用*/

.lesson .mazenda {
	color: #d94569;
	
}
/*lessonのh1をセンタリング＋背景シアン等*/

.lesson h1.cyan {
	width: auto;
	padding:5px;
	background:#46adcf;
	text-align: center;
	color: #fff;

}

/*lessonの一部レイアウト変更*/

.lesson .lesson-text {
	float:left;
	width:50%;
}

.lesson .lesson-image {
	float:right;
	width:45%;
	vertical-align:middle;
}
.lesson .lesson-image img{
	width:100%;
}

.lesson .lesson-banner {
	width: 210px;
	padding:5px;
	margin: 10px 0;
	color: #fff;
	font-size: 0.8em;
	text-align: center;
	background: #46adcf;
}

.lesson a.lesson-banner-a {
	text-decoration:none;
	font-weight: 100;

}


/*indexpageのh2をセンタリング＋背景オレンジ等*/

.indexpage h2.orange_bg {
	width: auto;
	padding:5px;
	background:#f18b1b;
	text-align: center;
	color: #fff;	
}

/*indexpageのh3をセンタリング＋背景シアン等*/

.indexpage h3.cyan_bg {
	width: auto;
	padding:5px 10px;
	border-bottom: 2px dotted #d1ac44;
	margin-bottom:5px;
	color: #000;
	font-size: 21px;
}


/* IndexpageのPRエリア*/
.pr-area {
	border: 1px dotted #ccc;
	margin: 40px 0 ;
}

.pr-area li{
  padding: 0 20px;
}

.pr-area li a{
  color: #000;
}

.pr-area h2{
	padding: 0 20px;
}


/*プランページのテキスト化部分*/

.plan #planlist {
	font-size: 103%;
	
}

.plan #planlist h2 {
	border:none;
	margin:1.4em 0 0 0;
	padding: 0;
	
}

.plan #planlist h2 img {
	vertical-align:middle;
	
}

.plan #planlist .plan_table td {
	border:none;
	
}

.plan #planlist .plan_table td.mazenda {
	color: #d94569;
	width: 150px;
	
}

.plan #planlist .orange_box {
	border:solid 1px #f18b1b ;
	padding:5px;
	margin: 20px 0;
	
}

.plan #planlist .orange_box .orange {
	color: #f18b1b;
	font-weight: bold;
	
}

/*plan末尾のバナー*/

.plan .plan-banner {
	margin: 10px 0;
	
}


/*フォームページ*/

.prflsfrm .search-title {
	padding: 2px;
	margin-right: 10px;
	background-color:#fff;
	text-align: center;	
	border: 1px solid #dadada;

}

.prflsfrm .area-checkbox {
	padding: 2px;
	background-color:#fff;
	border: 1px solid #dadada;
	margin: 10px 0;

}

.prflsfrm .s_checkbox {
	font-size: 0.8em;
	white-space:nowrap;	
	
}

.prflsfrm .search dl {
	margin: 5px 0;

}

.prflsfrm .search select {
	height: 36px;

}

.prflsfrm #main .list {
	margin-bottom: 20px;
	
}

.prflsfrm  .introduce,
.prflsfrm .characterloop,
.prflsfrm .interestloop {
	margin: 10px 0;
	
}

/*他社との違い　difference のレイアウト改訂*/

.difference .difference-text {
	float:left;
	width:60%;
}

.difference .difference-image {
	float:right;
	width:35%;
	vertical-align:middle;
}

.difference .midashi_bg {
	border:solid 1px #d94569;
	padding:10px 0;
	text-align: center;
}

.difference .mazenda {
	color: #d94569;
	
}