@charset "utf-8";
/*----------------------------------------------------
	careers.css
----------------------------------------------------*/
@import url("common.css");

/* ==============================================================

　■採用情報　汎用css

============================================================== */

/*----------------------------------------------------
	新卒採用
----------------------------------------------------*/

h2.careers-fresh {
	height: 20px;
}

h2.careers-fresh#this{
	height: 20px;
	background: url(../img/careers/ttl_fresh.gif) no-repeat;
}

h2.careers-fresh#next{
	height: 20px;
	background: url(../img/careers/ttl_fresh2.gif) no-repeat;
}

p.careersTxt{
	padding-left:10px;
	background: transparent url(../img/careers/list_arrow.gif) no-repeat 0 6px;
}

/*----------------------------------------------------
	中途採用
----------------------------------------------------*/
h2#careers-career {
	height: 20px;
	background: url(../img/careers/ttl_career.gif) no-repeat;
	text-indent:-9999px;
}

dl#careerDD{
	border-bottom:#EAEAEA solid 1px;
	border-left:#EAEAEA solid 1px;
	border-right:#EAEAEA solid 1px;
	border-top:#EAEAEA solid 1px;
	background-image: url(../img/careers/parttime_dd.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

dl#careerDD dt#topL{
	float:left;
	width:100px;
	text-align:center;
	border-top:none;
}

dl#careerDD dt{
	float:left;
	width:100px;
	text-align:center;
	border-top:#EAEAEA solid 1px;
}

dl#careerDD dd#topR{
	margin-left:100px;
	padding-right:1em;
	padding-left:1em;
	border-top:none;
}

dl#careerDD dd{
	margin-left:100px;
	padding-right:1em;
	padding-left:1em;
	border-top:#EAEAEA solid 1px;
}

dl#careerDD dt, dl#careerDD dd{
	margin-bottom:0.5em;
	padding-top:0.5em;
}

dl#careerDD dd#topR ul li{
	margin-left:1em;
	text-indent:-1em;
}

dl#careerDD dd#topR ul{
	width:258px;
	padding-right:160px;
	margin-left:10px;
	margin-top:10px;
	background:url(../img/careers/employment.jpg) no-repeat right top;
}

dl#careerDD ul li{
	margin-left:1em;
	text-indent:-1em;
}

dl#careerDD ul{
	margin-left:10px;
}

/*----------------------------------------------------
	アルバイト
----------------------------------------------------*/

h2#careers-parttime {
	height: 20px;
	background: url(../img/careers/ttl_parttime.gif) no-repeat;
}

dl#parttimeDD{
	border-bottom:#EAEAEA solid 1px;
	border-left:#EAEAEA solid 1px;
	border-right:#EAEAEA solid 1px;
	border-top:#EAEAEA solid 1px;
	background-image: url(../img/careers/parttime_dd.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

dl#parttimeDD dt#topL{
	float:left;
	width:100px;
	text-align:center;
	border-top:none;
}

dl#parttimeDD dt{
	float:left;
	width:100px;
	text-align:center;
	border-top:#EAEAEA solid 1px;
}

dl#parttimeDD dd#topR{
	margin-left:100px;
	padding-right:1em;
	padding-left:1em;
	border-top:none;
}

dl#parttimeDD dd{
	margin-left:100px;
	padding-right:1em;
	padding-left:1em;
	border-top:#EAEAEA solid 1px;
}

dl#parttimeDD dt, dl#parttimeDD dd{
	margin-bottom:0.5em;
	padding-top:0.5em;
}


/*----------------------------------------------------
	社員が語るサイネックス
----------------------------------------------------*/
h2#voice {background: transparent url(../img/careers/ttl_voice.gif) no-repeat top left;}

div.voiceBox{
	margin:25px 0;
}

div.voiceBoxL{
	float:left;
	display:inline;
	margin-right:30px;
	width:260px;
}

div.voiceBoxR{
	float:right;
	display:inline;
	margin-right:10px;
	width:260px;
}

div.voiceCell{
	width:260px;
	margin-bottom:10px;
  	background: url(../img/ir/dotline.gif) repeat-x bottom;
}

div.voiceCellL{
	float:left;
	display:inline;
	margin-right:5px;
}

div.voiceCellR{
	float:right;
	display:inline;
	margin-right:5px;
}

div.voiceCellR p a{
	display:block;
	width:190px;
	height:59px;
	overflow:hidden;
	text-indent:-9999px;
}

