@charset "utf-8";

/*==================================================	
/ HTML
/=================================================*/

*{
	margin: 0px;
	padding: 0px;
}

body{
	text-align: center;
	background-color: #eeeeee;
}

div,p{
	font-size: 12px;
	line-height: 150%;
}

img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*==================================================	
/ レイアウト
/=================================================*/

#wrapper{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 20px;
	background-color: #FFFFFF;
}

/* ヘッダー */
#header{
	margin-bottom: 20px;
}

/* フッター */
#footer{
	margin-top: 20px;
}

/* コンテンツ */
#container{
}

#container h1{
	margin-bottom: 20px;
	font-size: 18px;
	border-top-width: 1px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: double;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*==================================================	
/ 求人一覧
/=================================================*/

/**
 * タイトルのみ
 */

#titleList{
	margin-bottom: 20px;
}

#titleList li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 10px;
	padding-bottom: 10px;
	list-style-type: none;
}

/**
 * セクション
 */

#sectionList{
	margin-bottom: 20px;
}

#sectionList .section{
	margin-bottom: 10px;
}

/** 上部 **/
#sectionList .head{
	background-color: #0099CC;
	padding: 10px;
	overflow: hidden;
}

#sectionList .head .title{
	float: left;
}

#sectionList .head .title a{
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#sectionList .head .title a:hover{
	text-decoration: underline;
}

#sectionList .head .period{
	float: right;
	color: #FFFFFF;
}

/** 内容 **/
#sectionList .content{
	padding: 10px;
	overflow: hidden;
	border: 1px solid #CCCCCC;
}

#sectionList .content .mainImage{
	float: left;
	width: 150px;
}

#sectionList .content .info{
	float: left;
	width: 300px;
	margin-right: 10px;
	margin-left: 10px;
}

#sectionList .content .info .message{
	margin-bottom: 10px;
}

#sectionList .content .info .next{
	text-align: right;
}

#sectionList .content table{
	float: left;
	width: 300px;
}

#sectionList .content th{
	font-weight: normal;
	background-color: #eeeeee;
	text-align: left;
	padding: 5px;
	width: 70px;
}
#sectionList .content td{
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

/**
 * 表形式
 */

#tableList{
	margin-bottom: 20px;
}

#tableList table{
	border-collapse: collapse;
	width: 100%;
}

#tableList th{
	font-weight: normal;
	background-color: #eeeeee;
	padding: 5px;
	border: 1px solid #CCCCCC;
	text-align: center;
}

#tableList td{
	padding: 5px;
	border: 1px solid #CCCCCC;
}

/**
 * ページナビゲーション
 */

/* ページ情報 */
.pageInfo{
	overflow: hidden;
	margin-bottom: 10px;
}
/* ページ件数*/
.pageSize{
	float: left;
}

/* ページ番号*/
.pageNumber{
	float: right;
}

.pageNumber a{
	margin-left: 5px;
}

.pageNumber span.current{
	font-weight: bold;
	margin-left: 5px;
}


/*==================================================	
/ 求人詳細
/=================================================*/

#jobDetails{
}

#jobDetails table{
	border-collapse: collapse;
	width: 100%;
}

#jobDetails th{
	font-weight: normal;
	background-color: #eeeeee;
	padding: 5px;
	border: 1px solid #CCCCCC;
	width: 140px;
	text-align: left;
}

#jobDetails td{
	padding: 5px;
	border: 1px solid #CCCCCC;
}

/**
 * ボックス上部
 */

#jobDetails .head{
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#jobDetails h2.title{
	font-size: 16px;
	float: left;
}

#jobDetails .date{
	float: right;
}

/**
 * PR
 */

#jobDetails .pr{
	margin-bottom: 20px;
	overflow: hidden;
}

#jobDetails .pr .mainImage{
	float: left;
	width: 350px;
	margin-right: 10px;
}

#jobDetails .pr .message{
	float: left;
	width: 440px;
}

/**
 * サブ画像
 */

#jobDetails .images{
	margin-bottom: 20px;
	overflow: hidden;
	padding-right: 50px;
	padding-left: 50px;
}

#jobDetails .images .subImage1{
	float: left;
	width: 200px;
	margin-right: 50px;
}

#jobDetails .images .subImage2{
	float: left;
	width: 200px;
	margin-right: 50px;
}

#jobDetails .images .subImage3{
	float: left;
	width: 200px;
}

/**
 * 応募フォームへ
 */

#jobDetails .entryButton{
	background-color: #eeeeee;
	padding: 10px;
	text-align: center;
	margin-bottom: 20px;
}

#jobDetails .entryButton input{
	width: 120px;
}

#jobDetails .entryLimit{
	color: #FF0000;
	padding: 10px;
	border: 1px solid #FF0000;
	text-align: center;
	margin-bottom: 20px;
}


/**
 * 募集要項
 */

#jobDetails .guideline{
	margin-bottom: 20px;
}

