@charset "utf-8";

/* ========== コース紹介 ========== */

#main.course div.detail {
	float: left;
	width: 250px;
	margin: 0 5px 12px 0;
}

#main.course div.detail h4 {
	height: 0;
	margin: 0;
	padding: 30px 0 0 0;
	overflow: hidden;
}
#main.course div.detail#course_travel h4 { background: url(../img/h4_course_travel.gif) left top no-repeat; }
#main.course div.detail#course_planner h4 { background: url(../img/h4_course_planner.gif) left top no-repeat; }
#main.course div.detail#course_conductor h4 { background: url(../img/h4_course_conductor.gif) left top no-repeat; }


/* ----- 特長 ----- */

#main.course div.detail dl.point {
	border: 1px dotted #966;
	margin: 10px 0;
	padding: 5px 0;
}

#main.course div.detail dl.point dt {
	margin: 0 0 8px 0;
	padding: 80px 0 0 0;
	height: 0;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
}
#main.course div.detail#course_travel dl.point dt.point01 { background-image: url(../img/tit_travel1.gif); }
#main.course div.detail#course_travel dl.point dt.point02 { background-image: url(../img/tit_travel2.gif); }
#main.course div.detail#course_travel dl.point dt.point03 { background-image: url(../img/tit_travel3.gif); }
#main.course div.detail#course_planner dl.point dt.point01 { background-image: url(../img/tit_planner1.gif); }
#main.course div.detail#course_planner dl.point dt.point02 { background-image: url(../img/tit_planner2.gif); }
#main.course div.detail#course_planner dl.point dt.point03 { background-image: url(../img/tit_planner3.gif); }
#main.course div.detail#course_conductor dl.point dt.point01 { background-image: url(../img/tit_conductor1.gif); }
#main.course div.detail#course_conductor dl.point dt.point02 { background-image: url(../img/tit_conductor2.gif); }
#main.course div.detail#course_conductor dl.point dt.point03 { background-image: url(../img/tit_conductor3.gif); }


#main.course div.detail dl.point dd {
	min-height: 9.6em;
}

#main.course div.detail dl.point dd img {
	float: right;
	margin: 0 10px 6px 6px;
}

#main.course div.detail dl.point dd p {
	padding: 4px 0 0 16px;
	margin: 0;
	font-size: 93%;
}


/* ----- closing button ----- */

ul.dpt_button {
	clear: both;
	margin: 0 0 20px 0;
}

ul.dpt_button li {
	float: left;
	width: 246px;
	height: 68px;
	margin: 0 11px 0 0;
}


/* ========== left menu ========== */

/* common */
#leftmenu dl.left_root dd ul { display: none; }
#leftmenu dl.left_root#left_job dd.dpt_job ul { display: block; }

#leftmenu dl.left_root dt a {
	background: url(/img/menu/bg_travel.gif) left top no-repeat;
	}	
#leftmenu dl.left_root dt a:hover,
#leftmenu dl.left_root dt a:active { 
	background-position: right top;
	}
#leftmenu dl.left_root dd a { background: url(/img/common/arrow_travel_s.png) 3px 8px no-repeat; }

#leftmenu dl.left_root#left_dpt_travel dd.dpt_course a,
#leftmenu dl.left_root#left_job dd.dpt_job a,
#leftmenu dl.left_root#left_lesson dd.dpt_lesson a,
#leftmenu dl.left_root#left_curriculum dd.dpt_curriculum a,
#leftmenu dl.left_root#left_employment dd.dpt_employment a,
#leftmenu dl.left_root#left_internship dd.dpt_internship a,
#leftmenu dl.left_root#left_abload dd.dpt_abload a {
	background-color: #dbe6ff;
}

#leftmenu dl.left_root dd a:hover,
#leftmenu dl.left_root dd a:active { 
	background-color: #f5e7bb;
	color: #5888ff;
}

#leftmenu ul.left_dpt li#left_tag_travel { display: none; }

/* job */
#leftmenu dl.left_root#left_job ul#sub1_counter li.sub_counter a,
#leftmenu dl.left_root#left_job ul#sub1_railway li.sub_railway a,
#leftmenu dl.left_root#left_job ul#sub1_ground li.sub_ground a,
#leftmenu dl.left_root#left_job ul#sub1_tour_planner li.sub_planner a,
#leftmenu dl.left_root#left_job ul#sub1_sales li.sub_sales a,
#leftmenu dl.left_root#left_job ul#sub1_tour_creator li.sub_creator a,
#leftmenu dl.left_root#left_job ul#sub1_tour_conductor li.sub_conductor a,
#leftmenu dl.left_root#left_job ul#sub1_education li.sub_education a,
#leftmenu dl.left_root#left_job ul#sub1_busguide li.sub_busguide a {
	background-color: #deffd5;
}

/* job top */
#leftmenu dl.left_root#left_job dd.dpt_job a { background-color: #dbe6ff; }


/* each job */
#leftmenu dl.left_root#left_job dd.dpt_job * a { background-color: #ffffff; }
#leftmenu dl.left_root#left_job dd.dpt_job * a:hover,
#leftmenu dl.left_root#left_job dd.dpt_job * a:active {
	background-color: #f5e7bb;
}