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

body{
	margin:0;
	padding:0 0 100px;
	background:none;
	text-align:left;
	font-size:100%;
	color:#000033
}
#lp{
	width:940px;
	margin:auto;
}
h1{
	font-size:11px;
	position:absolute;
	top:5px;
	left:50%;
	width:900px;
	color:#666;
	margin: 0 0 0 -450px;
	font-weight: normal;
	
}

.alt{
	display:none;
}

h2{
	background: none;
	margin:20px 0 5px;

}
h2.ttl{
	position:relative;
	left:-11px;
	top:24px;

}
h3{
	background: none;
	margin:0px 0 15px;
}
p{
	line-height:180%;
}

div.offer{
	text-align:center;
	margin: auto;
	width: 560px;
}
a.offer{
	display:block;
	width:560px;
	height:80px;
	background:url(images/bt_offer.png) no-repeat;
	text-indent:-9999px;
	margin:0 auto;
}
a.offer:hover{
	background:url(images/bt_offer.png) no-repeat 0px -100px;
}

a.freshman{
	display:block;
	width:274px;
	height:80px;
	background:url(images/bt_course.gif) no-repeat;
	text-indent:-9999px;
	margin:0 auto 20px;
	float:left;
}
a.freshman:hover{
	background:url(images/bt_course.gif) no-repeat -300px 0px;
}

a.instractor{
	display:block;
	width:274px;
	height:80px;
	background:url(images/bt_course.gif) no-repeat 0px -100px;
	text-indent:-9999px;
	margin:0 auto 20px;
	float:right;
}
a.instractor:hover{
	background:url(images/bt_course.gif) no-repeat -300px -100px;
}
div.offer p{
	font-weight:bold;
	margin:10px 0 5px;
	font-size: 120%;
	color: #2490CE;
}








#logo{
	position:absolute;
	top:25px;
	left:50%;
	margin-left:-462px;
}

#section01{
	margin:30px 0 0px 0;
}

#section01 h2{
}


#section01 .inlinebox h2{
	font-size: 30px;
	font-weight: bold;
}
#section01 .inlinebox h3{
	color: #ff0014
}
#section01 .inlinebox p{
	margin: 0 0 20px;
}


#section01 p{
	margin:0;
}

#section01 div.photo{
	float:right;
}
#section01 div.photo img{
	margin:8px 0 0 0;
	border:6px solid #FFFFFF;
	box-shadow:1px 1px 5px 1px #DDD;
	-webkit-transform: rotate(-3deg);　 /* chrome、safari　*/
	-moz-transform: rotate(-3deg);　 /* firefox　*/
}

#section01 div.inlinebox{
	width:470px;
	float:left;
	box-sizing:border-box;
	padding: 0 20px;
}
#section01 div.inlinebox strong{
	font-size:110%;
	background-color: #FFFF33;
}

#section03 div.inlinebox{
	width:300px;
	float:left;
	font-size:85%;
}
#section03 div.inlinebox strong{
	font-size:110%;
	background-color: #FFFF33;
}



a.btn{
	display:block;
	margin: 0 auto;
	padding: 7px;
	background: -webkit-linear-gradient(top, #145EB7 0%, #33BEE2 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#145EB7), to(#33BEE2));
	filter: progid:DXImageTransform.Microsoft.gradient(Enabled=1,GradientType=0,StartColorStr='#ff145EB7',EndColorStr='#ff33BEE2');  
	background-color:#145EB7;
	color: #FFF;
	border-radius:25px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	font-size: 18px;
}

a.btn:hover{
	background: -webkit-linear-gradient(top, #145EB7 0%, #0C3669 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#145EB7), to(#0C3669));

	filter: progid:DXImageTransform.Microsoft.gradient(Enabled=1,GradientType=0,StartColorStr='#ff145EB7',EndColorStr='#ff0C3669');  
	background-color:#0C3669;
}
a.btn.over{
	background-color:#999;
	background: -webkit-linear-gradient(top, #999 0%, #999 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#999));
}
#section03{
}
#section03 table{
	border-collapse:collapse;
}
#section03 th{
	border:1px solid #09F;
	background-color: #145EB7;
	color: #FFFFFF;
	padding: 5px;
}
#section03 td{
	border:1px solid #09F;
	padding: 5px;
	border-color: #09F;
}
#section03 td.ttl{
	color: #039;
	font-weight: bold;
}

#section03 p{
	margin:15px 20px 5px;
	font-size:100%;
}
#section03 div.inlineblock{
	display:inline-block;
	width:440px;
	margin: 0;
	vertical-align: top;
}

#section03 div.inlineblock h3{
	margin: 0 0 0 20px;
	color: #2490CE;
}
#section03 div.inlineblock p{
	margin: 0 0 10px 40px;
}


