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

body{
	margin:0;
	padding:0 0 100px;
	background:none;
	text-align:left;
	font-size:100%;
	color:#000033
}
#lp{
	width:900px;
	margin:auto;
	margin:0 auto;
	padding:0 0 100px;
	background:none;
	text-align:left;
	font-size:100%;
	color:#000033
}
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;
	width: 560px;
	margin: auto;
}
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 20px 0;
}

#section01{
}

#section01 p{
	margin:0 280px 0 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:300px;
	float:left;
	font-size:85%;
}
#section01 div.inlinebox.col1 p{
	margin:20px 20px 10px 10px;
}

#section01 div.inlinebox.col2 p{
	margin:20px 10px 20px 30px;
}

#section01 div.inlinebox.col3 p{
	margin:20px -10px 10px 40px;
}


#section03{
}

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

#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;
	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: 78%;
}
#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: 78%;
}
#section04 hr{
	clear:both;
	margin:20px 20px;
}



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

#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: 5px auto 0;
}

#section06 #body table.border td a.btn:hover{
	background:url(images/bt_apply.gif) no-repeat 0% -30px;
}






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,
#lp #section06 #body
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.pc{
	display: none;
}
#lp img{
	width:100%;
	height:auto;
	overflow:hidden;
}

#section01 h2 {
  left: 0px;
}
#section01 div.photo {
	display:none;
}
#section01 p {
  margin: 0 0 0 0;
}
#section01 div.inlinebox {
  width: 100%;
  float: none;
  font-size: 85%;
}

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

#section03 table{
	width:100%;
	font-size:11px;
}
#section03 td[nowrap="nowrap"]{
	white-space:normal;
}
#section03 div.inlineblock {
	width:100%;
	height:auto;
	overflow:hidden;
}

#section03 div.inlineblock h3,
#section03 div.inlineblock p {
  margin: 0px 0 5px !important;
  font-size:14px;
}

#section04 img.face {
	width:auto;
	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;
}
#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 table {
  width: 100%;
  font-size:12px;
}
#section06 #body table.border td {
	padding:0 0 0 5px;
}
#section06 th,
.contact{
	display:none !important;
}

div.offer{
	width:100%;
}

div.offer a,div.offer p{
	display:none;
}
div.offer a.offer,
a.offer{
	display:block;
  width: 280px;
  height: 40px;
  background-size:100%;
}
a.offer:hover{
	background-position:top left;
	background-size:100%;
}

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


























/**/