@charset "utf-8"; 

*{
font-size:12px; 
font-family:sans-serif, "ＭＳゴシック";
}

#wrap{
width:800px; 
margin:10px 19px; 
}

#intro{
position:relative;
height:330px;
background:url(images/bg_intro_b.jpg) no-repeat top left;
}

#intro p{
	position:absolute;
	text-align:left;
	width:500px;
	top:215px;
	left:20px;
	color:#FFFFFF;
	line-height:1.5em;
	letter-spacing:0.1em;
}

*:first-child+html #intro p{
top:230px;
}

*html #intro p{
top:230px;
}

#intro p a{
color:#FFFFFF;
text-decoration:underline;
}

#intro p a:hover{
color:#FF0000;
}

#intro #btn_mini{
	position:absolute;
	top:254px;
	left:546px;
}

#intro #btn_mini a{
display:block;
width:204px;
height:114px;
text-indent:-9999px;
background:url(images/btn_course_mini.jpg) no-repeat 0px 0px;
}

#intro #btn_mini a:hover{
background:url(images/btn_course_mini.jpg) no-repeat 0px -114px;
}

#sample_video{
height:320px;
background:url(images/bg_samplevideo_b.jpg) no-repeat top left;
padding:74px 0 20px;
}

#sample_video object#movie01{
float:left;
margin:0px 30px 0px 50px;
}

#sample_video object#movie02{
float:right;
margin:0px 50px 0px 30px;
}

#desc{
height:540px;
background:url(images/bg_desc_b.jpg) no-repeat top left;
}

#btn{
height:240px;
background:url(images/bg_button.jpg) no-repeat top left;
}

#btn p{
color:#FFFFFF;
}

#btn a{
display:block;
width:350px;
height:100px;
text-indent:-9999px;
margin-bottom:10px;
}

#btn #btn_left{
width:350px;
float:left;
margin:0 40px 0 30px;
}

#btn #btn_left a{
background:url(images/btn_free_regist.jpg) no-repeat 0px 0px;
}

#btn #btn_left a:hover{
background:url(images/btn_free_regist.jpg) no-repeat 0px -100px;
}

#btn #btn_right{
float:left;
width:350px;
}

#btn #btn_right a{
background:url(images/btn_getvideo.jpg) no-repeat 0px 0px;
}

#btn #btn_right a:hover{
background:url(images/btn_getvideo.jpg) no-repeat 0px -100px;
}

#btn_reg{
height:300px;
background:url(images/bg_buttonbottom_b.jpg) no-repeat top left;
}

#btn_reg p{
color:#FFFFFF;
text-align:center;
font-size:14px;
}

#btn_reg #btn_top{
width:740px;
height:110px;
margin:0 30px;
}

#btn_reg #btn_top a{
display:block;
width:740px;
height:100px;
text-indent:-9999px;
margin-bottom:10px;
background:url(images/btn_free_regist04.png) no-repeat 0px 0px;
}

#btn_reg #btn_top a:hover{
background:url(images/btn_free_regist04.png) no-repeat 0px -100px;
}

#btn_reg #btn_bottom a{
display:block;
width:350px;
height:70px;
margin:0 225px;
text-indent:-9999px;
margin-bottom:10px;
background:url(images/btn_free_regist_mini.jpg) no-repeat 0px 0px;
}

#btn_reg #btn_bottom a:hover{
background:url(images/btn_free_regist_mini.jpg) no-repeat 0px -70px;
}


#btn_affi{
height:500px;
background:url(images/bg_button.jpg) no-repeat top left;
}

#btn_affi p{
color:#FFFFFF;
text-align:center;
font-size:14px;
}

#btn_affi #btn_top{
width:740px;
height:183px;
margin:0 30px;
}

#btn_affi #btn_top a{
display:block;
width:740px;
height:100px;
text-indent:-9999px;
margin-bottom:10px;
background:url(images/btn_course.jpg) no-repeat 0px 0px;
}

#btn_affi #btn_top a:hover{
background:url(images/btn_course.jpg) no-repeat 0px -100px;
}

#btn_affi #btn_bottom{
}

#btn_affi #btn_bottom a{
display:block;
width:350px;
height:70px;
margin:0 225px;
text-indent:-9999px;
margin-bottom:10px;
background:url(images/btn_free_regist_mini.jpg) no-repeat 0px 0px;
}

#btn_affi #btn_bottom a:hover{
background:url(images/btn_free_regist_mini.jpg) no-repeat 0px -70px;
}

#caution{
width:500px;
margin:30px 139px;
padding:10px;
border:1px dotted #FFFFFF;
}

*:first-child+html #caution{
width:400px;
}

*html #caution{
width:400px;
}

#caution p{
text-align:left;
font-size:11px;
text-align:center;
}

#btn_reg02{
height:140px;
background:url(images/bg_buttontop_b.jpg) no-repeat top left;
}

#btn_reg02 #btn_top{
width:740px;
height:100px;
margin:0 30px;
}

#btn_reg02 #btn_top a{
display:block;
width:740px;
height:100px;
text-indent:-9999px;
margin-bottom:10px;
background:url(images/btn_free_regist04.png) no-repeat 0px 0px;
}

#btn_reg02 #btn_top a:hover{
background:url(images/btn_free_regist04.png) no-repeat 0px -100px;
}