@charset "utf-8";

@import "../../css/content.css";

/* title
--------------------------------------------------*/
#contents #leftarea h2 {
	height: 35px;
}

#contents #leftarea h2.index {
	background: transparent url(../images/h2_index.gif) no-repeat left top;
}

#contents #leftarea h2.ostaff {
	background: transparent url(../images/h2_ostaff.gif) no-repeat left top;
}

#contents #leftarea h2.graduated {
	background: transparent url(../images/h2_graduated.gif) no-repeat left top;
}

#contents #leftarea h2.contract {
	background: transparent url(../images/h2_contract.gif) no-repeat left top;
}

#contents #leftarea h2.parttime {
	background: transparent url(../images/h2_parttime.gif) no-repeat left top;
}

#contents #leftarea h2.freshb {
	background: transparent url(../images/h2_freshb.gif) no-repeat left top;
}

#contents #leftarea h2.opstaff {
	background: transparent url(../images/h2_opstaff.gif) no-repeat left top;
}

#contents #leftarea h2.attraction {
	background: transparent url(../images/h2_attraction.gif) no-repeat left top;
}

/*#contents #leftarea h2.opestaff {
	background: transparent url(../images/h2_opestaff.gif) no-repeat left top;
}*/



#contents #leftarea .calame h3,
#contents #leftarea .twocalame h3 {
	height: 35px;
	margin: 0;
	padding: 0;
}

#contents #leftarea .twocalame h3.h3_ostaff {
	width: 350px;
	background: transparent url(../images/h3_ostaff.gif) no-repeat left top;
}

#contents #leftarea .calame h3.h3_contract,
#contents #leftarea .twocalame h3.h3_contract {
	width: 350px;
	background: transparent url(../images/h3_contract.gif) no-repeat left top;
}

#contents #leftarea .twocalame h3.h3_parttime {
	width: 350px;
	background: transparent url(../images/h3_parttime.gif) no-repeat left top;
}

#contents #leftarea .calame h3.h3_graduated,
#contents #leftarea .twocalame h3.h3_graduated {
	width: 350px;
	background: transparent url(../images/h3_graduated.gif) no-repeat left top;
}

#contents #leftarea .calame h3.h3_freshb,
#contents #leftarea .twocalame h3.h3_freshb {
	width: 350px;
	background: transparent url(../images/h3_freshb.gif) no-repeat left top;
}

#contents #leftarea .calame h3.h3_inters,
#contents #leftarea .twocalame h3.h3_inters {
	width: 350px;
	background: transparent url(../images/h3_inters.gif) no-repeat left top;
}

#contents #leftarea .calame h3.h3_opstaff,
#contents #leftarea .twocalame h3.h3_opstaff {
	width: 350px;
	background: transparent url(../images/h3_opstaff.gif) no-repeat left top;
}

#contents #leftarea .calame h3.h3_sysstaff,
#contents #leftarea .twocalame h3.h3_sysstaff {
	width: 350px;
	background: transparent url(../images/h3_sysstaff.gif) no-repeat left top;
}#contents #leftarea .calame h3.h3_webstaff,
#contents #leftarea .twocalame h3.h3_webstaff {
	width: 350px;
	background: transparent url(../images/h3_webstaff.gif) no-repeat left top;
}

/*#contents #leftarea .calame h3.h3_attraction,
#contents #leftarea .twocalame h3.h3_attraction {
	width: 350px;
	background: transparent url(../images/h3_attraction.gif) no-repeat left top;
}*/

#contents #leftarea .twocalame h3.h3_attraction {
	width: 350px;
	background: transparent url(../images/h3_attraction.gif) no-repeat left top;
}

#contents #leftarea .twocalame h3.h3_summerstaff {
	width: 350px;
	background: transparent url(../images/h3_summerstaff.gif) no-repeat left top;
}

#contents #leftarea .calame h3.h3_cleanstaff,
#contents #leftarea .twocalame h3.h3_cleanstaff {
	width: 350px;
	background: transparent url(../images/h3_cleanstaff.gif) no-repeat left top;
}
#contents #leftarea .calame h3.h3_opestaff,
#contents #leftarea .twocalame h3.h3_opestaff {
	width: 350px;
	background: transparent url(../images/h3_opestaff.gif) no-repeat left top;
}

