@charset "utf-8";

/*========================

1．ホーム（メインインデックス）


========================*/

/*----------------------------------------------------
■ 1．ホーム（メインインデックス）
----------------------------------------------------*/

.mt-main-index ul {
	list-style: none;
}
/*
.mt-main-index #mainImage ul li a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
*/

/*=================================================================
▼▼▼ media Queries（640px以下の画面サイズのスタイル）▼▼▼
=================================================================*/

@media only screen and (max-width: 640px) {

/* メインイメージ */

.crossfader img{
	padding-top: 20px;
}

/* メインイメージ脇ボタン 
.mt-main-index #mainImage ul {
	padding: 15px 0px 0px;
	border-bottom: solid 1px #ccc;
}
.mt-main-index #mainImage ul li {
	background: url(../../images/index/index_bt_bg.png) 
		left bottom
		repeat-x;
}
.mt-main-index #mainImage ul li img {
	width: 100%;
}
.mt-main-index #mainImage ul li a {
	display: block;
	height: 68px;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	border-color: #ccc;
}
.mt-main-index #mainImage ul > *:first-child a {
	background: url(../../images/index/index_bt001.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * a {
	background: url(../../images/index/index_bt002.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * + * a  {
	background: url(../../images/index/index_bt003.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * + * + * a {
	background: url(../../images/index/index_bt004.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * + * + * + * a {
	background: url(../../images/index/index_bt005.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child a:hover {
	background: url(../../images/index/index_bt001_o.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * a:hover {
	background: url(../../images/index/index_bt002_o.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * + * a:hover  {
	background: url(../../images/index/index_bt003_o.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * + * + * a:hover {
	background: url(../../images/index/index_bt004_o.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * + * + * + * a:hover {
	background: url(../../images/index/index_bt005_o.png) 
		50% 0px
		no-repeat;
}

*/

#lang_menu {
	padding: 15px 0px 0px;
	border-bottom: solid 1px #ccc;
	
}

#lang_menu ul {

	border : 1px solid #aaa ;
		
}

#lang_menu li {
	height:70px;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	border-color: #ccc;
	
	
}

#lang_menu .menu01 {
	background:url(../../images/index/index_bt001_sp.png) no-repeat;

	height:70px;
}

#lang_menu .menu02 {
	background:url(../../images/index/index_bt002_sp.png) no-repeat;

	height:70px;
}

#lang_menu .menu03 {
	background:url(../../images/index/index_bt003_sp.png) no-repeat;

	height:70px;
}

#lang_menu .menu04 {
	background:url(../../images/index/index_bt004_sp.png) no-repeat;

	height:70px;
}

#lang_menu .menu05 {
	background:url(../../images/index/index_bt005_sp.png) no-repeat;

	height:70px;
}



#lang_menu p {
	width:70%;
	padding-left:80px;
	vertical-align:middle;
	display: inline-block;
	font-size:0.8em;
	font-weight:bold;
	position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#lang_menu a:hover {
	color:#FFA33D;
}

#linkArea {
	width:350px;
	margin:0 auto;
}

#linkArea div {
	width:225px;
	color:#fff;
	margin:0 auto;
	padding:10px 0;
}

.linkarea_txt01 {
	background:#045AB1;

}

.linkarea_txt02 {
	 background:#567E01;
}

.linkarea_txt03 {
	 background:#DD5A02;
}

.linkarea_txt04 {
	 background:#68359A;
}




/* ニュース関連 */
.mt-main-index #contentArea .wrap div {
	padding: 10px 0px 30px;
}

/* ニュース関連タイトル */
.mt-main-index #contentArea .wrap h2 {
	position: relative;
	margin-bottom: 10px;
	padding: 10px 0px;
}
.mt-main-index #contentArea .wrap h2 a {
	position: absolute;
	top: 4px;
	right: 0px;
	font-size:0.6em;
}

.mt-main-index #contentArea .wrap h2 a:hover {
	color:#FFBF48;
}

/* 参加者募集 */
.mt-main-index #contentArea .wrap #bosyuArea h2 {
	background: url(../../images/index/index_bg001.png) 
		left bottom 
		repeat-x;
	border-top: solid 1px #ff9933;
}
/* お知らせ、イベント情報 */
.mt-main-index #contentArea .wrap #newsArea h2,
.mt-main-index #contentArea .wrap #eventArea h2 {
	background: url(../../images/index/index_bg002.png) 
		left bottom 
		repeat-x;
	border-top: solid 1px #0099ff;
	color: #0099ff;
}
.mt-main-index #contentArea .wrap #eventArea h2 img {
	/*width: 60%;*/
}
/* 講座休講・キャンセル情報 */
.mt-main-index #contentArea .wrap #lessonInfoArea h2 {
	background: url(../../images/index/index_bg003.png) 
		left bottom 
		repeat-x;
	border-top: solid 1px #009933;
	color: #009933;
}
.mt-main-index #contentArea .wrap #lessonInfoArea h2 img {
	/*width: 70%;*/
}
.mt-main-index #contentArea .wrap #lessonInfoArea h2 a img {
	width: 100%;
}
/* 一覧へ、詳しく見るボタン */
.mt-main-index .wrap .index_tili01 img a:hover {
	background: url(../../images/index/index_bt006_o.png) 
}

