/*common
-------------------------------------------*/
/*#rightConts h1{
	margin-bottom:15px;
}*/
#rightConts h2{clear:both;}
/*#rightConts h3{margin:0 0 10px 15px;}
#rightConts h4{float:left;}*/

ul#localNavi:after {
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
	}
ul#localNavi{
	width:628px;
	display:inline-block;
	background:url(../images/course_tab_bg.gif) no-repeat bottom left;
	padding:6px 6px 4px 6px;
	margin-bottom:15px;
}
ul#localNavi li{
	float:left;
	margin-right:5px;
}
ul#localNavi li.last{
	margin-right:0;
}
ul#localNavi li img{
	vertical-align:bottom;
}

.crsBgWrap{
	background-color:#f4efeb;
	padding:20px 15px 0;
	width:610px;
	clear:both;
}

.pamphBnr{
	clear:both;
	height:78px;
	width:625px;
	padding:8px 0 0 15px;
	background:url(../images/bnr_pamph_bg.gif) no-repeat top left;
	margin-bottom:20px;
}
.pamphBnr dl dt, .pamphBnr dl dd{
	float:left;
	}

ol.pageLink{margin-bottom:30px;}
ol.pageLink li{float:left;}

/*index
-------------------------------------------*/
.cur{
	width:200px;
	float:left;
	margin-right:8px;
	}
.message{
	background:url(../images/index_student_bg02.gif) no-repeat bottom;
	width:303px;
	padding-bottom:23px;
	float:left;
	/*text-align:left;*/
	}
.message dt img{
	vertical-align:bottom;
}
.message dd{
	background:url(../images/index_student_bg01.gif) repeat-y;
	padding-left:15px;
	width:288px;
	}
.message .comment{
	width:172px;
	float:left;
	/*margin-left:10px;*/
	}
/*.conts .check{float:left; width:496px;}*/


/*professor
-------------------------------------------*/
.pro{
	background:url(../images/pro_bg02.gif) repeat-y;
	clear:both;
	width:610px;
	}

.pro .lecTtl{
	background:url(../images/pro_bg01.gif) no-repeat top;
	padding:38px 20px 0 15px;
	width:575px;
	/*height:58px;*/
	margin-bottom:15px;
	}
.lecTtl h4{
	float:left;
}

.lecBG{
	background:url(../images/pro_bg03.gif) no-repeat bottom;
	padding:0 20px 34px 15px;
	width:575px;
	clear:both;
	}
	
.pro .lecTxt{
	width:425px;
	float:right;
	}
	/*
.lecTxt .comment{
	margin:0 19px 20px 12px;
	}*/
.prof{
	background:url(../images/lecturer_bg.gif) repeat;
	padding:5px;
	/*width:415px;*/
	}
.prof span{color:#9c6647;}


/*tieup
-------------------------------------------*/
.tie{
	background:url(../images/pro_bg02.gif) repeat-y;
	clear:both;
	width:610px;
	}
.tie .lecTtl{
	background:url(../images/tie_bg01.gif) no-repeat top;
	padding:38px 20px 0 15px;
	width:575px;
	/*height:58px;*/
	margin-bottom:10px;
	}
/*
.tie .lecBG{
	background:url(../images/pro_bg03.gif) no-repeat bottom;
	padding:0 20px 34px 15px;
	width:575px;
	clear:both;
	}
*/	
.tie .lecTxt{
	width:372px;
	float:right;
	}

.prof02{
	background:url(../images/lecturer_bg.gif) repeat;
	/*margin:0 19px 0 12px;*/
	padding:7px;
	width:358px;
	}
.prof02 dl{
	width:240px;
	float:right;
}	
.prof02 dt{
	color:#9c6647;
}


.tieMore{
	background:url(../images/tie_more_bg.gif) repeat-y left;
	clear:both;
	margin-bottom:5px;
	}
.tieMore h4{
	float:none;
} 
.tieMore ul.info{
	background-color:#f4eeea;
	margin:0 11px 0 10px;
	width:520px;
	padding:5px 0 5px 70px;
}
.tieMore ul.info li{
	float:left;
	width:205px;
}
.icnAdrs{
	background:url(../images/icn_address.gif) no-repeat left top;
	padding-left:18px;
}
.icnUrl{
	background:url(../images/icn_url.gif) no-repeat left 1px;
	padding-left:18px;
}	

.tieMore .bgBtm{
	background:url(../images/tie_more_bottm.gif) no-repeat bottom left;
	padding:10px 25px 23px 25px;
	width:560px;
	clear:both;
}
.tieMore .msg{
	background:url(../images/tie_more_dot.gif) repeat-x top;
	padding-top:15px;
	margin-top:10px;
	width:560px;
}
.tieMore .msg .flR{
	width:437px;
}


/*ob
-------------------------------------------*/
.ob{
	background:url(../images/ob_note_btm.gif) no-repeat bottom left;
	padding-bottom:15px;
	clear:both;
	}
.ob .obBg{
	background:url(../images/ob_note_mdl.gif) repeat-y left;
	}
.ob .obBg .ring{
	background:url(../images/ob_note_top.gif) no-repeat top left;
	width: 567px;
	padding: 15px 25px 0px 18px;
	}
.ob h4{
	margin-bottom:10px;
}	
.ob .graLeft{
	float:left;
	/*width: 263px;*/
	width: 272px;
}
.ob .voice{
	float:right;
	width: 230px;
	margin-top:25px;
}
.ob .graLeft dl{
	width:115px;
	float:left;
}
.ob .graLeft dt{
	color:#915533;
	font-weight:bold;
}

/*renewal
-------------------------------------------*/
.crsBgWrap2{
	width:610px;
	clear:both;
	background:none;
	padding:14px;
	border:solid 1px #dddddd;
	}

.curArea{
	width:610px;
	margin-bottom:25px;
	}

.exampleArea {
	clear:both;
	margin-bottom:15px;
	}

.checkArea {
	clear:both;
	margin-bottom:30px;
	}
	
.courseArea li {
	float:left;
	}
	
.msgArea {
	width:610px;
	margin-bottom:20px;
	}
	
.msgArea .clearfix {
	line-height:0;
	}
	
.msgArea dl {
	background:url(../images/index_student_bg02.gif) no-repeat bottom;
	width:300px;
	float:left;
	padding-bottom:23px;
	margin-right:10px;
	text-align:left;
	}
	
.msgArea dl.last {
	margin-right:0;
	}

.msgArea img {
	vertical-align:bottom;
	}

.msgArea dd {
	background:url(../images/index_student_bg01.gif) repeat-y left;
	width:270px;
	padding:0 15px;
	}

.msgArea dd.name {
	padding-bottom:15px;
	}
	
.msgArea .ph {
	float:left;
	margin:0 10px 0 0;
	}
	
.pamphBnr2 {
	clear:both;
	width:640px;
	margin:15px 0 15px 0;
	}

.pamphBnr2 dt, .pamphBnr2 dd {
	float:left;
	}

.btmBnr {
	clear:both;
	margin-bottom:30px;
	}
	
.btmBnr li {
	float:left;
	margin-right:14px;
	}
	
.btmBnr li.last {
	margin-right:0;
	}
	
.sikakuArea {
	padding-top:15px;
	}
	
.sikakuArea dd {
	padding-top:15px;
	}