@charset "utf-8";
/* CSS Document */

/* キービジュアル
------------------------------------- */
.keyvisual {
	background: ;
	height: 281px;
	position: relative;
	width: 100%;
	z-index: 1;
	background: #fff;
	margin-bottom:30px;
}

#multiHero{
	position: absolute;
	top:0;
	left: 0;
	height: 281px;
	width: 100%;
	z-index: 2;
}

#multiHeroContents{
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 3;
}

#multiHeroContents li {
	height: 281px;
	width: 100%;
	display: none;
	position: absolute;
	top:0;
	left: 0;
	text-align: center;
	z-index: 4;
}

#multiHeroContents li div {
	height: 281px;
	width: 100%;
	text-align:center;
}

#multiHeroContents li div p{
	width:1000px;
	height:281px;
	margin:0 auto;
	position:relative;
}

#multiHeroContents li div a{
	width:960px;
	height:281px;
	display:block;
	text-decoration:none;
	margin:0 auto;
}

#keyv001 {background: url(../images/top/bg_keyv_001.jpg) repeat-x;}
#keyv002 {background: url(../images/top/bg_keyv_002.jpg) repeat-x;}
#keyv003 {background: url(../images/top/bg_keyv_003.jpg?news) repeat-x;}
#keyv004 {background: url(../images/top/bg_keyv_004.jpg?news) repeat-x;}

#keyv001 div {background: url(../images/top/keyv_001.jpg) no-repeat 50% 0;}
#keyv002 div {background: url(../images/top/keyv_002.jpg) no-repeat 50% 0;}
#keyv003 div {background: url(../images/top/keyv_003.jpg?news) no-repeat 50% 0;}
#keyv004 div {background: url(../images/top/keyv_004.jpg?news) no-repeat 50% 0;}

#controls-wrap {
	position: absolute;
	top: 286px;
	left: 0;
	text-align: right;
	padding: 0;
	width: 100%;
	height: 7px;
	overflow: hidden;
}

#controls-wrap .inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
	display:none;
}

#multiHeroControls{
	position: absolute;
	top:0;
	right: 0;
}

#multiHeroControls li{
	width: 105px;
	height: 7px;
	background: #ddd;
	float: left;
	margin-left: 5px;
}

#multiHeroControls li a {
display: block;
}

#multiHeroControls li.thisChild {
	background: #bd071c;
}

.mainvisual{
	margin-bottom: 30px;
}
.mainvisual img{
	width: 100%;
}


/*　東日本大震災に対する支援に関して
------------------------------------- */

.top-earthquake{
	border:3px solid #dfdfdf;
	background-color:#c4c4c4;
	padding:1px;
	margin-bottom:20px;
}
.top-earthquake .inner{
	border:1px solid #FFF;
	background-color:#FFF;
	padding:15px;
	background:url(../images/top/bg_top_earthquake.png) repeat-x #FFF;
}
.top-earthquake .inner h3{
	border-bottom:1px solid #dfdfdf;
	padding-bottom:15px;
	margin-bottom:20px;
}
.top-earthquake .inner .anchor{
	background:url(../images/icon_arrow_001.png) no-repeat left 50%;
	padding-left:15px;
	font-size:86%;
}


/* 求人タイムス社のビジョン
------------------------------------- */

.top-vision{
	border:3px solid #dfdfdf;
	background-color:#c4c4c4;
	padding:1px;
	margin-bottom:20px;
	clear:both;
}
.top-vision .inner{
	border:1px solid #FFF;
	background-color:#FFF;
	padding:15px;
	background:url(../images/top/bg_top_earthquake.png) repeat-x #FFF;
}
.top-vision .inner h3{
	border-bottom:1px solid #dfdfdf;
	padding-bottom:15px;
	margin-bottom:20px;
}
.top-vision .inner .anchor{
	background:url(../images/icon_arrow_001.png) no-repeat left 50%;
	padding-left:15px;
	font-size:86%;
}

/*.top-vision{
	border:3px solid #cdd9e8;
	background-color:#b1c1d7;
	margin-bottom:20px;
	padding:1px;
}
.top-vision .inner{
	border:1px solid #FFF;
	background-color:#FFF;
	padding:15px;
	background:url(../images/top/bg_top_vision.png) repeat-x #FFF;
}
.top-vision .inner h3{
	margin-bottom:20px;
}*/

/* 求人情報更新情報
------------------------------------- */

.top-job-news{
	border:1px solid #d0d0d0;
	width:230px;
	float:left;
	font-size:86%;margin-bottom:20px;

}
.top-job-news .inner{
	border:1px solid #FFF;
	padding:15px 12px;
	background:url(../images/top/bg_top_job_news.png) repeat-x #FFF;
	min-height:242px;
	_height:242px;
}
.top-job-news .inner h2{
	border:none;
    clear: both;
    margin: 0;
    padding: 0;
}

