@charset "shift_JIS";
/*---------------------------------------------------------------------------------
top
---------------------------------------------------------------------------------*/

div#flashArea{
margin: 0px auto 15px auto;
}


/*
leftCnt・rightCnt共通
---------------------------------------------------------------------------------*/

.section{
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}


/*
leftCnt
---------------------------------------------------------------------------------*/
div#leftCnt{
width: 650px;
float: left;
padding: 0px 0px 20px 0px;
}

div#leftCnt h5{ height: 20px; }


/*
leftCnt news
---------------------------------------------------------------------------------*/
div#leftCnt h5#news{
height: 45px;
background:url(../images/top/bar_news.jpg) no-repeat;
font-size: 12px;
padding: 4px 0px 0px 480px;
}

div#leftCnt h5#news img{
margin: 0px 8px 0px 0px;
vertical-align:bottom;
}

div#leftCnt h5 a{
color: #000000;
}

/*
leftCnt contents
---------------------------------------------------------------------------------*/
div#leftCnt h5#contents{
width: 650px;
background:url(../images/top/bar_contents.jpg) no-repeat;
text-indent: -9999px;
margin: 15px 0px 0px 0px;
}

div#cntArea ul,div#helpArea ul{
width: 630px;
margin: 0px 0px 0px 10px;
padding: 10px 0px 10px 0px;
border-bottom: 1px dotted #CCCCCC;
}

div#cntArea ul.noBorder,div#helpArea ul.noBorder{
border-bottom: none;
}

div#cntArea li,div#helpArea li{
width: 310px;
float: left;
}

div#cntArea li img,div#helpArea li img{
width: 50px;
float: left;
}

div#cntArea li dl,div#helpArea li dl{
float: left;
font-size: 75%;
margin: 0px 0px 0px 10px;
line-height: 1.2;
}

div#cntArea dt,div#helpArea dt{
margin: 0px 0px 5px 0px;
}

div#cntArea dt a,div#helpArea dt a{
font-weight: bold;
color: #CC0000;
text-decoration: none;
}

div#cntArea dt a:hover,div#helpArea dt a:hover {
	text-decoration:underline;
}

div#cntArea dd,div#helpArea dd{
width: 240px;
}

/*
leftCnt info
---------------------------------------------------------------------------------*/
div#leftCnt h5#info{
width: 650px;
background:url(../images/top/bar_info.jpg) no-repeat;
text-indent: -9999px;
margin: 15px 0px 0px 0px;
}

/*
leftCnt help
---------------------------------------------------------------------------------*/
div#leftCnt h5#help{
width: 650px;
background:url(../images/top/bar_help.jpg) no-repeat;
text-indent: -9999px;
margin: 15px 0px 0px 0px;
}

/*
leftCnt help
---------------------------------------------------------------------------------*/
div#leftCnt h5#trend{
width: 650px;
background:url(../images/top/bar_trend.jpg) no-repeat;
text-indent: -9999px;
margin: 15px 0px 0px 0px;
}

div#trendArea table,
div#infoArea table{
width: 648px;
}

div#trendArea td,
div#infoArea td{
width: 196px;
padding: 10px;
text-align: center;
vertical-align: middle;
}

/*
rightCnt
---------------------------------------------------------------------------------*/
div#rightCnt{
width: 290px;
float: right;
}

div#rightCnt h3{
height: 20px;
margin: 0px 0px 0px 0px;
display: block;
}

div#rightCnt h6{
height: 20px;
margin: 0px 0px 0px 0px;
display: block;
}
div#rightCnt h5{
height: 20px;
margin: 0px 0px 0px 0px;
display: block;
}

div#rightCnt .section{
margin: 0px 0px 10px 0px;
}

/*
rightCnt special
---------------------------------------------------------------------------------*/
div#rightCnt h6#special{
width: 290px;
background:url(../images/top/bar_special.jpg) no-repeat;
text-indent: -9999px;
}

div#specialArea p.bn{
width: 170px;
float: left;
padding: 10px !important;
padding: 10px 5px 10px 5px;
}

div#specialArea p.bt{
margin: 10px 8px 0px 0px;
width: 90px;
float: right;
font-size: 70%;
}

div#specialArea img{ display: block; }

/*
rightCnt special02
---------------------------------------------------------------------------------*/
div#rightCnt h6#special02{
width: 290px;
background:url(../images/top/bar_special02.jpg) no-repeat;
text-indent: -9999px;
}
div#rightCnt h6#special02{
width: 290px;
background:url(../images/top/bar_special02.jpg) no-repeat;
text-indent: -9999px;
}

div#specialArea02 p.bn{
width: 170px;
float: left;
padding: 10px !important;
padding: 10px 5px 10px 5px;
}

div#specialArea02 p.bt{
margin: 10px 8px 0px 0px;
width: 90px;
float: right;
font-size: 70%;
}

div#specialArea02 img{ display: block; }

/*
rightCnt pickup
---------------------------------------------------------------------------------*/
div#rightCnt h6#pickup{
width: 290px;
background:url(../images/top/bar_pickup.jpg) no-repeat;
text-indent: -9999px;
}
div#rightCnt h5#pickup{
width: 290px;
background:url(../images/top/bar_pickup.jpg) no-repeat;
text-indent: -9999px;
}

