@charset "utf-8";

/* ========== employment ========== */

/* ----- data ----- */

#main.employment div.data {
	width: 780px;
	margin: 0 -20px 20px 0;
	overflow: hidden;
	}

#main.employment div.data dl {
	float: left;
	width: 240px;
	height: 360px;
	margin-right: 20px;
}

#main.employment div.data dl dt {
	height: 150px;
	margin-bottom: 10px;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
}
#main.employment div.data dl#data_hotel dt { background-image: url(../img/data_hotel.gif); }
#main.employment div.data dl#data_bridal dt { background-image: url(../img/data_bridal.gif); }
#main.employment div.data dl#data_travel dt{ background-image: url(../img/data_travel.gif); }

#main.employment div.data dl dt span { display: none; }

#main.employment div.data dl dd {
	height: 200px;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
	}
#main.employment div.data dl#data_hotel dd { background-image: url(../img/graph_hotel.jpg); }
#main.employment div.data dl#data_bridal dd { background-image: url(../img/graph_bridal.jpg); }
#main.employment div.data dl#data_travel dd { background-image: url(../img/graph_travel.jpg); }

#main.employment div.data dl dd ol { display: none; }


/* ----- culumn2 ----- */

#main.employment ul.list_column2 h4 {
	padding: 0;
	margin: 0 0 6px 0;
}
#main.employment ul.list_column2 h4#offer {
	background: url(../img/h4_offer.gif) left top no-repeat;
	height: 58px;
	}
#main.employment ul.list_column2 h4#getjob {
	background: url(../img/h4_getjob.gif) left top no-repeat;
	height: 76px;
	}
#main.employment ul.list_column2 h4 span { display: none; }

#main.employment ul.list_column2 p { padding: 0 20px 0 10px; }

#main.employment ul.list_column2 p.offer_lead {
	margin-bottom: 0;
	font-size: 108%;
	color: #553113;
	}

/* ========== 4points ========== */

#main.employment div.points_contents {
	padding: 0 22px 10px 22px;
}

/* ----- program ----- */

#main.employment div.program {
	background: url(../img/bg_points.gif) left bottom repeat-y;
	width: 760px;
}

#main.employment div.program h3 {
	height: 66px;
	margin: 0;
	overflow: hidden; 
	background: url(../img/h3_program.png) left top no-repeat;
	}
* html #main.employment div.program h3 { background: url(../img/h3_program.gif) left top no-repeat; }
#main.employment div.program h3 span { display: none; }

#main.employment div.program div.bg_stamp {
    width: 716px;
	background: url(../img/stamp_employment.gif) left 200px no-repeat;
}

#main.employment div.program p.lead {
	color: #553113;
	font-size: 108%;
	padding: 0;
	}

#main.employment div.program ol {
	float: left;
	width: 250px;
	margin-right: 10px;
}

#main.employment div.program ol.right {
	float: right;
	width: 456px;
	margin: 0;
	background: url(../img/ph_program.jpg) right top no-repeat;
}

#main.employment div.program ol li {
	list-style: none;
	background-position: left top;
	background-repeat: no-repeat;
	padding: 6px 0 10px 36px;
	font-size: 108%;
	font-weight: bold;
	color: #E26B0A;
}
#main.employment div.program ol li#program01 { background-image: url(../img/ico_program01.gif); }
#main.employment div.program ol li#program02 { background-image: url(../img/ico_program02.gif); }
#main.employment div.program ol li#program03 { background-image: url(../img/ico_program03.gif); }
#main.employment div.program ol li#program04 { background-image: url(../img/ico_program04.gif); }

#main.employment div.program ol li dl {
	font-size: 93%;
	margin: 6px 0 0 0;
	font-weight: normal;
}

#main.employment div.program ol li dl dt {
	float: left;
	width: 66px;
	color: #fff;
	text-align: center;
	line-height: 1.0;
	margin-right: 4px;
	padding: 4px 0 3px 0;
	background-color: #e26b0a;
}
#main.employment div.program ol li dl dd {
	font-size: 93%;
	line-height: 1.5;
	margin: 0 0 6px 0;
	padding: 2px 0 0 74px;
	color: #666;
}
* html #main.employment div.program ol li dl dd {
	padding: 2px 0 0 0;
	zoom: 1;
	}

