@charset "Shift_JIS";

/* ------------------------------ Import Other Style Sheet ------------------------------ */

@import url(/common_hd/css/default_v2.css);

/* ----------------------------------------------------------------------------------- */
/* ---------------------------- ▼For index.html▼ ---------------------------- */
/* ----------------------------------------------------------------------------------- */

#jobOffer{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*	font-size:100%;*/
}

#jobfinder table {
	width: 						720px;
	margin-bottom: 				1em;
}

#jobfinder table#industries ul li {
	float:						none;
}

#jobfinder table#place tbody ul li {
	width:						11em;
	_width:						10em;
	float:						left;
}

#jobfinder table#place tbody ul.longword li {
	width:						14em;
}

#jobfinder table#place thead li,
#jobfinder table#employment-system ul li {
	display:					inline;
	margin-right:			1em;
}

#jobfinder table ul li input,
#jobfinder table th input {
	vertical-align:				middle;
}

#jobfinder table th {
	width: 						9em;
	padding: 					0.4em 0.4em 0.4em 2em;
	background-color: 			#cccccc;
	border: 					1px solid #ffffff;
	text-align: 				left;
	vertical-align: 			top;
	white-space: 				nowrap;
	text-indent:				-1.6em;
}

#jobfinder table td {
	padding-left:				0.2em;
}

/*
#jobfinder table#place th {
	width: 						10em;
}
*/

#jobfinder table#place thead td {
	border: 					1px solid #ffffff;
	background-color:	#dddddd;
}

/* ------------------------------ ------------------------------ */

#companyfinder table {
	margin-top:						10px;
}

#companyfinder table input {
	width:						15em;
	vertical-align:				middle;
}

#companyfinder table th {
	width: 						9em;
	padding: 					0.4em 0.4em 0.4em 2em;
	background-color: 			#cccccc;
	border: 					1px solid #ffffff;
	text-align: 				left;
	vertical-align: 			top;
	white-space: 				nowrap;
	text-indent:				-1.6em;
}

#companyfinder table td {
	padding-left:				0.2em;
}

p.formbutton input {
	clear: both;
	margin:						0px !important;
	padding:					0px;
	width:						20em;
}

.formbutton-select {
	text-align: 				right;
	padding: 					10px 0px 0px 0px;
}
.formbutton-select input {
	width: 						18em;
}

/* ----------------------------------------------------------------------------------- */
/* ---------------------------- ▼For resultlist.html▼ ---------------------------- */
/* ----------------------------------------------------------------------------------- */

.numberItems ul {
	margin:						0px;
	padding:					0px;
}

#searchParameter {
	width:						100%;
	border-top:				1px solid #999999;
	border-left:			1px solid #999999;
	margin:						1em 0px;
}

#searchParameter th,
#searchParameter td {
	border-right:			1px solid #999999;
	border-bottom:		1px solid #999999;
	padding:					5px;
	text-align:				left;
}

#searchParameter th {
	width:						5em;
	background:				#dddddd;
}

.searchResult {
	clear:						both;
	width:						100%;
	margin:						0px 0px 0.5em 0px;
	border-collapse:	collapse;
}

.searchResult th,
.searchResult td {
	padding:					5px;
	text-align:				left;
}

.searchResult th h3 {
	margin-top:				2em;

}

.firstResult th h3 {
	margin-top:				0px;
}

.searchResult td {
	/*
	border:						1px solid #999999;
	*/
}

.searchResult .linkList {
	margin:						0px;
	padding:					0px;
}

.searchResult .linkList li {
	display:					inline;
}

.searchResult .linkList a {
	margin: 					0px 0px 0px -3px;
	padding: 					0px 0px 0px 12px;
	background: 				transparent url(/common_hd/images/icon_link.gif) no-repeat left center;
}

.registrationDate {
	margin:						0px;
	padding:					0px;
	text-align:				right;
}

.registrationDate dt,
.registrationDate dd {
	margin:						0px;
	padding:					0px 0px 0px 0.5em;
	display:					inline;
}

