@charset "utf-8";

/* activity
-------------------------------------------------------------------------------*/
#acitivity_year_map{
	background:center 40px url(../images/course/activity/activity_year_bg.gif) no-repeat;
	min-height: 987px;
	padding:0px 0px 20px 0px;
	position: relative;
}
#acitivity_year_map h2{
	font-size:13px;
	color:#c61957;
	text-align: center;
	margin-bottom:20px;
}

dl.table{
	display: table;
	table-layout: auto;
	width: 100%;
}
dl.table dt,
dl.table dd{
	padding:1px;
}
dl.table dt{
	display: table-cell;
	vertical-align: top;
	width: 89px;
}
dl.table dd{
	display: table-cell;
	vertical-align: top;
}
dl.table dt img{
	vertical-align:text-bottom;
}
.arrow_box_right dt {
	text-align: right;
}
.arrow_box_left dt {
	text-align: left;
}

.text{
	text-align: center;
	color:#c61957;
	padding-top:6px;
}
.arrow_box_right h3,
.arrow_box_left h3 {
	color:#c61957;
	padding-bottom:0.5em;
	padding-top:0.5em;
	padding-left:10px;
}
.arrow_box_right p,
.arrow_box_left p {
	font-size:10px;
	padding-left:10px;
}

.arrow_box_right {
	position: relative;
	background: #ffffff;
	border: 1px solid #c61957;
	min-height: 2em;
	padding:3px;
	width:auto;
}
.arrow_box_right:after, .arrow_box_right:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_right:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 8px;
	top: 20%;
	margin-top: -8px;
}
.arrow_box_right:before {
	border-color: rgba(198, 25, 87, 0);
	border-right-color: #c61957;
	border-width: 9px;
	top: 20%;
	margin-top: -9px;
}

.arrow_box_left {
	position: relative;
	background: #ffffff;
	border: 1px solid #c61957;
	min-height: 2em;
	padding:3px;
}
.arrow_box_left:after, .arrow_box_left:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_left:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 8px;
	top: 20%;
	margin-top: -8px;
}
.arrow_box_left:before {
	border-color: rgba(198, 25, 87, 0);
	border-left-color: #c61957;
	border-width: 9px;
	top: 20%;
	margin-top: -9px;
}
.arrow_box_left.center:after,
.arrow_box_left.center:before {
	top: 50%;
}



.arrow_box_right,
.arrow_box_left{
	width: 300px;
	position: relative;
}

.arrow_box_right{
	float:right;
}
.arrow_box_left{
	float:left;
}
.arrow_move {
	position: absolute;
}
.arrow_move-left {
	left: 0;
}
.arrow_move-right {
	right: 0;
}
/* common
-------------------------------------------------------------------------------*/
.course_personIncharge{
	background-color:#d8d0be;
	padding:20px;
}
.course_personIncharge.pink{
	background-color:#eba8a7;
}
.course_personIncharge .left{
	float:left;	
	width:161px;
}
.course_personIncharge .left img{
	display: block;
}
.course_personIncharge .right{
	float:right;	
	width:505px;
}
.course_personIncharge p{
	color:#000000;
	font-size:11px;
}
.course_personIncharge .title,
.course_personIncharge .title_sub{
	color:#c61957;
}
.course_personIncharge .title{
	margin-bottom:0.5em;
	font-size:13px;
}
.course_personIncharge .title_sub{
	margin-bottom:1em;	
}



.course-table_contents {
	width: 690px;
}
.course-table_contents th,.course-table_contents td {
	color: white;
	padding: 15px 0;
}
.course-table_contents th {
	width: 110px;
	vertical-align: middle;
	padding-left: 17px;
	text-align: center;
	font-weight: bold;
}
.course-table_contents td {
	width: 524px;
	padding-right: 17px;
}


.high-level_contents {
	background: #22b6a7;
}

.beginning-middle-level_contents {
	background: #ca8614;
}

.middle-level_contents {
	background: #68b82d;
}

.beginning-level_contents {
	background: #c45143;
}

.special-level_contents {
	background: #26b8c1;
}

#beginning_flow {
	width: 700px;
	margin-top: 25px;
}
#beginning_flow_step {
	width: 280px;
	float: left;
}
#beginning_flow_description {
	width: 390px;
	float: right;
}

#special_university {
	width: 690px;
}
#special_university_left {
	width: 330px;
	float: left;
}
#special_university_right {
	width: 330px;
	float: right;
}
#special_course {
/* 	width: 950px; */
}
#special_course th,#special_course td {
	padding-bottom: 10px;
}