#jobDetails .guideline .title{
	padding: 10px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #0099CC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#jobDetails .guideline h3{
	font-size: 14px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #0099CC;
	padding-left: 5px;
}

#jobDetails .guideline table{
	margin-top: -1px;
}

/**
 * 応募・面接について
 */

#jobDetails .entryApply{
	margin-bottom: 20px;
}

#jobDetails .entryApply .title{
	padding: 10px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #0099CC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#jobDetails .entryApply h3{
	font-size: 14px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #0099CC;
	padding-left: 5px;
}

#jobDetails .entryApply table{
	margin-top: -1px;
}

/**
 * その他（フリー項目）
 */

#jobDetails .otherField{
	margin-bottom: 20px;
}

#jobDetails .otherField .title{
	padding: 10px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #0099CC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#jobDetails .otherField h3{
	font-size: 14px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #0099CC;
	padding-left: 5px;
}

#jobDetails .otherField table{
	margin-top: -1px;
}


/*==================================================	
/ 応募
/=================================================*/

/**
 * 対象求人
 */

#targetJob{
	margin-bottom: 20px;
}

#targetJob h2{
	font-size: 16px;
	margin-bottom: 20px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #0099CC;
	padding-left: 5px;
}

#targetJob table{
	border-collapse: collapse;
	width: 100%;
}

#targetJob th{
	font-weight: normal;
	background-color: #eeeeee;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

#targetJob td{
	padding: 5px;
	border: 1px solid #CCCCCC;
}

/**
 * 応募フォーム
 */

#entryForm{
}

#entryForm h2{
	font-size: 16px;
	margin-bottom: 20px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #0099CC;
	padding-left: 5px;
}

#entryForm .section{
	margin-bottom: 20px;
}

#entryForm .section .required{
	color: #FF0000;
}

#entryForm table{
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
}

#entryForm th{
	font-weight: normal;
	background-color: #eeeeee;
	padding: 5px;
	border: 1px solid #CCCCCC;
	width: 140px;
	text-align: left;
}

#entryForm td{
	padding: 5px;
	border: 1px solid #CCCCCC;
}

/* ボタン */
#entryForm .buttonArea{
	text-align: center;
}

#entryForm .buttonArea .submit{
	width: 120px;
}

/* 必須 */
#entryForm .required{
	color: #FF0000;
}

/* コメント */
#entryForm .comment{
	margin-bottom: 5px;
}

/* 入力エリア */
#entryForm .input{
}

/* 入力ルール */
#entryForm .rule{
	margin-left: 5px;
}

/* 入力エラー */
#entryForm .error,
#entryForm .error-message{
	margin-top: 5px;
	color: #FF0000;
}

/**
 * 入力項目の種類に対するスタイル
 */

/* メールアドレス */
#entryForm .formField-mail{
	width: 300px;
}

/* 名前 */
#entryForm .formField-name input{
	width: 100px;
	margin-right: 5px;
}
#entryForm .formField-name label{
	margin-right: 13px;
}

/* 名前（フリガナ） */
#entryForm .formField-name_kana input{
	width: 100px;
	margin-right: 5px;
}
#entryForm .formField-name_kana label{
	margin-right: 5px;
}

/* 性別 */
#entryForm .formField-sex input{
	margin-right: 2px;
}
#entryForm .formField-sex label{
	margin-right: 5px;
}

/* 住所 */
#entryForm .formField-address{
	margin-bottom: 5px;
}

#entryForm .formField-addr1,
#entryForm .formField-addr2{
	width: 300px;
}

/* テキストエリア */
#entryForm .formField-textarea{
	width: 100%;
}

/* ラジオボタン */
#entryForm div.formField-radio{
	width: 100%;
}
#entryForm .formField-radio input{
	margin-right: 2px;
	vertical-align: middle;
}

#entryForm .formField-radio label{
	margin-right: 5px;
}

/* チェックボックス */
#entryForm div.formField-checkbox{
	width: 100%;
}
#entryForm .formField-checkbox input{
	margin-right: 2px;
	vertical-align: middle;
}

#entryForm .formField-checkbox label{
	margin-right: 5px;
}

/*==================================================	
/ その他
/=================================================*/

/**
 * エラーメッセージ
 */

#errorMess{
	color: #FF0000;
	padding: 10px;
	border: 1px solid #FF0000;
	margin-bottom: 20px;
}

/**
 * パンくず
 */

.panList{
	margin-top: -10px;
	margin-bottom: 10px;
	font-size: 10px;
}
.panList a{
	text-decoration: underline;	
}

/*==================================================	
/ デザイン設定を反映
/=================================================*/

body{
		background-color:#EEEEEE;
				color:#333333;
	}

body,div,p{
	font-size:12px;
}

a{
	color:#0066CC;
}

th{
	background-color:#EEEEEE;
}

td{
	background-color:#FFFFFF;
}

#entryForm .required{
	color:#FF0000;
}

#errorMess,
#entryForm .error{
	color:#FF0000;
}