/* リンクボタン、バナー共通 */
.mt-main-index #contentArea ul#linkArea li,
.mt-main-index #contentArea ul#bannerArea li {
	padding-bottom: 20px;
	text-align: center;
}

#trans {
	margin:10px 0;
	font-size:0.6em;
	line-height:1em;
	float:none;
	text-align:center;
	overflow:hidden;
}


} /* 640px */

/*=================================================================
▼▼▼ media Queries（1024px～641pxの画面サイズのスタイル）▼▼▼
=================================================================*/

@media only screen and (min-width: 641px)  and (max-width: 1024px) {

/* メインイメージ */
.mt-main-index #mainImage .box {
	padding-bottom: 20px;
	text-align: center;
}

/* メインイメージ脇ボタン 
.mt-main-index #mainImage ul {
	margin-bottom: 15px;
	padding: 0px;
	border-right: solid 1px #ccc;
}
.mt-main-index #mainImage ul li {
	width: 20%;
	height: 120px;
	float: left;
	background: url(../../images/index/index_bt_bg.png) 
		left bottom
		repeat-x;
}
.mt-main-index #mainImage ul li a {
	display: block;
	height: 120px;
	border-style: solid;
	border-width: 1px 0px 1px 1px;
	border-color: #ccc;
}
.mt-main-index #mainImage ul > *:first-child a {
	background: url(../../images/index/index_bt001_tab.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * a {
	background: url(../../images/index/index_bt002_tab.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * + * a  {
	background: url(../../images/index/index_bt003_tab.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * + * + * a {
	background: url(../../images/index/index_bt004_tab.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * + * + * + * a {
	background: url(../../images/index/index_bt005_tab.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child a:hover {
	background: url(../../images/index/index_bt001_tab_o.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * a:hover {
	background: url(../../images/index/index_bt002_tab_o.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * + * a:hover  {
	background: url(../../images/index/index_bt003_tab_o.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * + * + * a:hover {
	background: url(../../images/index/index_bt004_tab_o.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * + * + * + * a:hover {
	background: url(../../images/index/index_bt005_tab_o.png) 
		50% 0px
		no-repeat;
}

*/

#lang_menu {

	
}

#lang_menu ul {

	border-right: solid 1px #ccc;
}

#lang_menu li {
	width:20%;
	height:120px;
	float:left;
	border-style: solid;
	border-width: 1px 0px 1px 1px;
	border-color: #ccc;
}

#lang_menu .menu01 {
	background:url(../../images/index/index_bt001_tab.png) 50% 0px no-repeat;
	width:19%;
	height:120px;
}

#lang_menu .menu02 {
	background:url(../../images/index/index_bt002_tab.png) 50% 0px no-repeat;
	width:20%;
	height:120px;
}

#lang_menu .menu03 {
	background:url(../../images/index/index_bt003_tab.png) 50% 0px no-repeat;
	width:20%;
	height:120px;
}

#lang_menu .menu04 {
	background:url(../../images/index/index_bt004_tab.png) 50% 0px no-repeat;
	width:20%;
	height:120px;
}

#lang_menu .menu05 {
	background:url(../../images/index/index_bt005_tab.png) 50% 0px no-repeat;
	width:20%;
	height:120px;
}



#lang_menu p {
	width:90%;
	margin:30px auto 0;
	text-align:center;
	display: inline-block;
	font-size:0.8em;
	font-weight:bold;
	position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#lang_menu a:hover {
	color:#FFA33D;
}




/* リンクボタン、バナー共通 */

.mt-main-index #contentArea ul#linkArea,
.mt-main-index #contentArea ul#bannerArea {
	  zoom: 0;
}
.mt-main-index #contentArea ul#linkArea:after,
.mt-main-index #contentArea ul#bannerArea:after {
	/*content: "";*/
	display: block;
	clear: both;
}
.mt-main-index #contentArea ul#linkArea li,
.mt-main-index #contentArea ul#bannerArea li {
	float: left;
}

/* マージン */
.mt-main-index #contentArea .wrap #bosyuArea,
.mt-main-index #contentArea .wrap #lessonInfoArea {
	padding-right: 10px;
	box-sizing: border-box;
}
.mt-main-index #contentArea .wrap #newsArea,
.mt-main-index #contentArea .wrap #eventArea {
	padding-left: 10px;
	box-sizing: border-box;
}