p#voiceTxt01 a{background: transparent url(../img/careers/voice_name01.gif) no-repeat top left;}
p#voiceTxt02 a{background: transparent url(../img/careers/voice_name02.gif) no-repeat top left;}
p#voiceTxt03 a{background: transparent url(../img/careers/voice_name03.gif) no-repeat top left;}
p#voiceTxt04 a{background: transparent url(../img/careers/voice_name04.gif) no-repeat top left;}
p#voiceTxt05 a{background: transparent url(../img/careers/voice_name05.gif) no-repeat top left;}
p#voiceTxt06 a{background: transparent url(../img/careers/voice_name06.gif) no-repeat top left;}
p#voiceTxt07 a{background: transparent url(../img/careers/voice_name07.gif) no-repeat top left;}
p#voiceTxt08 a{background: transparent url(../img/careers/voice_name08.gif) no-repeat top left;}
p#voiceTxt09 a{background: transparent url(../img/careers/voice_name09.gif) no-repeat top left;}
p#voiceTxt10 a{background: transparent url(../img/careers/voice_name10.gif) no-repeat top left;}
p#voiceTxt11 a{background: transparent url(../img/careers/voice_name11.gif) no-repeat top left;}
p#voiceTxt12 a{background: transparent url(../img/careers/voice_name12.gif) no-repeat top left;}
p#voiceTxt13 a{background: transparent url(../img/careers/voice_name13.gif) no-repeat top left;}
p#voiceTxt14 a{background: transparent url(../img/careers/voice_name14.gif) no-repeat top left;}

p#voiceTxt01 a:hover{background: transparent url(../img/careers/voice_name01_hover.gif) no-repeat top left;}
p#voiceTxt02 a:hover{background: transparent url(../img/careers/voice_name02_hover.gif) no-repeat top left;}
p#voiceTxt03 a:hover{background: transparent url(../img/careers/voice_name03_hover.gif) no-repeat top left;}
p#voiceTxt04 a:hover{background: transparent url(../img/careers/voice_name04_hover.gif) no-repeat top left;}
p#voiceTxt05 a:hover{background: transparent url(../img/careers/voice_name05_hover.gif) no-repeat top left;}
p#voiceTxt06 a:hover{background: transparent url(../img/careers/voice_name06_hover.gif) no-repeat top left;}
p#voiceTxt07 a:hover{background: transparent url(../img/careers/voice_name07_hover.gif) no-repeat top left;}
p#voiceTxt08 a:hover{background: transparent url(../img/careers/voice_name08_hover.gif) no-repeat top left;}
p#voiceTxt09 a:hover{background: transparent url(../img/careers/voice_name09_hover.gif) no-repeat top left;}
p#voiceTxt10 a:hover{background: transparent url(../img/careers/voice_name10_hover.gif) no-repeat top left;}
p#voiceTxt11 a:hover{background: transparent url(../img/careers/voice_name11_hover.gif) no-repeat top left;}
p#voiceTxt12 a:hover{background: transparent url(../img/careers/voice_name12_hover.gif) no-repeat top left;}
p#voiceTxt13 a:hover{background: transparent url(../img/careers/voice_name13_hover.gif) no-repeat top left;}
p#voiceTxt14 a:hover{background: transparent url(../img/careers/voice_name14_hover.gif) no-repeat top left;}

h3#voiceTitle01,
h3#voiceTitle02,
h3#voiceTitle03,
h3#voiceTitle04{
	width:250px;
	height:25px;
	margin-bottom:5px;
	text-indent:-9999px;
	border:none;
}

h3#voiceTitle01{background: transparent url(../img/careers/01dt.jpg) no-repeat top left;}
h3#voiceTitle02{background: transparent url(../img/careers/02dt.jpg) no-repeat top left;}
h3#voiceTitle03{background: transparent url(../img/careers/03dt.jpg) no-repeat top left;}
h3#voiceTitle04{background: transparent url(../img/careers/04dt.jpg) no-repeat top left;}


/*----------------------------------------------------
	member
----------------------------------------------------*/
div.sectionVoice h3{
	margin: 0 0 15px 0;
	padding: 1px 0 1px 7px;
	color: #01296D;
	font-weight: normal;
	border-bottom: 1px solid #C4CEE1;
	background: url(../img/common/bg_h3.gif);
}

h2#member01,
h2#member02,
h2#member03,
h2#member04,
h2#member05,
h2#member06,
h2#member07,
h2#member08,
h2#member09,
h2#member10,
h2#member11,
h2#member12,
h2#member13,
h2#member14{
	width:560px;
	height:25px;
	margin-bottom:20px;
	text-indent:-9999px;
}

