@charset "utf-8";


#title_area{
	background : #c7e18f;
	padding : 0 0 100px 0;
	}
#title_area .title_area_content{
	width : 980px;
	margin : 0 auto;
	font-size : 15px;
	}
#title_area .title_area_content h1{
	margin : 0 0 30px 0;
	}
#title_area .title_area_content h2{
	font-size : 36px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	}
#title_area .title_area_content h2 span{
	font-size : 46px;
	color : #fff;
	}
#title_area .title_area_content .bnr_area{
	margin : 50px 0 0 0;
	}
#title_area .title_area_content .bnr_area .left{
	width : 480px;
	float : left;
	text-align : center;
	}
#title_area .title_area_content .bnr_area .right{
	width : 480px;
	float : left;
	margin : 0 0 0 20px;
	text-align : center;
	}
#title_area .title_area_content .bnr_area .left .title{
	background : url('../images/course/course/line1.png') no-repeat center center;
	margin : 0 0 20px 0;
	font-size : 15px;
	}
#title_area .title_area_content .bnr_area .right .title{
	background : url('../images/course/course/line1.png') no-repeat center center;
	margin : 0 0 20px 0;
	font-size : 15px;
	}
#title_area .title_area_content .bnr_area .left .image img,
#title_area .title_area_content .bnr_area .right .image img{
	margin : 0 0 30px 0;
	box-shadow:0px 0px 6px 0px #a6a6a6;
	-moz-box-shadow:0px 0px 6px 0px #a6a6a6;
	-webkit-box-shadow:0px 0px 6px 0px #a6a6a6;
	}
#title_area .title_area_content .bnr_area .left .btn{
	text-align : right;
	margin : 0 20px 0 0;
	}
#title_area .title_area_content .bnr_area .right .btn{
	text-align : left;
	margin : 0 0 0 20px;
	}


#course2 #section1,
#course2 #section2,
#course2 #section3,
#course2 #section4,
#course2 #section5{
	margin-top : -130px !important;
	padding-top : 130px !important;
	}
	

#course1,
#course2,
#course3,
#course4{
	margin-top : -130px !important;
	padding-top : 130px !important;
	}
#area1,
#area2,
#area4{
	background : #ddedbb url('../images/course/course/tbg.jpg') repeat-x top;
	padding : 0 0 80px 0;
	}
#area3{
	background : #ddedbb url('../images/course/course/tbg.jpg') repeat-x top;
	padding : 0;
	}
#area1 .contents{
	width : 840px;
	margin : 0 auto;
	}
#area1 .contents .title,
#area2 .contents .title,
#area3 .contents .title,
#area4 .contents .title{
	text-align : center;
	padding : 70px 0 0 0;
	margin : 0 0 50px 0;
	}
#area1 .contents .sub_title1{
	background : url('../images/course/course/line2.png') no-repeat center;
	text-align : center;
	font-size : 15px;
	margin : 0 0 30px 0;
	}
#area1 .contents .sub_title2{
	background : url('../images/course/course/line3.png') no-repeat center;
	text-align : center;
	font-size : 15px;
	margin : 0 0 30px 0;
	}
#area1 .contents .sub_title3{
	background : url('../images/course/course/line4.png') no-repeat center;
	text-align : center;
	font-size : 15px;
	margin : 0 0 30px 0;
	}
#area1 .contents a{
	color : #000;
	}

#area1 .contents .hover a{ 
	display:block;
	} 

#area1 .contents .box1{
	background : #fff;
	float : left;
	width : 384px;
	border-top : solid 5px #8fc31f;
	padding : 0 0 20px 0;
	margin : 0 0 60px 0;
	}
#area1 .contents .box2{
	background : #fff;
	float : left;
	width : 384px;
	border-top : solid 5px #8fc31f;
	padding : 0 0 20px 0;
	margin : 0 0 60px 72px;
	}
#area1 .contents .box1 .ico,
#area1 .contents .box2 .ico,
#area1 .contents .box3 .ico{
	float : left;
	width : 70px;
	margin : 0 0 10px 10px;
	}