#contents #leftarea .calame h3.h3_bakerystaff,
#contents #leftarea .twocalame h3.h3_bakerystaff {
	width: 350px;
	background: transparent url(../images/h3_bakerystaff.gif) no-repeat left top;
}

#contents #leftarea .calame h3.h3_winterstaff,
#contents #leftarea .twocalame h3.h3_winterstaff {
	width: 350px;
	background: transparent url(../images/h3_winterstaff.gif) no-repeat left top;
}

#contents #leftarea .calame h3.h3_htbcruise,
#contents #leftarea .twocalame h3.h3_htbcruise {
	width: 350px;
	background: transparent url(../images/h3_htbcruise.gif) no-repeat left top;
}

#contents #leftarea .calame h3.h3_keiri,
#contents #leftarea .twocalame h3.h3_keiri {
	width: 350px;
	background: transparent url(../images/h3_keiri.gif) no-repeat left top;
}

#contents #leftarea .calame h3.h3_kokusai,
#contents #leftarea .twocalame h3.h3_kokusai {
	width: 350px;
	background: transparent url(../images/h3_kokusai.gif) no-repeat left top;
}

#contents #leftarea .calame h3.h3_kokunai,
#contents #leftarea .twocalame h3.h3_kokunai {
	width: 350px;
	background: transparent url(../images/h3_kokunai.gif) no-repeat left top;
}

#contents #leftarea h3.recruit {
	clear: both;
	width: 705px;
	height: 30px;
	font-size: 110%;
	text-indent: 0px;
	margin-bottom: 10px;
	padding: 8px 0 0 15px;
	background: transparent url(../images/h3.gif) no-repeat left top;
}


#contents #leftarea h4 {
	height: 30px;
	width: 720px;
	font-size: 100%;
	text-indent: 15px;
	margin-bottom: 0px;
	padding-top: 7px;
	padding-bottom: 10px;
	border-bottom: none;
	background: transparent url(../images/h4.gif) no-repeat left top;
}

/* contents
--------------------------------------------------*/
#contents #leftarea p {
	margin-bottom: 15px;
}

#contents #leftarea .calame,
#contents #leftarea .twocalame {
	width: 720px;
	float: left;
	margin-bottom: 15px;
}

#contents #leftarea .calame {
	background: transparent url(../images/calame_bg.gif) no-repeat left bottom;
}

#contents #leftarea .twocalame {
	background: transparent url(../images/twocalame_bg.gif) no-repeat left bottom;
}

#contents #leftarea .calame dl,
#contents #leftarea .twocalame dl {
	width: 350px;
	float: left;
	padding: 0 0 10px 0;
	background: transparent url(../images/twocalame_dl_bg.gif) no-repeat left bottom;
}

#contents #leftarea .calame dl.left_dl,
#contents #leftarea .twocalame dl.left_dl {
	margin-right: 20px;
}

#contents #leftarea .calame dl dd,
#contents #leftarea .twocalame dl dd {
	padding: 10px 0 0 0;
}

#contents #leftarea .calame dl dd dl,
#contents #leftarea .twocalame dl dd dl {
	margin-bottom: 0px;
	padding: 0px;
	border-bottom: none;
	background-image: none;
}

#contents #leftarea .calame dl dd dl dt,
#contents #leftarea .twocalame dl dd dl dt {
	margin-bottom: 10px;
	padding: 0 10px 0 10px;
}

#contents #leftarea .calame dl dd dl dd,
#contents #leftarea .twocalame dl dd dl dd {
	float: none;
	padding: 0 10px 0 10px;
}

#contents #leftarea .calame dl dd dl dd {}
#contents #leftarea .twocalame dl dd dl dd {}

#contents #leftarea .calame dl dd dl dd ul,
#contents #leftarea .twocalame dl dd dl dd ul,
#contents #leftarea dl.info dd ul {
	font-size: 85%;
}

#contents #leftarea .calame dl dd dl dd ul li,
#contents #leftarea .twocalame dl dd dl dd ul li,
#contents #leftarea dl.info dd ul li {
	list-style: none;
}

