@charset "utf-8";
/* Basic Structure */
*{
margin:0px;
padding:0px;
}


body{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "メイリオ";
color: #333;
line-height:130%;
padding:0px;
margin:0px;
font-size:12px;
}

h1,h2,h3,h4,h5,ul,li,ol,p,dl,dt,dd,form,img{
margin:0px;
padding:0px;
}

ul{
list-style:none;
}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clr{clear:both;}
.clear{
clear:both;
height:1px;
}

.mgn-t5{margin-top:5px;}
.mgn-b5{margin-bottom:5px;}
.mgn-r5{margin-right:5px;}
.mgn-l5{margin-left:5px;}

.mgn-t10{margin-top:10px;}
.mgn-b10{margin-bottom:10px;}
.mgn-r10{margin-right:10px;}
.mgn-l10{margin-left:10px;}

a img, fieldset, img {
border:0;  
}
.attn{
font-weight:bold;
color:#c00;
}
/********** 基礎構築 **********/


#container{
width:970px;
padding:0px;
margin:0px auto;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#header{
background:url(../img/bg-header.gif) repeat-x;
padding:0px 0px 0px 15px;
margin:0px 0px 15px;
}

#main{
width:693px;
margin:0px 18px 30px 0px;
padding:0px;
overflow:hidden;
float:left;
}


#main2{
margin:0px 0px 30px;
padding:0px 5px 0px;
overflow:hidden;
}

#local{
width:254px;
margin:0px 0px 30px;
padding:0px;
float:left;
}

#footer{
clear:both;
text-align:center;
}

/********** ヘッダ部分 **********/

#header .left-box{
background:url(../img/logo.gif) no-repeat 0 40px;
width:380px;
margin:0px;
padding:0px 35px 0px 0px;
float:left;
}

#header .left-box .ad-btn{
margin:10px 0px 0px;
}

#header .left-box .ad-btn a{
background:url(../img/btn-ad.gif) no-repeat 0 0;
width:147px;
height:23px;
text-indent:-99998px;
display:block;
}

#header .left-box .ad-btn a:hover{
background:url(../img/btn-ad.gif) no-repeat 0 -23px;
}

#header .left-box .logo p{
margin:0px 0px 10px;
padding:0px;
font-size:12px;
font-weight:bold;
text-align:center;
}

#header .left-box h1 {
margin:0px;
padding:0px;
height:170px;
width:380px;
display:block;
text-indent:-9999px;
}

#header .right-box{

margin:0px;
padding:0px;
float:right;
}

#header .right-box ul.merchant-menu{
margin:5px 0px;
float:right;
}

#header .right-box ul li{
float:left;
}

#header .right-box ul.merchant-menu li.mm001{
background:url(../img/merchant-menu01.gif) no-repeat left;
padding:0px 0px 0px 25px;
margin:0px 10px 0px 0px;
}

#header .right-box ul.merchant-menu li.mm002{
background:url(../img/merchant-menu02.gif) no-repeat left;
padding:0px 0px 0px 14px;
margin:0px 10px 0px 0px;
}

#header .right-box ul.merchant-menu li.mm003{
background:url(../img/merchant-menu03.gif) no-repeat left;
padding:0px 0px 0px 20px;
margin:0px 10px 0px 0px;
}

#header .right-box ul.merchant-menu li.mm004{
background:url(../img/merchant-menu04.gif) no-repeat left;
padding:0px 0px 0px 15px;
margin:0px 15px 0px 0px;
}

#header .right-box ul.ad250 li{
width:240px;
height:240px;
border:1px #ccc solid;
margin:0px 10px 0px 0px;
padding:5px;
}

/********** フッタ？部分 **********/

#main ul.special{
margin:10px 0px 30px 2px;
}

#main ul.special li{float:left;}

#main ul.special li a{
width:137px;
height:45px;
text-indent:-9999px;
display:block;
border-right:1px solid #fff;
}

#main ul.special li.sm001 a{
background:url(../img/sub-menu.gif) no-repeat 0 0;
}

#main ul.special li.sm001 a:hover{
background:url(../img/sub-menu.gif) no-repeat 0 -45px;
}

#main ul.special li.sm002 a{
background:url(../img/sub-menu.gif) no-repeat -140px 0;
}

#main ul.special li.sm002 a:hover{
background:url(../img/sub-menu.gif) no-repeat -140px -45px;
}

#main ul.special li.sm003 a{
background:url(../img/sub-menu.gif) no-repeat -279px 0;
}

#main ul.special li.sm003 a:hover{
background:url(../img/sub-menu.gif) no-repeat -279px -45px;
}

#main ul.special li.sm004 a{
background:url(../img/sub-menu.gif) no-repeat -418px 0;
}

#main ul.special li.sm004 a:hover{
background:url(../img/sub-menu.gif) no-repeat -418px -45px;
}

#main ul.special li.sm005 a{
background:url(../img/sub-menu.gif) no-repeat -557px 0;
}

#main ul.special li.sm005 a:hover{
background:url(../img/sub-menu.gif) no-repeat -557px -45px;
}

#footer .foot-menu{
margin:0px auto 5px;
}

#footer .global{
background:url(../img/bg-footer.gif) repeat-x;
padding:20px 0px 0px;
height:34px;
color:#fff;
}

#footer .global a{color:#fff;}
#footer .global a:hover{color:#333;}

#footer copy{
font-size:11px;
}

/********** 旧アルチェキからの移行 **********/
#topic_pass {
margin:0px 0px 10px;
padding: 5px;
font-size: 11px;
line-height: 15px;
border-bottom:1px solid #e8e8e8;
}

/********** 男性求人 **********/

ul#main_list {
background:url(../img/men/main_menu_m.jpg) no-repeat;
height:163px;
width:950px;
margin:0px auto 20px;
padding:25px 0px 0px 10px;
}

#main_list li {
float: left;
}

#main_list .navi01 a {
background-image: url(../img/men/navi01_m.png);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 156px;
width: 156px;
text-indent: -9999px;
margin-right: 40px;
display: block;

}

#main_list .navi01 a:hover {
background-image: url(../img/men/navi01_a_m.png);

}

#main_list .navi02 a {
background-image: url(../img/men/navi02_m.png);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 156px;
width: 156px;
text-indent: -9999px;
display: block;
margin-right: 40px;

}

#main_list .navi02 a:hover {
background-image: url(../img/men/navi02_a_m.png);
}

#main_list .navi03 a {
background-image: url(../img/men/navi03_m.png);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 156px;
width: 156px;
text-indent: -9999px;
display: block;
margin-right: 40px;

}

#main_list .navi03 a:hover {
background-image: url(../img/men/navi03_a_m.png);
}

#main_list .navi04 a {
background-image: url(../img/men/navi04_m.png);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 156px;
width: 156px;
text-indent: -9999px;
display: block;
margin-right: 40px;

}

#main_list .navi04 a:hover {
background-image: url(../img/men/navi04_a_m.png);
}

#main_list .navi05 a {
background-image: url(../img/men/navi05_m.png);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 156px;
width: 156px;
text-indent: -9999px;
display: block;

}

#main_list .navi05 a:hover {
background-image: url(../img/men/navi05_a_m.png);
}

.top-search .area{
width:206px;
margin:0px auto 10px;
clear:both;
}

.top-search .system{
width:302px;
margin:10px auto 10px;
padding:10px auto 0px;
border-top:1px dashed #ccc;
clear:both;
}

label{
text-indent:-9999px;
float:left;
cursor:pointer;
}