.searchResult td table {
	margin-top:				1em;
}

.searchResult td th,
.searchResult td td {
	border:						none;
	padding:					0px;
	vertical-align:		top;
	text-align:				left;
}

.searchResult td th {
	font-weight:			bold;
	padding-right:		1em;
	white-space:			nowrap;
}

.searchResult td .h4-area {
	border:						1px solid #999999;
	padding:					0px 10px 5px 10px;
}

.recruitmentInfo {
	margin:						1em 0px 0px 0px;
}

.recruitmentInfo a {
	margin: 					0px;
	padding: 					0px 0px 0px 12px;
	background: 				transparent url(/common_hd/images/icon_link.gif) no-repeat left center;
}

/* ------------------------------ ------------------------------ */

/* 記事リスト用（上部） */
.numberItems p {
	float: 						left;
	width: 						12em;
	text-align: 				left;

	padding: 					0;
	margin: 					0;
	line-height: 				1em;
}
.numberItems ul {
	float: 						right;
	width: 						17em;
	text-align: 				right;
	padding: 					0;
	margin: 					0;
}
.numberItems ul li {
	display: 					inline;
	line-height: 				1em;
}



/* ----------------------------------------------------------------------------------- */
/* ---------------------------- ▼For howtoapply.html▼ ---------------------------- */
/* ----------------------------------------------------------------------------------- */

/* H2直下リンク、右寄せ指定用 */
#main .jtbgroup-bread {
	margin: 					10px 0px  20px 0px;
	padding: 					0px;
	text-align: 				left;
}

.jtbgroup-bread p.link-detail {
	background:				none;
}

.jtbgroup-bread p.link-detail a {
	margin: 					0px;
	padding: 					0px 0px 0px 12px;
	background: 				transparent url(/common_hd/images/icon_link.gif) no-repeat left center;
}

/* 募集要項、テーブルレイアウト用 */

.essential table {
	width: 						550px;
	margin-bottom: 				1em;
}

.essential table th {
	width: 						10em;
	padding: 					0.4em;
	background-color: 			#cccccc;
	border: 					1px solid #ffffff;
	text-align: 				left;
	vertical-align: 			top;
	white-space: 				nowrap;
}

.essential table td {
	padding-left:				0.2em;
}

/* エントリーシート　リンク */
.entrylink-layout ul li {
	list-style-type:			none;
	display: 					inline;
	margin:						0px 10px 0px 0px;
	padding:	
}

.entrylink a {
	margin: 					0px;
	padding: 					0px 0px 0px 12px;
	background: 				#ffffff url(/common_hd/images/icon_link.gif) no-repeat left center;
}

.agree  {
	margin-top:				 1em;
}

/* パンくず */
#breadcrumbs{
	border-bottom:				1px solid #333333;
	background-color:			#EFEFEF;
	width:						770px;
	padding-bottom:				1px;
}
#breadcrumbs p{
	margin-left:				16px;
}

/* 2つ以上のリンク */
.test{
	padding-top:				1px; /* for IE */
	height:						20px!important;
	height:						10px; /* for IE */
	_padding: 					4px 0px 4px 1px!important; /* IE hack */
}

/* 上マージン追加用 */
.h3-area2{
	margin: 					0px 0px 20px 0px;
	padding:					0px 0px 0px 0px;
}

.h4-area2 {
	margin: 					4px 0 15px 23px;
}

/*===============================================
●tablet 画面の横幅が1024px以下
===============================================*/
@media only screen and (min-width: 769px) and (max-width: 1024px){
#jobfinder table {
	width: 						100%;
	margin-bottom: 				1em;
}

#jobfinder table#industries ul li {
	float:						none;
}

#jobfinder table#place tbody ul li {
	width:						11em;
	_width:						10em;
	float:						left;
}

#jobfinder table#place tbody ul.longword li {
	width:						14em;
}

