@charset "shift_JIS";
/*拡張CSS*/
@import "style.css";
@import "common.css";

/*---------------------------------------------------

RAPPORT求人情報スタイルシート
更新日：2008年8月20日

---------------------------------------------------
目次

	・基本構造
	・リンク
	・ヘッダ
	・ナビゲーション
	・コンテンツ
	・メイン
	・フッタ
	・その他
---------------------------------------------------　*/
/*---------------------------------------------------
■基本構造
---------------------------------------------------　*/
/*背景---------------------------------------------　*/

body{
	background	: url(../../image/bg.png) repeat-y center;
	background-color: #fff;
}
body{
	margin: 0;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック","平成角ゴシック",sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
}

div#wrap{
	width		: 900px;
	margin		: 0 auto;
	text-align	: left;
}

/*見出しタグの設定---------------------------------　*/
h1{
	z-index		: 1;
	position	: absolute;
	font-size	: 12px;
	color		: #4c4c4c;
	margin-top	: 5px;
	margin-left: 10px;
}
h2{
	clear		: both;
	margin-bottom: 5px;
	font-size	: 18px;
	font-weight	: bold;
	color		: #4c4c4c;
	font-family	: serif;
	text-align		: left;
}
h3{
	clear		: both;
	margin		: 0px 0px 20px 15px;
	padding		: 5px 2px 0px 15px;
	border-left	: 8px #708090 solid;
	border-top	: 1px #708090 solid;
	text-align	: left;
	font-size	: 16px;
	font-weight	: bold;
	height		: 20pt;
	color		: #4c4c4c;/*文字色*/
	font-family	: serif;
}

/*---------------------------------------------------
・リンク
---------------------------------------------------　*/

a		{ text-decoration: underline; }/*下線*/
a:link		{ color: #4169e1; }
a:visited	{ color: #800080; }/*訪問済*/
a:hover		{ color: #ff4500; }/*マウスオーバー時*/


/*---------------------------------------------------
・ヘッダ
---------------------------------------------------　*/

/*最上部背景*/
div#header{
	background	: #ffffff;
}
div#header{
	width		: 900px;
	height		: 30px;
}
/*ヘッダロゴ*/
div#header-logo{
	background	: url(../../image/saiyou/top.jpg); 
}
div#header-logo{
	z-index		: 1;
	position	: absolute;
	top			: 30px;
	width		: 900px;
	height		: 80px;
	text-align	: left;
	border-top	: 1px solid #ffffff;
	border-bottom	: 1px solid #ffffff;
}
.bookmark{
	position	: absolute;
	left		: 720px;
	width		: 170px;
	top			: 40px;
}
div#header-contact{
	z-index		: 1;
	position	: relative;
	top			: 121px;
	left		: 550px;
	width		: 250px;
	text-align	: right;
}
div#header #top-menu{
	position	: absolute;
	top			: 0px;
	width		: 900px;
	text-align	: right;
}
div#header #top-menu li{
	display		: inline;
	font-size	: 11px;
	line-height	: 16pt;
	margin-right: 5px;
}
/*---------------------------------------------------
・ナビゲーション
---------------------------------------------------　*/

div#nav-menu{
	position	: absolute;
	top			: 110px;
	width		: 895px;
	height		: 50px;
	padding-left: 5px;
	background	: #fff;
	color		: #fff;
}

div#nav-menu ul{
	width		: 900px;
	_width		: 895px;
	margin		: 0px;
	padding		: 0px;
	list-style	: none;
	font-size	: 14px;
	font-weight	: bold;
}

div#nav-menu li{
	float		: left;
	display		: block;
	width		: 135px;
	margin		: 0px;
	padding		: 0px;
	vertical-align: middle;
	text-decoration: none;
	background	: url(../../image/navi.png) no-repeat;
}