h2#member01{background: transparent url(../img/careers/01_ttl.gif) no-repeat top left;}
h2#member02{background: transparent url(../img/careers/02_ttl.gif) no-repeat top left;}
h2#member03{background: transparent url(../img/careers/03_ttl.gif) no-repeat top left;}
h2#member04{background: transparent url(../img/careers/04_ttl.gif) no-repeat top left;}
h2#member05{background: transparent url(../img/careers/05_ttl.gif) no-repeat top left;}
h2#member06{background: transparent url(../img/careers/06_ttl.gif) no-repeat top left;}
h2#member07{background: transparent url(../img/careers/07_ttl.gif) no-repeat top left;}
h2#member08{background: transparent url(../img/careers/08_ttl.gif) no-repeat top left;}
h2#member09{background: transparent url(../img/careers/09_ttl.gif) no-repeat top left;}
h2#member10{background: transparent url(../img/careers/10_ttl.gif) no-repeat top left;}
h2#member11{background: transparent url(../img/careers/11_ttl.gif) no-repeat top left;}
h2#member12{background: transparent url(../img/careers/12_ttl.gif) no-repeat top left;}
h2#member13{background: transparent url(../img/careers/13_ttl.gif) no-repeat top left;}
h2#member14{background: transparent url(../img/careers/14_ttl.gif) no-repeat top left;}

div.memberBox{
	width:560px;
	margin-bottom:35px;
}

p.memeberTxt{
	margin-bottom:35px;
}

div#memberImg{
	float:left;
	display:inline;
	width:280px;
}

div.memberName{
	float:right;
	display:inline;
	margin-left:20px;
	width:260px;
}

div#memberBoxL{
	float:left;
	display:inline;
	width:350px;
}

div#memberBoxR{
	float:right;
	display:inline;
	width:190px;
	margin-left:20px;
}

div#memberName01 dl dt,
div#memberName02 dl dt,
div#memberName03 dl dt,
div#memberName04 dl dt,
div#memberName05 dl dt,
div#memberName06 dl dt,
div#memberName07 dl dt,
div#memberName08 dl dt,
div#memberName09 dl dt,
div#memberName10 dl dt,
div#memberName11 dl dt,
div#memberName12 dl dt,
div#memberName13 dl dt,
div#memberName14 dl dt{
width:260px; height:25px; margin-bottom:10px; text-indent:-9999px; 
}

div#memberName01 dl dt{background: transparent url(../img/careers/01dt.jpg) no-repeat top left;}
div#memberName02 dl dt{background: transparent url(../img/careers/01dt.jpg) no-repeat top left;}
div#memberName03 dl dt{background: transparent url(../img/careers/01dt.jpg) no-repeat top left;}
div#memberName04 dl dt{background: transparent url(../img/careers/01dt.jpg) no-repeat top left;}
div#memberName05 dl dt{background: transparent url(../img/careers/02dt.jpg) no-repeat top left;}
div#memberName06 dl dt{background: transparent url(../img/careers/02dt.jpg) no-repeat top left;}
div#memberName07 dl dt{background: transparent url(../img/careers/02dt.jpg) no-repeat top left;}
div#memberName08 dl dt{background: transparent url(../img/careers/03dt.jpg) no-repeat top left;}
div#memberName09 dl dt{background: transparent url(../img/careers/03dt.jpg) no-repeat top left;}
div#memberName10 dl dt{background: transparent url(../img/careers/03dt.jpg) no-repeat top left;}
div#memberName11 dl dt{background: transparent url(../img/careers/03dt.jpg) no-repeat top left;}
div#memberName12 dl dt{background: transparent url(../img/careers/04dt.jpg) no-repeat top left;}
div#memberName13 dl dt{background: transparent url(../img/careers/04dt.jpg) no-repeat top left;}
div#memberName14 dl dt{background: transparent url(../img/careers/04dt.jpg) no-repeat top left;}

div#memberName01 dl dd,
div#memberName02 dl dd,
div#memberName03 dl dd,
div#memberName04 dl dd,
div#memberName05 dl dd,
div#memberName06 dl dd,
div#memberName07 dl dd,
div#memberName08 dl dd,
div#memberName09 dl dd,
div#memberName10 dl dd,
div#memberName11 dl dd,
div#memberName12 dl dd,
div#memberName13 dl dd,
div#memberName14 dl dd{
widdh:260px; height:80px; text-indent:-9999px; 
}