#jobfinder table#place thead li,
#jobfinder table#employment-system ul li {
	display:					inline;
	margin-right:			1em;
}

#jobfinder table ul li input,
#jobfinder table th input {
	vertical-align:				middle;
}

#jobfinder table th {
	width: 						9em;
	padding: 					0.4em 0.4em 0.4em 2em;
	background-color: 			#cccccc;
	border: 					1px solid #ffffff;
	text-align: 				left;
	vertical-align: 			top;
	white-space: 				nowrap;
	text-indent:				-1.6em;
}

#jobfinder table td {
	padding-left:				0.2em;
}


/*
#jobfinder table#place th {
	width: 						10em;
}
*/

#jobfinder table#place thead td {
	border: 					1px solid #ffffff;
	background-color:	#dddddd;
}

.searchResult td .h4-area {
	border:						1px solid #999999;
	padding:					0px 10px 5px 10px;
	width: 96%;
}
.linkList-numberItems p {
	float: 						none;
	text-align: 				center;
	padding: 					0 0 4px 0;
	margin: 					0 auto;
	line-height: 				1em;
	font-size: 1.4em;
	border-bottom: #BA001D 1px dashed;
	font-weight: 500;
}
ul.linkList-numberItems {
    width: 100%;
    padding-top: 1em;
	
}
ul.linkList-numberItems{
    margin: 1em auto;
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 13px;
	float:none;
	width: 76%;
}

ul.linkList-numberItems li a {
    text-decoration: none;
    font-size: 10px;
    color: #fff;
}
.linkList-numberItems ul li em {
    padding: 0 5px!important;
	background: #D1D7DC;
    color: #000;

}
ul.linkList-numberItems li a:link,
ul.linkList-numberItems li a:visited {
    padding: 2px 5px;
	background: #BA001D;
    color: #fff;
}
ul.linkList-numberItems li a:hover {
	background: #BA001D;
    color: #fff;
}

/* 募集要項、テーブルレイアウト用 */

.essential table {
	width: 						100%;
	margin-bottom: 				1em;
}

.essential table th {
	width: 						10em;
	padding: 					0.4em;
	background-color: 			#cccccc;
	border: 					1px solid #ffffff;
	text-align: 				left;
	vertical-align: 			top;
	white-space: 				nowrap;
}

.essential table td {
	padding-left:				0.2em;
}

/* エントリーシート　リンク */
.entrylink-layout ul li {
	list-style-type:			none;
	display: 					inline;
	margin:						0px 10px 0px 0px;
	padding:	
}
}

/*===============================================
●tablet 画面の横幅が768px以下
===============================================*/
@media only screen and (min-width: 671px) and (max-width: 768px){
#jobfinder table {
	width: 						100%;
	margin-bottom: 				1em;
}

#jobfinder table#industries ul li {
	float:						none;
}

#jobfinder table#place tbody ul li {
	width:						11em;
	_width:						10em;
	float:						left;
}

#jobfinder table#place tbody ul.longword li {
	width:						14em;
}

#jobfinder table#place thead li,
#jobfinder table#employment-system ul li {
	display:					inline;
	margin-right:			1em;
}

#jobfinder table ul li input,
#jobfinder table th input {
	vertical-align:				middle;
}

#jobfinder table th {
	width: 						9em;
	padding: 					0.4em 0.4em 0.4em 2em;
	background-color: 			#cccccc;
	border: 					1px solid #ffffff;
	text-align: 				left;
	vertical-align: 			top;
	white-space: 				nowrap;
	text-indent:				-1.6em;
}

#jobfinder table td {
	padding-left:				0.2em;
}


/*
#jobfinder table#place th {
	width: 						10em;
}
*/

#jobfinder table#place thead td {
	border: 					1px solid #ffffff;
	background-color:	#dddddd;
}

