@charset "utf-8";
/* CSS Document */

.div_page_sub_menu_border{
	max-width:203px;
	height:auto;
	border:#EBC4D7 2px solid;
	margin:0px;
	padding:3px 0px 3px 3px;
	z-index:998;
	float:left;
}

.div_page_sub_menu_title{
	position:relative;
	margin:0px 3px 2px 0px;
	background-color:#EA6490;
}

.ul_page_sub_menu{
	padding:0px 3px 0px 0px;
	margin:0px;
}

.li_page_sub_menu{
	padding:15px 2px 5px 38px;
	
}

.li_page_sub_menu a{
	display:block;
}

.li_page_sub_menu a:hover{
	background-image:url(../images/icon_arrow_pink.png);
	background-repeat:no-repeat;
	background-position:right;
}

.img_sub_menu{
	position:absolute;
	float:right;
	right:0px;
	cursor:pointer;
}

.div_page_right_content{
	width:80%;
	padding-top:0px;
	line-height:180%;
	float:right;
}

.img_float_right{
	float:right;
	max-width:300px;
	margin-left:10px;
}

.img_float_left{
	float:left;
	max-width:300px;
	margin-right:10px;
}

/*-----set course page-----*/
.div_course_content{
	float:left;
	padding-bottom:30px;
	padding-right:35px;
	width:28%;
	display:block;
	margin:0 auto;
}

/*-----on this page-----*/
.li_page_sub_menu_index{
	padding:15px 0px 5px 38px;
	background-color:#F9E8F1;
	
	/*background-image:url(../images/icon_arrow_pink.png);
	background-repeat:no-repeat;
	background-position:right;*/
	
}

.span_page_sub_menu_index{
	color:#000
}
	
.img_icon_date{
	position:relative;padding:5px;cursor:pointer;
}

.ul_right_content_notice{
	margin-top:20px;padding-left:25px;list-style-type:decimal;border:#CCC 2px dashed;
}

.url_right_content_notice_dot
{
	margin-top:20px;padding-left:25px;list-style-type:square;border:#CCC 2px dashed;
	}

.ul_set_page{
	width:auto;
	padding-top:20px;
}

.li_set_page{
	float:left;
	margin-right:4px;
	border:#EBC4D7 1px solid;
	line-height:normal;
	display:block;
	padding:2px 5px 2px 5px;
	
}

.li_set_page a{
	display:block;
	padding:2px 5px 2px 5px;
}

/*-----right div screen width start-----*/
@media screen and (max-width: 1125px) {
	.div_page_right_content{
		width:78%;
	}
}

@media screen and (max-width: 1025px) {
	.div_page_right_content{
		width:75%;
	}
}

@media screen and (max-width: 905px) {
	.div_page_right_content{
		width:70%;
	}
}
/*-----right div screen width end-----*/

.sub_menu_height{
	height:auto;
	}

@media screen and (max-width: 763px) {
	.div_page_sub_menu_border{
		max-width:98%;
		float:none;
		margin:0px;
	}
	
	.div_page_right_content{
		width:98%;
		float:none;
	}
	
	.div_page_right_content p{
		padding:0px;
	}
	
	.img_float_right{
		float:none;
		min-width:400px;
		display:block;
		margin:auto;
	}
	
	.img_float_left{
		float:none;
		min-width:400px;
		display:block;
		margin:auto;
	}
	
	.div_course_content{
		width:96%;
		float:none;
		padding-right:0px;
	}
}