/* ニュース関連 */
.mt-main-index #contentArea .wrap div {
	float: left;
	width: 50%;
	padding: 10px 0px 30px;
}
.mt-main-index #contentArea .wrap {
	  zoom: 1;
}
.mt-main-index #contentArea .wrap:after {
	content: "";
	display: block;
	clear: both;
}
/* ニュース関連タイトル */
.mt-main-index #contentArea .wrap h2 {
	position: relative;
	margin-bottom: 10px;
	padding: 10px 0px;
}
.mt-main-index #contentArea .wrap h2 a {
	position: absolute;
	top: 14px;
	right: 0px;
	font-size:0.6em;
}

.mt-main-index #contentArea .wrap h2 a:hover {
	color:#FFBF48;
}

/* 参加者募集 */
.mt-main-index #contentArea .wrap #bosyuArea h2 {
	background: url(../../images/index/index_bg001.png) 
		left bottom 
		repeat-x;
	border-top: solid 1px #ff9933;
	color:#ff9933;
}
/* お知らせ、イベント情報 */
.mt-main-index #contentArea .wrap #newsArea h2,
.mt-main-index #contentArea .wrap #eventArea h2 {
	background: url(../../images/index/index_bg002.png) 
		left bottom 
		repeat-x;
	border-top: solid 1px #0099ff;
	color: #0099ff;
}
.mt-main-index #contentArea .wrap #eventArea h2 img {
	width: 65%;
    max-width: 233px;
}
.mt-main-index #contentArea .wrap #eventArea h2 a img {
	width: 100%;
}
/* 講座休講・キャンセル情報 */
.mt-main-index #contentArea .wrap #lessonInfoArea h2 {
	background: url(../../images/index/index_bg003.png) 
		left bottom 
		repeat-x;
	border-top: solid 1px #009933;
	color: #009933;
}
.mt-main-index #contentArea .wrap #lessonInfoArea h2 img {
	width: 70%;
    max-width: 170px;
}
.mt-main-index #contentArea .wrap #lessonInfoArea h2 a img {
	width: 100%;
}

/* リンクボタン */

.mt-main-index #contentArea ul#linkArea {
padding-bottom: 40px;
}
.mt-main-index #contentArea ul#linkArea li {
width: 25%;
padding: 0px 10px;
box-sizing: border-box;
text-align:center;
}

#linkArea div {
	width:100%;
	color:#fff;
	margin:0 auto;
	padding:10px 0;
}

.linkarea_txt01 {
	background:#045AB1;

}

.linkarea_txt02 {
	 background:#567E01;
}

.linkarea_txt03 {
	 background:#DD5A02;
}

.linkarea_txt04 {
	 background:#68359A;
}


/* バナー */
.mt-main-index #contentArea ul#bannerArea li {
	padding: 10px 10px 0px 10px;
	height:60px;
}

#trans {
	margin: 0;
	font-size:0.6em;
	line-height:1em;
	float:left;
	text-align:center;
	overflow:hidden;
}


} /* 1024px～641px */


/*=================================================================
▼▼▼ media Queries（1025px 以上の画面サイズのスタイル）▼▼▼
=================================================================*/

@media only screen and (min-width: 1025px) {

/* メインイメージ */
.mt-main-index #mainImage {
	width: 960px;
	margin: 10px auto 0px;
}
.mt-main-index #mainImage .box {
	float: left;
}
/* メインイメージ脇ボタン 
.mt-main-index #mainImage ul {
	float: right;
	width: 240px;
	margin-bottom: 15px;
	border-bottom: solid 1px #ccc;
}
.mt-main-index #mainImage ul li {
	background: url(../../images/index/index_bt_bg.png) 
		left bottom
		repeat-x;
}
.mt-main-index #mainImage ul li img {
	width: 100%;
}
.mt-main-index #mainImage ul li a {
	display: block;
	height: 69px;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	border-color: #ccc;
}
.mt-main-index #mainImage ul > *:first-child a {
	background: url(../../images/index/index_bt001.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * a {
	background: url(../../images/index/index_bt002.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * + * a  {
	background: url(../../images/index/index_bt003.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * + * + * a {
	background: url(../../images/index/index_bt004.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * + * + * + * a {
	background: url(../../images/index/index_bt005.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child a:hover {
	background: url(../../images/index/index_bt001_o.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * a:hover {
	background: url(../../images/index/index_bt002_o.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * + * a:hover  {
	background: url(../../images/index/index_bt003_o.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * + * + * a:hover {
	background: url(../../images/index/index_bt004_o.png) 
		50% 0px
		no-repeat;
}
.mt-main-index #mainImage ul > *:first-child + * + * + * + * a:hover {
	background: url(../../images/index/index_bt005_o.png) 
		50% 0px
		no-repeat;
}

*/