.searchResult td .h4-area {
	border:						1px solid #999999;
	padding:					0px 10px 5px 10px;
	width: 96%;
}
.linkList-numberItems p {
	float: 						none;
	text-align: 				center;
	padding: 					0 0 4px 0;
	margin: 					0 auto;
	line-height: 				1em;
	font-size: 1.4em;
	border-bottom: #BA001D 1px dashed;
	font-weight: 500;
}
ul.linkList-numberItems {
    width: 100%;
    padding-top: 1em;
	
}
ul.linkList-numberItems{
    margin: 1em auto;
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 13px;
	float:none;
	width: 76%;
}

ul.linkList-numberItems li a {
    text-decoration: none;
    font-size: 10px;
    color: #fff;
}
.linkList-numberItems ul li em {
    padding: 0 5px!important;
	background: #D1D7DC;
    color: #000;

}
ul.linkList-numberItems li a:link,
ul.linkList-numberItems li a:visited {
    padding: 2px 5px;
	background: #BA001D;
    color: #fff;
}
ul.linkList-numberItems li a:hover {
	background: #BA001D;
    color: #fff;
}

/* 募集要項、テーブルレイアウト用 */

.essential table {
	width: 						100%;
	margin-bottom: 				1em;
}

.essential table th {
	width: 						10em;
	padding: 					0.4em;
	background-color: 			#cccccc;
	border: 					1px solid #ffffff;
	text-align: 				left;
	vertical-align: 			top;
	white-space: 				nowrap;
}

.essential table td {
	padding-left:				0.2em;
}

/* エントリーシート　リンク */
.entrylink-layout ul li {
	list-style-type:			none;
	display: 					inline;
	margin:						0px 10px 0px 0px;
	padding:	
}


}


/*===============================================
●tablet 画面の横幅が670px以下
===============================================*/
@media screen and (min-width: 481px) and (max-width: 670px) {
#jobfinder table {
	width: 						100%;
	margin-bottom: 				1em;
}

#jobfinder table#industries ul li {
	float:						none;
}

#jobfinder table#place tbody ul li {
	width:						11em;
	_width:						10em;
	float:						left;
}

#jobfinder table#place tbody ul.longword li {
	width:						14em;
}

#jobfinder table#place thead li,
#jobfinder table#employment-system ul li {
	display:					inline;
	margin-right:			1em;
}

#jobfinder table ul li input,
#jobfinder table th input {
	vertical-align:				middle;
}

#jobfinder table th {
	width: 						9em;
	padding: 					0.4em 0.4em 0.4em 2em;
	background-color: 			#cccccc;
	border: 					1px solid #ffffff;
	text-align: 				left;
	vertical-align: 			top;
	white-space: 				nowrap;
	text-indent:				-1.6em;
}

#jobfinder table td {
	padding-left:				0.2em;
}


/*
#jobfinder table#place th {
	width: 						10em;
}
*/

#jobfinder table#place thead td {
	border: 					1px solid #ffffff;
	background-color:	#dddddd;
}

.searchResult td .h4-area {
	border:						1px solid #999999;
	padding:					0px 10px 5px 10px;
	width: 96%;
}
.linkList-numberItems p {
	float: 						none;
	text-align: 				center;
	padding: 					0 0 4px 0;
	margin: 					0 auto;
	line-height: 				1em;
	font-size: 1.4em;
	border-bottom: #BA001D 1px dashed;
	font-weight: 500;
}
ul.linkList-numberItems {
    width: 100%;
    padding-top: 1em;
	
}
ul.linkList-numberItems{
    margin: 1em auto;
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 13px;
	float:none;
	width: 76%;
}

ul.linkList-numberItems li a {
    text-decoration: none;
    font-size: 10px;
    color: #fff;
}
.linkList-numberItems ul li em {
    padding: 0 5px!important;
	background: #D1D7DC;
    color: #000;

}
ul.linkList-numberItems li a:link,
ul.linkList-numberItems li a:visited {
    padding: 2px 5px;
	background: #BA001D;
    color: #fff;
}
ul.linkList-numberItems li a:hover {
	background: #BA001D;
    color: #fff;
}

