@charset "UTF-8";

/* index内容部分 */
#indexMain {
	width: 590px;
	float:left;
}
/* index内容部分-見出共通 */
#indexMain h3 {
	background: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}


/* index内容部分-ピックアップ-エリア */
#indexMain h3#picupJob, #jobManualContents h3#picupJob {
	background-image:url(../img/main/h-picup-job.gif);
	width: 555px;
	height: 36px;
	margin-bottom: 15px;
}
#indexMain .picupArea, #jobManualContents .picupArea {
	cursor: pointer;
	display:block;
	background: url(../img/main/index-picup-job-back1.gif) no-repeat top left;
	padding-top: 6px;
	color:#555;
}
#indexMain .picupArea .link, #jobManualContents .picupArea .link {
	color:#FE176E;
}
#indexMain .picupArea div, #jobManualContents .picupArea div {
	background: url(../img/main/index-picup-job-back3.gif) no-repeat bottom left;
	padding-bottom: 6px;
}
#indexMain .picupArea div div, #jobManualContents .picupArea div div{
	background: url(../img/main/index-picup-job-back2.gif) repeat-y;
	padding: 0 6px;
	_height: 1px;
	min-height: 1px;
}
#indexMain .picupArea div div:after, #jobManualContents .picupArea div div:after {/*clearfix用*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* index内容部分-ピックアップ-ショップ */
#indexMain .picupShop, #jobManualContents .picupShop {
	cursor: pointer;
	display:block;
	padding: 12px 6px;
	width: 567px;/* 579-6-6 */
	border-bottom: 1px dashed #666666;
	_height: 1px;
	min-height: 1px;
	color:#555;
}
#indexMain .picupShop:after, #jobManualContents .picupShop:after {/*clearfix用*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#indexMain .picupShop:hover, #jobManualContents .picupShop:hover {
	background-color: #D7FFF4;
	color:#3399FF;
}
#indexMain .picupShop dd span.info, #jobManualContents .picupShop dd span.info{
	display: block;
	margin: 10px 0 0 0;
	font-size: 80%;
	color: #999999;
	/* commonのinfoの属性を消す */
	background: none;
	width: auto;
	height: auto;
}

/* index内容部分-ピックアップ-エリア、ショップ共有 */
#indexMain .picupArea div.photo,
#indexMain .picupShop .photo,
#jobManualContents .picupArea div.photo,
#jobManualContents .picupShop .photo {
	display: block;
	background: url(../img/main/index-picup-photo.gif) no-repeat;
	width: 95px;
	height: 86px;
	padding: 0;
	float: left;
	
}
#indexMain .picupArea div.photo img,
#indexMain .picupShop .photo img,
#jobManualContents .picupArea div.photo img,
#jobManualContents .picupShop .photo img {
	margin: 3px 0 0 12px;
}
#indexMain .picupArea dl,
#indexMain .picupShop dl,
#jobManualContents .picupArea dl,
#jobManualContents .picupShop dl {
	float:left;
	width: 460px;
	margin-left:7px;
}
#indexMain .picupArea dt,
#indexMain .picupShop dt,
#jobManualContents .picupArea dt,
#jobManualContents .picupShop dt {
	font-size: 140%;
	color: #DF3E8A;
	padding: 0 0 0 18px;
	background: url(../img/main/flower01-trans.png) no-repeat;
}
#indexMain .picupArea dt:after,
#indexMain .picupShop dt:after,
#jobManualContents .picupArea dt:after,
#jobManualContents .picupShop dt:after {/*clearfix用*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#indexMain .picupArea dd,
#indexMain .picupShop dd,
#jobManualContents .picupArea dd,
#jobManualContents .picupShop dd {
	margin: 3px 0 0 18px;
}

/* index内容部分-スカウト */
#indexScout {
	border: 1px solid #DF3E8A;
	margin: 15px 0 0 0;
	width: 576px;
	_height: 1px;
	min-height: 1px;
}
#indexScout:after {/*clearfix用*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#indexScout .banner {
	display:block;
	width: 218px;
	height: 148px;
	float: left;
	background-image: url(../img/main/advertisement01.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 0 0;
	border-right: 1px solid #DF3E8A;
}
#indexScout .scoutBana {

	width: 218px;
	height: 148px;
	
	float: left;
	overflow: hidden;
	border-right: 1px solid #DF3E8A;
}
#indexScout .banner:hover {
	background-position: bottom;
}
#indexScout p {
	margin: 0;
	padding: 10px 0 10px 10px;
	width: 335px;/* 355-10*2 */
	float:left;
	line-height: 120%;
	color: #DF3E8A;
}


