@charset "shift_jis";
	/*
 * File		    :  top.css 「ポリプラスチックス採用webトップページ」用css
 * Version	  :  1.00
 * Published	:  2008.
 * Update	   : 
 */


/* ========== 採用全体エントランス========== */

#container_top {
	background: #ffffff;
	clear: both;
	min-height: 360px;
	}

#container_top: after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	}
* html #container_top {
	display: inline-block;
	height: 400px;
	}
/* for IE6 */
*: first-child+html body #container_top {
	zoom: 1;
	}
/* for IE7 */

div#fresh{
width:340px;
float:left;
margin-left:70px;
margin-top:50px;
}

* html #container_top div#fresh{
width:340px;
float:left;
margin-left:40px;
margin-top:50px;
	}
/* for IE6 */

div#career2{
width:340px;
float:left;
margin-left:70px;
margin-top:50px;
}

table.rec_entrance{
width:340px;
margin-top:20px;
vertical-align:top;
}

table.rec_entrance th{
width:130px;
}
table.rec_entrance td{
width:210px;
padding:10px;
vertical-align:top;
}

table.rec_entrance td img{
margin-top:20px;
}

#container_top p {
	font-size: 13px;
	line-height: 1.7;
	margin-bottom: 1em;
	}

/* ========== メインビジュアル ========== */

#mainVisual {
	margin: 0;
	padding: 0;
	width: 900px;
	}
#mainVisual h1 {
	text-indent: -9999px;
	height: 125px;
	margin: 0;
	padding: 0;
	}
#mainVisual h1.recruiting_top {background: url(../img/main_recruit2.jpg) no-repeat;}
#mainVisual h1.recruiting_career {background: url(../img/main_midcareer.jpg) no-repeat;}

* html #mainVisual {margin-top:0px;}/* for IE6 */
*:first-child+html body #mainVisual {margin-top:0px;}/* for IE7 */

/* ========== ヘッダー内 ========== */
#header_career {
	position: relative;
	margin: 0;
	padding: 0;
	height: 60px;
	border-top: 5px solid #b2b2b2;
	}
#header_career p#siteID {
	position: absolute;
	top: 14px;
	left: 12px;
	margin: 0;
	padding: 0;
	width: 274px;
	height: 34px;
	}
#header_career p#hmContact {
	position: absolute;
	top: 10px;
	left: 753px;
	margin: 0;
	padding: 0;
	width: 152px;
	height: 12px;
	}
#header_career p#hmEntry {
	position: absolute;
	top: 0px;
	left: 753px;
	margin: 0;
	padding: 0;
	width: 147px;
	height: 30px;
	}

/* ========== メインコラム内＿募集要項 ========== */

#main h3 {
	margin-bottom: 10px;
	padding: 4px 14px;
	background: url(../img/h3_bg2.gif) no-repeat 0px 0px;
	font-size: 14px;
	}
	
div#flow_info p#fig_flow{
width:204px;
float:left;
margin-top:10px;
margin-left:20px;
}

div#flow_info ul.copy_flow{
width:420px;
float:left;
margin-top:20px;
margin-left:30px;
list-style:url(../img/list_img02.gif);
}

div#flow_info ul.copy_flow li{
	font-size: 13px;
	line-height: 1.7;
	margin-bottom: 45px;
}


* html div#flow_info ul.copy_flow{
width:390px;
float:left;
margin-top:20px;
margin-left:10px;
margin-bottom:10px;
list-style:url(../img/list_img02.gif);
padding-left:20px;
}

* html div#flow_info ul.copy_flow li{
font-size: 13px;
line-height: 1.7;
margin-bottom: 45px;
}
/* for IE6 */

*:first-child+html body #main div#flow_info ul.copy_flow{
width:390px;
float:left;
margin-top:20px;
margin-left:10px;
margin-bottom:10px;
list-style:url(../img/list_img02.gif);
padding-left:20px;
}

*:first-child+html body #main div#flow_info ul.copy_flow li{
font-size: 13px;
line-height: 1.7;
margin-bottom: 45px;
}
/* for IE7 */

	
p.address{
margin-left:20px;
}

/* ========== メインコラム内＿募集職種========== */

#main h4 {
	margin-bottom: 10px;
	padding: 4px 14px;
	background: url(../img/h4.gif) no-repeat 0px 0px;
	font-size: 13px;
	width:560px;
	height:30px;
	color:#333;
}


div.recruiting_career table td,th{
	font-size: 13px;
	line-height: 1.7;
}


p.btn img{
margin-bottom:50px;
}