div#nav-menu li a{
	width		: 135px;
	height		: 50px;
	text-decoration: none;
	background	: url(../../image/navi.png) no-repeat;
	padding		: 16px 0px 16px 5px;
	color		: #7C5919;
	display		: block;
	text-align	: center;
	vertical-align: middle;
}

div#nav-menu li a:hover{
	vertical-align: middle;
	color		: #7C5919;
	background	: url(../../image/navi-on.png) no-repeat;
}

div#nav-menu p{
 margin :1px;}

/*パン屑ナビ*/
div#nav-kuzu{
	position		: absolute;
	top			: 160px;
	width		: 900px;
	height		: 30px;
	background	: #ffffff;
}

div#nav-kuzu p{
	margin		: 6px 0 0 16px;
	font-size		: 9pt;
	line-height	: 14pt;
}


/*---------------------------------------------------
・コンテンツ
---------------------------------------------------　*/

div#content{
	overflow	: hidden;
	position	: absolute;
	top			: 160px;
	width		: 900px;
	text-align	: left;
	background	: #ffffff;
}

/*---------------------------------------------------
・メイン
---------------------------------------------------　*/

div#main{
	background		: #ffffff;
	overflow		: hidden;
	padding			: 20px 50px 0px 50px;
	width			: 800px;
}

div#main ul{
	margin-bottom	: 60px;
}

div#main li{
	margin			: 8px;
}

div#main .top{
	margin			: 50px 10px 30px 10px;
	text-align		: center;
	font-size		: 16px;
	font-weight		: bold;
	color			: #0000dd;
}

div#mess {
	font-family		: serif;
	font-size		: 18px;
	font-weight		: bold;
	line-height		: 30px; 
	color			: #4c4c4c;
	text-align		: left;
}
div#mess p {padding-left	: 20px;
			padding-bottom	: 20px;}
			
div#main .mess2 {
	font-family		: sans-serif arial;
	margin-left		: 50px;
	font-size		: 14px;
	line-height		: 25px; 
	color			: #4c4c4c;
	text-align		: left;
}
div#main .mess2 p {
	color			: #4c4c4c;
	padding-left	: 20px;
	padding-bottom	: 20px;}

div#main .contents{
	border			: 1px solid #7c5919;
	margin			: 10px;
	padding			: 50px 70px 30px 70px;
	_padding			: 50px 50px 30px 50px;
	font-size		: 14px;
	line-height		: 35px; 
	color			: #4c4c4c;
	text-align		: left;
}

div#main .contents p {
	padding-bottom	: 35px;
}

div#main .stop{
	padding-left	: 50px;
	font-size		: 16px;
	line-height		: 45px; 
	font-weight		: bold;
	text-align		: left;
}

div#main .contents2{
	margin			: 10px;
	padding			: 50px 50px 30px 50px;
	font-size		: 14px;
	line-height		: 28px;
	color			: #4c4c4c;
	text-align		: left;
}

div#main .contents2 p {
	padding-left	: 30px;
	padding-bottom	: 10px;
}

div#main .contents2 dl {
	margin-bottom	: 50px;
}

div#main .contents2 dt {
	margin			: 5px 20px 0px 20px;
	padding			: 5px;
	border-top		: 1px solid #7c5919;
	border-bottom	: 1px solid #7c5919;
	font-weight		: bold;
	background		: #f0fff0;
}

div#main .contents2 dd {
	margin			: 5px 20px 50px 30px;
	padding			: 5px;
}

div#main .contents2 .phot-r{
	position		: absolute;
	z-index			: 1;
	left			: 500px;
	_left			: 450px;
	height			: 205px;
}

/*テーブルタグ*/
div#main .contents2 table.table-style{
	margin: 30px auto 5px 80px;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0px solid #aaa;
	font-size: 90%;
}

div#main .contents2 table.table-style th,
div#main .contents2 table.table-style td{
	padding: 0;
	border: 0px solid #aaa;
	vertical-align: top;
}