/* ニュース関連 */
.mt-main-index #contentArea .wrap div {
	float: left;
	width: 470px;
	padding: 10px 0px 30px;
}
.mt-main-index #contentArea .wrap #bosyuArea,
.mt-main-index #contentArea .wrap #lessonInfoArea {
	margin-right: 10px;
}
.mt-main-index #contentArea .wrap div ul li {
	padding: 0px 10px 5px;
}

/* ニュース関連タイトル */
.mt-main-index #contentArea .wrap h2 {
	position: relative;
	margin-bottom: 10px;
	padding: 14px 10px 10px;
}
.mt-main-index #contentArea .wrap h2 a {
	position: absolute;
	top: 15px;
	right: 5px;
	font-size:0.6em;
}

.mt-main-index #contentArea .wrap h2 a:hover {
	color:#FFBF48;
}

/* 参加者募集 */
.mt-main-index #contentArea .wrap #bosyuArea h2 {
	background: url(../../images/index/index_bg001.png) 
		left bottom 
		repeat-x;
	border-top: solid 1px #ff9933;
	color: #ff9933;
}
/* お知らせ、イベント情報 */
.mt-main-index #contentArea .wrap #newsArea h2,
.mt-main-index #contentArea .wrap #eventArea h2 {
	background: url(../../images/index/index_bg002.png) 
		left bottom 
		repeat-x;
	border-top: solid 1px #0099ff;
	color: #0099ff;
}
/* 講座休講・キャンセル情報 */
.mt-main-index #contentArea .wrap #lessonInfoArea h2 {
	background: url(../../images/index/index_bg003.png) 
		left bottom 
		repeat-x;
	border-top: solid 1px #009933;
	color: #009933;
}

/* リンクボタン、バナー共通 */
.mt-main-index #contentArea ul#linkArea li,
.mt-main-index #contentArea ul#bannerArea li {
	float: left;
	width:24%;
}

/* リンクボタン */
.mt-main-index #contentArea ul#linkArea {
	padding-bottom: 40px;
}
.mt-main-index #contentArea ul#linkArea li:nth-child(2) {
	padding: 0px 0px 0px 10px;
}
.mt-main-index #contentArea ul#linkArea li:nth-child(3) {
	padding: 0px 10px;
}



/* バナー */

.mt-main-index #contentArea ul#bannerArea li a {
	display:block;

}



.mt-main-index #contentArea ul#bannerArea li {
	padding: 0px;
	margin:10px 10px 0px 0px;
	height:60px;
}

.mt-main-index #contentArea ul#bannerArea li:nth-child(4) {
	padding-right: 0px;
	margin-right: 0px;
}

.mt-main-index #contentArea ul#bannerArea li:nth-child(8) {
	padding-right: 0px;
	margin-right: 0px;
}


/* clearfix */
.mt-main-index #contentArea .wrap,
.mt-main-index #contentArea ul#linkArea,
.mt-main-index #contentArea ul#bannerArea {
	  zoom: 1;
}



#lang_menu {
	float:right;
	width:240px;
	border-bottom: solid 1px #ccc;
}

#lang_menu ul {

	border : 1px solid #aaa ;
}

#lang_menu li {
	width:240px;
	height:70px;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	border-color: #ccc;
}

#lang_menu .menu01 {
	background:url(../../images/index/index_bt001.png) no-repeat;
	width:240px;
	height:70px;
}

#lang_menu .menu02 {
	background:url(../../images/index/index_bt002.png) no-repeat;
	width:240px;
	height:70px;
}

#lang_menu .menu03 {
	background:url(../../images/index/index_bt003.png) no-repeat;
	width:240px;
	height:70px;
}

#lang_menu .menu04 {
	background:url(../../images/index/index_bt004.png) no-repeat;
	width:240px;
	height:70px;
}

#lang_menu .menu05 {
	background:url(../../images/index/index_bt005.png) no-repeat;
	width:240px;
	height:70px;
}



#lang_menu p {
	width:160px;
	padding-left:80px;
	vertical-align:middle;
	display: inline-block;
	font-size:0.8em;
	font-weight:bold;
	position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#lang_menu a:hover {
	color:#FFA33D;
}

#trans {
	margin:25px 5px 0;
	font-size:0.6em;
	line-height:1em;
	float:left;
	text-align:center;
	overflow:hidden;
}

#linkArea div {
	width:225px;
	color:#fff;

	height:50px;
	display: table-cell;
	vertical-align:middle;
	text-align:center;

}

.linkarea_txt01 {
	background:#045AB1;


}

.linkarea_txt02 {
	 background:#567E01;
}

.linkarea_txt03 {
	 background:#DD5A02;
}

.linkarea_txt04 {
	 background:#68359A;
}


#linkArea a:hover {
	color:#FFA33D;
}


} /* 1025px */