@charset "utf-8";

/********************************************************************************

   求人情報カテゴリースタイル 
   
   0) 共通スタイル（募集要項・ローカルトップ表組み各種）
   1) 求人情報トップ
   2) 新卒採用
   3) 採用までの流れ
   4) 社内行事
   5) 教育制度
   6) 合同会社説明会
   7) キャリア採用
   8) 会場へのアクセス

********************************************************************************/

/* ------------------------------------------------------------------------
   0) 共通スタイル
------------------------------------------------------------------------ */

/*----- h2　カテゴリータイトル -----*/
body#recruitCat h2#category-title-bg {
	background:url(/recruit/common/images/h2-category.gif) right top no-repeat;
}

/*----- コンテンツフッター -----*/
#contents-footer dl {
	border:1px solid #333;
	padding:0 0 5px 0;
}

#contents-footer dt {
	margin:0 0 10px 0;
	background:#333;
	color:#FFF;
	padding:2px 10px;
	font-weight:bold;
}

#contents-footer dd {
	padding:0 10px;
	margin:0;
}


/*----- 募集要項（各募集要項共通）-----*/
dl.guideline-list {
	background:#EDEDED;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	margin:0 0 20px 0;
}

dl.guideline-list dt {
	float:left;
	clear:left;
	width:11em;
	margin:0;
	padding:0.5em 1em;
	border-top:1px solid #999;
}

dl.guideline-list dd {
	margin:0 0 0 12em;
	padding:0.5em 1em;
	background:#FFF;
	border-top:1px solid #999;
	border-left:1px solid #999;
}

dl.guideline-list dd.sub-dd {
	padding:0 1em 0.5em 1em;
	border-top:none;
}

dl.place-list dt,
dl.place-list dd {
	margin:0;
	padding:0 0 0 20px;
	border:none;
	clear:both;
}

dl.place-list dt {
	background:url(/common/images/icon/arrow-right.gif) left center no-repeat;
	font-weight:bold;
}

dl.place-list dd {
	margin:0 0 5px 0;
}


span.right-txt {		/* 右寄せリンク */
	text-align:right;
	display:block;
}

ul.arrow-list li {
	margin:0;
	padding:0 0 0 20px;
	background:url(/common/images/icon/arrow-right.gif) 0 0.3em no-repeat;
}


/* ----- 新卒・キャリア採用トップ　表組み(2カラム) ----- */

.local-menu-list-2c {
	clear:both;
}

.local-menu-list-2c dl.list-left {
	float:left;
}

.local-menu-list-2c dl.list-right {
	float:right;
}

.local-menu-list-2c dt {
	background:url(/common/images/headline/local-menu-title_bg.gif) right top no-repeat;
	width:330px;
	margin:0;
	padding:18px 0 10px 0;
	font-weight:bold;
}

.local-menu-list-2c dd {
	width:330px;
	line-height:1.4;
}

.local-menu-list-2c ul {
	margin:10px 0 0 0;
	clear:both;
}

.local-menu-list-2c li {
	float:left;
	background:url(/common/images/icon/arrow-right.gif) 0 0.3em no-repeat;
	padding:0 0 0 20px;
	width:140px;
	margin:0 0 5px 0;
}


/* ----- おそうじ本舗・靴専科表組み(3カラム) ----- */
#local-menu-list-3c dl {
	width:215px;
	float:left;
	margin:0 20px 0 0;
	line-height:1.4;
}

#local-menu-list-3c dl#last {
	width:210px;
	float:left;
	margin:0;
}

#local-menu-list-3c dt {
	background:url(/common/images/headline/local-menu-title_bg.gif) right top no-repeat;
	margin:0 0 5px 0;
	padding:15px 0 0 0;
	font-weight:bold;
	height:25px;
}


#local-menu-list-3c dd img {
	margin:0 0 5px 0;
}

#local-menu-list-3c dd a:hover {
	text-decoration:none;
}


/* ------------------------------------------------------------------------
   1) 求人情報トップ
------------------------------------------------------------------------ */

/*----- お知らせ -----*/

div#top-info{
	background:url(/recruit/images/top-info-bottom.gif) bottom left no-repeat;
	clear:both;
	margin:0 0 1em 0;
}

div#top-info p{
	background:url(/recruit/images/top-info-top.gif) top left no-repeat;
	padding:8px 15px 6px 105px;
	
}


/* ------------------------------------------------------------------------
   2) 新卒採用
------------------------------------------------------------------------ */

/*----- 新卒採用エントリーボタン -----*/
a:link span.fresh-entry-button,
a:visited span.fresh-entry-button {
	background:url(/recruit/fresh/images/entory-button.gif) left top no-repeat;
}

a:hover span.fresh-entry-button {
	background:url(/recruit/fresh/images/entory-button.gif) left bottom no-repeat;
}

span.fresh-entry-button {
	text-indent:-10000em;
	height:64px;
	width:261px;
	display:block;
	margin:0 auto;
}

/*----- バナーエリア -----*/

.banner-area {
	margin:10px 0 20px;
}

.area-c {
	width:100%;
	text-align:center;
	margin:10px auto 10px;
}

.banner-area .area-l {
	float:left;
	width:330px;
}
.banner-area .area-r {
	float:right;
	width:330px;
}

.banner-area .area-r .banner {
	width:165px;
	float:left;
	text-align:center;
	font-size:10px;
}

.banner-area .area-r .banner img.margin-bottom {
	margin:0 0 10px;
}

.blog {
	clear:both;
	padding:10px;
	width:500px;
	margin:0 auto 20px;
	border:1px solid #ccc;
}

