@import url('reset.css');
body
{
        min-width:1150px; 
}

html,body {	height: 100%;}
body{
	background:#fff;
	color:#000;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro";
	font-size:12px;
}

#head-area{
background:#004d87;
width:300px;
min-height:3000px;
margin:0;
padding:40px 0;
text-align:center;
position: absolute;
position:fixed;
}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}


#logo{
	margin:0 auto;
	text-align:center;
}

#logo img{
	width:180px;
}

#main{
	min-width: 720px;
	position: relative;
	margin-left: 300px;
	text-align:center;
}

.top01 div{
	background-size:cover;
	height:680px;
	background-repeat:no-repeat;
}

#intro{
	background:url(../images/01.png) 100% 0% no-repeat fixed;

	height: 600px;
	margin: 0 auto;
	padding: 0;
}

.top img{
width: 100%;
}



#navigation{
	margin:60px auto 0 auto;
	text-align:center;
	width: 208px;
}

#navigation ul{
	overflow:hidden;
	
}

#navigation li{
	float:left;
}

.nav-center{
	margin:0 60px;
}

.tel{
	margin-top:25px;
	text-align:center;
	clear:both;
}



.box{
	padding:35px 0;
	overflow:hidden;	
	margin:0 auto;
	text-align:center;
	width:580px;		
}

.box dl{
	text-align:left;
	line-height:180%;
}	
.course{
	width:400px;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
}
.course li{
	float:left;
	margin-right:40px;
}

.course-photo{
	margin:30px 0 0 0;
}

.course-photo p{
	margin-bottom:10px;
}
.course-photo img{
	width:275px;
}

.m30r{
	margin-right:30px;
}

.m30b{
	margin-bottom:30px;
}

.course-photo p{
	text-align:left;
}

.course-photo dl{
	float:left;
	width:275px;
}

.about-photo{
	clear:both;
}
.about-photo img{
	width:275px;
}

.about-photo dl{
	float:left;
	width:275px;
}

h2{
	font-size:17px;
	text-align:center;
	padding:50px 0;
	font-weight:bold;
	margin:20px 0 0 0;
	color:#004d87;
}
h3{
	text-align:right;
	margin:15px 70px 0 0;
	line-height:150%;
}
.tab{overflow:hidden;margin:0 auto 30px auto;}
.tab li{background:#ededed; padding:10px 0; float:left; margin-right:1px;cursor:pointer;width:199px;text-align:center;}
.tab li.select{background:#fff;border-top:2px solid #004d87;font-weight:bold;color:#004d87;}
.content li{background:#fff;padding:30px 0 0 0; }
.hide {display:none;}

.menu{
	width:800px;
	margin:0 auto;
	position:relative;
}

.link li{
	margin-bottom:15px;
}

a{
	color:#000;
}



a:hover{
	color:#333;
}

.small{
	font-size:10px;
	font-weight:bold;
}

.floatl{
	float:left;
}

.news ul{
	width:800px;
	margin:0 auto;
}

.news li{
	margin-bottom:20px;
	line-height:25px;
	text-align:left;
}

#footer{
	padding:40px 0 50px 0;
	text-align:center;
	width:750px;
	margin: 0 auto;
}
.m40r{
	margin-right:20px;
}

.clearfix{
	clear:both;
}

.m40t{
	margin-top:20px;
}



.eng{
position: absolute;
    top: -73px;
    right: 1px;
    font-weight:bold;
}

.logo2{
	margin:10px 0 50px 0;
}