/* CSS Document */

/* ****************************************

*Site Name : will saitama group
*Style Name : list.css
*Description : list.html
*Version : 1.00
*Last Update : 2009/12/
*Author : Daisuke Muto


**************************************** */

/* ----------------------------------------
*	Area Select
---------------------------------------- */

#area_select_h3{
	width:800px;
	height:40px;
	margin:10px 0 0 0;
}

#area_select{
	width:780px;
	height:auto;
	background-color:#FFF;
	border-left:#f4af29 solid 1px;
	border-right:#f4af29 solid 1px;
	border-bottom:#f4af29 solid 1px;
	padding:9px;
}

#area_select_p{
	width:280px;
	height:30px;
	margin:0 0 0 20px;
}

#area_select ul{
	width:750px;
	height:auto;
	background-color:#FFF;
	border:#f4af29 solid 3px;
	padding:10px 7px 0 17px;
	overflow:hidden;
}

div#area_select ul li{
	width:140px;
	height:60px;
	list-style-type:none;
	text-decoration:none;
	padding:0 10px 10px 0;
	float:left;
}

div#area_select ul li a{
	width:140px;
	height:60px;
	display:block;
	background-position:top;
	background-repeat:no-repeat;
	text-decoration:none;
}

div#area_select ul li a:hover{
	background-position:bottom;
}

#top-main-content dl{
	width:366px;
	margin:0 auto;
	padding-top:10px;
}

#top-main-content dl dt{
	width:167px;
	height:14px;
	background:url(../imgs/index/title-recruit.png) no-repeat top left;
	padding-bottom:10px;
}


#top-main-content dl dd{
	margin:0 auto;
	padding:0 20px;
}

#area_select_dl dt{
	width:180px;
	height:30px;
	background:url(../imgs/index/area_select_dl.gif) no-repeat top left;
	margin:0 0 0 20px;
}

#area_select_dl dd{
	padding:0 0 0 50px;
}


/* ----------------------------------------
*	area
---------------------------------------- */

#list_area_koshigaya{
	width:780px;
	height:35px;
	margin:30px auto 0;
}

#list_area_kasukabe{
	width:780px;
	height:35px;
	margin:30px auto 0;
}

#list_area_soka{
	width:780px;
	height:35px;
	margin:30px auto 0;
}

#list_area_yashio{
	width:780px;
	height:35px;
	margin:30px auto 0;
}

#list_area_iruma{
	width:780px;
	height:35px;
	margin:30px auto 0;
}

#list_area_kawaguchi{
	width:780px;
	height:35px;
	margin:30px auto 0;
}

#list_area_kawagoe{
	width:780px;
	height:35px;
	margin:30px auto 0;
}

#list_area_saitama{
	width:780px;
	height:35px;
	margin:30px auto 0;
}

#list_area_sayama{
	width:780px;
	height:35px;
	margin:30px auto 0;
}

#list_area_tokorozawa{
	width:780px;
	height:35px;
	margin:30px auto 0;
}

#list_area_hasuda{
	width:780px;
	height:35px;
	margin:30px auto 0;
}

#list_area_niiza{
	width:780px;
	height:35px;
	margin:30px auto 0;
}

#list_area_sakado{
	width:780px;
	height:35px;
	margin:30px auto 0;
}

#list_area_okegawa{
	width:780px;
	height:35px;
	margin:30px auto 0;
}



/* ----------------------------------------
*	company-info
---------------------------------------- */
.company-info{
	border:solid 3px #f4af29;
	width:754px;
	margin:20px auto 10px;
	overflow:hidden;
	padding-bottom:10px;
	clear:both;
}

.company-info h4{
	width:754px;
	height:27px;
	padding:3px 0 0 10px;
	background-color:#f4af29;
}

.company-info dl{
	width:350px;
	overflow:hidden;
	float:left;
	margin:20px 0px 0px 0;
	padding:0 0 0 7px;
}

.company-info dt{
	font-size:13px;
	width:90px;
	padding:0 0 0 20px;
	float:left;
	color:#333333;
}

.company-info dd{
	font-size:13px;
	width:235px;
	float:left;
	color:#333333;
}

.face{
	width:160px;
	height:160px;
	margin:10px 16px 10px 0;
	border:solid 1px #cc6600;
	float:left;
}

.car{
	width:200px;
	height:160px;
	margin:10px 0 10px 0;
	border:solid 1px #cc6600;
	float:left;
}

.pr-area{	
	clear:both;
	background-color:#fbf6ee;
	width:698px;
	margin:10px auto;
	border:solid 1px #f4af29;
	padding:10px 10px;
}

.pr-area p{
	font-size:13px;
	padding:0px 15px 0px 15px;
	margin:0;
	line-height:1.7em;
	color:#333333;

}


/* ----------------------------------------
*	hp link
---------------------------------------- */
.hp_link{
	padding:10px 0 0 20px;
}

.hp_link a{
	font-size:13px;
	color:#cc6600;
}

.hp_link a:hover{
	color:#5D935D;
}


/* ----------------------------------------
*	cosmo
---------------------------------------- */

#cosmo_p_center{
	padding:0 0 0 50px;
	font-weight:bold;
}

#cosmo_p_right{
	width:160px;
	text-align:right;
}

#cosmo_p_right b{
	visibility:visible;
	color:#F00;
}


/* ----------------------------------------
*	loop
---------------------------------------- */

.loop_span{
	font-weight:bold;
	visibility:visible;
}