/* ----- license ----- */

#main.employment div.license {
	background: url(../img/bg_points.gif) left bottom no-repeat;
}

#main.employment div.license h3 {
	height: 66px;
	margin: 0;
	overflow: hidden; 
	background: url(../img/h3_license.png) left top no-repeat;
	}
#main.employment div.license h3 span { display: none; }

#main.employment div.license p.w440 {
	margin: 0;
	width: 420px;
}

#main.employment div.license h4 {
	background: url(../img/h4_featherpen.gif) left top no-repeat;
	height: 40px;
	line-height: 48px;
	overflow: hidden;
	margin: 0 0 8px 0;
	padding-left: 48px;
	overflow: hidden;
	color: #553113;
}

/* license table */

#main.employment div.license div.license_table {
	clear: both;
}

#main.employment div.license div.license_table div {
	background: url(../img/bg_license_table.gif) left bottom no-repeat;
	padding-bottom: 10px;
}

#main.employment div.license div.license_table dl {
	margin: 0 10px 0 0;
}
#main.employment div.license div.license_table div dl {
	float: left;
	width: 232px;
	padding: 0 0 6px 0;
}

#main.employment div.license div.license_table div dl dt {
	height: 28px;
	line-height: 29px;
	padding: 0 0 0 40px;
	margin: 0 0 6px 0;
	color: #fff;
}
#main.employment div.license div.license_table div dl#license_hotel dt {
	background: url(../img/license_hotel.gif) left top no-repeat;
}
#main.employment div.license div.license_table div dl#license_bridal dt {
	background: url(../img/license_bridal.gif) left top no-repeat;
}	
#main.employment div.license div.license_table div dl#license_travel dt {
	background: url(../img/license_travel.gif) left top no-repeat;
}

#main.employment div.license div.license_table div dl dd {
	padding: 0 8px 0 18px;
	font-size: 93%;
	background: url(../../img/common/arrow_brown_s.gif) 8px 6px no-repeat;
}

#main.employment div.license div.license_table dl#license_common {
	clear: both;
	background: url(../img/bg_license_common.gif) left bottom no-repeat;
	margin: 0;
	padding: 2px 0 6px 0;
}

#main.employment div.license div.license_table dl#license_common dt {
	float: left;
	text-align: center;
	color: #fff;
	width: 80px;
	height: 6.4em;
	line-height: 6.4;
	overflow: hidden;
	margin-top: -2px;
}

#main.employment div.license div.license_table dl#license_common dd {
	float: left;
	padding: 0 6px 0 18px;
	margin: 4px 0 -4px 0;
	font-size: 93%;
	background: url(../../img/common/arrow_brown_s.gif) 8px 5px no-repeat;
	white-space: nowrap;
}

/* ----- cooperate ----- */

#main.employment div.cooperate {
	background: url(../img/bg_points.gif) left bottom repeat-y;
	/margin-bottom: -8px;
}

#main.employment div.cooperate h3 {
	height: 66px;
	margin: 0;
	overflow: hidden; 
	background: url(../img/h3_cooperate.png) left top no-repeat;
	}
#main.employment div.cooperate h3 span { display: none; }


#main.employment div.cooperate h4 {
	background: url(../img/h4_featherpen.gif) left top no-repeat;
	height: 40px;
	line-height: 48px;
	overflow: hidden;
	margin: 0 0 8px 0;
	padding-left: 48px;
	overflow: hidden;
	color: #553113;
}

#main.employment div.cooperate ul.circle {
	width: 712px;
	margin: 0 -18px 8px 11px;
	overflow: hidden;
}

#main.employment div.cooperate ul.circle li {
	float: left;
	width: 160px;
	height: 110px;
	margin-right: 18px;
	background: url(../img/cooperate_circle.gif) left top no-repeat;
	font-size: 108%;
	color: #fff;
	text-align: center;
	background-color: #F63;
	padding-top: 50px;
}
#main.employment div.cooperate ul.circle li.line4 {
	padding-top: 38px;
	height: 122px;
}