div#memberName01 dl dd{background: transparent url(../img/careers/01dd.gif) no-repeat top left;}
div#memberName02 dl dd{background: transparent url(../img/careers/02dd.gif) no-repeat top left;}
div#memberName03 dl dd{background: transparent url(../img/careers/03dd.gif) no-repeat top left;}
div#memberName04 dl dd{background: transparent url(../img/careers/04dd.gif) no-repeat top left;}
div#memberName05 dl dd{background: transparent url(../img/careers/05dd.gif) no-repeat top left;}
div#memberName06 dl dd{background: transparent url(../img/careers/06dd.gif) no-repeat top left;}
div#memberName07 dl dd{background: transparent url(../img/careers/07dd.gif) no-repeat top left;}
div#memberName08 dl dd{background: transparent url(../img/careers/08dd.gif) no-repeat top left;}
div#memberName09 dl dd{background: transparent url(../img/careers/09dd.gif) no-repeat top left;}
div#memberName10 dl dd{background: transparent url(../img/careers/10dd.gif) no-repeat top left;}
div#memberName11 dl dd{background: transparent url(../img/careers/11dd.gif) no-repeat top left;}
div#memberName12 dl dd{background: transparent url(../img/careers/12dd.gif) no-repeat top left;}
div#memberName13 dl dd{background: transparent url(../img/careers/13dd.gif) no-repeat top left;}
div#memberName14 dl dd{background: transparent url(../img/careers/14dd.gif) no-repeat top left;}


/*----------------------------------------------------
	mNav-A
----------------------------------------------------*/

ul#mNav-A{
	position:relative;
	top: 0;
	left: 60px;
	width:440px;
	height:60px;
}

ul#mNav-A li a{
	display: block;
	overflow:hidden;
}

ul#mNav-A li{
	float:left;
	text-indent:-9999px;
}

/* =POSITION
----------------------------------------------------*/
ul#mNav-A li#mNav-A01 { position:absolute; top: 0; left: 0;}
ul#mNav-A li#mNav-A02 { position:absolute; top: 0; left: 285px;}

/* =BUTTONS
----------------------------------------------------*/
ul#mNav-A li#mNav-A01 a { width: 155px; height: 60px; background: transparent url(../img/careers/membernav.gif) no-repeat 0px 0px;}
ul#mNav-A li#mNav-A02 a { width: 155px; height: 60px; background: transparent url(../img/careers/membernav.gif) no-repeat -155px 0px;
}

/* =OVER STATES
----------------------------------------------------*/
ul#mNav-A li#mNav-A01 a:hover { background: transparent url(../img/careers/membernav.gif) no-repeat 0px -60px;}
ul#mNav-A li#mNav-A02 a:hover { background: transparent url(../img/careers/membernav.gif) no-repeat -155px -60px;}

/*----------------------------------------------------
	mNav-B
----------------------------------------------------*/

ul#mNav-B{
	margin-top:45px;
	position:relative;
	top: 0;
	left: 0;
	width:560px;
	height:25px;
}

ul#mNav-B li a{
	display: block;
	overflow:hidden; 
}

ul#mNav-B li{
	float:left;
	text-indent:-9999px;
}

/* =POSITION
----------------------------------------------------*/
ul#mNav-B li#mNav-B01 { position:absolute; top: 0; left: 0;}
ul#mNav-B li#mNav-B02 { position:absolute; top: 0; left: 121px;}
ul#mNav-B li#mNav-B03 { position:absolute; top: 0; left: 326px;}
ul#mNav-B li#mNav-B04 { position:absolute; top: 0; left: 482px;}

/* =BUTTONS
----------------------------------------------------*/
ul#mNav-B li#mNav-B01 a { width: 110px; height: 25px; background: transparent url(../img/careers/membernav_b.gif) no-repeat 0px 0px;}
ul#mNav-B li#mNav-B02 a { width: 195px; height: 25px; background: transparent url(../img/careers/membernav_b.gif) no-repeat -121px 0px;}
ul#mNav-B li#mNav-B03 a { width: 145px; height: 25px; background: transparent url(../img/careers/membernav_b.gif) no-repeat -326px 0px;}
ul#mNav-B li#mNav-B04 a { width: 78px; height: 25px; background: transparent url(../img/careers/membernav_b.gif) no-repeat -482px 0px;}

/* =OVER STATES
----------------------------------------------------*/
ul#mNav-B li#mNav-B01 a:hover { background: transparent url(../img/careers/membernav_b.gif) no-repeat 0px -25px;}
ul#mNav-B li#mNav-B02 a:hover { background: transparent url(../img/careers/membernav_b.gif) no-repeat -121px -25px;}
ul#mNav-B li#mNav-B03 a:hover { background: transparent url(../img/careers/membernav_b.gif) no-repeat -326px -25px;}
ul#mNav-B li#mNav-B04 a:hover { background: transparent url(../img/careers/membernav_b.gif) no-repeat -482px -25px;}