.top-job-news dl{
	margin:15px 0 0;
}

.top-job-news dt{
	margin-top:10px;
	margin-bottom:5px;
	line-height:1;

}
.top-job-news dd{
	line-height:1.2;
}
.top-job-news p{
	margin-top:15px;
}


/* top-blog-area */

.top-blog-area li{
	clear:both;
	margin-bottom:10px;
}

.top-blog-area dt{
	float:left;
	width:70px;
	padding:0 10px 0 0;
	margin:0;
}

.top-blog-area dd{
	padding:0 0 0 80px;
	font-weight:bold;
}

.top-blog-area li:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .top-blog-area li             { zoom: 1; } /* IE6 */
*:first-child+html .top-blog-area li { zoom: 1; } /* IE7 */




/* サービス紹介
------------------------------------- */

.top-service{
	border:3px solid #d7d7d7;
	width:715px;
	float:right;margin-bottom:20px;

}

.top-service .inner{
	border:1px solid #FFF;
	padding:0 0 12px;
	background:url(../images/top/bg_top_service.png) repeat-x center top #FFF;
	text-align:center;
}
.top-service .inner h2{
	margin:0 auto;
	border:none;
	padding:9px 0 0;
	background:none;
}
.top-service .inner ul{
	margin:0;
}
.top-service .inner li{
	margin:0 auto;
}

/* btn 

.top-service .inner li span{
	display:block;
	z-index:9999;
}

.top-service .inner .qtbtn{
	margin:-52px 0 40px -10px;
}

.top-service .inner .htbtn{
	margin:-30px 0 20px 109px;
}*/


/* ハローせとうち
------------------------------------- */

.top-colum {	clear:both;	position:relative;
border-bottom:1px solid #d0d0d0;
margin-bottom:20px;

}
.content .top-colum h2{
	border:none;
	margin:0;
    padding:0;
}

.content .top-colum .top-colum-list{
	background:url(../images/top/bg_top_colum_list.png) no-repeat center top;
	clear: both;
	position:relative;

}

.content .top-colum .inner{
	width:229px;
	float:left;
	padding:8px 2px 8px 9px;
}

.top-colum dl{
	margin: -70px 0 0 85px;
	min-height: 70px;
	height: auto !important;
	height: 70px;
}
.top-colum dt{
	line-height: 1.6;
	font-size:86%;
	font-weight:bold;
}

.top-colum p{
	margin:0;
}
.top-colum p.txt{
	margin:0;
	padding:10px;
	font-size:79%;
	color:#666;
}

.top-colum dd.date{
	font-size:79%;
	color:#666;
	line-height:1.4;

}
.top-colum dd.entry{
	font-size:93%;
	line-height:1.4;
	padding:0;
}


/* 設置協力店
------------------------------------- */

.top-shop{
	clear:both;	position:relative;
	margin-bottom:20px;

}
.content .top-shop h2{
	border:none;
	margin:0;
    padding:0;
}
.content .top-shop p.more{
	margin:-25px 10px 0 0;
	text-align:right;
}

.top-shop-inner{
	border:1px solid #d0d0d0;
	border-top:none;
	position:relative;
}

dl.top-shop-select {
	padding:15px;
	margin:0;
	width:688px;
	font-size:86%;
	line-height:1;
}


dl.top-shop-select dt{
	font-weight:bold;
	clear:both;
	margin-top:15px;
	*padding-top:15px;
}
dl.top-shop-select dd{
	margin-top:5px;
}

dl.top-shop-select ul.area li{
	display:inline;
	padding-right:1em;
	white-space:normal;
}
dl.top-shop-select ul.cate li{
	display:inline;
	padding-right:0.5em;
	white-space:normal;
}

.top-shop-list{
	width:714px;
	clear:both;
	margin:auto;
	margin-left:-10px;
	background:url(../images/top/bg_top_shop_list.png) no-repeat right top ;
	margin-bottom:10px;
	_margin-left:-30px;
	_width:734px;
}

.top-shop-list .inner{
	float:left;
	width:337px;
	margin-left:20px;
}
.top-shop-list .inner p{
	margin-top:10px;
	line-height:1;
}


ul.top-shop-list{
	margin-left:-10px;
	width:714px;
	clear:both;
	margin:auto;
	margin-left:-10px;
	background:url(../images/top/bg_top_shop_list.png) no-repeat right top ;
	margin-bottom:10px;
	_margin-left:-30px;
	_width:734px;
}

ul.top-shop-list{
	display: inline-block;
}
ul.top-shop-list:after{
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
	clear: both;
	line-height: 0;
}
/* hide from MacIE \*/
* html ul.top-shop-list{
	height: 1em;
}
ul.top-shop-list{
	display: block;
}
/* end of clearfix */

ul.top-shop-list li{
	float:left;
	width:337px;
	margin-left:20px;
	margin-top:10px;

}