#main.employment div.cooperate ul.circle li strong { font-size: 108%; }

#main.employment div.cooperate ul.list_company {
	float: left;
	width: 500px;
	margin: 0;
	padding-left: 4px;
}
#main.employment div.cooperate ul.list_company li {
	display: inline;
	margin-right: 10px;
	font-size: 93%;
	line-height: 1.5;
	/line-height: 1.6;
}


/* ----- support ----- */

#main.employment div.support {
	background: url(../img/bg_points.gif) left bottom repeat-y;
}

#main.employment div.support h3 {
	height: 66px;
	margin: 0;
	overflow: hidden; 
	background: url(../img/h3_support.png) left top no-repeat;
	}
#main.employment div.support h3 span { display: none; }

#main.employment div.support p.lead {
	color: #553113;
	font-size: 108%;
	padding: 0;
}

/* comment */

#main.employment div.support dl {
	float: left;
	width: 232px;
	padding: 0;
	margin: 0 10px 0 0;
	  /margin-bottom: -10px;
}

#main.employment div.support dl#support_hotel {
	background: url(../img/support_hotel.jpg) left top no-repeat;
	padding-top: 144px;
}
#main.employment div.support dl#support_bridal {
	background: url(../img/support_bridal.jpg) left bottom no-repeat;
	padding-bottom: 130px;
}
#main.employment div.support dl#support_travel {
	background: url(../img/support_travel.jpg) left top no-repeat;
	padding-top: 144px;
	margin-right: 0;
}

#main.employment div.support dl dt {
	color: #557493;
	font-size: 123%;
	font-weight: bold;
	padding: 0 2px;
}
#main.employment div.support dl#support_bridal dt {
	margin-top: -4px;
}

#main.employment div.support dl dd.name {
	color: #557493;
	font-size: 85%;
	line-height: 1.4;
	margin-bottom: 4px;
	padding: 0 2px;
}
#main.employment div.support dl dd.name strong { font-size: 123%; }
#main.employment div.support dl dd.name span {
	font-size: 116%;
	font-weight: bold;
	}
	
#main.employment div.support dl dd.comment {
	font-size: 93%;
	padding: 6px 8px;
	border: 1px dashed #553113;
	line-height: 1.5;
	/line-height: 1.45;
	}

/* 4points bottom */
#main.employment div.points_bottom {
	clear: both;
	height: 12px;
	overflow: hidden;
	margin-bottom: 10px;
	background: url(../img/points_bottom.gif) center top no-repeat;
}

/* ----- admission ----- */

#main.employment div.admission {
	clear: both;
	height: 126px;
	background: url(../img/to_admission.jpg) left top no-repeat;
	margin: 4px 0 10px 0;
	padding: 64px 0 0 30px;
	overflow: hidden;
	}

#main.employment div.admission h3 { display: none; }

#main.employment div.admission p {
	padding: 0;
	margin: 0;
	height: 76px;
	overflow: hidden;
	}

#main.employment div.admission p.to_admission {
	float: left;
	width: 150px;
	height: 42px;
	line-height: 42px;
	text-align: right;
	padding-right: 14px;
	}
	
#main.employment div.admission a {
	display: block;
	float: left;
	width: 230px;
	height: 42px;
	line-height: 42px;
	font-size: 108%;
	text-align: center;
	}
	

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

/* common */
#leftmenu dl.left_root ul.subdivision {
	display: none;
}

/* schedule */
#leftmenu dl.left_root#left_schedule dd.left_schedule ul.subdivision {
	display: block;
}
#leftmenu dl.left_root#left_schedule dd.left_schedule a {
	background-color: #ffdcdc;
}

/* each schedule */

#leftmenu dl.left_root#left_schedule dd.left_schedule * a { background-color: #ffffff; }
#leftmenu dl.left_root#left_schedule dd.left_schedule * a:hover,
#leftmenu dl.left_root#left_schedule dd.left_schedule * a:active {
	background-color: #f5e7bb;
}