@charset "utf-8";

/* -------------------------------------
Main
--------------------------------------- */
#Main p.topvisual{
	width:700px;
	margin:0 0 17px 0;
}

/* section
--------------------- */
#Main div.section{
	width:700px;
	padding:0 0 15px 4px;
	display:inline-block;
}

/* h2 */
#Main div.section h2{
	height:39px;
	padding:0 0 20px 28px;
	line-height:37px;
	font-weight:bold;
	font-size:117%;
	background:url(../../campaign_list/images/common/bg_ttl.jpg) no-repeat 0 0;
	clear:both;
}

/* h3 */
#Main div.section h3{
	margin:0 0 15px 15px;
	clear:both;
}

#Main div.section span.color{
	color:#B21839;
}

#Main div.section p.txt{
	width:680px;
	margin:0 0 10px 15px;
}

#Main div.section p.txt_login{
	width:520px;
	float:left;
	padding:0 15px 10px 10px;
}

#Main div.section ul{
	width:680px;
	background:url(../../online_lesson/images/bg_btn.gif) no-repeat 0 0;
	margin:0 0 20px 15px;
	height:111px;
	overflow:hidden;
}

#Main div.section ul li{
	float:left;
	padding:10px 0 10px 10px;
}

#Main div.section div.moviebox{
	width:658px;
	margin:0 0 20px 15px;
	border:#E1DECC solid 1px;
	background-color:#FAF8F3;
	padding:20px 10px;
}

#Main div.section div.moviebox ul.list{
	width:640px;
	background:url(../../images/common/bg_border_x.gif) repeat-x 0 bottom;
	padding:0 0 5px 0;
	margin:0 0 30px 10px;
	height:auto;
}

#Main div.section div.moviebox ul.list li{
	padding:0 0 5px 0;
}

#Main div.section div.moviebox ul.list li span.ico{
	width:133px;
	padding:0 0px 5px 0;
}

#Main div.section div.moviebox ul.list li span.ico img{
	vertical-align:middle;
}

#Main div.section div.moviebox ul.list li span{
	float:left;
	width:450px;
}

#flashcontent{
	width:600px;
	margin:0 0 0 30px;
}