@charset "UTF-8";
/* 本文 */
/* 本文開始位置 */
#main_start{padding-top:0px width:570px;}
/* 段落 */
p.init{margin:0px 0px 20px;padding:0px;}
/* 段落 */
p.right{margin:0px;padding:0px;text-align:right;}
/* 段落 */
p.lead{margin-bottom:35px;padding:0px;}
/* 段落 */
p.indent{text-indent:1em;}
/* 段落 */
p.qaq{margin:0.5em 0em 0em 0.5em;}
/* 段落 */
p.qaa{margin:0.5em 0em 0.5em;padding:0em 0em 1em 0em;background:transparent url("/image/lin_01_370px.gif") left bottom repeat-x;}
/* 段落 */
.leftblock{margin:0px 0px 0px 1em;}
/* 区切り線 */
.text_lin1{background-color:#CCCCCC;}
/* 区切り線2 */
.text_lin2{background-color:#CCCCCC;margin:0.3em 0em 0.5em;}
/* H3タイトル */
.headline3{margin:19px 0px 10px;}
/* H3タイトル */
.headline3s{margin:4px 0px 10px;}

a.txt:link{color:#005DC8;text-decoration:underline}

#main_start table{font-size:100%;}
#main_start table tr{vertical-align:top;}
#main_start table th{width:120px;border-bottom:solid 1px #EEE;padding:0.5em 0em 0.5em 1em;text-align:left;white-space:nowrap;color:#666;vertical-align:top;}
#main_start table td{border-bottom:solid 1px #EEE;padding:0.5em 0em 0.5em 1em;vertical-align:top;}
#main_start table th.last{border-bottom:none;}
#main_start table td.last{border-bottom:none;}
#main_start table strong{color:#666;}
#main_start table .red{color:#C94B4B;}
#main_start table .color1{color:#666472;font-weight:bold;}
#main_start table .color2{color:#7D6F5F;font-weight:bold;}
#main_start table table td{border-bottom:none;padding:0em 1em 0em 0em;}

span.q img{display:inline;}
span.a img{display:inline;}

#process2 div#main_start ol{
	padding:10px 0 10px 40px;
        list-style:decimal;
	}
#process2 div#main_start ol li{
	padding:2px 0;
        list-style:decimal;
	}
#contact{
	margin-left:auto;
	margin-right:auto;
	border:solid 1px #CCC;
	background:#FFFFCC;
	margin-bottom:16px;
	}
#contact tr th, #contact tr td{
	border:none;
	font-weight:bold;
	color:#333;
	margin:0;
	width:auto;
	}
#contact tr th{
	padding:4px 4px 3px 10px;
	}
#contact tr td{
	padding:4px 10px 3px 4px;
	}

/* 中途採用(carrer.html) */
#carrer div#main_start{
	margin-top:0px;
	}
#carrer div#main_start div#link{
	margin-top:0;
	background:#EEEEEE;
	padding:8px 12px;
	}
#carrer div#main_start div#link ol{
	margin:0;
	padding:0;
	}
#carrer div#main_start div#link ol li{
	list-style:none;
	background:url("/image/arw_company_01.gif") 0 0.3em no-repeat;
	padding-left:8px;
/*	display:inline;*/
	margin:0 24px 0 0;
	}
#carrer div#main_start div#link ol li a:link{color:#003366;text-decoration:underline}
#carrer div#main_start div#link ol li a:visited{color:#663399;text-decoration:underline}
#carrer div#main_start div#link ol li a:active{
	color:#ff3333;text-decoration:none}
#carrer div#main_start div#link ol li a:hover{
	color:#003366;text-decoration:underline;}

#carrer div#main_start h2{
	margin:48px 0 12px 0;
	}
#carrer div#main_start h3{
	margin:0 0 3px 20px;
	}
#carrer div#main_start h4{
	font-weight:normal;
	margin:10px 0 3px 0;
	}
#carrer div#main_start h4.first{
	margin-top:0;
	}
#carrer div#main_start table{
	margin:0 0 12px 20px;
	width:550px;
	border:none;
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
	}
