@import url(/css/base.css);

/* ヘッダからフッタまでのまとまり */
#wrapper
{
	width : 760px;
	background-color : #FFFFFF;
	margin : 0 auto;
	padding : 0;
	border-left : 1px solid #999999;
	border-right : 1px solid #999999;
	border-top : 8px solid #003399;
}


/* ヘッダのまとまり */
#head-t
{
	width : 745px;
	margin : 0px auto 5px auto;
	padding : 0;
}

#head-t td
{
	padding : 3px;
	vertical-align : bottom;
	color : #000066;
	letter-spacing:0.2em;
	line-height:1.5em;
}


/* サブメニュー */
#sub
{
	width : 750px;
	background-color:#666666;
	color : #FFFFFF;
	padding : 5px;
	margin : 0 auto;
	text-align : right;
	font-weight : bold;
}

#sub a
{
	color : #FFFFFF;
}

/* コンテンツ部分の設定 */
#content
{	
	width  : 760px;
	margin : 0px;
	padding : 0px;
}



/* フッターの設定 */
#footer
{
	width : 750px;
	margin : 10px 0px 0px 0px;
	padding : 5px;
	text-align : center;
	color : #FFFFFF;
	background-color:#003399;
}

#footer a
{	
	color : #FFFFFF;
}

#footer p
{
	margin : 0;
	padding : 0;
}





/*####### トップページ部分の設定 ###################*/
/* 左のまとまり(スタッフ向け) */
#left
{
	width : 190px;
	margin : 0px;
	padding : 8px;
	float : left;
}
	
#menu-left
{
	width : 190px;
	margin : 0px auto;
	padding : 0;
	border : 1px solid #0066CC;
	border-collapse : collapse;
}

#menu-left th
{
	margin : 0;
	border : 1px solid #0066CC;
	border-collapse : collapse;
	padding : 0;
}


#menu-left td
{
	margin : 0;
	padding : 5px;
	line-height:1.4em;
	letter-spacing:-0.1em;
	border : 1px solid #0066CC;
	border-collapse : collapse;
}



#for-staff
{
	text-align : center;
	padding : 0px;
	margin : 0;
	width : 190px;
}

.blue
{
	background-color:#D4E6F8;
	text-align : left;
}	

/* サーチ窓 */
#search
{
	border : 1px solid #999999;
	border-collapse : collapse;
	margin : 10px 0px;
}

#search th
{
	width : 5px;
	background-color:#CCCCCC;
	border : 1px solid #999999;
	border-collapse : collapse;
	padding : 0;
}

#search td
{
	line-height : 1.2em;
	text-align : left;
	padding : 3px 2px;
}

#search form
{
	margin : 0;
	padding : 0;
}

.keyword {
	font-size: 9px;
}

#job-btn
{
	width : 190px;
	margin : 10px 0px;
	padding : 0;
}

#ireko
{
	margin-top : 0;
	margin-bottom : 0;
	padding-top : 0;
	padding-bottom : 0;
	width : 180px;
}

#f9
{
	font-size:9px;
}


/* 真ん中のまとまり(イメージ・お仕事情報) */
#center
{
	width : 345px;
	margin : 0;
	padding : 8px 0px;
	float : left;
}

#center img
{
	margin : 0;
	padding : 0;
}


/* 右のまとまり(法人向け) */
#right
{
	width : 190px;
	margin : 0;
	padding : 8px 7px 7px 0px;
	float : right;
}

#menu-right
{
	width : 190px;
	margin : 0px auto;
	padding : 0;
	border : 1px solid #FF6666;
	border-collapse : collapse;
}

#menu-right th
{
	width : 190px;
	margin : 0;
	padding : 0;
	border : 1px solid #FF6666;
	border-collapse : collapse;
}

#menu-right td
{
	margin : 0;
	padding : 5px;
	line-height:1.4em;
	letter-spacing:-0.1em;
	border : 1px solid #FF6666;
	border-collapse : collapse;
}

#for-client
{
	background-color:#F8D4E6;
	text-align : center;
	padding : 5px 0px;
}

.orange
{
	background-color:#F8D4E6;
	text-align : left;
}


#add
{
	padding : 4px;
	line-height : 1.4em;
	text-align : left;
	font-size : 10px;
}

#map-icon
{
	text-align : right;
}


/*####### 取扱い業種一覧ページの設定 ###################*/
.job-type
{
	width : 520px;
	margin : 8px 0px;
	text-align : left;
	padding : 0;
}