p.btn_ka{
width:220px;
float:left;
padding:20px 0 50px;
}

p.toptop{
width:338px;
float:left;
padding-top:30px;
text-align:right;
}

p.toptop2{
width:560px;
padding-top:20px;
padding-bottom:50px;
text-align:right;
}

table.occ_seisan{
border-top:1px solid #999;
border-right:1px solid #999;
width:560px;
vertical-align:top;
}

table.occ_seisan td,th{
padding:5px;
}

table.occ_seisan th{
border-bottom:1px solid #999;
border-left:1px solid #999;
background-color:#F3F0D8;
padding-left:10px;
vertical-align:top;
width:128px;
}

table.occ_seisan td{
border-bottom:1px solid #999;
border-left:1px solid #999;
background-color:#fff;
padding-left:10px;
vertical-align:top;
}

div#ka_seisan{
margin-bottom:20px;
}

div#ka_seisantech1{
margin-bottom:20px;
}

div#ka_seisantech2{
margin-bottom:20px;
}

table.occ_seisantech{
border-top:1px solid #999;
border-right:1px solid #999;
width:560px;
vertical-align:top;
}

table.occ_seisantech td,th{
padding:5px;
}

table.occ_seisantech th{
border-bottom:1px solid #999;
border-left:1px solid #999;
background-color:#DAEAC8;
padding-left:10px;
vertical-align:top;
width:128px;
}

table.occ_seisantech td{
border-bottom:1px solid #999;
border-left:1px solid #999;
background-color:#fff;
padding-left:10px;
vertical-align:top;
}

table.occ_seisantech2{
border-top:1px solid #999;
border-right:1px solid #999;
width:560px;
vertical-align:top;
}

table.occ_seisantech2 td,th{
padding:5px;
}

table.occ_seisantech2 th{
border-bottom:1px solid #999;
border-left:1px solid #999;
background-color:#C4E4E2;
padding-left:10px;
vertical-align:top;
width:128px;
}

table.occ_seisantech2 td{
border-bottom:1px solid #999;
border-left:1px solid #999;
background-color:#fff;
padding-left:10px;
vertical-align:top;
}

ul.occ li {
list-style-type: disc;
}

ul.occ{
padding-left:20px;
}

/* ========== メインコラム内＿待遇と福利厚生========== */

table.welfare{
border-top:1px solid #999;
border-right:1px solid #999;
width:560px;
vertical-align:top;
}

table.welfare td,th{
padding:5px;
}

table.welfare th{
border-bottom:1px solid #999;
border-left:1px solid #999;
background-color:#ccecf4;
padding-left:10px;
vertical-align:top;
width:128px;
}

table.welfare td{
border-bottom:1px solid #999;
border-left:1px solid #999;
background-color:#fff;
padding-left:10px;
vertical-align:top;
}

/* ========== ローカルナビ ========== */
#localNavi_career {
	float: left;
	width: 200px;
	}


#localNavi_career ul.recruiting_career {
	padding-top: 0px;
	padding-left: 0px;
	height: 78px;
	background: url(../img/sidemenu_career01.gif) no-repeat 0px 0px;
	}
	

#localNavi_career ul.recruiting_career2 {
	padding-top: 0px;
	padding-left: 0px;
	height: 78px;
	background: url(../img/sidemenu_career02.gif) no-repeat 0px 0px;
	}

#localNavi_career ul.recruiting_career3 {
	padding-top: 0px;
	padding-left: 0px;
	height: 42px;
	background: url(../img/sidemenu_career03.gif) no-repeat 0px 0px;
	margin-bottom:50px;
	}



#localNavi_career ul.recruiting_career li {
	width: 200px;
	height: 39px;
	overflow: hidden;
	text-indent: -9999px;
	}
	
#localNavi_career ul.recruiting_career2 li {
	width: 200px;
	height: 39px;
	overflow: hidden;
	text-indent: -9999px;
	}
	
#localNavi_career ul.recruiting_career3 li {
	width: 200px;
	height: 42px;
	overflow: hidden;
	text-indent: -9999px;
	}
	
#localNavi_career ul.recruiting_career li a {
	background: url(../img/sidemenu_career01.gif) no-repeat 0px 0px;
	height: 39px;
	display: block;
	overflow: hidden;
	padding-top: 0px;
	}
	
#localNavi_career ul.recruiting_career2 li a {
	background: url(../img/sidemenu_career02.gif) no-repeat 0px 0px;
	height: 39px;
	display: block;
	overflow: hidden;
	padding-top: 0px;
	}
	