#carrer div#main_start table tr th{
	width:18%;
	background:#EEEEEE;
	color:#333;
	font-weight:normal;
	}
#carrer div#main_start table tr th,
#carrer div#main_start table tr td{
	border:none;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	padding:4px 8px;
	}
#carrer div#main_start table tr.first th,
#carrer div#main_start table tr.first td{
	border-top:none;
	}
#carrer div#main_start table tr td table{
	margin-left:0px;
	margin-bottom:0px;
	width:380px;
	}
#carrer div#main_start table tr td table tr th{
	background:#FFF;
	font-weight:normal;
	color:#333;
	}
#carrer div#main_start table tr td table tr td ul{
	margin-left:1.5em;
	padding:0;
	}
#carrer div#main_start table tr td ul,
#carrer div#main_start table tr td ol{
	margin:0 2em;
	padding:0;
	list-style-type:decimal;
	}
#carrer div#main_start table tr td ul li{
	list-style:disc;
	}
#carrer div#main_start table tr td div.note{
	margin-left:24px;
	}


/*********** index.html (2007.11 追加)***********/

#recruit_idx h3{
	margin-bottom:5px;
	}

#recruit_idx #topiArea{
	width:570px;
	}
#recruit_idx #topics{
	width:425px;
	float:left;
	}
#recruit_idx #entrybtn{
	width:130px;
	float:left;
	margin-left:10px;
	}

#recruit_idx #topics .h2Gray{
	background-color:#eee;
	}
#topics .h2Gray h2{
	padding:3px 10px;
	margin:0;
	}
#topics ul{
	width:420px;
	list-style-type:none;
	padding:0;
	margin:8px 2px 0;
	}
#topics li{
	margin:0 0 0px 0;
	padding:0;
	}
#topics li span{
	display:block;
	float:left;
	}
#topics li span.date{
	width:73px;
	letter-spacing:2px;
	}
#topics li span.topi{
	background:url(/image/arw_company_01.gif) 0 0.4em no-repeat;
	padding-left:10px;
	}

#recruit_idx .more{
	text-align:right;
	}
#recruit_idx .more span{
	padding-left:10px;
	background:url(/image/arw_company_01.gif) 0 0.3em no-repeat;
	}

#p02Box{
	width:570px;
	margin-bottom:15px;
	}
#p02Boxtxt{
	width:255px;
	float:left;
	}
#p02Boximg{
	width:310px;
	float:left;
	}

#p02BoximgInBox {
	width:310px;
	}
#p02BoximgInBox_L{
	width:145px;
	float:left;
	margin-right:10px;
	}
#p02BoximgInBox_R{
	width:150px;
	float:left;
	}

#p02BoximgInBox_R img.sp_R{
	margin-right:5px;
	}

ul#p03link{
	margin:0 0 20px;
	padding:0;
	}
ul#p03link li{
	list-style-type:none;
	background:url(/image/arw_company_01.gif) 0 0.4em no-repeat;
	padding-left:10px;
	}
ul#p03link li.indt{
	list-style-type:none;
	background:none;
	text-indent:5px;
	}

/* ↓/css/common.cssを流用　*/
#recruit_idx #relatedMovie,
#recruit_idx #relatedPage{
	background:#F2FAE2 url(/recruit/image/lnk_bg.gif) repeat-y;
	clear:none; /* common.cssをリセット */
	}
#recruit_idx #relatedMovie .ttl,
#recruit_idx #relatedPage .ttl{
	width:89px;
	float:left;
	}
#recruit_idx #relatedMovie ul{
	width:450px;
	float:left;
	padding-top:20px;
	padding-bottom:10px;
	margin:0 0 0 5px; /* common.cssをリセット */
	}
#recruit_idx #relatedMovie ul li{
	list-style:none;
	padding:1px 0 0;
	white-space:monal; /* common.cssをリセット */
	width:450px;
	margin:0;
	}
#recruit_idx #relatedMovie ul li img{
	margin:0; /* common.cssをリセット */
	}
#recruit_idx #relatedMovie ul li span{
	background:url(/image/arw_company_01.gif) 10px 0.3em no-repeat;
	padding:0 0 0 15px;
	}