#area1 .contents .box1 .title,
#area1 .contents .box2 .title,
#area1 .contents .box3 .title{
	float : left;
	width : 277px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 24px;
	color : #8fc31f;
	margin : 10px 0 10px 10px;
	padding : 0;
	line-height : 1.2;
	text-align : left;
	}
#area1 .contents .box1 .image,
#area1 .contents .box2 .image{
	margin : 0 0 10px 17px;
	}
#area1 .contents .box1 .text,
#area1 .contents .box2 .text{
	width : 350px;
	margin : 0 auto 15px;
	}
#area1 .contents .box1 .btn,
#area1 .contents .box2 .btn,
#area1 .contents .box3 .btn{
	text-align : center;
	}

#area1 .contents .box3{
	background : #fff;
	border-top : solid 5px #8fc31f;
	padding : 0 0 17px 0;
	}
#area1 .contents .box3 .left{
	float : left;
	width : 367px;
	}
#area1 .contents .box3 .image{
	float : left;
	width : 439px;
	margin : 17px 0 0 17px;
	}
#area1 .contents .box3 .text{
	margin : 0 0 15px 17px;
	}







#area2 .contents,
#area3 .contents,
#area4 .contents{
	width : 980px;
	margin : 0 auto;
	}
#area2 .contents .sub_title{
	width : 980px;
	margin : 0 auto 50px;
	}
#area2 .contents .sub_title .title1{
	width : 300px;
	float : left;
	text-align : center;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 30px;
	color : #8fc31f;
	margin : 0;
	padding : 50px 0 0 0;
	}
#area2 .contents .sub_title .title2{
	width : 300px;
	float : left;
	text-align : center;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 30px;
	color : #8fc31f;
	margin : 0;
	padding : 40px 0 0 0;
	}
#area2 .contents .sub_title .title3{
	width : 300px;
	float : left;
	text-align : center;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 30px;
	color : #8fc31f;
	margin : 0;
	padding : 20px 0 0 0;
	}
#area2 .contents .sub_title .text{
	background: url('../images/course/course/line.png') bottom left;
	line-height: 30px;
	width : 640px;
	float : left;
	margin : 0 0 0 40px;
	}
#area2 .contents .block1{
	margin : 0 0 40px 0;
	}
#area2 .contents .block2{
	margin : 0 0 70px 0;
	}
#area2 .contents .box1{
	background : #fff;
	float : left;
	width : 300px;
	border-top : solid 5px #8fc31f;
	padding : 0 0 15px 0;
	}
#area2 .contents .box2{
	background : #fff;
	float : left;
	width : 300px;
	border-top : solid 5px #8fc31f;
	margin : 0 0 0 40px;
	padding : 0 0 15px 0;
	}
#area2 .contents .box1 .ico,
#area2 .contents .box2 .ico{
	float : left;
	width : 60px;
	margin : 0 0 10px 18px;
	}
#area2 .contents .box1 .title,
#area2 .contents .box2 .title{
	float : left;
	width : 203px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 22px;
	color : #8fc31f;
	margin : 10px 0 10px 10px;
	padding : 10px 0 0 0;
	line-height : 1.2;
	text-align : left;
	}
#area2 .contents .box1 .title2,
#area2 .contents .box2 .title2{
	float : left;
	width : 203px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 22px;
	color : #8fc31f;
	margin : 10px 0 10px 10px;
	padding : 0;
	line-height : 1.2;
	text-align : left;
	}
#area2 .contents .box1 .image,
#area2 .contents .box2 .image{
	margin : 0 0 10px 17px;
	}
#area2 .contents .box1 .text,
#area2 .contents .box2 .text{
	width : 266px;
	margin : 0 auto;
	}
#area2 .contents .box1 .data,
#area2 .contents .box2 .data{
	width : 266px;
	margin : 10px auto 0;
	color : #fff;
	text-align : center;
	}
#area2 .contents .box1 .data .data1,
#area2 .contents .box2 .data .data1{
	background : #8fc31f;
	width : 84px;
	float : left;
	margin : 0 0 7px 0;
	}
#area2 .contents .box1 .data .data2,
#area2 .contents .box2 .data .data2{
	background : #8fc31f;
	width : 84px;
	float : left;
	margin : 0 0 7px 7px;
	}
#area2 .contents .box1 .data .data3,
#area2 .contents .box2 .data .data3{
	background : #8fc31f;
	width : 266px;
	clear : both;
	}
