@charset "Shift_JIS";

/* Catch
-----------------------------------------------------------------------------  */
#catchBox{
	margin-bottom:10px;
	width:786px;
	display:inline-block;
}
#catchBox:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#catchBox h2{
	position:relative;
	width:573px;
	height:218px;
	padding-left:0;
	background:none;
	margin:0;
}
#catchBox h2 span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(/img/home/catch.jpg) no-repeat 0 0;
}
#catchBox .rightBox{
	width:210px;
}
#catchBox #catchIwai{
	display:block;
	margin-bottom:8px;
}
#catchBox #catchRegist{
	width:187px;
	height:88px;
	background:url(/img/home/bg_regist.gif) no-repeat 0 0;
	padding:34px 12px 0 11px;
}
#catchBox #catchRegist a{
	display:block;
	position:relative;
	margin-bottom:8px;
	width:187px;
	height:34px;
/*\*/
	overflow:hidden;
/**/
}
#catchBox #catchRegist a span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(/img/home/btn_regist.gif) no-repeat 0 0;
}
#catchBox #catchRegist a:hover span, #catchBox #catchRegist a:active span{
	background-position: 0 -34px;
}
#catchBox #catchRegist p{
	font-size:10px;
	line-height:13px;
	margin:0;
}
#catchBox #catchCondition{
	width:210px;
	height:122px;
	background:url(/img/home/bg_condition.gif) no-repeat 0 0;
	position:relative;
}
#catchBox #catchCondition ul{
	width:194px;
	position:absolute;
	top:32px;
	left:11px;
}
#catchBox #catchCondition li{
	display:inline;
	padding-right:6px;
	line-height:180%;
}
#catchBox #catchCondition p{
	font-size:10px;
	padding-left:9px;
	background: url(/img/common/icon_arrow_green.gif) no-repeat 0 0.4em;
	_background: url(/img/common/icon_arrow_green.gif) no-repeat 0 0.3em;
	position:absolute;
	top:100px;
	left:92px;
}
html:first-child #catchBox #catchCondition p,
body:first-of-type #catchBox #catchCondition p,{
	background: url(/img/common/icon_arrow_green.gif) no-repeat 0 0.5em;
}

/* Map
-----------------------------------------------------------------------------  */
#areaBox{
	float:left;
	width:514px;
	margin-bottom:15px;
	position:relative;
}
#areaBox h3{
	position:relative;
	width:514px;
	height:27px;
	padding-left:0;
	background:none;
	margin:0;
}
#areaBox h3 span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(/img/home/h_map.gif) no-repeat 0 0;
}
#areaBox a#tokyoIn{
	position:absolute;
	top:224px;
	left:112px;
}
#areaBox a#tokyoOut{
	position:absolute;
	top:241px;
	left:112px;
}
#areaBox ul#areaText{
	position:absolute;
	top:36px;
	right:15px;
	background:#D7EBFF;
	padding:6px 8px 2px 10px;
}
#areaBox ul#areaText li{
	line-height:150%;
	padding-left:8px;
	padding-bottom:5px;
	background: url(/img/common/icon_arrow_green.gif) no-repeat 0 0.4em;
	_background: url(/img/common/icon_arrow_green.gif) no-repeat 0 0.3em;
}
html:first-child #areaBox ul#areaText li,
body:first-of-type #areaBox ul#areaText li,{
	background: url(/img/common/icon_arrow_green.gif) no-repeat 0 0.5em;
}
#areaBox ul#areaText li li{
	line-height:120%;
	padding:0;
	background:none;
}
#areaNavi{
	position:absolute;
	top:315px;
	left:13px;
	height: 21px;
}
#areaNavi li{
	float:left;
	padding-right:1px;
}
#areaNavi li img{
	padding-top:4px;
	padding-right:3px;
}
#areaNavi li a{
	position:relative;
	width:54px;
	height: 21px;
	font-size:10px;
	text-align:center;
	display: block;
/*\*/
	overflow: hidden;
