@charset "utf-8";

@import "../../css/dpt_hotel.css";

/* =========== 目指す仕事 ========== */

/* ----- 各コース枠 ----- */

#main.job .detail {
	float: left;
	width: 250px;
	margin: 0 5px 12px 0;
	}
	
#main.job .detail .course_tit {
	margin: 0;
	padding: 0;
	height: 28px;
	border: 1px solid #ccc;
	}

#main.job .detail .course_tit h4 {
	margin: 0;
	padding: 0;
	height: 26px;
	width: 246px;
	border: 1px solid #FFF;
	line-height: 27px;
	overflow: hidden;
	text-align: center;
	background: none;
	color: #FFF;
	font-size: 108%;
	}

#main.job .detail .course_tit#course_hotel { background-color: #ff9d1f; }
#main.job .detail .course_tit#course_drink { background-color: #fe6204; }
#main.job .detail .course_tit#course_high { background-color: #89640b; }

/* ----- 仕事内容 ----- */
#main.job .job_list {
	border: 1px dotted #CCCCCC;
	margin: 5px 0;
	padding: 5px 0;
	}

#main.job .job_list h5 {
	margin: 0;
	padding: 0;
	height: 30px;
	background: url(../img/job_name.gif) left top no-repeat;
	font-size: 100%;
	}

#main.job .job_list h5 a {
	display: inline-block;
	color: #666;
	font-weight: bold;
	text-decoration: none;
	padding-left: 24px;
	height: 30px;
	line-height: 32px;
	overflow: hidden;
	}

#main.job .job_list h5 a:hover { color: #F66; }

#main.job .job_list p {
	padding: 5px 5px 5px 15px;
	font-size: 93%;
	height: 6.5em;
	overflow: hidden;
	}

#main.job .job_list div.photo {
	width: 220px;
	height: 155px;
	margin: 0 auto;
	background-position: center top;
	background-repeat: no-repeat;
	}

#main.job .job_list div.photo a {
	display: block;
	width: 192px;
	height: 145px;
	padding-left: 28px;
	line-height: 266px;
	overflow: hidden;
	text-align: left;
	text-decoration: none;
	color: #666;
	}

/* オンマウスで半透明 */
.alpha a:hover {
	filter: alpha(opacity=75);/*←IE*/
	-moz-opacity:0.75;/*←firefox*/
	opacity:0.75;/*←Opera・Safari*/
	color: #666;
	}

/* 仕事ボタン背景指定 */
#main.job .job_list div.photo#ph_front a { background-image: url(../img/ph_front.jpg); }
#main.job .job_list div.photo#ph_door a { background-image: url(../img/ph_door.jpg); }
#main.job .job_list div.photo#ph_bell a { background-image: url(../img/ph_bell.jpg); }
#main.job .job_list div.photo#ph_bartender a { background-image: url(../img/ph_bartender.jpg); }
#main.job .job_list div.photo#ph_sommelier a { background-image: url(../img/ph_sommelier.jpg); }
#main.job .job_list div.photo#ph_banquet a { background-image: url(../img/ph_banquet.jpg); }
#main.job .job_list div.photo#ph_concierge a { background-image: url(../img/ph_concierge.jpg); }
#main.job .job_list div.photo#ph_attendant a { background-image: url(../img/ph_attendant.jpg); }
#main.job .job_list div.photo#ph_guest a{ background-image: url(../img/ph_guest.jpg); }

/* ----- その他の仕事内容 ----- */
#main.job .job_list .job_other {
	padding:10px 10px 10px 10px;
	margin:10px 5px 0px 5px;
	background:#EEEEEA;
	}


#main.job .job_list .job_other h6 {
	background:url(../../../img/common/square03.gif) no-repeat 0px 5px;
	font-size: 93%;
	padding:0 15px;
	}

#main.job .job_list .job_other p {
	font-size: 77%;
	margin:0;
	padding:5px 0px;
	height: 5em;
	}

/* ===== 個別ページ共有 =====　*/

/* 見出し */

#main.job img.main_img {
	width: 760px;
	height: 270px;
	margin-bottom: 12px;
	}

#main.job dl.license dd a {
	display: block;
	width: 216px;
	height: 40px;
	padding-left: 30px;
	line-height: 42px;
	background: url(../img/button_license.gif) left top no-repeat;
	text-decoration: none;
	color: #666;
	}