#area2 .contents .box1 .data .data4,
#area2 .contents .box2 .data .data4{
	background : #8fc31f;
	width : 266px;
	clear : both;
	margin : 3px 0 0 0;
	}






#area3 .contents .title_area{
	padding : 70px 0 80px 0;
	}
#area3 .contents .title_area .title{
	padding : 0;
	}
#area3 .contents .title_area .subtitle{
	text-align : center;
	margin : 0 0 30px 0;
	}
#area3 .contents .title_area .read{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 30px;
	text-align : center;
	margin : 0 0 30px 0;
	}
#area3 .contents .title_area .text{
	text-align : center;
	margin : 0 0 30px 0;
	}
#area3 .contents .title_area .btn{
	float : left;
	width : 251px;
	padding : 40px 0 0 220px;
	}
#area3 .contents .title_area video{
	float : left;
	width : 206px;
	margin : 0 0 0 50px;
	}
#area3 .contents_area1{
	background : #eff6e4 url('../images/course/course/dotted.jpg') repeat-y center;
	color : #736357;
	}
#area3 .contents_area1 .left{
	width : 440px;
	float : left;
	}
#area3 .contents_area1 .right{
	width : 440px;
	float : left;
	margin : 0 0 0 100px;
	}
#area3 .contents_area1 .left .ico,
#area3 .contents_area1 .right .ico{
	text-align : center;
	margin : -50px 0 30px 0;
	}
#area3 .contents_area1 .left .text,
#area3 .contents_area1 .right .text{
	margin : 0 0 30px 0;
	}
#area3 .contents_area1 .left .image,
#area3 .contents_area1 .right .image{
	margin : 0 0 30px 0;
	}
#area3 .contents_area1 .left .text_area,
#area3 .contents_area1 .right .text_area{
	border : solid 1px #736357;
	padding : 10px 40px; 
	}
#area3 .contents_area1 .left .text_area .text_l,
#area3 .contents_area1 .right .text_area .text_l{
	float : left;
	}
#area3 .contents_area1 .left .text_area .text_r,
#area3 .contents_area1 .right .text_area .text_r{
	float : left;
	margin : 0 0 0 30px;
	}
#area3 .contents_area{
	background : #eff6e4;
	padding : 60px 0;
	}
#area3 .contents_area .read1{
	background : url('../images/course/course/image3_line.png') no-repeat center bottom;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 30px;
	text-align : center;
	margin : 0 0 30px 0;
	padding : 0 0 30px 0;
	}
#area3 .contents_area .read2{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 30px;
	text-align : center;
	margin : 0 0 30px 0;
	}
#area3 .contents_area .image_area{
	text-align : center;
	margin : 50px 0 20px 0;
	}
#area3 .contents_area .image_area img{
	vertical-align : top;
	padding : 0 30px;
	}




#area4 .title_area{
	position : relative;
	}
#area4 .title_area .ico{
	position : absolute;
	top : 80px;
	left : 810px;
	}
#area4 .title_area .ico img{
	margin : 0 0 5px 0;
	}
#area4 .contents .table_title{
	color : #8fc31f;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 30px;
	text-align : center;
	margin : 0 0 20px 0;
	}
#area4 .contents .table_title2{
	color : #2fa1b4;
	text-align : right;
	margin : 0 0 30px 0;
	}
#area4 .contents .table1{
	width : 100%;
	margin : 0 0 50px 0;
	}
#area4 .contents .table1 th{
	color : #fff;
	background : #8fc31f;
	text-align : center;
	padding : 3px 0;
	border : solid 1px #c2dd8f;
	}
#area4 .contents .table1 td{
	vertical-align : middle;
	background : #fff;
	color : #8fc31f;
	text-align : center;
	padding : 15px 0;
	border : solid 1px #c2dd8f;
	}
#area4 .contents .table1 td span{
	font-size : 12px;
	}
#area4 .contents .table1 .td1,
#area4 .contents .table1 .td2,
#area4 .contents .table1 .td3,
#area4 .contents .table1 .td4,
#area4 .contents .table1 .td5{
	padding : 0 0 0 70px;
	text-align : left;
	width : 200px;
	}