#contents #leftarea .calame dl dd dl dd ul li a,
#contents #leftarea .twocalame dl dd dl dd ul li a,
#contents #leftarea dl.info dd ul li a {
	color: #A41717;
	text-decoration: none;
	padding-left: 7px;
	background: transparent url(../../images_renewal/p_icon.gif) no-repeat left 6px;
}

#contents #leftarea .calame dl dd dl dd ul li a:hover,
#contents #leftarea .twocalame dl dd dl dd ul li a:hover,
#contents #leftarea dl.info dd ul li a:hover {
	color: #A41717;
	text-decoration: underline;
}

#contents #leftarea dl.info {
	float:none
}

#contents #leftarea dl.info dt {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 5px;
}

#contents #leftarea dl.info dd {
	margin-bottom: 5px;
}

/* Ostaff
--------------------------------------------------*/
/* Table
--------------------------------------------------*/
table {
	width: 100%;
	margin: 0 0 25px;
	border-top: 3px solid #BD584C;
	background: transparent url(../images/td_bg.gif) repeat-y left top;
}

th {
	padding: 10px 0 10px 10px;
	border-bottom: 3px double #BD584C;
	background-color: #F9F0EE;
}

td {
	padding: 10px;
	border-bottom: 1px dotted #CCC;
}

td ul {
	margin: 0 0 0 17px;
}

#contents #leftarea td p {
	margin-bottom: 0px;
}

#contents #leftarea p a {
	font-size: 85%;
	color: #A41717;
	text-decoration: none;
	padding-left: 7px;
	background: transparent url(../../images_renewal/p_icon.gif) no-repeat left 6px;
}


#contents #leftarea ul.info {
	list-style: none;
	margin-bottom: 15px;
}

#contents #leftarea ul.info li {
	margin-bottom: 5px;
}


/* 
--------------------------------------------------*/
#contents #leftarea h2.index_02 {
	background: transparent url(../images/h2_index_02.gif) no-repeat left top;
	height: 40px;
}

#contents #leftarea h2.ostaff_02 {
	background: transparent url(../images/h2_ostaff_02.gif) no-repeat left top;
	height: 40px;
}

#contents #leftarea h2.graduated_02 {
	background: transparent url(../images/h2_graduated_02.gif) no-repeat left top;
	height: 40px;
}

#contents #leftarea h2.contract_02 {
	background: transparent url(../images/h2_contract_02.gif) no-repeat left top;
	height: 40px;
}

#contents #leftarea h2.parttime_02 {
	background: transparent url(../images/h2_parttime_02.gif) no-repeat left top;
	height: 40px;
}

#contents #leftarea h2.freshb_02 {
	background: transparent url(../images/h2_freshb_02.gif) no-repeat left top;
	height: 40px;
}

#contents #leftarea h2.opstaff_02 {
	background: transparent url(../images/h2_opstaff_02.gif) no-repeat left top;
	height: 40px;
}

#contents #leftarea h2.attraction_02 {
	background: transparent url(../images/h2_attraction_02.gif) no-repeat left top;
	height: 40px;
}

#contents #leftarea h2.summerstaff_02 {
	background: transparent url(../images/h2_summerstaff_02.gif) no-repeat left top;
	height: 40px;
}

#contents #leftarea h2.cleanstaff_02 {
	background: transparent url(../images/h2_cleanstaff_02.gif) no-repeat left top;
	height: 40px;
}

#contents #leftarea h2.opestaff_02 {
	background: transparent url(../images/h2_opestaff_02.gif) no-repeat left top;
	height: 40px;
}


#contents #leftarea h2.bakerystaff_02 {
	background: transparent url(../images/h2_bakerystaff_02.gif) no-repeat left top;
	height: 40px;
}

#contents #leftarea h2.winterstaff_02 {
	background: transparent url(../images/h2_winterstaff_02.gif) no-repeat left top;
	height: 40px;
}

#contents #leftarea h2.htbcruise_02 {
	background: transparent url(../images/h2_htbcruise_02.gif) no-repeat left top;
	height: 40px;
}