div#main .contents2 table.table-style th{
	font-style: normal;
	font-weight: bold;
	text-align: left;
}

div#main .contents2 table.table-style a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;}

div#main .box{
	margin			: 20px 50px 20px 50px;
	border			: 1px solid #a3c0df;
	background-color: #f0fff0;
	text-align		: left;
}
div#main .box li{
	margin-left		: 30px;
}
div#main .flow{
	margin			: 40px 10px 40px 10px;
	font-size		: 16px;
	line-height		: 30px;
	color			: #4c4c4c;
	text-align		: left;
}
div#main table{
	text-align		: left;
	width			: 450px;
	margin			: 0px 0px 10px 40px;
	border			: 2px solid #a9a9a9;
}
div#main th{
	border			: 1px solid #a9a9a9;
	background		: #e6e6fa;
	text-align		: left;
	color			: #696969;
	font-weight		: bold;
	padding-left	: 10px;
}
div#main td{
	border			: 1px solid #a9a9a9;
	padding			: 5px;
	text-align		: center;
}

/*写真左寄*/
.phot-l{
	position		: absolute;
	z-index			: 1;
	left			: 30px;
	width			: 140px;
}
/*写真右寄*/
.phot-r{
	position		: absolute;
	z-index			: 1;
	left			: 660px;
	_left			: 610px;
	width			: 200px;
}

div#main .ps{
	margin			: 10px;
	padding			: 20px 70px 30px 70px;
	font-size		: 16px;
	line-height		: 35px; 
	color			: #4c4c4c;
	text-align		: left;
}
div#main .ps p{
	padding-bottom	: 25px;
	padding-left	: 30px;}
	
	
div#main .ouboform table{
	border			: solid 1px #66320e;
	margin			: 20px 20px 20px 50px;
	width			: 500px;
}

div#main .ouboform th{
	border			: solid 1px #66320e;
	width			: 200px;
	padding			: 5px;
	background-color: #2e8b57;
	color			: #fff;
	text-align		: center;

}
div#main .ouboform td{
	border			: solid 1px #66320e;
	width			: 400px;
	padding			: 10px 5px 5px 5px;
	font-size		: 12px;
	color			: #d2691e;
	text-align		: left;
}

/*---------------------------------------------------
・フッタ
---------------------------------------------------　*/

div#footer{
	clear			: both;
	width			: 900px;
	background		: #ffffff;
}

/*フッタメニュ*/
div#footer .menu{
	margin			: 7px 10px 7px 18px;
	font-size		: 10pt;
	line-height		: 25pt;
}

div#footer .menu li{
	display			: inline;
	margin			: 0px 8px 0px 0px;
	font-size		: 10pt;
	line-height		: 13pt;
	text-align		: left;
}

/*営業エリア*/
div#footer #area{
	border			: 1px solid #aaaaaa;
	background		: #eeeeee;
	color			: #666666;
	font-size			: 13px;
	padding			: 10px 10px 5px 10px;
	margin			: 10px 15px 10px 15px;
	text-align		: left;
}

/*copyright*/
div#footer #copyright{ 
	clear			: both;
	margin-top		: 15px;
	padding			: 15px 0px 15px 0px;
	width			: 900px;
	font-size		: 10pt;
	line-height		: 14pt;
	background		: url(../../image/foot.png); 
	text-align		: center;
}
div#footer #copyright .bottom{
	text-align		: right;
}
div#footer #copyright .bottom p{
	margin			: 3px;
}

div#footer #copyright .bottom a		{ text-decoration: underline; }/*下線*/
div#footer #copyright .bottom a:link		{ color: #808000; }
div#footer #copyright .bottom a:visited	{ color: #808000; }/*訪問済*/
div#footer #copyright .bottom a:hover		{ color: #808000; }/*マウスオーバー時*/

/*---------------------------------------------------
・その他
---------------------------------------------------　*/
p	{ margin-bottom	: 15px; }

.iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}