#main.job dl.license dd a:hover {
	color: #666;
	background-position: 0 -40px;
	}

/* その他の資格 */

#main.job dl.license_other {
	padding: 10px 10px 0 10px;
	/padding-bottom: 10px;
	margin: 10px 5px;
	background: #EEEEEA;
	}

#main.job dl.license_other dd {
	float: left;
	list-style: inside none;
	background: url(../../../img/common/square03.gif) no-repeat 0px 5px;
	font-size: 100%;
	padding: 0 15px;
	width: 210px;
	margin-bottom: 10px;
	}

#main.job div.to_license {
	clear: both;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 108%;
	margin-bottom: 20px;
	}

#main.job div.to_license a {
	display: inline-block;
	text-align: center;
	width: 386px;
	margin-left: 20px;
	height: 40px;
	background: url(../img/to_license.gif) left top no-repeat;
	text-decoration: none;
	color: #666;
	}

html:not([lang*=""]) #main.job div.to_license a { vertical-align: top; }
	
#main.job div.to_license a:hover {
	color: #666;
	background-position: 0 -40px;
	}
	
/* 先輩メッセージ */

#main.job .senpai {
	width: 760px;
	height: 278px;
	margin-top: 5px;
	}

#main.job .senpai .message {
	padding: 96px 0 0 30px;
	width: 500px;
	height: 150px;
	line-height: 150%;
	overflow: hidden;
	}

#main.job .senpai .message p {
	padding: 0;
	border-bottom: dashed 1px #663300;
	font-weight: bold;
	}

#main.job .senpai .senpai_name {
	margin: 10px 0 0 30px;
	width: 510px;
	height: 1em;
	line-height: 100%;
	text-align: right;
	overflow: hidden;
	white-space: nowrap;
	}

#main.job .senpai_bot {
	height: 9px;
	margin: 0 0 20px 0;
	background: url(../img/senpai_bot.jpg) right top no-repeat;
	}
	
/* 先輩画像指定 */
#main.job .senpai { background-position: right top; background-repeat: no-repeat;}

#main.job .senpai#senpai_front { background-image: url(../img/senpai_front.jpg); }
#main.job .senpai#senpai_door { background-image: url(../img/senpai_door.jpg); }
#main.job .senpai#senpai_bell { background-image: url(../img/senpai_bell.jpg); }
#main.job .senpai#senpai_bartender { background-image: url(../img/senpai_bartender.jpg); }
#main.job .senpai#senpai_sommelier { background-image: url(../img/senpai_sommelier.jpg); }
#main.job .senpai#senpai_banquet { background-image: url(../img/senpai_banquet.jpg); }
#main.job .senpai#senpai_concierge { background-image: url(../img/senpai_concierge.jpg); }
#main.job .senpai#senpai_attendant { background-image: url(../img/senpai_attendant.jpg); }
#main.job .senpai#senpai_guest { background-image: url(../img/senpai_guest.jpg); }

/* ===== 参考資格 =====　*/

/* 参考資格 */
#main.job dl.else_license {
	margin: 10px;
	padding: 5px 10px 10px 10px;
	margin-bottom: 20px;
	border: 1px solid #CCC;
	}

#main.job dl.else_license dt {
	font-size: 116%;
	margin-top: 5px;
	}

#main.job dl.else_license dd { margin-left: 1em; }

#main.job dl.else_license dd.square {
	list-style: inside none;
	background: url(../../../img/common/square03.gif) no-repeat 0px 5px;
	padding-left: 15px;
	}

/* ===== フロントクラーク =====　*/

/* フロントオフィス・オペレーションリスト */
#main.job ul.operation {
	margin: 10px 10px 20px 10px;
	padding: 5px 10px 0 10px;
	border: 1px solid #CCC;
	}

#main.job ul.operation li {
	list-style: inside decimal;
	font-size: 116%;
	margin-top: 5px;
	}

#main.job ul.operation li p {
	font-size: 100%;
	}

/* 資格ボタン */
#main.job dl.license {
	margin: 10px auto;
	list-style: none;
	}

#main.job dl.license dd {
	float: left;
	width: 246px;
	height: 40px;
	margin: 0 10px 10px 0;
	}