div#pickupArea p{
padding: 10px 10px 0px 10px;
font-size: 70%;
}

div#pickupArea img{
display: block;
margin: 0px 0px 10px 10px;
}

/*
rightCnt mobile
---------------------------------------------------------------------------------*/
div#rightCnt img#mobile{
margin: 5px 0px 5px 0px;
}

* html div#rightCnt img#mobile{
margin: 5px 0px 10px 0px;
}

div#mobileArea{
width: 290px;
height: 155px;
background: url(../images/top/bg_mobile.gif) no-repeat;
font-size: 75%;
}

div#mobileArea p.mTitle{
margin: 0px 0px 0px 10px;
padding-top: 7px;
}

div#mobileArea dl{
padding: 0px 0px 0px 10px;
}

div#mobileArea dt{
clear: both;
}

div#mobileArea dd{
margin: 0px 0px 3px 0px;
}

div#mobileArea dd img.qr{
width: 70px;
float: left;
padding: 0px 5px 5px 0px;
}

div#mobileArea dd img.submit{
vertical-align:bottom;
}

div#mobileArea span{
color: #CC0000;
}

/*
お仕事スピード検索
---------------------------------------------------------------------------------*/
div#quickArea{ padding: 10px 8px; }

div#rightCnt h6#titleQuick{ margin-top: 10px; height: 45px; }

div#quickArea p#txtQuick{
	margin: 0px auto 5px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

p#txtQuick span{
	font-size: 18px;
	color: #CC0000;
}

div#quickArea h4{
	margin: 10px 0px 5px;
	text-align: left;
}

div#quickArea select{
	width: 270px;
	margin: 2px 0px;
	font-size: 12px;
}

div#quickArea #quickKeyword {
     font-size: 12px;
     margin: 2px 0px;
     width: 265px;
}

div#quickArea input.btnSubmit {
     background: url("../images/right/btnSubmit.gif") no-repeat scroll 0% 0% transparent;
     border: medium none;
     cursor: pointer;
     float: right;
     height: 25px;
     margin: 2px 0px 10px;
     width: 95px;
}

div#quickArea a.refine{
	width: 270px;
	height: 35px;
	margin: 0px;
	display: block;
}

div#quickArea img{ display: block; }

div#quickArea table a{ color: #0000CC; }

div#quickArea table{
	width: 270px;
	margin: 10px 0px 0px;
}

div#quickArea th,
div#quickArea td{ font-size: 12px; }

div#quickArea th{
	padding: 5px 0px;
	font-weight: normal;
	text-align: center;
	color: #333333;
	background: #EEEEEE;
}

div#quickArea td{
	padding: 10px 5px 0px;
	text-align: left;
}

div#quickArea .panel{ cursor:pointer; }
div#quickArea .panel a{ text-decoration:none; }
div#quickArea .panel-up3{	background:url(../images/right/bgDown.gif) no-repeat scroll 0px 0px; }
div#quickArea .panel-down3{ background:url(../images/right/bgUp.gif) no-repeat scroll 0px 0px; }
div#quickArea .panel-closed{ display:none; }

/*
rightCnt site
---------------------------------------------------------------------------------*/
div#siteArea ul{
	width: 280px;
	margin: 0px auto;
	padding: 0px 0px 10px;
	text-align: left;
}

div#siteArea li{
	float: left;
	width: 130px;
	display: block;
	margin: 10px 5px 0px;
	padding: 0px;
	font-size: 10px;
	line-height: 140%;
}

* html div#siteArea li{ margin: 0px 4px; }

div#siteArea img{ border: 1px solid #CCCCCC; }

div#siteArea img#menvigor{ border: none; }

div#siteArea a{
	text-decoration: none;
	color: #000000;
}

div#rightCnt h3#site{
width: 290px;
background:url(../images/top/bar_site.jpg) no-repeat;
text-indent: -9999px;
}
div#rightCnt h4#site{
width: 290px;
background:url(../images/top/bar_site.jpg) no-repeat;
text-indent: -9999px;
}
div#rightCnt h5#site{
width: 290px;
background:url(../images/top/bar_site.jpg) no-repeat;
text-indent: -9999px;
}
/*
rightCnt info
---------------------------------------------------------------------------------*/
div#rightCnt h3#info{
width: 290px;
background:url(../images/top/bar_info.jpg) no-repeat;
text-indent: -9999px;
}
div#rightCnt h5#info{
width: 290px;
background:url(../images/top/bar_info.jpg) no-repeat;
text-indent: -9999px;
}

div.infoArea p{
padding: 10px 0px 4px 9px;
}

div.infoArea p img{
margin: 0px 5px 4px 0px;
}
/*
rightCnt client
---------------------------------------------------------------------------------*/
div#rightCnt h3#client{
width: 290px;
background:url(../images/top/bar_client.jpg) no-repeat;
text-indent: -9999px;
}
div#rightCnt h5#client{
width: 290px;
background:url(../images/top/bar_client.jpg) no-repeat;
text-indent: -9999px;
}

/*
スマートフォン誘導
---------------------------------------------------------------------------------*/
div#wrapSmart{
	clear: both;
	width: 220px;
	margin: 20px auto;
	padding: 10px;
	font-size: 14px;
	text-align: center;
	border: 1px solid #999999;
	background: #EEEEEE;
}

div#wrapSmart a{
	color: #0000CC;
}