/* 募集要項、テーブルレイアウト用 */

.essential table {
	width: 						100%;
	margin-bottom: 				1em;
}

.essential table th {
	width: 						10em;
	padding: 					0.4em;
	background-color: 			#cccccc;
	border: 					1px solid #ffffff;
	text-align: 				left;
	vertical-align: 			top;
	white-space: 				nowrap;
}

.essential table td {
	padding-left:				0.2em;
}

/* エントリーシート　リンク */
.entrylink-layout ul li {
	list-style-type:			none;
	display: 					inline;
	margin:						0px 10px 0px 0px;
	padding:	
}


}


/*===============================================
●SMH 画面の横幅が480px以下
===============================================*/
@media screen and (max-width: 480px){

#jobfinder table {
	width: 						100%;
	margin-bottom: 				1em;
}

#jobfinder table#industries ul li {
	float:						none;
}

#jobfinder table#place tbody ul li {
	width:						100%;
	_width:						10em;
	float:						none;
}

#jobfinder table#place tbody ul.longword li {
	width:						100%;
}

#jobfinder table#place thead li,
#jobfinder table#employment-system ul li {
	display:					inline;
	margin-right:			1em;
}

#jobfinder table ul li input,
#jobfinder table th input {
	vertical-align:				middle;
}


table#place th,#employment-system th {
width: 92.5%!important;
	padding: 					0.4em 0 0.4em 2em!important;
	background-color: 			#cccccc;
	border: 					1px solid #ffffff;
	text-align: 				left;
	vertical-align: 			top;
	white-space: 				nowrap;
	text-indent:				-1.6em;
	display: block;
}
table#place td{
padding: 0.5em 0!important;

}


#jobfinder table th {
	width: 						100%;
	padding: 					0.4em 0 0.4em 0;
	background-color: 			#cccccc;
	border: 					1px solid #ffffff;
	text-align: 				left;
	vertical-align: 			top;
	white-space: 				nowrap;
	text-indent:				-1.6em;
	display: block;
}

#jobfinder table th label{
padding-left: 2em;
}

#jobfinder table td {
	display: block;
	padding: 0.5em;
}

/*
#jobfinder table#place th {
	width: 						10em;
}
*/

#jobfinder table#place thead td {
	border: 					1px solid #ffffff;
	background-color:	#dddddd;
}

.searchResult td .h4-area {
	border:						1px solid #999999;
	padding:					0px 10px 5px 10px;
	width: 96%;
}
.linkList-numberItems p {
	float: 						none;
	text-align: 				center;
	padding: 					0 0 4px 0;
	margin: 					0 auto;
	line-height: 				1em;
	font-size: 1.4em;
	border-bottom: #BA001D 1px dashed;
	font-weight: 500;
}
ul.linkList-numberItems {
    width: 100%;
    padding-top: 1em;
	
}
ul.linkList-numberItems{
    margin: 1em auto;
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 13px;
	float:none;
	width: 76%;
}

ul.linkList-numberItems li a {
    text-decoration: none;
    font-size: 10px;
    color: #fff;
}
.linkList-numberItems ul li em {
    padding: 0 5px!important;
	background: #D1D7DC;
    color: #000;

}
ul.linkList-numberItems li a:link,
ul.linkList-numberItems li a:visited {
    padding: 2px 5px;
	background: #BA001D;
    color: #fff;
}
ul.linkList-numberItems li a:hover {
	background: #BA001D;
    color: #fff;
}

/* 募集要項、テーブルレイアウト用 */

.essential table {
	width: 						100%;
	margin-bottom: 				1em;
	margin: 0 auto;
}

.essential table th {
	width: 						98%;
	padding: 					0.4em 0 0.4em 0.5em;
	background-color: 			#cccccc;
	border: 					1px solid #ffffff;
	text-align: 				left;
	vertical-align: 			top;
	white-space: 				nowrap;
	display: block;
}

.essential table td {
	padding:				0.4em 0;
	display: block;
}


}