/**/
}
#areaNavi li#areaNaviTohoku a,
#areaNavi li#areaNaviHokuriku a{
	width:65px;
}
#areaNavi li#areaNaviChugoku a,
#areaNavi li#areaNaviKyusyu a{
	width:59px;
}
#areaNavi li a span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background: url(/img/home/navi_map.gif) no-repeat;
}
li#areaNaviKanto a:link span, li#areaNaviKanto a:visited span{
	background-position: 0 0;
}
#p-home li#areaNaviKanto a:link span, #p-home li#areaNaviKanto a:visited span,
#p-kanto li#areaNaviKanto a:link span, #p-kanto li#areaNaviKanto a:visited span{
	background-position: 0 -21px;
}
li#areaNaviKanto a:hover span, li#areaNaviKanto a:active span{
	background-position: 0 -21px;
}
li#areaNaviTokai a:link span, li#areaNaviTokai a:visited span{
	background-position: -54px 0;
}
#p-tokai li#areaNaviTokai a:link span, #p-tokai li#areaNaviTokai a:visited span{
	background-position: -54px -21px;
}
li#areaNaviTokai a:hover span, li#areaNaviTokai a:active span{
	background-position: -54px -21px;
}
li#areaNaviKansai a:link span, li#areaNaviKansai a:visited span{
	background-position: -109px 0;
}
#p-kansai li#areaNaviKansai a:link span, #p-kansai li#areaNaviKansai a:visited span{
	background-position: -109px -21px;
}
li#areaNaviKansai a:hover span, li#areaNaviKansai a:active span{
	background-position: -109px -21px;
}
li#areaNaviTohoku a:link span, li#areaNaviTohoku a:visited span{
	background-position: -164px 0;
}
#p-tohoku li#areaNaviTohoku a:link span, #p-tohoku li#areaNaviTohoku a:visited span{
	background-position: -164px -21px;
}
li#areaNaviTohoku a:hover span, li#areaNaviTohoku a:active span{
	background-position: -164px -21px;
}
li#areaNaviHokuriku a:link span, li#areaNaviHokuriku a:visited span{
	background-position: -230px 0;
}
#p-hokuriku li#areaNaviHokuriku a:link span, #p-hokuriku li#areaNaviHokuriku a:visited span{
	background-position: -230px -21px;
}
li#areaNaviHokuriku a:hover span, li#areaNaviHokuriku a:active span{
	background-position: -230px -21px;
}
li#areaNaviChugoku a:link span, li#areaNaviChugoku a:visited span{
	background-position: -296px 0;
}
#p-chugoku li#areaNaviChugoku a:link span, #p-chugoku li#areaNaviChugoku a:visited span{
	background-position: -296px -21px;
}
li#areaNaviChugoku a:hover span, li#areaNaviChugoku a:active span{
	background-position: -296px -21px;
}
li#areaNaviKyusyu a:link span, li#areaNaviKyusyu a:visited span{
	background-position: -356px 0;
}
#p-kyusyu li#areaNaviKyusyu a:link span, #p-kyusyu li#areaNaviKyusyu a:visited span{
	background-position: -356px -21px;
}
li#areaNaviKyusyu a:hover span, li#areaNaviKyusyu a:active span{
	background-position: -356px -21px;
}

/* Special
-----------------------------------------------------------------------------  */
#specialBox{ 
	float:right;
	width:259px;
	margin-bottom:15px;
}
#specialBox h3{
	position:relative;
	width:259px;
	height:27px;
	padding-left:0;
	background:none;
	margin-bottom:4px;
}
#specialBox h3 span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(/img/home/h_special.gif) no-repeat 0 0;
}
#p-home #specialBox h3 span{
	background:url(/img/home/h_special_kanto.gif) no-repeat 0 0;
}
#specialBox li{
	margin-bottom:4px;
}
#specialBox li a{
	width:259px;
	height: 76px;
	display: block;
	position:relative;
/*\*/
	overflow: hidden;
/**/
}
#specialBox li a span {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background: #FFF url(/img/home/bnr_special2.jpg) no-repeat;
}
li#bnr01 a span{
	background-position:0 0;
}
li#bnr01 a:hover span, li#bnr01 a:active span{
	background-position:-259px 0;
}
li#bnr02 a span{
	background-position:0 -76px;
}
li#bnr02 a:hover span, li#bnr02 a:active span{
	background-position:-259px -76px;
}
li#bnr03 a span{
	background-position:0 -152px;
}
li#bnr03 a:hover span, li#bnr03 a:active span{
	background-position:-259px -152px;
}
li#bnr04 a span{
	background-position:0 -228px;
}
li#bnr04 a:hover span, li#bnr04 a:active span{
	background-position:-259px -228px;
}

/* Easy Search
-----------------------------------------------------------------------------  */
#easySearchBox{
	clear:both;
	position:relative;
	width:786px;
	height:73px;
	background: #FFF url(/img/home/bg_easy.gif) no-repeat 0 0;
	margin-bottom:15px;
}
#easySearchBox select{
	width:200px;
	height:20px;
}
#easyTitle{
	position:absolute;
	top:13px;
	left:15px;
}
#easyType{
	position:absolute;
	top:16px;
	left:118px;
	line-height:100%;
	padding-top:1px;
}
.easyTypeSelect{
	position:absolute;
	top:13px;
	left:153px;
}
#easyAge{
	position:absolute;
	top:16px;
	left:372px;
	line-height:100%;
	padding-top:1px;
}
.easyAgeSelect{
	position:absolute;
	top:13px;
	left:407px;
}
#easyDay{
	position:absolute;
	top:43px;
	left:106px;
	line-height:100%;
	padding-top:1px;
}
.easyDaySelect{
	position:absolute;
	top:40px;
	left:153px;
}
#easySalary{
	position:absolute;
	top:43px;
	left:372px;
	line-height:100%;
	padding-top:1px;
}
.easySalarySelect{
	position:absolute;
	top:40px;
	left:407px;
}
#easyBtn{
	position:absolute;
	top:23px;
	left:627px;
}
*:first-child+html #easyBtn{
	top:19px;
}

