@charset "utf-8";

.clear {
	clear: both;
}

h3 {
	margin: 20px 0 0 0;
	padding: 0;
}

h4 {
	margin: 5px 0 0 0;
	font-weight: bold;
	font-size: 130%;
}

.course_box p {
	margin: 5px 0 10px 0;
}

.pickup {
	background: #fefaeb;
	padding: 20px;
	margin-bottom: 30px;
}

.pickup h2 {
	font-weight: bold;
	font-size: 150%;
	margin: 30px 0;
}

.pickup p {
	font-weight: bold;
	font-size: 200%;
	color: #c00;
}

.pickup p span.en{
	color: #c00;
}
.pickup p span{
	font-size: 70%;
	color: #000;
}

.pickup div.left {
	width: 150px;
	float: left;
	margin-right: 20px;
}

.pickup div.center {
	width: 240px;
	float: left;
}

.pickup div.right {
	width: 240px;
	float: right;
}

.trial {
	margin: 20px 0 30px 0;
}

.trial h3 {
	font-weight: bold;
	font-size: 150%;
}

.trial p{
	margin: 0 0 10px 0;
}

.trial .left {
	float: left;
	width: 418px;
}

.trial .right {
	float: right;
	width: 268px;
}

.blog {
	padding: 20px;
	margin-bottom: 30px;
	border: #ccc 1px solid;
}

.blog h2{
	font-weight: bold;
	font-size: 200%;
	color: #0f99c6;
	margin: 30px 0 10px;
}

.blog p.read{
	font-size: 150%;
}

.blog p{
	margin-bottom: 10px;
}

.blog a{
	font-size: 120%;
	color: #ffa21d;
}

.blog .inner {
	padding: 20px;
	background: #f2fafd;
}

.blog .left {
	float: left;
	width: 115px;
}

.blog .right {
	float: right;
	width: 470px;
}

#trial h4 {
	margin: 25px 0 0 0;
	padding: 25px 0 15px 0;
	border-top: 1px solid #ccc;
}

.ph_right {
	float: right;
	margin: 0 0 0 30px;
}

.ph_left {
	float: left;
	margin: 0 30px 0 0;
}

.box {
	padding: 15px 15px 0;
	margin: 25px 0;
	background: #fffdf5;
}

.box .cap {
	font-size: 10px;
}

.name {
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 15px 0;
}

.name span {
	font-size: 12px;
	font-weight: normal;
}

.box2 {
	padding: 15px;
	border: 2px solid #e4e4e4;
}

#trial .contents {
	margin: 0 0 30px 0;
	padding: 0 15px;
}

#trial .btn {
	width: 767px;
	margin: 30px auto;
	text-align: center;
}

#trial .btn .left {
	float: left;
	width: 368px;
	margin: 0 31px 10px 0;
	padding: 0;
}

#trial .btn .right {
	float: right;
	width: 368px;
	margin: 0 0 10px 0;
	padding: 0;
}

#trial .btn2 {
	margin: 40px 0 40px 0;
	text-align: center;
}

#trial .caption {
	margin: 0 0 0 0;
	font-size: 10px;
}

/* #footer */

#trial .p_top {
	margin-right:20px;
}
#trial #footer {
	text-align:center;
	background:#9e9e9e;
	padding:10px 0 20px 0;
}

/* apply */

h3 {
	margin-bottom: 15px;
}

.must {
	color: #ff0000;
	font-weight: bold;
}

.applylesson {
	padding: 5px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
}

h4.name {
	font-size: 110%;
	font-weight: bold;
}

.apply th {
	width: 140px;
	padding: 20px 10px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}

.apply td {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

.apply .submit {
	margin: 30px 0 35px;
	text-align: center;
}

input.applysubmit {
	width: 200px;
}

span.tel {
	color: #d30404;
	font-size: 140%;
	font-weight: bold;
}
.info2 {
	float: left;
	width: 400px;
}

h2.step {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 20px;
}

.info2 .subttl {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
}

.info2 p {
	margin-bottom: 20px;
}
.info2 .red{
	color: #f00;
}
.info2 .b{
	font-weight: bold;
}
.info2 .sup{
	font-size: 80%;
	line-height: 1.4;
}
.info2 .frame{
	padding: 10px;
	border: #ccc solid 1px;
}
span.second {
	padding-left: 5.7em;
}
span.second_b {
	padding-left: 3.7em;
}
.info3 {
	float: right;
	width: 285px;
}
.sup_2 .red{
	color: #f00;
}
.apply .sup_2 {
	text-align: left;
	font-size: 170%;
	line-height: 1.4;
}
.apply .sup_2 .greeting {
	font-size: 150%;
}
.apply .sup_2 p{
	margin-bottom: 0.8em;
}
/* Clear Float */
.ph_right:after,
.ph_left:after,
.box2 :after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.ph_right,
.ph_left,
.box2  li,
.clearfix {
	zoom: 1;
}