@charset "UTF-8";
/*
weblesson.css
*/
#main.lp {
	width:100%;}

#weblesson {
	padding-top:116px;}
#weblesson h1,
#weblesson h2 {
	text-align:center;}

#weblesson h5 {
	font-size: 154%;
	color:#333;
	background-attachment:scroll;
	background-image: url(/web_lesson/images/h3_bg.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:25px;}

#weblesson h5 .txtXS {
	font-size:14px;}

.illBox {
	display:block;
	position:relative;
	text-align:center;}
.merit01 {
	position:absolute;
	left:0;
	top:0;}
.merit02 {
	position:absolute;
	right:0;
	top:0;}
.merit03 {
	position:absolute;
	left:0;
	top:280px;}
.merit04 {
	position:absolute;
	right:0;
	top:280px;}
.movie {
	display:block;
	margin:10px auto;
	text-align:center;}
#col01 {
	margin:10px auto;
	width:1000px;}
#col02 {
	margin:45px 0;
	width:100%;
	background-color:#e3edfd;
	background-attachment:scroll;
	background-image:url(/web_lesson/images/col02_bg.png);
	background-position: center 0px;
	background-repeat:repeat-x;}
#col02 .bg {
	background-attachment:scroll;
	background-image:url(/web_lesson/images/col02_bg2.png);
	background-position: center bottom;
	background-repeat:repeat-x;}
#col02 .inner {
	margin:0px auto;
	width:1000px;
	position:relative;}
#col02 h3 {
	position:absolute;
	top:-25px;
	left:0;
	z-index:100;}

.step {
	width:850px ;
	margin:0px auto;
	padding-top:90px;
	padding-bottom:30px;}
.step li {
	display:block;
	margin-bottom:15px;
	border:4px #fff solid;
	background-color:#e3edfd;
	padding:5px;
	font-size: 124%;}
.step li span {
	position:relative;
	display:block;
	background-color:#fff;
	padding:10px 10px 10px 150px;
	min-height:150px;}
.step li span em {
	position:absolute;
	left:10px;
	top:0px;
	z-index:1;}

.step li h4 {
	display:block;
	border-bottom:2px #274784 solid;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	font-size: 170%;
	color:#274784;}


#col03 {
	display:block;
	width:1000px;
	margin:20px auto;}

#col03 h3 {
	font-size: 293%;
	color:#425e93;
	padding-left:25px;}
#col03 h3 img {
	padding-right:10px;}
#col03 h4 {
	font-size: 185%;
	padding-bottom:0.3em;
	margin-bottom:0.6em;
	border-bottom:3px #f25fb9 double;}
#col03 p {
	font-size:108%;
	line-height:1.8em;}

#col03 span {
	width:620px;
	float:right;
	padding-bottom:20px;}


#col04 {
	display:block;
	background-attachment:scroll;
	background-image:url(/web_lesson/images/col04_bg.gif);
	background-position:center top;
	background-repeat:repeat;
	padding:20px 0;}
#col04 .inner {
	display:block;
	position:relative;
	width:980px;
	background-color:#fff;
	border-radius:20px;
	box-shadow: 0 0 6px #767676;
	margin:0 auto;
	padding:8px;}

.price_box {
	border:1px #ead9a3 solid;
	padding:10px;}
#col04 h2.sub {
	position:absolute;
	top:-8px;
	left:-20px;}
#col04 h3 {
	text-align:right;
	display:block;
	position:relative;
	padding-top:35px;}
#col04 h3 em {
	color:#1d458f;
	font-weight:bold;
	font-size: 170%;
	position:absolute;
	left:30%;
	top:0px;}

table.priceTable {
	margin:0 auto 10px auto;
	width:90%;
	font-size: 124%;
	border-top:1px #b4b4b4 solid;
	border-right:1px #b4b4b4 solid;}
table.priceTable th {
	background-color:#f0f0f0;
	padding:6px 15px;
	text-align:center;
	border-bottom:1px #b4b4b4 solid;
	border-left:1px #b4b4b4 solid;}
table.priceTable td {
	background-color:#fff;
	padding:6px 15px;
	border-bottom:1px #b4b4b4 solid;
	border-left:1px #b4b4b4 solid;}
table.priceTable td.tdA {
	text-align:center;
	vertical-align:middle;}
table.priceTable td.txtR {
	text-align:right;}


#col05 {
	padding:30px 0;
	width:800px;
	margin:0 auto;}
#soy_inquiry_message_information,
#soy_inquiry_message_complete{
	width:80%;
	margin:0 auto;
	text-align:left;}
#soy_inquiry_message_complete {
	font-size:116%;
	text-align:left;}
#soy_inquiry_message_information td {
	text-align:left;}
table#inquiry_form {
	width:100%;
	margin:0 auto;}
#col05 table th {
	width:25%;
	text-align:right;
	vertical-align:top;}
#col05 table th,
#col05 table td {
	padding:5px 5px;
	font-size:116%;
	font-weight:normal;}
#col05 input,
#col05 textarea {
	border:1px #ccc solid;
	padding:8px 5px;
	width:95%;
	}
.profile {
	min-height:5em;}

.other,
.detail {
	min-height:8em;}

.btnSet {
	width:80%;
	margin:10px auto;
	text-align:center;}
.btnSet li {
	display:inline-block;
	padding:0 10px;
	width:220px;}
#col05 .btnSet li input {
	background-color:#fa12a0;
	color:#fff;
	font-size: 170%;
	border-radius:6px;
	text-align:center;
	border:none;
	cursor:pointer;}
#col05 .btnSet li input.reset {
	background-color:#aeaeae;}

.error {
	font-size:93%;
	color:#fa12a0;}

.termas_box {
	display:block;
	margin:25px auto;
	width:800px;}
.termas_box textarea {
	width:100%;
	height:10em;
	border:1px #ccc solid;
	padding:15px;
	font-size:93%;}