@charset "utf-8";
#key {
	background:url(../img/course/key_bg.jpg) no-repeat center center / cover;	
}
#key p {
	position: absolute;
	top: 400px;
	left: 0;
	width: 100%;
	text-align:center;	
}
.price {
	float: left;
	color: #b49c6d;
	font-size: 27px;
	line-height: 50px;
	letter-spacing: 3px;	
}
.price span {
	font-size: 23px;	
}

#sec1 {
	background:url(../img/course/sec1_bg.png) no-repeat center bottom / 100% auto;	
	padding-bottom: 81px;
}
#sec1 .txt1 {
	padding: 25px 0 92px;
	text-align:center;	
}

#sec1 .title {
	background:url(../img/access/sec1_line.png) repeat-x center top, url(../img/access/sec1_line.png) repeat-x center bottom;
	padding:1px 0;
	margin-bottom: 47px;
}
#sec1 .title  h3 {
	float: left;
	font-size: 27px;
	line-height: 50px;
	letter-spacing: 2.3px;
	padding: 13px 0px 14px 70px;
	font-weight: bold;			
}
#sec1 .title  .price {
	position:absolute;
	right:50px;
	top:405px;
}
#sec1 .slide {
	margin-bottom: 30px;	
}
#sec1 .bx-wrapper {
	float: right;
}
#sec1 #slide_01 {
    width: 789px !important;
	height: 610px;
}
#pager {
   cursor: pointer;
    height: 610px;
    position: relative;
	width:190px;
    z-index: 9999;
	float: left;
}
#pager p a{
	width: 190px;
	height: 110px;
	padding-bottom: 15px;
	float: left;
}

#pager .pager1 {
	background:url(../img/course/sec1_thumb_01.jpg) no-repeat center top;	
}
#pager .pager2 {
	background:url(../img/course/sec1_thumb_02.jpg) no-repeat center top;	
}
#pager .pager3 {
	background:url(../img/course/sec1_thumb_03.jpg) no-repeat center top;	
}
#pager .pager4 {
	background:url(../img/course/sec1_thumb_04.jpg) no-repeat center top;	
}
#pager .pager5 {
	background:url(../img/course/sec1_thumb_05.jpg) no-repeat center top;	
}

#pager .pager1.active, #pager .pager1:hover {
	background:url(../img/course/sec1_thumb_01_on.jpg) no-repeat center top;	
}
#pager .pager2.active, #pager .pager2:hover {
	background:url(../img/course/sec1_thumb_02_on.jpg) no-repeat center top;	
}
#pager .pager3.active, #pager .pager3:hover {
	background:url(../img/course/sec1_thumb_03_on.jpg) no-repeat center top;	
}
#pager .pager4.active, #pager .pager4:hover {
	background:url(../img/course/sec1_thumb_04_on.jpg) no-repeat center top;	
}
#pager .pager5.active, #pager .pager5:hover {
	background:url(../img/course/sec1_thumb_05_on.jpg) no-repeat center top;	
}


#sec1 .bg_t {
	background:url(../img/course/sec1_bg_t.jpg) no-repeat center top;
	padding-top: 19px;
	-webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2);
}
#sec1 .bg_ct {
	background:url(../img/course/sec1_bg_ct.jpg) repeat-y center top;
}

#sec1 .bg_bt {
	background:url(../img/course/sec1_bg_bt.jpg) no-repeat center bottom;
	padding-bottom: 19px;
}
#sec1 .info {
	padding: 31px 0 0 271px;
}

#sec1 .info ul {
	line-height: 26px;
	float: left;
	padding: 14px 119px 18px 0;
}
#sec1 .info ul:last-child {
	padding-right: 0;	
}
#sec1 .info ul li {
	background:url(../img/course/dt_icon.png) no-repeat 0 7px;
	padding-left: 18px;	
}
#sec1 .info .txtbt {
	padding-bottom: 18px;
	padding-left: 91px;
	color: #535353;
	clear:both;
}


