@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_hotel h4 { background: url(../img/h4_course_hotel.gif) left top no-repeat; }
#main.course div.detail#course_fb h4 { background: url(../img/h4_course_fb.gif) left top no-repeat; }
#main.course div.detail#course_advanced h4 { background: url(../img/h4_course_advanced.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_hotel dl.point dt.point01 { background-image: url(../img/tit_hotel1.gif); }
#main.course div.detail#course_hotel dl.point dt.point02 { background-image: url(../img/tit_hotel2.gif); }
#main.course div.detail#course_hotel dl.point dt.point03 { background-image: url(../img/tit_hotel3.gif); }
#main.course div.detail#course_fb dl.point dt.point01 { background-image: url(../img/tit_fb1.gif); }
#main.course div.detail#course_fb dl.point dt.point02 { background-image: url(../img/tit_fb2.gif); }
#main.course div.detail#course_fb dl.point dt.point03 { background-image: url(../img/tit_fb3.gif); }
#main.course div.detail#course_advanced dl.point dt.point01 { background-image: url(../img/tit_advanced1.gif); }
#main.course div.detail#course_advanced dl.point dt.point02 { background-image: url(../img/tit_advanced2.gif); }
#main.course div.detail#course_advanced dl.point dt.point03 { background-image: url(../img/tit_advanced3.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_hotel.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_hotel_s.png) 3px 8px no-repeat; }

#leftmenu dl.left_root#left_dpt_hotel 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: #ffd3ca;
}

#leftmenu dl.left_root dd a:hover,
#leftmenu dl.left_root dd a:active { 
	background-color: #f5e7bb;
	color: #ff3c15;
}

#leftmenu ul.left_dpt li#left_tag_hotel { display: none; }

/* job */
#leftmenu dl.left_root#left_job ul#sub1_front li.sub_front a,
#leftmenu dl.left_root#left_job ul#sub1_door li.sub_door a,
#leftmenu dl.left_root#left_job ul#sub1_bell li.sub_bell a,
#leftmenu dl.left_root#left_job ul#sub1_bartender li.sub_bartender a,
#leftmenu dl.left_root#left_job ul#sub1_sommelier li.sub_sommelier a,
#leftmenu dl.left_root#left_job ul#sub1_banquet li.sub_banquet a,
#leftmenu dl.left_root#left_job ul#sub1_concierge li.sub_concierge a,
#leftmenu dl.left_root#left_job ul#sub1_attendant li.sub_attendant a,
#leftmenu dl.left_root#left_job ul#sub1_guest li.sub_guest a {
	background-color: #f0ffc4;
}

/* job top */
#leftmenu dl.left_root#left_job dd.dpt_job a { background-color: #ffd3ca; }


/* 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;
}
