@charset "utf-8";

/* CSS Document */



/*FONT*/





html { font-size: 62.5%;} 

	

body {

font-size: 16px; font-size: 1.6rem; 

font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";

color: #333333;	

} 





.mt5{ margin-top:5px; }

.mt10{ margin-top:10px; }

.mt15{ margin-top:15px; }

.mt20{ margin-top:20px; }

.mt25{ margin-top:25px; }

.mt30{ margin-top:30px; }

.mt40{ margin-top:40px; }

.mt50{ margin-top:50px; }

.mt60{ margin-top:60px; }

.mt70{ margin-top:70px; }





.mb5 {margin-bottom:5px; }

.mb10 {margin-bottom:10px; }

.mb15 {margin-bottom:15px; }

.mb20 {margin-bottom:20px; }

.mb25 {margin-bottom:25px; }

.mb30 {margin-bottom:30px; }

.mb50 {margin-bottom:50px; }

.mb80 {margin-bottom:80px; }

.mb100 {margin-bottom:100px; }



.ml10 {margin-left:10px }

.ml15 {margin-left:15px }



.pt30 {padding-top:30px;}

.pt50 {padding-top:50px;}

.pb30 {padding-bottom:30px;}





.alignL {text-align:left;}

.alignC {text-align:center;}





.floatL {float:left;}

.floatR {float:right;}









/*ヘッダー

---------------------------------------------------------------------------*/

#header {

	height: 60px;	/*ヘッダーの高さ*/

	width: 100%;

	background-color: #FFF;

	margin: 0px;

}



#header_inner {

	text-align: left;

	width: 1000px;	/*HPの幅*/

	margin-right: auto;

	margin-left: auto;

	position: relative;

}







#header #header_inner h1 {

	font-size: 12px; font-size: 1.2rem;

	color:#666; 	

	position: absolute;

	left: 230px;		

	top:10px;

	line-height: 20px;

}



#header #header_inner #logo {

	position: absolute;

	left: 25px;	

	top: 10px;	

}



#header #header_inner .contact {

	float:right;

	margin-top:10px;

}





#header #header_inner .contact a {

	font-size:14px;

	color:#FF8015;

}











/*メイン

---------------------------------------------------------------------------*/



#main {

	background-color:#1cbe9c;

	width: 100%;

	overflow:hidden;

	

}





#main_inner {

	text-align: left;

	width: 1000px;	/*HPの幅*/

	margin-right: auto;

	margin-left: auto;

	overflow:hidden;

}



#main .main_left {

	width:531px;

	height:420px;

	float:left;

}



#main .main_right {

	width:469px;

	height:420px;

	float:left;

	background-image:url(../images/bg_iframe.gif);

	background-repeat:no-repeat;

	position: relative;

	

}



#main .main_right iframe {

	position: absolute;

	top: 61px;

	left: 36px;

}











/*コンテンツ

---------------------------------------------------------------------------*/



.contents01 {	

	background-image:url(../images/bg02.gif);

	background-color:#73be7d;

	background-position:center;

	background-repeat:no-repeat;

	background-position:top;

	width: 100%;

	overflow:hidden;	

}

	

	

.contents_innner {

	width: 1000px;	/*HPの幅*/

	margin-right: auto;

	margin-left: auto;

	overflow:hidden;

}





.contents02_tit {

	background-color:#ffe678;

}

	

.contents02 {

	/*background-color:#fff5b9;*/

	background-color:#FFF5B8;

	

}



.contents03_tit {

	background-color:#e6e6e6;

}



.contents03 {

	background-color:#fff;

	

}



.contents04_tit {

	background-color:#1cbe9c;

}



.contents04 {

	background-color:#73be7d;

}





.txt-area {

	margin:0 100px;

	}

	

.txt-area span {

	color:#2aad77;

	font-weight:bold;

	font-size:18px;

}



.txt_fff {

	color:#FFF;}











/*ボタンエリア

---------------------------------------------------------------------------*/



.btn_area  {

	text-align:center;

	overflow:hidden;

	font-size:14px;

	

}





.btn_area p {

	margin-top:10px;

}

	

	

.btn_area p a {

	color:#2aad77;	

	text-decoration:underline;

}



.btn_area .txt_fff a {

	color:#ecc20c;	

	text-decoration:underline;

}





/*講師

---------------------------------------------------------------------------*/

.teacher {

	overflow:hidden;

}





.teacher .block {

	width:390px;

	float:left;

	margin:0 10px 30px 0;

	overflow:hidden;

}



.teacher .block .name {

	width:340px;

	font-size:17px;

	text-align:center;

	margin:10px 0 10px 15px;

	

}



.teacher .block .pro {

	width:340px;

	font-size:14px;

	line-height:160%;

	border-top:1px solid #fff;

	margin:10px 0 0 15px;

	padding:10px 0 0 0;

}



.teacher .block img {

	text-align:center;

}









/*フッター

---------------------------------------------------------------------------*/

#footer {

	background-repeat:repeat-x;

	background-position:top;

	height: 80px;	

	background-color: #fff5b9;

	margin: 0px;

}



#footer_inner {

	text-align: left;

	width: 1000px;	/*HPの幅*/

	margin-right: auto;

	margin-left: auto;

	position: relative;

}



#footer_inner #copy {	

	font-size: 12px; font-size: 1.2rem; 

	position: absolute;

	left: 0px;		

	top:10px;

	

}



#footer_inner #nav {

	font-size: 12px; font-size: 1.2rem; 

	position: absolute;

	right: 0px;		

	top:10px;

	text-align:right;





}



#footer_inner #nav a {

	color:#666;

	text-decoration:none;



}


/*--20140901--*/
#social_box_wrap{
	width:1300px;
	margin:10px auto;
}

#social_box{
	width:70px;
	padding:10px;
	margin-left:170px;
	text-align:center;
	position:fixed;
	top:78px;
	list-style-type:none;
	
	background-color: #fff; border-radius: 10px; font-size: 30px; padding: 20px;
}

#social_box .fb-like ._56z- {
	width: 400px !important;
}

#contents {
	position: relative;
	width: 1000px; /* 任意 */
	height: 1170px; /* 任意 */
}
.block1 {
	position: absolute;
	top: 0px; /* #contents内の上から何pxか */
	left: 0px; /* #contents内の左から何pxか */
}
.block2 {
	position: absolute;
	top: 15px; /* #contents内の上から何pxか */
	right: 0px; /* #contents内の左から何pxか */
}
.block3 {
	position: absolute;
	top: 229px; /* #contents内の上から何pxか */
	left: 0px; /* #contents内の左から何pxか */
}
.block4 {
	position: absolute;
	top: 305px; /* #contents内の上から何pxか */
	right: 0px; /* #contents内の左から何pxか */
}
.block5 {
	position: absolute;
	top: 579px; /* #contents内の上から何pxか */
	left: 0px; /* #contents内の左から何pxか */
}
.block6 {
	position: absolute;
	top: 494px; /* #contents内の上から何pxか */
	right: 0px; /* #contents内の左から何pxか */
}
.block7 {
	position: absolute;
	top: 786px; /* #contents内の上から何pxか */
	left: 0px; /* #contents内の左から何pxか */
}
.block8 {
	position: absolute;
	top: 749px; /* #contents内の上から何pxか */
	right: 0px; /* #contents内の左から何pxか */
}
.block9 {
	position: absolute;
	top: 925px; /* #contents内の上から何pxか */
	right: 0px; /* #contents内の左から何pxか */
}


#social_box ._56z-{
	width:400px !important;
}