#sec2 {
	background:url(../img/course/sec2_line.png) repeat-x center top;
	padding:100px 0 100px;	
}
#sec2 .txttop {
	padding: 20px 0 60px;
	text-align:center;	
}
#sec2  .col_l {
	padding:20px 0 0 10px;
	width:480px;
}
#sec2 .col_r {
	padding-top:50px;
}
#sec2  .price {
	padding-top: 10px;
	padding-left:150px;
}
#sec2  .info {
	padding: 34px 0 40px 33px;
}
#sec2 .info ul {
	line-height: 32px;
	float: left;
	padding: 0 138px 0 0;
}
#sec2 .info ul li {
	background:url(../img/course/dt_icon.png) no-repeat 0 7px;
	padding-left: 18px;	
}
#sec2 .info ul:last-child {
	padding-right: 0;	
}
#sec2 .txtbt {
	color: #535353;
	clear:both;
}
#sec2 .title {
	background:url(../img/access/sec1_line.png) repeat-x center top, url(../img/access/sec1_line.png) repeat-x center bottom;
	padding:1px 0;
}
#sec2 .title  h3 {
	float: left;
	font-size: 27px;
	line-height: 50px;
	letter-spacing: 2.3px;
	padding: 5px 37px 4px 33px;
	font-weight: bold;	
}

#sec3 {
	background:#f4f4f4 url(../img/course/sec3_bg.jpg) no-repeat center bottom / 100% auto;
}
#sec3 .line {
	background:url(../img/about/sec4_line.png) repeat-x center top;
	padding:105px 0 112px;	
}
#sec3 .gallery:hover .item:not(:hover) {
	 opacity:0.5;
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -webkit-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8);
}

#sec3 .txttop {
	padding:30px 0 80px;
	text-align:center;
}
#sec3 .item {
	width: 500px;
	text-align:center;
	-moz-transition:all 0.25s ease;
    -webkit-transition:all 0.25s ease;
    -o-transition:all 0.25s ease;
    -ms-transition:all 0.25s ease;
    transition:all 0.25s ease;
	-webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.4);
	box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.4);
		
}
#sec3 .item  .border {
	border:1px solid rgba(255,255,255,0.50);
	margin:9px;
	height: 682px;
}
#sec3 .item1 {
	background:url(../img/course/sec3_bg_bt_01.jpg) no-repeat center bottom, url(../img/course/sec3_bg_rp.jpg) repeat-y center top;	
	float: left;
	opacity:0.5;
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -webkit-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8);
}
#sec3 .item1:hover {
	opacity:1;
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
#sec3 .item2 {
	background:url(../img/course/sec3_bg_bt_02.jpg) no-repeat center bottom, url(../img/course/sec3_bg_rp.jpg) repeat-y center top;	
	float: right;
}
#sec3 h3 {
	padding:23px 0 50px;
}
#sec3 dl {
	color: #b49c6d;
	font-size: 20px;
	line-height: 31px;
	letter-spacing: 3px;
	padding-bottom:10px;
	width: 193px;
	margin:0 auto;
	font-family: "ヒラギノ明朝 Pro W4", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
#sec3 dl dt {
	background:url(../img/course/dt_icon.png) no-repeat 0 10px;
	padding-left: 18px;
	float: left;	
}
#sec3 dl dd {
	float: right;	
}
#sec3 .txt {
	padding-top: 20px;
	color: #FFF;
}



#sec3 {
	border-top: 13px solid #000;
	background: url(../img/course/sec3_bg.png) no-repeat center center / cover, url(../img/menu/sec2_bg_rp.jpg) repeat center top;
	padding-top: 90px;
	color: #FFF;
}
#sec3 .topinfo {
	padding-bottom: 99px;
	text-align: center;
	line-height: 20px;
}
#sec3 .topinfo .txt {
	padding-top: 10px;
}
#sec3 .info1 {
	min-height: 570px;
}
#sec3 .info1 .title {
	width: 570px;
	border-bottom: 2px solid rgba(255,255,255,0.2);
	position: relative;
}
#sec3 .info1 .price {
	position: absolute;
	top: 25px;
	left: 425px;
	font-size: 32px;
}
#sec3 .info1 .price span {
	font-size: 22px;
}
#sec3 .info1 .txt {
	padding-top: 25px;
	text-align:center;
}
#sec3 .info2 {
	padding-top: 140px;
	height: 679px;
}
#sec3 .info2 h3 {
}
#sec3 .info2 .txt {
	text-align: center;
	margin: 30px 0 31px -9px;
}
#sec3 .info2 .price {
	font-size: 25px;
	line-height: 45px;
	padding-bottom: 26px;
	text-align: center;
}
#sec3 .info2 .price span {
	font-size: 18px;
}
#sec3 .info2 .txtbt {
	padding-left: 17px;
}


#sec4 {
	background:url(../img/course/sec4_bg.jpg) no-repeat center top / cover;
	padding:71px 0 72px;	
}
#sec4 h2 {
	padding-left: 145px;	
}
#sec4 .txt {
	color: #FFF;
	padding: 26px 0 45px 31px;
	text-align:center;
	width: 424px;	
}
#sec4 .bnr {
	padding-left: 82px;	
}