#localNavi_career ul.recruiting_career3 li a {
	background: url(../img/sidemenu_career03.gif) no-repeat 0px 0px;
	height: 42px;
	display: block;
	overflow: hidden;
	padding-top: 0px;
	}
	
#localNavi_career ul li.lm010 a {background-position:    0px  -0px;}
#localNavi_career ul li.lm020 a {background-position:    0px  -39px;}

#localNavi_career ul li.lm010 a.on    {background-position: -200px -0px;}
#localNavi_career ul li.lm020 a.on    {background-position: -200px -39px;}

#localNavi_career ul li.lm010 a:hover    {background-position: -200px -0px;}
#localNavi_career ul li.lm020 a:hover    {background-position: -200px -39px;}



#localNavi_career ul.career_occupation{
	padding-top:0;
	padding-left:0;
	font-size:12px;
	color:#1A1A1A;
	border-bottom:1px solid #999;
	padding-bottom:2px;
}

* html #localNavi_career ul.career_occupation{
	padding-top:0;
	padding-left:0;
	font-size:12px;
	color:#1A1A1A;
	border-bottom:1px solid #999;
	padding-bottom:0px;
	}
/* for IE6 */

	
#localNavi_career ul.career_occupation li.oc01{
	width: 200px;
	height: 30px;
	text-indent: 0px;
	border-top:1px solid #999;
	}
#localNavi_career ul.career_occupation li.oc02{
	width: 200px;
	height: 44px;
	text-indent: 0px;
	border-top:1px solid #999;
	}

#localNavi_career ul.career_occupation li.oc01 a{
	height: 30px;
	display: block;
	font-size:12px;
	color:#1A1A1A;
	padding:8px 0px 5px 25px;
	text-decoration:none;
	background:url(../img/list_back01.gif) no-repeat 0px 1px;
	}


#localNavi_career ul.career_occupation li.oc02 a{
	height: 44px;
	display: block;
	font-size:12px;
	color:#1A1A1A;
	padding:8px 0px 5px 25px;
	text-decoration:none;
	background:url(../img/list_back02.gif) no-repeat 0px 1px;
	}

#localNavi_career ul.career_occupation li.oc01 a:hover{
	height: 30px;
	display: block;
	font-size:12px;
	color:#1A1A1A;
	padding:8px 0px 5px 25px;
	text-decoration:none;
	background:url(../img/list_back01_on.gif) no-repeat 0px 1px;
	}
	
#localNavi_career ul.career_occupation li.oc02 a:hover{
	height: 44px;
	display: block;
	font-size:12px;
	color:#1A1A1A;
	padding:8px 0px 5px 25px;
	text-decoration:none;
	background:url(../img/list_back02_on.gif) no-repeat 0px 1px;
	}

* html #localNavi_career ul.career_occupation li span{
padding-top:10px;
display: block;
	}


* html #localNavi_career ul.career_occupation li.oc01 a{
	height: 30px;
	display: block;
	font-size:12px;
	color:#1A1A1A;
	padding:0px;
	padding-left:25px;
	text-decoration:none;
	background:url(../img/list_back01.gif) no-repeat 0 1px;
	}

* html #localNavi_career ul.career_occupation li.oc01 a:hover{
	height: 30px;
	display: block;
	font-size:12px;
	color:#1A1A1A;
	padding:0px 0px 0px 25px;
	text-decoration:none;
	background:url(../img/list_back01_on.gif) no-repeat 0px 1px;
	}

* html #localNavi_career ul.career_occupation li.oc02 a{
	height: 44px;
	display: block;
	font-size:12px;
	color:#1A1A1A;
	padding:0px;
	padding-left:25px;
	text-decoration:none;
	background:url(../img/list_back02.gif) no-repeat 0 1px;
	}

* html #localNavi_career ul.career_occupation li.oc02 a:hover{
	height: 44px;
	display: block;
	font-size:12px;
	color:#1A1A1A;
	padding:0px 0px 0px 25px;
	text-decoration:none;
	background:url(../img/list_back02_on.gif) no-repeat 0px 1px;
	}
/* for IE6 */



/* ========== バナー ========== */


#sp_bannar_area{
width:900px;
height:90px;
background-color:#E5F0F6;
position:relative;
}

#btn_pavilion{
position:absolute;
top:10px;
left:10px;
}

#btn_fuji{
position:absolute;
top:10px;
left:188px;
}

#btn_enpla{
position:absolute;
top:10px;
left:366px;
}

#btn_csr{
position:absolute;
top:10px;
left:544px;
}