#recruit_idx #relatedPage ul{
	width:440px;
	float:left;
	padding:0.5em 0;
	margin:0;
	}
#recruit_idx #relatedPage ul li{
	background:url(/image/arw_company_01.gif) 0 0.4em no-repeat;
	padding:0 0 0 1.0em;
	margin:0 0 0 1.0em;
	list-style-type:none;
	}
	
	
/*コスモ石油ではたらく人々*/

/*interview of coworkers*/
#interview_worker{
	width: 100%;
	margin:0px 0px 20px 0xp;
	background:#ececec url(../image/people_interview_movies.gif) 0 0 no-repeat;
	padding:21px 0px 0px 0px;
	}


.interview_worker_lft{float: left;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.interview_worker_rht{float: right; width:50%;
padding:0px;
margin: 0px;
}

.interview_worker_rht ul li a:link, .interview_worker_lft ul li a:link, .workers_memory a:link{color:#003366;text-decoration:underline}
.interview_worker_rht ul li a:visited, .interview_worker_lft ul li a:visited, .workers_memory a:visited{color:#663399;text-decoration:underline}
.interview_worker_rht ul li a:active, .interview_worker_lft ul li a:active, .workers_memory a:active{
	color:#ff3333;text-decoration:none}
.interview_worker_rht ul li a:hover, .interview_worker_lft ul li a:hover, .workers_memory a:hover{
	color:#003366;text-decoration:underline;}




.page_menu{
	clear:both;
	background:#ececec;
	padding:8px 8px 4px 8px;
	margin:0 0 12px 0;
	line-height:24px;
	list-style:none;
	}
	
/*.page_menu span { margin-right: 3px; }*/

#interview_worker ul.page_menu li{
	list-style-type:none;
	line-height:20px;
	background:#ececec url(../image/people_arrow.gif) 0 4px no-repeat;
	padding:0 0 6px 17px;
	}
.page_menu ul li a{
	white-space:nowrap;
	}
.h2Gray{
	margin:0;
	background-color:#eee;
	}
.h2Gray h2{
	padding:3px 10px;
	_margin: 10px 0;
	}

.h2img{
	margin:10px 0;
	background:#fff url(../image/people_ttl_bg.gif) 0 0 no-repeat;
	padding:0 0 5px 41px;
	}
	
.h2img h2 img{padding-top: 16px;}

.people_intr {
width: 570px;
}
.people_intr p.movie_btn {
float:left;
width:130px;

}
.people_intr p.worker_pht img {
text-align:right;
float: right;
width:101px;
border: 1px solid #ccc;
}
.people_intr_lft {
float:left; 
width: 260px;
margin-left: 13px;
_margin-left: 6px;
}
.people_intr_rit {
float: right; 
width: 250px; 
margin-right: 6px;
margin-top: 3px;
}

#people_recruit{
	display:block;
	width:570px;
}

.people_subttl{
	float:left;
}

#people_doorBnr{
	float:right;
	margin:5px 0;
}

.people_subttl img {
margin: 20px 0;
}
.qr_code_intr {
width: 560px; 
margin: 10px 0 5px;

}
.qr_code_intr img {
float: right;
}
.qr_code_intr .qr_letters{
float:left; 
width: 450px;
line-height:2em;
margin-left: 13px;
_margin-left: 6px;
}

.movie_workers {
width:570px; background:#f2f2f2 url(/recruit/image/lnk_bg.gif) repeat-y; margin-bottom: 10px;
}
.according_movie {
float:left; width: 100px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.workers_cm {
float:right; width:450px; padding: 0px 0 10px 0;
}
.worders_contents {
float: left; width: 130px; 
}

.workers_memory{
width: 320px; 
float:right; 
text-indent: 10px; 
padding-top: 2px;
_padding-top: 5px;
}

.letter_style01 {
letter-spacing: 1px; 
font-weight: bold;
margin-bottom: 3px;
}

.people_triangle {
color:#3C3C3C;
}

.people_lin img{
margin-bottom: 5px;
_margin-bottom: 10px;
}

#recruit_idx .link_people{
	padding-left:10px;
	background:url(/image/arw_company_01.gif) 0 0.3em no-repeat;
	margin-bottom:1em;
	width:500px;
	}


/* ____________________________________________

2008
_______________________________________________*/

#relatedPage ul li a:link{color:#003366;text-decoration:underline}
#relatedPage ul li a:visited {color:#663399;text-decoration:underline}
#relatedPage ul li a:active{
	color:#ff3333;text-decoration:none}
#relatedPage ul li a:hover{
	color:#003366;text-decoration:underline;}


/*********** /challenge/ (2008.11 追加)***********/

#copy_txt{
	display:block;
	width:320px;
	float:left;
}

#copy_txt img{
	float:left;
	margin-bottom:20px;
}

