@charset "utf-8";

/* update
--------------------*/
#index #update p{
	margin: 0;
	padding: 6px 0 6px 10px;
	font-size: 0.8em;
	font-weight: bold;
	color: #927c01;
	background: #f0f0f0;
}


/* keyvisual
--------------------*/
#keyvisual{
	height: 31px;
	padding: 220px 0 0 52px;
	background: url(../img/home/bg_fa.jpg) no-repeat left top;
}
#keyvisual h1{
	display: none;
}
#keyvisual p.catch{
	display: none;
}


/* leftBox
--------------------*/
#leftBox .box {
	margin: 0 10px 20px 30px;
}


/* intro
--------------------*/
#intro{
	margin: 0 0 5px 0;
	padding: 20px 19px 1px 19px;
	background: url(../img/home/bg_brown.gif) repeat-y left top;
}
#intro h2{
	margin: 0 0 16px 0;
	background: url(../img/common/img_dottedline02.gif) repeat-x left center;
}


/* ranking
--------------------*/
#intro #ranking{
	background: url(../img/home/bg_ranking.gif) no-repeat left top;
}
#intro #ranking .detail{
	padding: 16px 14px;
	border: 1px solid #ccc;
	background: #fff;
}
#intro #ranking .detail table{
	font-size: 0.8em;
	line-height: 1.4em;
}
#intro #ranking .detail table th{
	padding: 0 15px 0 0;
	font-weight: normal;
	white-space: nowrap;
}
#intro #ranking .detail table th,
#intro #ranking .detail table td {
	vertical-align: top;
}


/* pickup
--------------------*/
#intro #pickup {
	background: url(../img/home/bg_ranking.gif) no-repeat left top;
}
#intro #pickup td {
	margin: 0;
	padding: 0;
	background-color: #fff;
	border: 1px solid #ccc;
}
#intro #pickup td.spacer {
	width: 3px !important;
	margin: 0;
	background: none;
	border: none;
}
#intro #pickup td.pict{
	width: 144px;
	padding: 10px 0 0px 0;
	text-align: center;
	border-bottom: none;
}
#intro #pickup td.name {
	padding: 7px;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align: center;
	border-top: none;
	border-bottom: none;
	vertical-align: middle;
}
#intro #pickup td.money{
	margin: 0;
	padding: 3px 0;
	color: #fff;
	font-size: 0.8em;
	text-align: center;
	vertical-align: bottom;
	border-top: none;
	background: url(../img/home/bg_money.gif) no-repeat center bottom;
	background-color: #fff;
}


/* search
--------------------*/
#search{
	padding: 20px 19px 20px 19px;
	background: url(../img/home/bg_gray.gif) repeat-y left top;
}
#search h2{
	margin: 0 0 16px 0;
}
#search h3{
	margin: 0 0 8px 0;
	font-size: 0.8em;
}


/* keyword
--------------------*/
#search #keyword td{
	padding: 0 10px 0 0;
}
#search #keyword td input.keyword{
	width: 250px;
	color: #999;
}



/* jobs
--------------------*/
#search #jobs{
	background: url(../img/home/bg_jobsearch.gif) no-repeat left top;
}
#search #jobs td select.works{
	width: 319px;
}


/* type
--------------------*/
#search #type ul{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.8em;
}
#search #type ul li{
	width: 49%;
	margin: 4px 0;
	float: left;
}
#search #type ul li a{
	padding: 0 0 0 10px;
	background: url(../img/home/icon_skybule_arrow.gif) no-repeat left center;
}
#search #type p.searchAll {
	margin: 0.5em 0 0 0;
	font-size: 0.7em;
	text-align: right;
}
#search #type p.searchAll a {
	padding: 0 0 0 10px;
	background: url(../img/home/icon_skybule_arrow.gif) no-repeat left center;

}





/* mixSearch
--------------------*/
#mixSearch select.job {
	width: 400px;
}
#mixSearch select.business {
	width: 300px;
}
#mixSearch select.place {
	width: 100px;
}