/*conts_main*/
#contents .conts_main .conts_main_kv a:link { text-decoration:none;}
#contents .conts_main .conts_main_kv a:visited { text-decoration:none;}
#contents .conts_main .conts_main_kv a:active { text-decoration:none;}
#contents .conts_main .conts_main_kv a:hover{ text-decoration:none;}

#contents .conts_main{
	margin-top: 2px;
	padding: 0;
	width: 100%;

	min-width: 100%;

	text-align: left;


    /*overflow: hidden;*/

    background-color: white /* #C8B48F */;
}

#contents .course_conts{
    margin: 0 auto;
	padding: 0;

    	width: 100%;

    	margin-top: 25px;
}
#contents .course_conts .course_conts_title{
    margin: 0;
    padding-bottom:10px; 
    font-size: 28px;
    font-weight: bold;
    line-height: 1.2;
    word-wrap: break-word;
}

.error_color{
    color:#c60000;
}


/*course_conts_index*/
.course_conts_index{
    position: relative;
	margin: 0 auto;
	padding: 5px 0 0 0;
	padding-bottom: 25px;

	width: 100%;
}
.course_conts_list ul{
	margin: 0;
	padding: 0;
	list-style: none;

	min-height: 1px;
}
#contents .conts_area .conts_list ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}


