@charset "utf-8";

/*-----------------------------------------------------
Visual
-------------------------------------------------------*/
#Visual{
	width:100%;
	margin:0 0 7px 0;
	background:url("../images/main_bg_line.gif") repeat-x 0 0;
}
#Visual div.visual-inline{
	width:1040px;
	height:137px;
	overflow:hidden;
	margin:0 auto 0 auto;
	background:url("../images/main_bg.gif") no-repeat 100% 100%;
}
/* h1 */
#Visual h1{
	width:348px;
	margin:47px 0 0 40px;
}

/*-----------------------------------------------------
Main
-------------------------------------------------------*/
#Main{
	width:964px;
}
/*-------------------------------------
section lead
---------------------------------------*/
#Main div.section.lead{
	width:960px;
	overflow:hidden;
	margin:0 auto 35px auto;
}
/* h2 */
#Main div.section.lead h2{
	width:592px;
	float:left;
	display:inline;
	margin:0 0 15px 0;
}
/* img */
#Main div.section.lead p.img{
	width:302px;
	float:right;
	display:inline;
	border:1px solid #FFF;
}
/* txt */
#Main div.section.lead p.txt{
	width:630px;
	float:left;
	display:inline;
}

/*-------------------------------------
section message
---------------------------------------*/
#Main div.section.message{
	width:960px;
	overflow:hidden;
	margin:0 auto 40px auto;
}
/* inside
---------------------*/
#Main div.section.message div.inside{
	width:468px;
	display:inline;
	overflow:hidden;
}
#Main div.section.message div.teacher{float:left;}
#Main div.section.message div.voice{float:right;}
/* h3 */
#Main div.section.message div.inside h3{
	width:468px;
	margin:0 0 20px 0;
}
/* img */
#Main div.section.message div.inside p.img{
	width:144px;
	float:left;
	display:inline;
	margin:0 0 15px 0;
}
/* img-txt */
#Main div.section.message div.inside p.img-txt{
	width:280px;
	float:left;
	display:inline;
	margin:25px 0 15px 18px;
}
/* name */
#Main div.section.message div.inside p.name{
	width:280px;
	float:left;
	display:inline;
	margin:0 0 0 20px;
}
#Main div.section.message div.inside p.name span{
	font-size:109%;
}
/* txt */
#Main div.section.message div.inside p.txt{
	width:100%;
	clear:both;
}


/*-------------------------------------
section curriculum
---------------------------------------*/
#Main div.section.curriculum{
	width:960px;
	height:110px;
	position:relative;
	overflow:hidden;
	margin:0 auto 35px auto;
}
/* img */
#Main div.section.curriculum p.img{
	width:960px;
	height:110px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
/* but */
#Main div.section.curriculum p.btn{
	width:681px;
	height:60px;
	position:absolute;
	top:24px;
	left:255px;
	z-index:2;
}


/*-------------------------------------
section info
---------------------------------------*/
#Main div.section.info{
	width:960px;
	margin:0 auto 33px auto;
	background:url("../images/info_bg.gif") repeat-y 0 0;
}
#Main div.section.info div.info-inline{
	width:100%;
	overflow:hidden;
	padding:0 0 40px 0;
	background:url("../images/info_bg_bottom.gif") no-repeat 0 100%;
}
/* future
---------------------*/
#Main div.section.info div.future{
	width:400px;
	float:left;
	display:inline;
	margin:30px 0 0 40px;
}
/* h2 */
#Main div.section.info div.future h2{
	width:400px;
	height:74px;
	margin:0 0 25px 0;
}
/* tab-nav */
#Main div.section.info div.future ul.tab-nav{
	width:100%;
	overflow:hidden;
}
#Main div.section.info div.future ul.tab-nav li{
	float:left;
	display:inline;
}
/* tab-cont */
#Main div.section.info div.future div.tab-cont{
	overflow:hidden;
	margin:0 0 20px 0;
	padding:20px 16px 0 16px;
	background:#FFF;
}


/* inside */
#Main div.section.info div.future div.inside{
	width:100%;
	margin:0 0 20px 0;
}
#Main div.section.info div.future div.inside h3{
	width:100%;
	margin:0 0 15px 0;
}
#Main div.section.info div.future div.inside ul{
	width:100%;
}
#Main div.section.info div.future div.inside ul li{
	padding:0 0 2px 15px;
	background:url("../images/info_future_ico.gif") no-repeat 2px 5px;
}
/* graduates
---------------------*/
#Main div.section.info div.graduates{
	width:400px;
	overflow:hidden;
	float:right;
	display:inline;
	margin:30px 40px 0 0;
}
/* h2 */
#Main div.section.info div.graduates h2{
	width:100%;
	margin:0 0 18px 0;
}
/* lead */
#Main div.section.info div.graduates p.lead{
	width:256px;
	float:left;
	display:inline;
	margin:8px 0 15px 0;
}
/* img */
#Main div.section.info div.graduates p.img{
	width:144px;
	height:144px;
	float:right;
	display:inline;
	margin:0 0 20px 0;
}
/* name */
#Main div.section.info div.graduates p.name{
	width:256px;
	float:left;
	display:inline;
	margin:0 0 5px 0;
}
#Main div.section.info div.graduates p.name span{
	font-size:109%;
}
/* txt01 */
#Main div.section.info div.graduates p.txt01{
	width:256px;
	float:left;
	display:inline;
	font-size:92%;
	letter-spacing:normal;
	line-height:1.2;
}
/* txt02 */
#Main div.section.info div.graduates p.txt02{
	width:100%;
	clear:both;
}

/*-------------------------------------
section question
---------------------------------------*/
#Main div.section.question{
	width:964px;
	margin:0 auto 20px auto;
	background:url("../images/question_bg.gif") repeat-y 0 0;
}
#Main div.section.question div.question-inline{
	width:100%;
	overflow:hidden;
	padding:0 0 5px 0;
	background:url("../images/question_bg_bottom.gif") no-repeat 0 100%;
}
/* h2 */
#Main div.section.question h2{
	width:100%;
	height:57px;
	margin:0 0 30px 0;
}
/* inside
---------------------*/
#Main div.section.question div.inside{
	width:416px;
	float:left;
	display:inline;
	margin:0 33px 0 33px;
	padding:0 0 20px 0;
}
/* q */
#Main div.section.question div.inside div.q{
	height:40px;
	margin:0 0 15px 0;
	padding:0 0 0 50px;
	line-height:40px;
	font-size:117%;
	color:#08649B;
	background:url("../images/question_img_q.gif") no-repeat 0 0;
}
/* a */
#Main div.section.question div.inside div.a{
	padding:0 0 0 50px;
	background:url("../images/question_img_a.gif") no-repeat 0 0;
}
#Main div.section.question div.inside div.a ul{
	margin:8px 0 5px 0;
}
#Main div.section.question div.inside div.a ul li{
	padding:0 0 3px 15px;
	background:url("../images/question_ico.gif") no-repeat 0 5px;
}