#area4 .contents .table1 .td1{background : #fff url('../images/course/course/area4_1.jpg') no-repeat 15px center;}
#area4 .contents .table1 .td2{background : #fff url('../images/course/course/area4_2.jpg') no-repeat 15px center;}
#area4 .contents .table1 .td3{background : #fff url('../images/course/course/area4_3.jpg') no-repeat 15px center;}
#area4 .contents .table1 .td4{background : #fff url('../images/course/course/area4_4.jpg') no-repeat 15px center;}
#area4 .contents .table1 .td5{background : #fff url('../images/course/course/area4_5.jpg') no-repeat 15px center;}


#area4 .contents .select_data{
	background : #fff;
	padding : 20px;
	}
#area4 .contents .table2{
	width : 440px;
	color : #8fc31f;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	float : left;
	}
#area4 .contents .table2.right{
	margin-left : 60px;
	}
#area4 .contents .table2 th{
	border-top : solid 1px #8fc31f;
	border-bottom : solid 1px #8fc31f;
	text-align : center;
	padding : 3px 0;
	}
#area4 .contents .table2 td{
	vertical-align : middle;
	text-align : center;
	padding : 15px 0;
	white-space : nowrap;
	}
#area4 .contents .table2 .title{
	text-align : left;
	font-size : 20px;
	position : relative;
	}
#area4 .contents .table2 .title .ico{
	position : absolute;
	top : 0;
	right : 0;
	margin : 0;
	padding : 0;
	float : right;
	}
#area4 .contents .table2 td span{
	font-size : 20px;
	}
#area4 .contents .table2 .td1,
#area4 .contents .table2 .td2,
#area4 .contents .table2 .td3,
#area4 .contents .table2 .td4,
#area4 .contents .table2 .td5,
#area4 .contents .table2 .td6,
#area4 .contents .table2 .td7,
#area4 .contents .table2 .td8{
	height : 80px;
	padding : 0 0 0 45px;
	text-align : left;
	vertical-align : top;
	width : 200px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	}
#area4 .contents .table2 .td1{
	padding-top : 20px !important;
	}
#area4 .contents .table2 .td1{background : #fff url('../images/course/course/area4_1b.jpg') no-repeat left 25px;}
#area4 .contents .table2 .td2{background : #fff url('../images/course/course/area4_2b.jpg') no-repeat left 5px;}
#area4 .contents .table2 .td3{background : #fff url('../images/course/course/area4_3b.jpg') no-repeat left 5px;}
#area4 .contents .table2 .td4{background : #fff url('../images/course/course/area4_4b.jpg') no-repeat left 5px;}
#area4 .contents .table2 .td5{background : #fff url('../images/course/course/area4_5b.jpg') no-repeat left 5px;}
#area4 .contents .table2 .td6{background : #fff url('../images/course/course/area4_6b.jpg') no-repeat left 5px;}
#area4 .contents .table2 .td7{background : #fff url('../images/course/course/area4_7b.jpg') no-repeat left 5px;}
#area4 .contents .table2 .td8{background : #fff url('../images/course/course/area4_8b.jpg') no-repeat left 5px;}

#area4 .contents .table2 .arrow_td{
	width : 70px;
	}
#area4 .contents .table2 .arrow_td2{
	background : #fff url('../images/course/course/arrow2.jpg') no-repeat 20px center;
	padding : 0 0 0 40px;
	}


#area4 .contents .table3{
	width : 100%;
	border : solid 2px #8fc31f;
	}
#area4 .contents .table3 th{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	color : #8fc31f;
	background : #f5f9ed;
	text-align : center;
	vertical-align : middle;
	padding : 0;
	}
#area4 .contents .table3 .td1{
	border-bottom : dotted 1px #8fc31f;
	vertical-align : middle;
	text-align : left;
	padding : 10px 0 10px 80px;
	background : url('../images/course/course/no1.jpg') no-repeat 40px center;
	}
#area4 .contents .table3 .td2{
	vertical-align : middle;
	text-align : left;
	padding : 10px 0 10px 80px;
	background : url('../images/course/course/no2.jpg') no-repeat 40px center;
	}



#under.course{
	padding-top : 0;
	margin-top : 0;
	}