@charset "UTF-8";

/*初期化用*/
@import "common.css";

/*デザイン用*/
@import "base.css";

/*拡張用*/
@import "advanced.css";


/*--------------------------------------------------------
4-7、メインの設定
--------------------------------------------------------*/

div#main-contents {
	text-align:left;
	margin-right: 30px;
	_margin-right: 25px;
	margin-left: 20px;
	_margin-left: 10px;
	margin-top: 10px;
	overflow: hidden;
}

h3{
	margin-left: 10px;
}

/*求人画像設定*/
div#main-contents .recruit_img {
	margin-left: 10px;
	_margin-left: 10px;
	overflow: hidden;
}

/*求人データ設定*/
div#main-contents .recruit_data {
	margin-left: 10px;
	_margin-left: 10px;
	width: 780px;
	margin-top: 5px;
	overflow: hidden;
}

.shop_data table{
	width: 100%;
}

.shop_data th{
	width: 15%;
	padding: 10px;
	background: #ffeee6;
	text-align: center;
	color: #600;
	border: 1px solid #600;
}

.shop_data td{
	width: 85%;
	padding: 10px;
	background: #fff;
	text-align: left;
	border: 1px solid #600;
	overflow: hidden;
}

.shop_data td li{
	display: inline-block;
	/*_height: 30px;*/
	text-align: center;
	float: left;
	list-style-type: none;
	color: #FFFFFF;
	background-color: #FF6699;
	height: 19px;
	/*_height: 22px;*/
	width: 85px;
	margin-right: 2px;
	margin-left: 4px;
	_margin-left: 3px;
	margin-top: 3px;
	font-size: 10px;
	padding-top: 3px;
}

div#main-contents .recruit_comment{
	width: 758px;
	border-left: 1px solid #600;
	border-right: 1px solid #600;
	background: #fff;
	color: #f00;
	padding: 10px;
	overflow: hidden;
}

/*店内写真*/
div#main-contents .recruit_photo {
	margin: 0 auto;
	padding-bottom: 10px;
	text-align: center;
	border-left: 1px solid #600;
	border-right: 1px solid #600;
	background: #fff;
	overflow: hidden;
}

div#main-contents .recruit_photo table{
	width: 762px;
	margin: 0 auto;
}

div#main-contents .recruit_photo td{
	width: 33%;
	text-align: center;
}

div#main-contents .mail_ad {
	width: 780px;
	height: 60px;
	background: url(../images_design/ad_bg.jpg);
	text-align: right;
}

/*メールフォーム設定*/
div#main-contents .recruit_form {
	width: 748px;
	border-left: 1px solid #600;
	border-right: 1px solid #600;
	border-bottom: 1px solid #600;
	background: #fff;
	color: #f00;
	margin: 0 0 10px 10px;
	padding: 15px;
}

.recruit_form table{
	width: 650px;
	margin: 0 auto;
}

.recruit_form th{
	width: 25%;
	padding: 15px;
	background: #ffeee6;
	text-align: center;
	color: #600;
	border: 1px solid #600;
}

.recruit_form td{
	width: 75%;
	padding: 15px;
	background: #fff;
	text-align: left;
	border: 1px solid #600;
	overflow: hidden;
	color: #000;
}

.form_btn{
	text-align: center;
	margin: 0 auto 10px auto;
	padding: 10px 0 0 0;
}

.recruit_form p{
	text-align: center;
	color: #f00;
	padding-bottom: 5px;
}



/*男性求人*/
div#main-contents .man {
	margin: 0 0 15px 10px;
}

.man table{
	width: 100%;
}

.man th{
	width: 15%;
	padding: 10px;
	background: #666;
	text-align: center;
	color: #fff;
	border: 1px solid #333;
}

.man td{
	width: 85%;
	padding: 10px;
	background: #fff;
	text-align: left;
	border: 1px solid #333;
	overflow: hidden;
}