.blog img.thumb {
	border:1px solid #999;
	padding:3px 2px;
	margin:1px 0 0;
}

.blog dl {
	background:#eee;
	margin:0 0 0 195px;
	padding:8px;
}
.blog dl dt {
	margin:0;
	border-bottom:1px solid #999;
	font-weight:bold;
}
.blog dl dd {
	padding:0 0 0 20px;
	margin:0;
	background:url(/common/images/icon/arrow-right.gif) left center no-repeat;
}

/* ------------------------------------------------------------------------
   3) 採用までの流れ（新卒・キャリア）
------------------------------------------------------------------------ */

/*----- ご用意いただくもの（新卒・キャリア共用） -----*/
dl.prepare dt {
	margin:0;
	font-weight:bold;
}
dl.prepare dd {
	padding:0 0 0 20px;
	margin:0 0 0 1em;
	background:url(/common/images/icon/arrow-right.gif) left center no-repeat;
}

/*----- 履歴・職務経歴書送付（キャリアのみ） -----*/
dl.address-list {
	margin:0 0 1.5em 0;
}

dl.address-list dt {
	margin:0;
	font-weight:bold;
}

dl.address-list dd {
	padding:0 0 0 1em;
	margin:0 0 0.5em 0;
}


/*----- 面接について（キャリアのみ） -----*/
dl.interview-list {
	border-bottom:1px solid #999;
	border-right:1px solid #999;	
	border-left:1px solid #999;
	margin:10px 0 1.5em 0;
}

dl.interview-list dt {
	margin:0;
	float:left;
	clear:left;
	width:7em;
	border-top:1px solid #999;
	padding: 0.3em 0.5em;
}

dl.interview-list dd {
	margin:0 0 0 8em;
	border-top:1px solid #999;
	border-left:1px solid #999;
	padding:0.3em 0.5em;
}

/*----- 会社説明会（新卒採用） -----*/
ul.meeting-list {
	margin:0 0 10px 0;
}

ul.meeting-list li {
	margin:0 0 0 1em;
	padding:0 0 0 20px;
	background:url(/common/images/icon/arrow-right.gif) left center no-repeat;
}

span.intern {
	display:block;
	padding:0 0 0 20px;
	background:url(/common/images/icon/arrow-right.gif) left center no-repeat;
	float:right;
	margin:0 0 20px 0;
}

/* ------------------------------------------------------------------------
   4) 社内行事
------------------------------------------------------------------------ */
/* ----- 表組み ----- */

.event-list {
	clear:both;
	margin:0 0 1em 0;
}

.event-list p {
	clear:both;
}

.list-left,
p.list-left {
	float:left;
	clear:none;
	width:330px;
	margin:0;
}

.list-right,
p.list-right {
	float:right;
	clear:none;
	width:330px;
	margin:0;
}


/* ------------------------------------------------------------------------
   5) 教育制度
------------------------------------------------------------------------ */

/*----- ビジネスマナー -----*/
ul.manner {
	margin:0 0 30px 0;
}

ul.manner li{
	margin:0;
	padding:0 0 0 20px;
	background:url(/common/images/icon/arrow-right.gif) no-repeat left center;
}

p.education-copy {
	margin:0;
	font-weight:bold;
	font-size:1.2em;
}

h3.education {
	clear:both;
}

.education-left {
	float:left;
	clear:none;
	width:340px;
	margin:0 0 20px 40px;
	display:inline;
}

.education-right {
	float:right;
	clear:none;
	width:300px;
	margin:0 0 20px;
	display:inline;
}


/* ------------------------------------------------------------------------
   6) 合同会社説明会
------------------------------------------------------------------------ */

/*----- 表組み -----*/
dl.schedule-list {
	border-bottom:1px solid #999;
	border-right:1px solid #999;	
	border-left:1px solid #999;
	margin:0 0 5px 0;
}

dl.schedule-list dt {
	margin:0;
	float:left;
	clear:left;
	width:7em;
	border-top:1px solid #999;
	padding:0.5em;
}

dl.schedule-list dd {
	margin:0 0 0 8em;
	border-top:1px solid #999;
	border-left:1px solid #999;
	padding:0.5em;
}

/*----- 説明会会場 -----*/
ul.office-addr li {
	margin:0;
}


/* ------------------------------------------------------------------------
   7) キャリア採用
------------------------------------------------------------------------ */

/*----- キャリア採用エントリーボタン -----*/
a:link span.career-entry-button,
a:visited span.career-entry-button {
	background:url(/recruit/career/images/entory-button.gif) left top no-repeat;
}

a:hover span.career-entry-button {
	background:url(/recruit/career/images/entory-button.gif) left bottom no-repeat;
}

span.career-entry-button {
	text-indent:-10000em;
	height:64px;
	width:261px;
	display:block;
	margin:0 auto;
}


/* ------------------------------------------------------------------------
   8) 会場へのアクセス
------------------------------------------------------------------------ */

/* ----- グーグルマップ ----- */
#map {
	height:350px;
	margin:0 0 20px 0;
}

#balloon {
	height:8em;
}

/* ----- TEL/FAX ----- */
dl#tel-fax {
	margin:-01em 0 0.5em 1em;
}

dl#tel-fax dt {
	float:left;
	clear:left;
	width:3em;
	margin:0;
}

dl#tel-fax dd {
	margin:0 0 0 3em;
}

/* ----- 電車でのアクセス ----- */
dl#train dt {
	font-weight:bold;
	margin:0;
}

dl#train dd {
	margin:0;
	padding:0 0 0 20px;
	background:url(/common/images/icon/arrow-right.gif) left center no-repeat;
}