#relatedPage_top{
	display:block;
	width:220px;
	background-color:#f2f2f2;
	background-image:url(/recruit/image/link_back_gry.gif);
 	background-repeat : repeat-x ;
	padding:0 0;
	float:right;
	margin-top:5px;

}
#relatedPage_top ul li{
	background:url(/image/arw_ent_01.gif) 0 0.4em no-repeat;
	padding:0 0 0 1.0em;
	list-style-type:none;
	margin:0 0 0 -2.5em;
	}
#relatedPage_top ul li a:link{color:#003366;text-decoration:underline}
#relatedPage_top ul li a:visited {color:#663399;text-decoration:underline}
#relatedPage_top ul li a:active {color:#0000FF;text-decoration:none}
#relatedPage_top ul li a:hover{
	color:#003366;text-decoration:underline;}

#relatedPage_top #cbu{
	margin-top:20px;
}
#relatedPage_top #cbu2{
	padding-bottom:1px;
}


#ttl_img{
	float:right;
	margin-bottom:10px;
}

#interview_txt{
	display:block;
	width:310px;
	float:right;
	padding:10px;
	margin-bottom:2em;
	}
	
#pht{
	display:block;
	width:239px;
	float:left;
	margin-bottom:2em;
}

#pht img{
	margin-bottom:2px;
}

#recruit_info{
	display:block;
	width:570;
	margin-top:20px;
}

#recruit_add{
	float:left;
	margin-left:1em;
}

#recruit_bnr{
	float:right;
}

#challenge_back{
	float:right;
	margin-bottom:2em;
}
/*********** /marumie/ (2008.11 追加)***********/

#hd_txt{
	margin:5px 0 0 0;
}
#ttl_txt{
	margin:0 0 10px 0;
}



#movie_menu{
	display:block;
	width:202px;
	background-color:#f2f2f2;
	padding-bottom:0.5em;
	float:left;
}

#mm_selected{
	font-weight:bold;
	color:#747474;
}

#movie_menu ul li a:link{color:#003366; text-decoration:underline}
#movie_menu ul li a:visited {color:#663399; text-decoration:underline}
#movie_menu ul li a:active {color:#0000FF; text-decoration:none}
#movie_menu ul li a:hover{
	color:#003366; text-decoration:underline;}

#movie_menu ul li{
	background:url(/image/arw_ent_01.gif) 0 0.4em no-repeat;
	padding:0 0 0 1.0em;
	list-style-type:none;
	margin:0 0 0 -2.5em;
	}
	
#movie_menu ul li.last{
	padding-bottom:1px;
	}
#clw_01{
	display:block;
	width:190px;
	float:left;
	margin-bottom:1em;
}

#clw_01 img{
	float:left;
	margin-right:5px;
}

#clw_01 p{
	margin: 0 0 0 0;
}

#clw_02{
	display:block;
	width:190px;
	float:left;
	margin-bottom:1em;
}
#clw_02 img{
	float:left;
	margin-right:5px;
}
#clw_02 p{
	margin: 0 0 0 0;
}

#clw_03{
	display:block;
	width:190px;
	float:left;
	margin-bottom:1em;
}

#clw_03 img{
	float:left;
	margin-right:5px;
}
#clw_03 p{
	margin: 0 0 0 0;
}