/* Search
-----------------------------------------------------------------------------  */
#searchBox{
	width:786px;
	margin-bottom:10px;
	display:inline-block;
}
#searchBox:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#searchBox .leftBox{
	width:514px;
}
#searchBox .rightBox{
	width:259px;
	padding-left:13px;
}
#typeBox,
#featureBox{
	position:relative;
}
#searchBox h3{
	position:relative;
	width:514px;
	height:27px;
	padding-left:0;
	background:none;
	margin-bottom:0;
}
#searchBox .rightBox h3{
	width:259px;
	margin-bottom:8px;
}
#searchBox h3 span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#typeBox h3 span{
	background:url(/img/home/h_type.gif) no-repeat 0 0;
}
#p-home #typeBox h3 span{
	background:url(/img/home/h_type_kanto.gif) no-repeat 0 0;
}
#searchBox #featureBox h3 span{
	background:url(/img/home/h_feature.gif) no-repeat 0 0;
}
#p-home #searchBox #featureBox h3 span{
	background:url(/img/home/h_feature_kanto.gif) no-repeat 0 0;
}
#searchBox .rightBox h3 span{
	background:url(/img/home/h_pickup.gif) no-repeat 0 0;
}
#p-kanto #searchBox .rightBox h3 span{
	background:url(/img/home/h_pickup_kanto.gif) no-repeat 0 0;
}
#searchBox .more{
	position:absolute;
	top:5px;
	right:2px;
}
#typeBox ul,
#featureBox ul{
	width:494px;
	padding:10px 0 10px 20px;
	margin-bottom:15px;
	background:#F7F7F7;
}
#searchBox ul:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
#typeBox li,
#featureBox li{
	float:left;
	width:150px;
	line-height:22px;
	background: url(/img/common/icon_arrow_black.gif) no-repeat 0 0.45em;
	padding-left:14px;
}
html* #typeBox li,
html* #featureBox li{
	background: url(/img/common/icon_arrow_black.gif) no-repeat 0 0.5em;
}
#searchBox ul#bnrBottom{
	clear:both;
	margin-bottom:10px;
	padding:0;
	width:100%;
	display:inline-block;
}
#searchBox ul#bnrBottom li{
	float:left;
	width:174px;
}
#searchBox ul#bnrBottom li#bnrRight{
	width:165px;
}
#searchBox .pickupBox{
	margin-bottom:8px;
	padding-bottom:8px;
	background:url(/img/home/line_dot.gif) repeat-x 0 100%;
	display:inline-block;
	width:259px;
}
#searchBox .pickupBox:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
#searchBox .pickupBox img{
	width:80px;
	height:60px;
	padding:4px;
	background:#dfdfdf;
}
#searchBox .pickupBox .rightBox{
	width:165px;
	padding-left:5px;
}
#searchBox .pickupBox h4{
	width:151px;
	height:auto;
	padding-left:14px;
	background: url(/img/common/icon_arrow_black.gif) no-repeat 0 50%;
	font-size:12px;
	line-height:120%;
	margin-top:3px;
	margin-bottom:5px;
}
html* #searchBox .pickupBox h4{
	background: url(/img/common/icon_arrow_black.gif) no-repeat 0 0.2em;
}
#searchBox .pickupBox p{
	font-size:11px;
	line-height:120%;
	margin-bottom:0;
}

/* Special Bottom
-----------------------------------------------------------------------------  */
#specialBottomBox{
	background: url(/img/home/bg_special.gif) no-repeat 0 100%;
	padding-bottom:8px;
	_padding-bottom:10px;
	width:786px;
	display:inline-block;
}
#specialBottomBox:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#specialBottomBoxBg{
	background: url(/img/home/bg_special.gif) no-repeat 0 0;
	padding:9px 0 0 86px;
	_padding:12px 0 0 86px;
	width:700px;
}
html* #specialBottomBoxBg{
	padding:8px 0 0 86px;
}
#specialBottomBox li{
	display:inline;
	padding-right:8px;
	line-height:20px;
}
#specialBottomBox li img{
	padding-bottom:1px;
}
#specialBottomBox li a{
	padding-left:5px;
}

#updateRecruit{ 
	width:702px;
	height:19px;
	_height:17px;
	margin:0 auto 3px auto;
	_margin:0 auto 15px auto;
	padding:5px 80px 2px;
	padding-right:5px;
	_padding:9px 7px 0;
	background:#FFF url(/img/home/update_recruit.gif) no-repeat;
	margin-bottom:10px;
}
*:first-child+html #updateRecruit{ 
	height:17px;
	margin:0 auto 15px auto;
	padding:9px 7px 0;
}
#updateRecruit span{ 
	padding-right:5px;
	line-height:110%;
	color:#666;
}


/*footLinkTop
-----------------------------------------------------------------------------  */
#footLinkTop{
    margin:10px 0;
    }
#footLinkTop h3{
    background:url(/img/2009/home/foot_orange_line.gif) no-repeat 0 0;
    font-weight:bold;
    padding:0 0 5px 12px;
    font-size:13px;
    color:#333;
} 
#footLinkTop p{
    background:url(/img/2009/home/foot_dot.gif) repeat-x 0 0;
    font-size:12px;
    padding:10px;
    color:#666;
    line-height:1.4;
}