@charset "Shift-JIS";


/*----------------------------------------

適用ページ : 採用情報トップページ

----------------------------------------*/


/*  採用情報
----------------------------------------*/

#contents h2,
#contents h3,
#contents p,
#contents ul,
#contents ul li,
#contents img{
	margin: 0;
	padding: 0;
}
#contents h3{
	background: none;
}
#contents ul li {
	list-style: none;
}
#contents img{
	vertical-align: top;
}
#contents #topPage{
	width: 574px;
}
#contents #interviewBox{
	width: 574px;
	padding: 1px 0 2px 2px;
	background: url(../../recruit/images/index_bg_interviewBox.gif) no-repeat 0 100%;
}
#contents #interviewBox:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#contents #interviewBox ul{
	width: 574px;
}
#contents #interviewBox ul li{
	float: left;
}
#contents #interviewBox ul li.entry{
	width: 285px;
	height: 226px;
	text-align: center;
	background: url(../../recruit/images/index_bg_entryBtn.jpg) no-repeat 0 0;
}
#contents #interviewBox ul li.entry img{
	margin: 66px 0 0 1px;
}
#contents #topPage div.careerContent{
	width: 573px;
	margin: 21px 0 21px;
	background: url(../../recruit/images/index_bg_careerContent.gif) no-repeat 0 100%;
}
#contents #topPage div.careerContent div.careerBox{
	float: left;
	display: inline;
	width: 285px;
	margin: 0;
	padding-bottom: 21px;
}
#contents #topPage div.careerContent div.careerBox h3{
	width: 285px;
	margin-bottom: 10px;
}
#contents #topPage div.careerContent div.careerBox p{
	width: 245px;
	margin-left: 21px;
}
#contents #topPage div.careerContent div.careerBox p.offer{
	margin-top: 3px;
}
#contents #topPage div.careerContent div.careerBox ul{
	margin: 18px 0 19px 41px;
}
#contents #topPage div.arbeitBox{
	padding-left: 3px;
}
#contents #topPage div.arbeitBox p{
	width: 237px;
}
#contents #topPage .arbeitBox p.boxImg{
	margin-top: 16px;
	margin-bottom: 18px;
}
#contents #topPage div.arbeitBox p.entryBtn{
	padding-left: 10px;
}
#contents #topPage #boxMacocoro{
	width: 553px;
	margin-bottom: 20px;
	padding: 10px;
	background: url(../../recruit/images/index_bg_macocoroline.gif) repeat 0 0;
}
#contents #topPage #boxMacocoro div.macocoroContent{
	padding: 16px 0 8px 13px;
	background-color: #FFFFFF;
}
#contents #topPage #boxMacocoro div.macocoroContent div.macocoroLbox{
	float: left;
	width: 345px;
}
#contents #topPage #boxMacocoro div.macocoroContent div.macocoroRbox{
	float: right;
	display: inline;
	width: 167px;
	margin-right: 8px;
}
#contents #topPage #boxMacocoro div.macocoroContent div.macocoroLbox h2{
	margin-bottom: 12px;
}
#contents #topPage #boxMacocoro div.macocoroContent div.macocoroRbox p.detail{
	float: right;
	display: inline;
	margin-top: 7px;
}
#contents #topPage div.photographBox,
#contents #topPage div.blogBox{
	float: left;
	width: 285px;
}
#contents #topPage div.photographBox{
	margin-right: 1px;
}
#contents #topPage div.photographBox p.detailBtn,
#contents #topPage div.blogBox p.detailBtn{
	text-align: right;
	margin: -36px 9px 0 0;
}
#contents p.pageTop{
	margin-top: 44px;
	_margin-top: 34px;
}


/*---------------------------------------------------
* clearfix
*--------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* for IE7, MacIE5 */
.clearfix {
	display: inline-block;
}
/* for MacIE5 \*/
* html.clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