/* index内容部分-私の入店物語 */
h3#indexBeginner {
	background-image:url(../img/main/index-h-beginner.gif);
	width: 576px;
	height: 40px;
	margin: 15px 0 0 0;
}
/* index内容部分-先輩の声 */
h3#indexPro {
	background-image:url(../img/main/index-h-pro.gif);
	width: 576px;
	height: 40px;
	margin: 15px 0 0 0;
}

/* index内容部分-私の入店物語、先輩の声共通 */
.indexBeginnerPro ,.indexBeginnerProList {
	width: 576px;
	background: url(../img/main/index-beginner-pro-back.gif) repeat-y;
	margin: 0 0 2px 0;
}
.indexBeginnerPro dl,.indexBeginnerProList dl {
	width: 190px;
	margin: 0 0 0 1px;
	display:inline;
	float:left;
	padding: 10px 0 15px 0;
}
.indexBeginnerProList dl {
	border-bottom: 1px dashed #DF3E8A;
}
.indexBeginnerPro dl:hover ,.indexBeginnerProList dl:hover {
	background: url(../img/main/index-beginner-pro-over.jpg) no-repeat top left;
}
.indexBeginnerPro dt, .indexBeginnerProList dt {
	text-align:center;
}
.indexBeginnerPro dt a,.indexBeginnerProList dt a{
	display:block;
	width:152px;
	height:202px;
	text-align:center;
	margin:0 auto;
}
.indexBeginnerPro dt img,.indexBeginnerProList dt img {
	border: 1px solid #DF3E8A;
}
.indexBeginnerPro dd,.indexBeginnerProList dd {
	width: 140px;
	margin: 3px auto 0 auto;
	line-height: 110%;
}
.indexBeginnerPro dd.info, .indexBeginnerProList dd.info {
	text-align:center;
	background: none;
	margin: 0 auto;
	width: 170px;
	height:40px;
	overflow:hidden;
	padding:0;
}
.indexBeginnerPro dd.info a, .indexBeginnerProList dd.info a {
	text-decoration:underline;
}
.indexBeginnerPro dd.info span, .indexBeginnerProList dd.info span {
	font-size: 80%;
	color: #DF3E8A;
}
.indexBeginnerPro dd.info span a, .indexBeginnerProList dd.info span a {
	text-decoration:none;
}
.indexBeginnerPro div, .indexBeginnerProList div {
	clear:both;
	background: url(../img/main/index-beginner-pro-bottom.gif) no-repeat;
	height: 6px;
}
.indexBeginnerPro .hr, .indexBeginnerProList .hr {
	clear:both;
	border-top: 1px dashed #DF3E8A;
	margin: 0 10px;
	height: 0;
	overflow:hidden;
}


/* indexサイドナビ */
#indexSideNavi {
	width: 220px;
	float:left;
}

/* indexサイドナビ-安心の優良求人情報 */
#secureJob {
	background: url(../img/main/secure-job-bottm.gif) no-repeat bottom;
	width: 221px;
	padding-bottom: 15px;
}
#secureJob dt {
	background: url(../img/main/secure-job-tit.gif) no-repeat top;
	height: 103px;
	text-indent: -9999px;
}
#secureJob dd {
	padding: 0 0 8px 8px;
	border-left: 1px solid #fe8fd5;
	border-right: 1px solid #fe8fd5;
	font-size: 80%;
	color:#666666;
	background-color: #fff4fd;
}
#secureJob dd img {
/*
	border: 1px solid #0060BF;
*/
}
#secureJob dd img:hover {
/*
	border: 1px solid #FF3366;
*/
}
#secureJob dd a {
	display:block;
	width:200px;
	height:40px;
	color:#666666;
	padding:0;
	text-align:center;
	border: 1px solid #0060BF;
}
#secureJob dd a:hover {
	color:#FF3366;
	border: 1px solid #FF3366;
}

/* indexサイドナビ-バナー類 */
#banner {
	width: 201px;
	margin: 15px auto 5px auto;
}
#banner li {
	margin: 0 0 10px 0;
}
#banner a {
	background-position: top;
	background-repeat: no-repeat;
	display: block;
}
#banner a:hover {
	background-position: bottom;
}
/* indexサイドナビ-バナー類-ケータイサイトはコチラ */
#banner #banner1 {
	background-image:url(../img/main/index-banner1.gif);
	height: 133px;
}
#banner #banner1 span {
	display:block;
	text-indent:-9999px;
	height: 0;
	width: 0;
	overflow: hidden;
}
#banner #banner1 img {
	display:block;
	margin: 32px 0 0 8px;
}
/* indexサイドナビ-バナー類-スカウト登録 */
#banner #banner2 {
	background-image:url(../img/main/index-banner2.gif);
	text-indent:-9999px;
	height: 127px;
	overflow: hidden;
}
/* indexサイドナビ-バナー類-求人広告 */
#banner #banner3 {
	background-image:url(../img/main/index-banner3.gif);
	text-indent:-9999px;
	height: 106px;
	overflow: hidden;
}

