@charset "UTF-8";
/* CSS Document */

header {
	background: url(images/bg_header.jpg) #fff left top no-repeat;
}

/*
b.header text
*/
.header_text h1 {
	padding-bottom:31px;
}
.header_text ul {
	margin-left: 50px;
}

.header_text ul li {
	list-style-image: url(/pages/class/images/list_arrow.png);
	padding-bottom: 18px;
}
.header_text ul li a {
	font-size: 1.3em;
	color: #fff;
}
/*
e.header text
*/
.boxWhite {
	background:url(/pages/class/images/bg_header.jpg) #fff left top no-repeat;
}

.body {
	overflow:hidden;
}
.bodyL {
	float:left;
	width:310px;
}
.bodyR {
	float:left;
	width:690px;
}

.body .bodyR p {
	line-height: 1.8em;
	text-align:justify;
	text-justify:inter-word;
}

.rightArea {
	padding-right:60px;
}

.table02 {
	padding:20px 0;
}
.table02 .tr0 th {
	padding-bottom:3px;
	font-weight:normal;
	text-align:center;
	border-bottom:solid 1px #ccc;
}
.table02 .tr0 .left {
	text-align:left;
}
.table02 .tr1 td {
	width:160px;
	padding-top:20px;
	padding-right:0;
	color:#f47f2d;
	font-weight: bold;

}
.table02 .tr1 th {
	text-align:left;
	padding-top:20px;

}
.table02 .tr1 td span {



}
.table02 .tr1 td span.fc {
	display:block;
	overflow:hidden;
	height:auto;
}
.table02 .tr1 td span.fl {
	display:block;
	float:left;
	color:#f47f2d;
	font-weight:bold;
	text-align:right;
	width:40px;
}
.table02 .tr1 td span.fr {
	display:block;
	float:right;

	width:115px;
	text-align:left;
}

.bodyL .contact_us {
	margin-top:40px;
	width:250px;
	height:307px;
	background:url(/pages/class/images/contact_us_image.jpg) left top no-repeat;
}
.button_contact_us {
	padding-top:240px;
	text-align:center;
}
.button_contact_us p {
	margin:0 auto;
	width:118px;

}
.button_contact_us p a {
	display:block;
	width:118px;
	height:33px;
	background:url(/pages/class/images/button_contact_us.gif) 0 0 no-repeat;
}
.button_contact_us p a:hover {
	background:url(/pages/class/images/button_contact_us.gif) 0 -33px no-repeat;
}
.bodyR .a10 h1 {
	margin:0;
	padding:0 0 5px 0;
	border-bottom:solid 2px #f47e2c;
	font-size:1em;
	line-height:1em;
	text-align:left;

}
.a10 {
	padding-bottom:20px;
}
.a12, .a14, .a16, .a18 {
	padding-bottom:30px;
}
.a19 {
	padding-bottom:15px;
}
.a100 {
	padding-bottom:80px;
}
.bodyR .a20 h1 {
	margin:0;
	padding:0 0 2px 0;
	border-bottom:solid 2px #f47e2c;
	font-size:1em;
	line-height:1em;
	text-align:left;

}
.a20 {
	padding-bottom:20px;
}
.a21 {
	padding-bottom:50px;
}
.list01 ul {
	margin-left:15px;
	list-style-image:url(images/bg_list_line.gif);
}
.list01 ul li {
	text-align:left;
	line-height:1.5em;

}
.a23 {
	padding-bottom:30px;
}
.a24 {
	padding-bottom:100px;
}
.a25 {
	padding-bottom: 20px;
}
.a25 {
	color:#f47f2d;
}

.dflex {
	padding:20px 0;
	display: flex;
}
.dflex p:first-child img {
	margin-right:32px;
	
}
.dflex p:last-child strong {
	color:#f47e2c;
	font-size: 18px;
	
}
.dflex2 {
	padding:20px 0;
	display: flex !important;
	border-bottom: solid 1px #ccc;
}
.dflex2:last-child {
	border:0;
}
.dflex2 h3 {
	
	flex-basis: 120px;
	color:#888;
}
.dflex2 h3.red {
	color:#d60051;
}
.dflex2 p strong em {
	font-size: 10px;
	line-height: 1.5em;
	background: #d60051;
	padding:2px 5px;
	color:#fff;
	font-style: normal;
}
.dflex2 p:last-child {
	padding-left: 30px;
}
.dflex2 p:last-child strong {
	color:#f47e2c;
	font-size: 18px;
}
.memo ul {
	padding:10px 0 10px 20px;
	
}
.memo ul li {
	padding:2px 0;
	text-align: left;
	line-height: 1.5em;
}
.lastbtn {
	margin:30px 0 50px;
	text-align: center;
	
}
.lastbtn a {
	display: block;
	margin: 0 auto;
	text-align: center;
	width:190px;
	height: 45px;
	background:url(/pages/online_class/images/btn_signuphere.gif);
}
.lastbtn a:hover {
	opacity: 0.7;
}
.textright {
	text-align: right !important;
}
.howworks {
	padding-bottom: 30px;;
}
.memo {
	padding-bottom: 30px;
}