#clw_04{
	display:block;
	width:190px;
	float:left;
	margin-bottom:1em;
}
#clw_04 img{
	float:left;
	margin-right:5px;
}
#clw_04 p{
	margin: 0 0 0 0;
}

#clw_05{
	display:block;
	width:190px;
	float:left;
}

#clw_05 img{
	float:left;
	margin-right:5px;
	margin-bottom:1em;
}
#clw_05 p{
	margin: 0 0 0 0;
}

#clw_06 img{
	float:left;
	margin-right:5px;
	margin-bottom:1em;
}
#clw_06 p{
	margin: 0 0 0 0;
}

#tec_01{
	display:block;
	width:190px;
	height:60px;
	margin-bottom:1em;
}

#tec_01 img{
	float:left;
	margin-right:5px;
}


/*Flashエリア*/
#FLWrap{
	float:right;
	width:342px;
	padding:1px;
	background-color:#d4f7cc;
}
#FLWrap #FlashContent{
	width:340px;
	height:293px;
	position:relative;
}
#FLWrap #FlashContent img{
	display:block;
}
#FLWrap #FlashContent .btn{
	position:absolute;
	width:250px;
	height:40px;
	top:190px;
	left:45px;
}

#Conts .plf{
	background-color:#f5f3e9;
	width:570px;
	margin:10px 0;
	padding:0px;
}
#Conts .plimg{
    float:left;
	margin:10px 5px;
	width:120px;
	padding:0px;
}
#Conts .pltxt{
    float:left;
	text-align:left;
	width:415px;
	margin:10px 5px 10px 5px;
	padding:0px;
}
#Conts .pltxt span{
	color:#c59e71;
}
#Conts h4 {
	margin-bottom:5px;
	padding:0;
	}
#Conts .alaimg{
	width:570px;
	text-align:right;
}



/* 追加090313 ELP */
#relatedPage_top{margin-bottom:30px;}
#relatedPage_top ul{padding-left:40px;padding-bottom:15px;line-height:1.2em;}

#hd_txt{margin-top:20px;}
#movie_menu ul{padding-left:40px;padding-bottom:15px;padding-top:15px;}

/* 追加090918 ELP */
.page_menu_work{
	clear:both;
	background:#ececec;
	padding:8px;
	margin:0;
	line-height:24px;
}

.page_menu_work ul{list-style:none;}
.page_menu_work li{float:left;padding-right:1em;}

.ob_prof_box{border:solid 1px #999999;padding:10px;float:right;margin:0 0 10px 10px;}

#localNavigation ul ul ul{list-style:none;}
#localNavigation ul li ul li ul li ul li a{width:100px;}
#localNavigation div ul li ul li ul li.selected a,
#localNavigation div ul li ul li ul li.selected span,
#localNavigation div ul li ul li.selected ul li.selected a,
#localNavigation div ul li ul li.selected ul li.selected span{
	width:100px;
}


/* 採用プロセス20091001 */
#main_start .pl{float:left; width:275px; padding:0; margin:0 20px 0 0;}
#main_start .pr{float:left; width:275px; padding:0; margin:0;}
#main_start .pl1{width:263px; padding:5px; margin:0;}
#main_start .pr1{width:263px; padding:5px; margin:0;}
#main_start .pl2{float:left; width:263px; padding:5px; margin:0 20px 0 0;}
#main_start .pr2{float:left; width:263px; padding:5px; margin:0;}

#main_start .plpr{ width:558px; border:1px #999 solid; padding:5px; margin:0; text-align:center;}

ul.noind{list-style:none; padding-left:10px; text-align:left;}
ul.ind{list-style:nomal; padding-left:20px; text-align:left;}

.linl{border:1px #d26c0b solid;}
.linr{border:1px #1b50b8 solid;}
.bgl{background-color:#ffefe0;}
.bgr{background-color:#e4f5f8;}
.txtc{text-align:center;}

/* //採用プロセス20091001 */

/*  採用FAQ　20091001 */
.pageLink ul {
	float:right;
	margin:0 0 1em 0;
}
.pageLink ul li {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/image/arw_gry.gif) no-repeat scroll 0 3px;
	display:block;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 10px 2px 15px;
	white-space:nowrap;
}