.top-shop-list dl{
	clear:both;
}
.top-shop-list dt{
	float:left;
	display: inline;
	margin: 0 12px 0 0;
	width:70px;
	height:70px;
	overflow:hidden;
	position:relative;
	background:url(../shop/images/img_noimage_thumb.png) no-repeat 0 0;
}
.top-shop-list dd.name{
	line-height: 1.4;
	font-size:93%;
	font-weight:bold;
}
.top-shop-list dd.detail{
	line-height: 1.4;
	font-size:86%;
}

/* -------------------------------------
サイドバー
------------------------------------- */

.content .twitter{
	width:720px;
	margin:20px 0;
}

#twitter-widget-0{
	width:720px;
}

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

.top-news{
	border:1px solid #d0d0d0;
	width:198px;
	margin:auto;
	margin-bottom:10px;
}
.top-news h2{
	text-align:center;
}
.top-news .top-news-inner{
	border:1px solid #FFF;
	background:url(../images/top/bg_top_news.png) repeat-x center top #f4f4f4;
	margin:auto;
	padding-bottom:10px;
}
.top-news .top-news-inner .inner{
	border:1px solid #d0d0d0;
	background:#FFF;
	width:178px;
	margin:auto;
}

.top-news .top-news-inner .inner dl{
	text-align:left;

}
.top-news .top-news-inner .inner dt{
	line-height: 1.1;
	font-size:79%;
	padding:0 10px;
	padding-top:10px;
	color:#333333;
}

.top-news .top-news-inner .inner dd{
	background:url(../images/top/bg_top_news_inner.png) no-repeat center bottom ;
	line-height: 1.4;
	font-size:93%;
	padding:0 10px;
	padding-bottom:10px;
}

.top-news .top-news-inner .inner ul{
	text-align:right;
	padding-right:10px;
}

.top-news .top-news-inner .inner li{
	display:inline;
	background:url(../images/icon_arrow_002.png) no-repeat left 50% ;
	font-size:79%;
	margin-left:5px;
	padding:5px 0 5px 10px;

}

/* ハローせとうち
------------------------------------- */

/* top-setouchi */
.top-news{
	border:1px solid #d0d0d0;
	width:198px;
	margin:auto;
	margin-bottom:10px;
}
.top-setouchi h2{
	text-align:center;
}
.top-setouchi .top-setouchi-inner{
	border:1px solid #FFF;
	background:url(../images/top/bg_top_news.png) repeat-x center top #f4f4f4;
	margin:auto;
	padding-bottom:10px;
}

.top-setouchi h2{
	text-align:center;
	font-weight:bold;
	margin:0;
	border-bottom:1px solid #DFDFDF;
	padding:0 0 10px;
	color:#0165BA;
/*	font-size:92%;*/
}

.top-setouchi ul{
	padding-top:10px;
	margin-top:0;
	border-top:1px solid #fff;
/*	font-size:87%;*/
}

.top-setouchi ul li{
	background:url(../images/icon_arrow_001.png) no-repeat 0 0.5em;
	padding-left:10px;
	margin-bottom:3px;
}
/*サイドバー階層*/
.top-setouchi ul ul{
	font-size:100%;
	padding-top:0;
}
.top-setouchi ul li ul li{
	background:url(../images/icon_arrow_002.png) no-repeat 0 0.5em;
}


/* スタッフブログ
------------------------------------- */

.top-blog{
	border:1px solid #d0d0d0;
	width:198px;
	margin:auto;
	text-align:left;
	margin-bottom:10px;
}

.top-blog .inner{
	border:1px solid #FFF;
	background:url(../images/top/bg_top_blog.png) repeat-x center top #FFF;
	padding:0 10px;
}
.top-blog .inner .entry{
	background:url(../images/top/bg_top_blog_entry.png) repeat-x center bottom #FFF;
	padding:10px 0;
}

.top-blog .inner .entry.last-child{
	background:none;
}

.top-blog p.image{
	width:70px;
	height:70px;
	overflow:hidden;
	position:relative;
}

.top-blog .inner dl{
	margin: -70px 0 0 80px;
	min-height: 70px;
	height: auto !important;
	height: 70px;
}
.top-blog .inner dt{
	line-height: 1.1;
	color:#666;
	font-size:86%;
	font-weight:bold;
}
.top-blog .inner dd{
	line-height: 1.4;
	font-size:93%;
}

.top-blog .inner ul{
	text-align:right;
}
.top-blog .inner li{
	display:inline;
	background:url(../images/icon_arrow_002.png) no-repeat left 50% ;
	font-size:79%;	margin-left:5px;
	line-height:1.1;
	padding:5px 0 5px 10px;
}

/*------------------------ SNSエリア ------------------------*/
.content .sns-area {
	width: 720px;
	overflow: hidden;
}
.content .sns-area .twitter,
.content .sns-area .facebook{
	width:230px;
	display:inline-block;
}
.content .sns-area .facebook{
	margin-left:8px;
}