.type-title
{
	width : 520px;
	height : 25px;
	margin : 0;
	padding : 0;
}

.type-img
{
	width : 130px;
	padding : 5px 0px 0px 0px;
	vertical-align:top;
}

.type-ex
{
	width : 390px;
	padding : 5px 3px 0px 0px;
	line-height : 1.5em;
	vertical-align:top;
}

.type-ex2
{
	width : 510px;
	padding : 5px;
	line-height : 1.5em;
	vertical-align:top;
}

.to-top2 /* blue */
{
	width : 500px;
	margin : 10px auto;
	padding : 0;
	text-align : right;
	color:#000099;
}

.to-entry
{
	width : 400px;
	margin : 15px auto;
	text-align : center;
}

.to-entry td
{
	width : 200px;
	text-align : center;
}

.to-top a
{
	color : #FF9900;
}

.job
{
	color:#000066;
}

#outsourcing
{	
	width : 500px;
	margin : 5px 0px 15px 0px;
	padding : 0;
}

.out-ex
{
	padding : 5px 5px 15px 5px;
}


.comment
{
	background-image:url(/images/content/comment.gif);
	background-repeat:no-repeat;
	padding : 10px 10px 10px 30px;
	width : 351px;
	height : 75px;
	line-height:1.4em;
	vertical-align:top;
}



/*####### 会社概要ページの設定 ###################*/
#com-t
{
	width : 450px;
	border : 1px solid #999999;
	border-collapse : collapse;
	margin : 10px auto;
}

#com-t th
{
	border : 1px solid #999999;
	border-collapse : collapse;
	width : 80px;
	padding : 5px;
	text-align : center;
	background-color:#CCCCFF;
	color:#333333;
}

#com-t td
{
	width : 350px;
	padding : 5px;
	border : 1px solid #999999;
	border-collapse : collapse;
	text-align : left;
	line-height : 1.4em;
}

#map
{
	width : 430px;
	margin : 15px auto;
	padding : 10px;
	border : 1px solid #999999;
	text-align : center;
}

/*####### コンセプトページの設定 ###################*/
.concept-title
{
	width : 500px;
	margin : 10px auto 3px auto;
	background-color:#CCCCFF;
	padding : 5px;
	text-align: left;
	font-weight : bold;
}

.txt
{
	width : 470px;
	margin : 0px 3px 15px 20px;
	padding : 0px 0px 0px 3px;
	line-height:1.4em;
	text-align : left;
}

/*####### 人材紹介の流れの設定 ###################*/

#step1
{
	width : 500px;
	height : 122px;
	margin : 10px;
	padding : 0px;
	background-image:url(../images/bring/step_1.gif);
	background-repeat:no-repeat;
	border : 1px solid #FFFFFF;
}

#step2
{
	width : 500px;
	height : 122px;
	margin : 10px;
	padding : 0px;
	background-image:url(../images/bring/step_2.gif);
	background-repeat:no-repeat;
	border : 1px solid #FFFFFF;
}


#step3
{
	width : 500px;
	height : 105px;
	margin : 10px;
	padding : 0px;
	background-image:url(../images/bring/step_3.gif);
	background-repeat:no-repeat;
	border : 1px solid #FFFFFF;
}


#step4
{
	width : 500px;
	height : 105px;
	margin : 10px;
	padding : 0px;
	background-image:url(../images/bring/step_4.gif);
	background-repeat:no-repeat;
	border : 1px solid #FFFFFF;
}


#step5
{
	width : 500px;
	height : 105px;
	margin : 10px;
	padding : 0px;
	background-image:url(../images/bring/step_5.gif);
	background-repeat:no-repeat;
	border : 1px solid #FFFFFF;
}


#step6
{
	width : 500px;
	height : 107px;
	margin : 10px;
	padding : 0px;
	background-image:url(../images/bring/step_6.gif);
	background-repeat:no-repeat;
	border : 1px solid #FFFFFF;
}


#step1 p,#step2 p,#step3 p,#step4 p,#step5 p,#step6 p
{
	line-height:1.3em;
	text-align:left;
	width : 450px;
	margin : 30px 20px;
	padding : 0;
}

/*####### 個人情報保護方針のページ ###################*/
.container
{
	width : 500px;
	text-align : left;
	line-height:1.4em;
	margin : 10px auto 5px auto;
}