/* indexサイドナビ-バナー類-下部メニュー */
#indexSideNaviMenu {
	width: 201px;
	margin: 0 auto 0 auto;
}
#indexSideNaviMenu li {
	margin: 0 0 5px 0;
}
#indexSideNaviMenu a {
	background-image: url(../img/main/side_nabi_link_back.gif);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	height: 28px; /* 40-12 */
	color: #666666;
	padding: 12px 0 0 15px;
	line-height: 110%;
}
#indexSideNaviMenu a:hover {
	background-position: bottom;
	color: #666666;
}


a.seemore{
	margin-bottom:10px;
	float: right;
	width:120px;
	height:25px;
	background-image: url(../img/main/seemore.gif);
	display:block;
	background-repeat: no-repeat;
	background-position: top;
	border: 0;
	text-indent: -9999px;
	overflow:hidden;
	background:color:red;
}

a.seemore:link,a.seemore:visited {
	background-position: top;
}
a.seemore:hover {
	background-position: bottom;
}
a.donpisha, a.loveworkBBS{
	float: right;
	width:357px;
	height:148px;
	display:block;
	background-repeat: no-repeat;
	background-position: top;
	border: 0;
	text-indent: -9999px;
	overflow:hidden;
}
a.donpisha, a.loveworkBBS{
	background-image: url(../img/main/pisha.gif);
}
a.loveworkBBS{
	background-image: url(http://www.lovework.jp/bbs2/img/loveworkBBS_bana.gif);
}
a.donpisha:hover,a.loveworkBBS:hover {
	background-position: bottom;
}

#explain {
	width: 576px;
	_height: 1px;
	min-height: 1px;
}
#explain:after {/*clearfix用*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#explain .scout{
	width: 218px;
	float: left;
	text-align:center;
	margin:0;
	padding:3px 0 0 0;
}
#explain .pisha{
	width:357px;
	float: right;
	text-align:center;
	margin:0;
	padding:3px 0 0 0;
}



#attentionJob #kantoLovework{
	background: none;
	padding-top:9px;
	width: 252px;
	height: 58px;
	text-indent: -999px;
}
#attentionJob #kantoLovework a{
	display:block;
	background:url(/img/delivery/loveworkKanto.png) no-repeat;
	width: 252px;
	height: 58px;
	text-indent: -999px;
	overflow:hidden;
}
#attentionJob #kantoLovework a:hover {
	background-position:bottom;
}

#attentionJob #sideGroupBtn {
	background:url(images/sideGroupBtnBg.png) no-repeat;
	padding: 28px 0 5px 10px;
	width: 252px;
	height: 58px;
	margin: 10px 0 0 0;
}
#attentionJob #sideGroupBtn li{
	width: 46px;
	height: 55px;
	float:left;
	overflow:hidden;
}
#attentionJob #sideGroupBtn li a{
	display:block;
	text-indent: -999px;
	background:url(images/sideGroupBtn.png) no-repeat;
	width: 46px;
	height: 55px;
	text-indent: -999px;
	overflow:hidden;
}
#attentionJob #sideGroupBtn li.lovework a{
	background-position: 0 0;
}
#attentionJob #sideGroupBtn li.lovework a:hover{
	background-position: 0 bottom;
}
#attentionJob #sideGroupBtn li.lovedeli a{
	background-position: -46px 0;
}
#attentionJob #sideGroupBtn li.lovedeli a:hover{
	background-position: -46px bottom;
}
#attentionJob #sideGroupBtn li.u25 a{
	background-position: -92px 0;
}
#attentionJob #sideGroupBtn li.u25 a:hover{
	background-position: -92px bottom;
}
#attentionJob #sideGroupBtn li.r25 a{
	background-position: -138px 0;
}
#attentionJob #sideGroupBtn li.r25 a:hover{
	background-position: -138px bottom;
}
#attentionJob #sideGroupBtn li.bbs a{
	background-position: -184px 0;
}
#attentionJob #sideGroupBtn li.bbs a:hover{
	background-position: -184px bottom;
}