.course_conts_list ul li{
	float: left;

	position: relative;

	margin: 0 2%;

	padding: 0;

	width: 46%;

	display: block;
	vertical-align: top;
	background-color: #fff;
    
    /*big_animtion*/
    -webkit-transition: all 0.3s;
	transition: all 0.3s;
    cursor: pointer;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.course_conts_list ul li:nth-child(n+3) {
	margin-top: 4%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.course_conts_list ul li:hover{
	/*-webkit-transform: scale(1.1);
	transform: scale(1.1);*/
    z-index:5;
}
.course_conts_list ul li a:hover{
    opacity:1 !important;
}

/*course_navi_list*/
.course_navi_list{
    margin: 0 0 30px 0;
	padding: 0;
}
.course_navi_list ul{
    margin: 0;
	padding: 0;
	list-style: none;

	min-height: 1px;
}

.course_navi_list ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

.course_navi_list ul li{
    position: relative;
    width: 48%;
    float: left;

	margin: 0;
	padding: 0;

}

.course_navi_list ul li:nth-child(even){
	margin-left: 2%;
}
.course_navi_list ul li:nth-child(odd){
	margin-right: 2%;
}
.course_navi_list ul li:nth-child(n+3){
	margin-top: 10px;
}

.course_conts_navi .course_navi_list > ul > li:nth-child(odd) .box_sh{
	left:0px!important;
}

.course_conts_navi .course_navi_list > ul > li:nth-child(even) .box_sh{
	right:0px!important;
}


/*course_calendar*/
.course_calendar_t{
    position: relative;
	float: left;

	margin: 0;
	padding:5px 10px;

	width: 100%;
	height: auto;

	font-size: 12px;
	
	border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
	
	background-image:url(../imgs/common/category_arrow.png);
	background-repeat:no-repeat;
	background-position:center right 10px;
	background-color: #efefef;
}

/* -------------- calendar -------------- */
.course_calendar{
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	width:270px;
	height:285px;
	top:40px;
	left:0;
	background-color:#fff;
	z-index:10;
}
.calendar{
	margin: 0 auto;
	padding: 0;
	border-collapse:collapse;
	width:238px;
	font-weight: bold;
}
.calendar caption{
	margin: 0;
	padding-top: 20px;
	padding-bottom:6px;
	font-size:14px;
}
.calendar .calendardateheaders{
	font-size:11px;
	text-align:center;
	line-height:30px;
}
.calendar .calendardate,
.calendar td{
	font-size:11px;
	border:1px solid #f2f2f2;
	text-align:center;
	line-height:30px;
	background: #f7f7f7;
}
td.day{
	color:#000;
	background:#f7f7f7;
}
td.today{
	color:#fff;
	background:#f25c33}
td.pastday{
	color:#e7e7e7;
	background:#f7f7f7;
}
td.courseday{background:#fff;}
/*
td.holiday{background:#f7f7f7;}
td.saturday{background:#fff;}
td.sunday{background:#fff;}
*/
.calendar td a{
	text-decoration:none;
	display:block;
	width:100%;
}
.calendar td a:hover{
	background:#f7f7f7;
	color:#000;
	text-decoration:none
}
.alldate_btn{
	margin: 10px auto;
	padding: 5px;
	color:#fff;
	width:130px;
	/*height:30px;*/
	text-align: center;
	font-size: 12px;
	background-color:#595757;
	
	border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}

.course_navi_list{
	position: relative;
	margin: 0;
	padding: 0;
	padding-bottom: 25px;
}

/*course_style*/
.course_navi_list .course_style_t{
	position: relative;
	float: left;
	margin: 0;
	padding:5px 10px;

	width:100%;

	height: auto;
	font-size: 12px;

	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;

	background-image:url(../imgs/common/category_arrow.png);
	background-repeat:no-repeat;
	background-position:center right 10px;
	background-color: #efefef;
}
.course_navi_list .course_style{
	position: absolute;
    margin: 0;
    padding: 0;
    top:40px;

    /*left:0;*/
    
    width:190px;
    z-index:10;
    display:none;
}
.course_navi_list .course_style ul{
    margin: 0;
    padding: 0;
    font-size: 0;
    width:190px;
    list-style: none;
    background-color: #fff;
	overflow: hidden;
}
.course_navi_list .course_style ul li{
    margin: 0;
    padding: 0;
    cursor: pointer;
    font-size: 13px;
    text-align: left;
    width:190px;
    height:auto;
    letter-spacing:0;
    background-color: #fff;
}
.course_navi_list .course_style li a{
	margin: 0;
	padding: 5px 10px;
    display: block;
    width:100%;
    color:#3e3e3e;
}
.course_navi_list .course_style li a:hover{ 
    color:#fff;
	background-color: #595757;
}

/*course_ytpe*/
.course_navi_list .course_ytpe_t{
    position: relative;
	float: left;

	padding:5px 10px;

	width:100%;

	height:auto;

	font-size: 12px;
	
	border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
	
	background-image:url(../imgs/common/category_arrow.png);
	background-repeat:no-repeat;
	background-position:center right 10px;
	background-color: #efefef;
}
.course_navi_list .course_ytpe{
	position: absolute;
    margin: 0;
    padding: 0;
    top:40px;

    right:0;

    width:190px;
    z-index:10;
    display:none;
}
.course_navi_list .course_ytpe ul{
    margin: 0;
    padding: 0;
    font-size: 0;
    width:190px;
    list-style: none;
    background-color: #fff;
	overflow: hidden;
}
.course_navi_list .course_ytpe ul li{
    margin: 0;
    padding: 0;
    cursor: pointer;
    font-size: 13px;
    text-align: left;
    width:190px;
    height:auto;
    letter-spacing:0;
    background-color: #fff;
}
.course_navi_list .course_ytpe li a{
	margin: 0;
	padding: 5px 10px;
    display: block;
    width:100%;
    color:#3e3e3e;
}
.course_navi_list .course_ytpe li a:hover{ 
    color:#fff;
	background-color: #595757;
}

/*course_order_navi*/
.course_navi_list .course_order_navi{

	position: relative;

	margin-top: 10px;
	padding: 0;
	top: 0;
	right:0;
	cursor: auto;

	border-top: 1px solid #eaeaea;
}
.course_navi_list .course_order_t{
	position: relative;
	margin: 8px 5px 0 0;
	padding:5px 10px;

	width:48%;
	height:auto;

	font-size: 12px;
	
	border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
	
	background-image:url(../imgs/common/category_arrow.png);
	background-repeat:no-repeat;
	background-position:center right 10px;
	background-color: #efefef;

	cursor: pointer;
}
.course_navi_list .course_order{
	position: absolute;
    margin: 0;
    padding: 0;
    top:40px;

    left: 0px;

    width:190px;
    z-index:10;
    display:none;
}
.course_navi_list .course_order ul{
    margin: 0;
    padding: 0;
    font-size: 0;
    width:190px;
    list-style: none;
    background-color: #fff;
	overflow: hidden;
}
.course_navi_list .course_order ul li{
    margin: 0;
    padding: 0;
    cursor: pointer;
    font-size: 13px;
    text-align: left;
    width:190px;
    height:auto;
    letter-spacing:0;
    background-color: #fff;
}
.course_navi_list .course_order li a{
	margin: 0;
	padding: 5px 10px;
    display: block;
    width:100%;
    color:#3e3e3e;
}
.course_navi_list .course_order li a:hover{ 
    color:#fff;
	background-color: #595757;
}

/*page_under_navi*/
.page_under_navi{
	margin: 0 0 100px 0;
    padding: 0;
	width:auto;

	text-align: center;
	font-size: 0;
}
.page_under_navi ul{
	margin: 0;
	padding: 50px 0 0 0;

	height:22px;

	font-size: 0;
	list-style: none;
	font-size: 0;

	display: inline-block;
}
.page_under_navi ul li{
	margin: 0;

	padding: 0;

	margin-right: 10px;
	display: inline-block;

	width:24px;

	cursor: pointer;
	text-align:center;
	font-size:13px;
	font-weight: bold;
	color:#b4b4b4;
	background-color: #fff;
	overflow: hidden;
}
.page_under_navi li a{
	width:100%;
    display: block;
    width:100%;
    color:#b4b4b4;
    padding: 2px 0;
}
.page_under_navi li a:hover{ 
    color:#fff;
	background-color: #000;
}
.page_under_navi .pnavi_active{ 
    color:#fff;
	background-color: #000;
}

.categ_left_navi,
.lnag_left_navi,
.conver_left_navi{
	margin: 0;
	padding: 0;
}
/*course_cnts_left_navi*/
.course_cnts_left_navi{

	float:none;

	margin: 8px 20px 50px 0;

	padding: 0;

	width: 100%;

	overflow: hidden;
	background-color: #fff;
}
.course_cnts_left_navi .left_navi_t{
	margin: 0;
	padding: 5px;
	width:100%;
	font-size: 12px;
	font-weight: bold;
	color:#fff;
	background-color: #595757;
}
.course_cnts_left_navi ul.left_navi{
	position: relative;
	margin: 0;
	padding: 10px 0 15px 0;
	list-style: none;
	border: 1px solid #e5e5e5;
}
.course_cnts_left_navi ul.left_navi li{
	position: relative;
	margin: 0 auto;
	padding: 2px 0;
	font-size: 12px;
	background-color: #fff;
	overflow: hidden;
	width:auto;
	cursor: pointer;
	border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
	width:245px;
	z-index:1;
}
.course_cnts_left_navi ul.left_navi li .list_cate{
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 4px 5px 2px 28px;
	width: 245px;
	z-index: 5;
	cursor: pointer;
	border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}
.course_cnts_left_navi ul.left_navi li a{
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
	width:245px;
	text-decoration: none;
	cursor: pointer;
	border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
	opacity: 1;
	z-index: 5;
}
.course_cnts_left_navi ul.left_navi li a:hover{
	position: relative;
	text-decoration: none;
	background-color: #e8e8e8;
}
/*left_navi active*/
.course_cnts_left_navi ul.left_navi li.left_navi_over{
	margin: 0 auto;
	width:245px;
	background-color: #e8e8e8;
}
.course_cnts_left_navi ul.left_navi li.left_navi_active{
	margin: 0 auto;
	width:245px;
	background-color: #e8e8e8;
}


/*course_cnts_column*/
.course_cnts_column{
	float:none;

	margin: 0;
	padding: 0;

	width:100%;
}

.conts_list_right ul{
	margin: 0;
	padding: 0;
	list-style: none;

	min-height: 1px;
}
.conts_list_right ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

.conts_list_right ul li{
	float: left;

	position: relative;

	margin: 0 2%;

	padding: 0;

	width: 46%;

	display: block;
	vertical-align: top;
	background-color: #fff;
    /*big_animtion*/
    -webkit-transition: all 0.3s;
	transition: all 0.3s;
    cursor: pointer;

 	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	
}
.conts_list_right ul li:nth-child(n+3) {
	margin-top: 4%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.conts_list_right ul li:hover{
	/*-webkit-transform: scale(1.1);
	transform: scale(1.1);*/
    z-index:5;
}
.conts_list_right ul li a:hover{
    opacity:1 !important;
}


/*conts_list_th*/
.conts_list_th{
    position: relative;
    margin: 0;
    padding: 0;
    /*height:356px;*/
    z-index: 1;
    /*order: 1px solid #d9d9d9;*/
	border:1px solid rgba(0,0,0,0.1);
	box-sizing:border-box;
    background-color: #fff;
}
/*th_figure*/
.th_figure{
    position: relative;
	margin: 0;
	padding: 0;
    vertical-align: bottom;
}
.th_figure img{
	width:100%;
}
/*th_figure*/
.th_detail{
	position: relative;
	margin: 0;

    padding: 15px 10px;

    background-color: #fff;
    letter-spacing:0;
}
.th_detail_elearning{
	margin: 0;
	padding: 0 0 2px 0;
	height:25px;
	width:auto;
	background-image:url(../imgs/common/elearning_icon.png);
	background-repeat:no-repeat;
	background-position:center left 0;
}
.th_detail_type_kensyu{
	margin: 0;
	padding: 0;
	height:25px;
	width:auto;
	background-image:url(../imgs/common/kensyu_icon.png);
	background-repeat:no-repeat;
	background-position:center left 0;
}
.th_detail_type_nini{
	margin: 0;
	padding: 0;
	height:25px;
	width:auto;
	background-image:url(../imgs/common/nini_icon.png);
	background-repeat:no-repeat;
	background-position:center left 0;
}
.th_detail_type_hisuu{
	margin: 0;
	padding: 0 0 2px 0;
	height:25px;
	width:auto;
	background-image:url(../imgs/common/hisuu_icon.png);
	background-repeat:no-repeat;
	background-position:center left 0;
}
.th_detail_title{
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
}
.th_detail_certificate{
	height: 40px;
	padding-top: 10px;
}
.th_detail_person{
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight:normal;
	height: 40px;
}
.th_detail_person:before{
	content:"";
	padding-right: 20px;
	color:#fff;
	font-size: 15px;
	background-image:url(../imgs/common/th_person_icon.png);
	background-repeat:no-repeat;
	background-position:center left 0;
}
.th_detail_time{
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight:normal;
}
.th_detail_time:before{
	content:"";
	padding-right: 20px;
	color:#fff;
	font-size: 15px;
	background-image:url(../imgs/common/th_time_icon.png);
	background-repeat:no-repeat;
	background-position:center left 0;
}
.th_detail_date{
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight:normal;
	height: 40px;
}
.th_detail_date:before{
	content:"";
	padding-right: 20px;
	color:#fff;
	font-size: 15px;
	background-image:url(../imgs/common/th_date_icon.png);
	background-repeat:no-repeat;
	background-position:center left 0;
}
/*top_status_icon*/
.top_status_icon{
	position:absolute;
    margin:0;
    padding:0;
    width:94px;
    height:22px;
	bottom:35px;
	right:6px;
	z-index:2;
}
/*th_detail_star*/
.th_detail_star0{
	margin: 0;
	padding: 0;
	height:20px;
	width:auto;
	background-image:url(../imgs/common/th_star0.png);
	background-repeat:no-repeat;
	background-position:center left 0;
}
.th_detail_star1{
	margin: 0;
	padding: 0;
	height:20px;
	width:auto;
	background-image:url(../imgs/common/th_star1.png);
	background-repeat:no-repeat;
	background-position:center left 0;
}
.th_detail_star2{
	margin: 0;
	padding: 0;
	height:20px;
	width:auto;
	background-image:url(../imgs/common/th_star2.png);
	background-repeat:no-repeat;
	background-position:center left 0;
}
.th_detail_star3{
	margin: 0;
	padding: 0;
	height:20px;
	width:auto;
	background-image:url(../imgs/common/th_star3.png);
	background-repeat:no-repeat;
	background-position:center left 0;
}
.th_detail_star4{
	margin: 0;
	padding: 0;
	height:20px;
	width:auto;
	background-image:url(../imgs/common/th_star4.png);
	background-repeat:no-repeat;
	background-position:center left 0;
}
.th_detail_star5{
	margin: 0;
	padding: 0;
	height:20px;
	width:auto;
	background-image:url(../imgs/common/th_star5.png);
	background-repeat:no-repeat;
	background-position:center left 0;
}

/*th_sub_menu*/
.th_sub_menu{
    position: absolute;
    margin: 0;
    padding: 0;
    top:0;
    left:0;
    width:260px;
    height:361px;
    letter-spacing:0;

    overflow-y: scroll;
    overflow-x: hidden;
    
    border: 1px solid #d9d9d9;
    background-color: #fff;
    z-index:-5;
    display: none;
}
.th_sub_menu a:link { text-decoration:none;}
.th_sub_menu a:visited { text-decoration:none;}
.th_sub_menu a:active { text-decoration:none;}
.th_sub_menu a:hover{
    text-decoration:none;
    /*opacity: 0.6;
    transition:0.6s;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";*/
}

.th_sub_menu .th_sub_menu_title{
    margin: 0;
    padding: 5px 0;
    margin-left: 15px;
    width:100%;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.th_sub_menu .th_sub_menu_times{
    margin: 0 auto;
    padding: 2px 0;
    width:93%;
    overflow:auto;
    border-radius:14px;
    -webkit-border-radius:14px;
    -moz-border-radius:14px;
    background-color: #595757;
    color: #fff;
    margin-top: 5px;
}
.th_sub_menu .th_sub_menu_list{
    margin: 0;
    padding: 6px 0;
    margin-left: 10px;
}
.th_sub_menu .menu_list_line{
    margin: 0 auto;
    width:93%;
    border-bottom: 1px solid #dadada;
}
.th_sub_menu .th_sub_menu_list .th_sub_menu_date{
    margin: 0;
    padding: 2px 5px 2px 15px;
    font-size: 13px;
    font-weight: bold;
    color:#3e3e3e;
}
.th_sub_menu .th_sub_menu_list .th_sub_menu_txt{
    margin: 0;
    padding: 0 5px 0 15px;
    font-size: 11px;
    font-weight: normal;
    color:#3e3e3e;
}
.th_sub_menu .th_sub_menu_list .th_sub_menu_status{
    margin: 0;
    padding: 2px 5px 10px 15px;
    height:32px;
    font-size: 11px;
    font-weight:normal;
    color:#3e3e3e;
    vertical-align: bottom;
}

.heart_icon_active{
    position: absolute;
    margin: 0;
    padding: 0;
    width:40px;
    height:40px;
    bottom:10px;
    right:10px;
    cursor: pointer;
    display:block;
    background:url(../imgs/common/heart_icon.png) no-repeat 0 0;
    background-position: -1px -41px;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,0.1);
    background-color: #fff;
}

/* add 20170316 */
.bootstrap-iso .mypage_menulist .list-group-item:first-child {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.bootstrap-iso .mypage_menulist .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.bootstrap-iso .row {
	margin-left: 0px;
	margin-right: 0px;
}
.bootstrap-iso .form-horizontal .form-group {
	margin-left: 0px;
	margin-right: 0px;
}

.no-click {
    cursor: default;
}