.container p
{
	margin : 0;
	padding : 0px 10px;
}


#btn
{
	width : 350px;
	margin : 10px auto;
	text-align : center;
}

/*####### 人材派遣の仕組みのページ ###################*/
#know-how
{
	width : 480px;
	margin : 10px auto;
	text-align : left;
	line-height:1.5em;
}

#chart
{
	width : 500px;
	margin : 15px auto;
	padding : 0;
	text-align:center;
}

/*####### 登録からお仕事紹介までの流れのページ ###################*/
#prom-step
{
	width : 500px;
	margin : 6px auto;
}

.prom-inner
{
	background-image:url(/images/entry/bg_side.gif);
	background-repeat:repeat-y;
	padding : 5px 15px;
}

#prom-step p
{
	text-align : left;
	line-height:1.5em;
	margin : 5px;
	padding : 0;
}

.dot
{
	width : 400px;
	border : 1px dotted #0066CC;
	margin : 5px 0px 15px 0px;
	padding : 5px;
}

.pink
{
	background-color:#FFCCCC;
	width : 200px;
	border : 1px solid #FF99CC;
	text-indent : 0.5em;
}

/*####### 人材紹介までの流れのページ ###################*/
.bring-step
{
	width : 500px;
	padding : 0;
	margin : 10px;
}

.bring-bg
{
	background-image:url(/images/bring/step_bg.gif);
	background-repeat:repeat-y;
	padding : 5px 15px;
	text-align : left;
	line-height : 1.4em;
}





/*####### 問い合わせフォームページ ###################*/
#request-t
{
	width : 450px;
	padding : 0;
	margin : 10px auto;
	border : 1px solid #999999;
	border-collapse : collapse;
}

#request-t th
{
	width : 104px;
	text-align : center;
	border : 1px solid #999999;
	border-collapse : collapse;
	background-color:#CCCCFF;
	padding : 8px;
	color : #333333;
	font-size:12px;
}

#request-t td
{
	width : 314px;
	text-align : left;
	border : 1px solid #999999;
	border-collapse : collapse;
	padding : 8px;
	line-height : 1.4em;
}

.red
{
	color : #FF0000;
	font-weight : bold;
	margin : 3px 0px;
	padding : 0;
}


/* 問い合わせ完了画面 */
#msg
{
	width : 300px;
	margin : 50px auto;
	text-align:center;
}

#msg p
{
	font-weight : bold;
}



/*##### web登録フォーム ###################*/

.form-info
{
	width : 500px;
	margin : 10px auto;
	line-height:1.4em;
	text-align : center;
}

.form-info a
{
	color:#003399;
}


/* テーブル仕様 ************/
.form-t {
	border:1px solid #666666;
	border-collapse:collapse;
	width:500px;
	margin :5px auto 15px auto;
	text-align:left;
	border-collapse: collapse;
	page-break-after: always;
	}

.form-t th{
	background-color:#FFDFD0;
	border:1px solid #666666;
	border-collapse:collapse;
	width:100px;
	color:#333333;
	padding : 5px;
	}

.form-t td {
	border:1px solid #666666;
	border-collapse:collapse;
	color:#333333;
	padding:5px;
	margin:0px;
	font-size:14px;
	text-align:left;
	line-height:1.4em;
	width : 380px;
	}


th{
	background-color:#CC9933;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	padding:3px;
	border:1px solid #666666;
	border-collapse:collapse;
	}
	
th.t1{
	width:120px;
	}
	
th.t2{
	width:120px;
	}
th.t3{
	width:460px;
	border-left:1px solid #666666;
	}
	

	

	
td.bb{
	background-color:#FFFFCC;
	border:1px solid #666666;
	border-collapse:collapse;
	width:100px;

	}
	
td.cc{
	background-color:#E3D5D5;
	border:1px solid #666666;
	border-collapse:collapse;
	width:110px;
	}

.btn
{
	width : 500px;
	text-align : center;
	margin : 10px auto;
	line-height:1.5em;
}

/* トップページQRコード */
#qr-t
{
	width : 190px;
	border : 1px solid #999999;
	border-collapse : collapse;
	margin : 10px auto;
}

.qr-top
{
	background-color : #999999;
	font-weight : bold;
	padding : 3px;
	text-align : center;
}


#qr
{
	margin : 0;
}

#qr td
{
	padding : 0px;
	line-height : 1.4em;
}