#section04{
	background-color:#FFFEF4;
	box-shadow:2px 2px 5px rgba(0,0,0,0.5);
	padding: 0 0 30px;
	margin: 20px 0 0 0;
}
#section04 h2.ttl{
	top:0px;
	margin: 0;
}

#section04 p{
	margin:10px 20px;
	font-size:85%;
}
#section04 img.face{
	float:left;
	margin:0 0 0 40px;
}
#section04 div.inlineblock{
	width:440px;
	margin: 0;
	float:left;
	vertical-align: top;
}

#section04 div.comment01{
	margin: 10px 0 0 0;
}
#section04 div.comment01 h3{
	margin: 0 0 10px 170px;
	color: #2490CE;
}
#section04 div.comment01 p{
	margin: 0 40px 0 170px;
	font-size: 90%;
}
#section04 div.comment01 img.face{
	margin: 0 20px 0 40px;
}
#section04 div.inlineblock h3{
	margin: 0 0 10px 140px;
	color: #2490CE;
}
#section04 div.inlineblock p{
	margin: 0 10px 0 140px;
	font-size: 90%;
}
#section04 hr{
	clear:both;
	margin:20px 20px;
	visibility: hidden;
}



#section06{
	font-size:85%;
}
#section06 #body{
	width:900px;
}

#section06 #body table.border td a.btn{
	background:url(images/bt_apply.gif) no-repeat 0% 0%;
	display:block;
	width:155px;
	height:28px;
	text-indent: -9999px;
	margin: 0px auto 0;
}

#section06 #body table.border td a.btn:hover{
	background:url(images/bt_apply.gif) no-repeat 0% -30px;
}
#section06 #body  h2{
	background: none #006;
	color:#FFF;
	background-color: #23212F;
	padding: 5px;
	margin: 0px;
}

#section06 #body .contact h2{
	background: none transparent;
}




div.contact{
	text-align:center;
	width: 560px;
	margin: auto;
}
a.tel{
	display:block;
	width:269px;
	height:56px;
	background:url(images/btns.gif) no-repeat;
	text-indent:-9999px;
	margin:10px auto;
	float: left;
}
a.tel:hover{
	background:url(images/btns.gif) no-repeat -300px 0px;
}

a.contact{
	display:block;
	width:269px;
	height:56px;
	background:url(images/btns.gif) no-repeat 0 -100px;
	text-indent:-9999px;
	margin:10px auto;
	float: right;
}
a.contact:hover{
	background:url(images/btns.gif) no-repeat -300px -100px;
}


a.top{
	display:block;
	width:229px;
	height:46px;
	background:url(images/btns.gif) no-repeat 0 -200px;
	text-indent:-9999px;
	margin:10px auto;
}
a.top:hover{
	background:url(images/btns.gif) no-repeat -300px -200px;
}




#footernavi{
	margin:50px auto 0;
	font-size:80%;
	width:900px;
}

#footer{
	font-size:80%;
	width:900px;
}



@media (min-width: 701px){
	.sp{
	display: none;
	}
}



/*タブレット用---------------------------------------------------------------------------------------------*/

@media screen and (max-width:700px){
body{
	background:none transparent;
	padding:10px;
}
#lp,
#footernavi,
#footer{
	width:100%;
	height:auto;
	overflow:hidden;
}
.pc{
	display: none;
}
#lp img{
	width:100%;
	height:auto;
	overflow:hidden;
}

#section01 h2 {
  left: 0px;
}

#section01 div.inlinebox {
  width: 100%;
  float: none;
  font-size: 85%;
  padding-bottom: 40px;
}

#section01 div.inlinebox p,
#section01 div.inlinebox h3
{
	margin:0px 0px 10px 0px !important;
}

#section03 table{
	width:100%;
}
#section03 td[nowrap="nowrap"]{
	white-space:normal;
}
#section03 div.inlinebox {
	width:100%;
	height:auto;
	overflow:hidden;
}
#section03 div.inlinebox p {
  margin: 0px 0 10px !important;
}

#section04 img{
	width:auto;
}
#section04 img.face {
	width:50px !important;
}
#section04 img.face {
  float: left;
  margin: 0 0 0 10px !important;
}
#section04 div.comment01,
#section04 div.inlineblock{
	width:auto;
	margin:0 0 40px;
	padding: 20px;
}
#section04 hr{
	display:none;
}

#section04 div.inlineblock h3,
#section04 div.comment01 h3,
#section04 div.inlineblock p,
#section04 div.comment01 p
{
  margin: 0 0 10px 70px;
}
#section04 div.inlinebox h3 img,
#section04 div.comment01 h3 img{
	height:12px;
}
#section06 #body {
  width: 100%;
  font-size:12px;
}
#section06 #body th,
.contact{
	display:none !important;
}
a.offer {
  width: 280px;
  height: 40px;
  background-size:100%;
}
a.offer:hover{
	background-position:top left;
	background-size:100%;
}

}
/*タブレットここまで--------------------------------------------------------------------------------------------*/