@charset "utf-8";
/* CSS Document */

#main #contents #text li,
#main #contents #text ul,
#main #contents #text h3,
#main #contents #text h2,
#main #contents #text h1 {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	list-style: none;
}

#main #contents {
	width: 588px;
}

#main li.listicon span {
	display: none;
}

div#side ul li a.active {
	background-image: url(../img/side_2.gif);
}


#main #contents #text h1{
	margin: 0 0 15px 0;
	padding: 0;
	border: none;
	background: none;
}
#main #contents #text h2{
	margin: 0 0 15px 0;
	padding: 0;
	border: none;
	background: none;
}
#main #contents #text h3{
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	font-size: 100%;
}
#side p.sidebnr {
	padding: 13px 0 0 0;
	background: #FFF;
	text-align: center;
}
#main #contents hr {
	display:none;
}
#main #contents hr.nohide {
	display:block;
	clear:both;
	margin:0;
	padding:0;
	background:#FFF;
	border:1px solid #FFF;
}


/* ===== index ===== */

#content-top {
	width: 812px
}

#content-top li,
#content-top ul,
#content-top h3,
#content-top h2,
#content-top h1 {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	list-style: none;
}
#content-top a:link,
#content-top a:visited {
	color: #333;
}

#content-top p.pageTop {
	clear: both;
	padding: 45px 12px 20px 0;
}

/* mainvisual */
#content-top div.mainvisual {
	position: relative;
	width: 812px;
	height: 400px;
	margin: 0 0 30px 0;
	background: url(../recruit/img/index_bg01.jpg) 0 0 no-repeat;
}
#content-top div.mainvisual .title01 {
	position: absolute;
	top: 182px;
	left: 20px;
	margin: 0;
	padding: 0;
	border: none;
}
#content-top div.mainvisual .title01 {
	position: absolute;
	top: 182px;
	left: 20px;
}
#content-top div.mainvisual .copy01 {
	position: absolute;
	top: 182px;
	left: 210px;
	margin: 0;
	padding: 0;
}
#content-top div.mainvisual .copy02 {
	position: absolute;
	top: 182px;
	left: 430px;
	margin: 0;
	padding: 0;
}
#content-top div.mainvisual .banner {
	position: absolute;
	top: 177px;
	left: 610px;
	margin: 0;
	padding: 0 0 0 21px;
	background: url(../recruit/img/index_lineheight01.jpg) 0 0 no-repeat;
}

/* intro */
#content-top div.intro {
	padding: 0 0 45px 5px;
}
#content-top div.intro-inside {
	float: left;
	width: 188px;
	padding: 0 0 0 10px;
}
#content-top div.intro h2 {
	margin: 0 0 12px 0;
}
#content-top div.intro p.banner {
	margin: 0 0 12px 0;
}
#content-top div.intro p.banner a {
	display: block;
	border: 3px solid #F7EBBD;
}
#content-top div.intro p.banner a:hover {
	border: 3px solid #448DCB;
}
#content-top div.intro p.body {
	line-height: 1.6;
}

/* footnavi */
#content-top div.footnavi {
	clear: both;
	margin: 0 11px 0 19px;
	padding: 19px 20px;
	background: #EBE6D5 url(../recruit/img/index_bg_foonavi.jpg) center center no-repeat;
	border: 1px solid #D9D2C2;
}
#content-top div.footnavi-inside.left {
	float: left;
	width: 354px;
}
#content-top div.footnavi-inside.right {
	float: right;
	width: 354px;
}
#content-top div.footnavi h3 {
	margin: 0 0 20px 0;
	padding: 0 0 0 14px;
	font-size: 100%;
	font-weight: normal;
	background: url(../recruit/img/index_ico01.gif) 0 center no-repeat;
	line-height: 1.4;
	text-align: left;
}
#content-top div.footnavi h3.bottom {
	margin-bottom: 0;
}
#content-top div.footnavi ul {
	padding: 0 0 0 2px;
}
#content-top div.footnavi ul li {
	float: left;
	width: 7em;
	padding: 0 0 0 12px;
	background: url(../recruit/img/index_ico_arw.gif) 0 center no-repeat;
}


/* ===== education ===== */
#training p.lead {
	margin: 0 0 25px 15px;
	line-height: 1.8;
}
#training p.figure {
	margin: 0 0 45px 15px;
}
#main #contents #text #training ol {
	margin: 0px 1.2em 1.5em 1.5em;
	padding: 0;
}
#main #contents #text #training ol li {
	list-style-type: decimal;
}
#main #contents #text #training p.fig {
	float: right;
	padding: 0 0 15px 15px;
}


/* ===== voice ===== */

#main #voice p.comingsoon {
	margin: 186px 0 279px 0;
	text-align: center;
}

#main #contents #text #voice{
	color: #000;
}
#main #contents #text #voice h1.titlemain{
	padding: 0 0 30px 0;
}
#main #contents #text #voice h1.titledetail{
	margin: 0;
	padding: 10px 0 0 0;
}
#main #contents #text #voice p.button-top{
	margin: 0;
	padding: 0 0 13px 0;
}
#main #contents #text #voice h2.titlecopy{
	margin: 0;
	padding: 0 0 30px 0;
}

#main #contents #text #voice div.voicewrapper{
	background: url(../recruit/voice/img/bg_voice.gif) 100% 0 repeat-y;
}
#main #contents #text #voice div.voicemain{
	float: left;
	width: 386px;
}
#main #contents #text #voice div.voicemain div.section{
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #EFEFEF;
}
#main #contents #text #voice div.voicemain div.section.bottom{
	margin-bottom: 0;
}
#main #contents #text #voice div.voicemain h3{
	padding: 0 0 20px 0;
}
#main #contents #text #voice div.voicemain p{
	margin: 0;
	padding: 0;
	line-height: 1.8;
}
#main #contents #text #voice div.voicemain p.photo{
	float: left;
	margin: 0;
	padding: 3px 15px 15px 0;
}
#main #contents #text #voice div.voicemain p.photo img{
	border: 3px solid #F9FAFC;
}

#main #contents #text #voice div.voiceside{
	float: right;
	width: 184px;
}
#main #contents #text #voice div.voiceside div.section{
	padding: 20px 0 25px 0;
	border-bottom: 1px solid #FFF;
}
#main #contents #text #voice div.voiceside div.section.bottom{
	padding: 20px 0 25px 0;
	border-bottom: none;
}
#main #contents #text #voice div.voiceside div.section h3{
	padding: 0 0 12px 0;
}
#main #contents #text #voice div.voiceside div.section p.text{
	margin: 0;
	padding: 0 12px;
	line-height: 1.8;
	font-size: 84%;
}
#main #contents #text #voice div.voiceside div.section p.photo{
	width: 164px;
	margin: 0 auto;
	padding: 3px 0 9px 0;
	text-align: center;
	background: url(../recruit/voice/img/side_bg_photo.jpg) 0 100% no-repeat;
}
#main #contents #text #voice div.voiceside div.section p.photo.bottom{
	margin-top: 5px;
}
#main #contents #text #voice div.voiceside div.section p.banner{
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
}
#main #contents #text #voice div.voiceside div.section p.link{
	margin: 0 12px;
	padding: 0 0 0 12px;
	background: url(../recruit/voice/img/ico_arw_side.gif) 0 center no-repeat;
}

#main #contents #text #voice div.voicefooter{
	clear: both;
	padding: 21px 0 0 0;
	background: url(../recruit/voice/img/line_dot_gray.gif) 0 20px repeat-x;
}
#main #contents #text #voice div.voicefooter dl{
	clear: both;
	margin: 0;
	padding: 0 0 1px 0;
	background: url(../recruit/voice/img/line_dot_gray.gif) 0 100% repeat-x;
}
#main #contents #text #voice div.voicefooter dl.even{
	background: #F9F9F9 url(../recruit/voice/img/line_dot_gray.gif) 0 100% repeat-x;
}
#main #contents #text #voice div.voicefooter dt{
	float: left;
	width: 101px;
	margin: 0;
	padding: 4px 0;
	line-height: 0;
}
#main #contents #text #voice div.voicefooter dd{
	float: left;
	margin: 0 25px 0 0;
	padding: 0 23px 0 0;
	color:#CCC;
	line-height: 32px;
	background: url(../recruit/voice/img/lineheight_solid_gray.gif) 100% center no-repeat;
}
#main #contents #text #voice div.voicefooter dd strong{
	color:#2F81C5;
	font-weight:normal;
}
#main #contents #text #voice div.voicefooter p.link{
	clear: both;
	padding: 18px 0 18px 12px;
	background: url(../recruit/voice/img/ico_arw.gif) 0 center no-repeat;
}


/* index.html */
#main #contents #text #voice {
	width: 588px;
}
#main #contents #text #voice div.staff {
	float: left;
	width: 184px;
	height: 314px;
	padding: 0 18px 0 0;
}
#main #contents #text #voice div.staff.right {
	padding: 0;
}
#main #contents #text #voice div.staff p.photo {
	position: relative;
	width: 184px;
	margin: 0 0 13px 0;
}
#main #contents #text #voice div.staff p.photo img {
}
#main #contents #text #voice div.staff p.photo span.cs{
	display: block;
	border:3px solid #EEE;
}
#main #contents #text #voice div.staff p.photo a {
	display: block;
}
#main #contents #text #voice div.staff p.photo span.icon {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
#main #contents #text #voice div.staff p.photo .seizou {
	border:3px solid #FDEDD3;
}
#main #contents #text #voice div.staff.active p.photo a.seizou,
#main #contents #text #voice div.staff p.photo a.seizou:hover {
	border:3px solid #F29214;
}
#main #contents #text #voice div.staff p.photo .hinshitsu {
	border:3px solid #EBE6D5;
}
#main #contents #text #voice div.staff.active p.photo a.hinshitsu,
#main #contents #text #voice div.staff p.photo a.hinshitsu:hover {
	border:3px solid #777064;
}
#main #contents #text #voice div.staff p.photo .koumu {
	border:3px solid #FEF7E1;
}
#main #contents #text #voice div.staff.active p.photo a.koumu,
#main #contents #text #voice div.staff p.photo a.koumu:hover {
	border:3px solid #F8C100;
}
#main #contents #text #voice div.staff p.photo .seisan {
	border:3px solid #ECF5DE;
}
#main #contents #text #voice div.staff.active p.photo a.seisan,
#main #contents #text #voice div.staff p.photo a.seisan:hover {
	border:3px solid #7EBD24;
}
#main #contents #text #voice div.staff p.photo .kenkyuu {
	border:3px solid #F6E1E3;
}
#main #contents #text #voice div.staff.active p.photo a.kenkyuu,
#main #contents #text #voice div.staff p.photo a.kenkyuu:hover {
	border:3px solid #C53944;
}
#main #contents #text #voice div.staff p.photo .eigyou {
	border:3px solid #E6F1F9;
}
#main #contents #text #voice div.staff.active p.photo a.eigyou,
#main #contents #text #voice div.staff p.photo a.eigyou:hover {
	border:3px solid #2F81C5;
}

#main #contents #text #voice div.staff p.name {
	margin: 0 0 0 15px;
	text-align: left;
}


/* ===== guideline ===== */

#main #contents #text #guideline ul.pagenavi {
	width: 558px;
	height: 30px;
	margin: 0 0 20px 0;
	padding: 0 15px;
	background: url(../recruit/guidelines/img/bg_pagenavi.gif) 0 0 no-repeat;
}
#main #contents #text #guideline ul.pagenavi li {
	float: left;
	margin: 0;
	padding: 0 20px 0 13px;
	list-style: none;
	line-height: 30px;
	background: url(../recruit/guidelines/img/ico_arw_pagenavi.gif) 0 center no-repeat;
}

#guideline p.lead {
	margin: 0 0 12px 15px;
}
#guideline p.flow {
	margin: 0 0 15px 15px;
}

#guideline div.entrybox {
	margin: 0 15px 30px 15px;
	padding: 10px 15px;
	border: 1px solid #D9D2C2;
	background: #EBE6D5;
}
#guideline div.entrybox p {
	margin: 0;
	padding: 0;
}
#guideline div.entrybox p.button {
	float: right;
	width: 180px;
	padding-top: 5px;
	text-align: right;
}
#guideline div.entrybox p.text {
	padding: 2px 0 0 0;
}
#guideline div.noentry {
	margin: 145px 15px 270px 15px;
	padding: 20px;
	border: 1px solid #D9D2C2;
	background: #EBE6D5;
}
#guideline div.noentry p{
	margin: 0;
	padding: 0;
	font-size: 117%;
	font-weight: bold;
	text-align: center;
}
#main #contents #guideline p.pageTop {
	margin-top: 15px;
}

/* DATA */
#guideline div.data {
	clear: both;
	margin: 0 15px;
	background: url(../recruit/guidelines/img/line_data.gif) 0 100% no-repeat;
}
#guideline div.data-inside {
	float: right;
	width: 437px;
	padding: 7px 0;
}
#main #contents #guideline div.data h3 {
	float: left;
	width: 100px;
	margin: 0;
	padding: 5px;
	color: #2F81C5;
}
#guideline div.data p,
#guideline div.data ul {
	margin: 0;
	padding: 0;
}
#guideline div.data ul li {
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../recruit/guidelines/img/ico_dot_gray.gif) 0 center no-repeat;
	list-style: none;
}

#guideline div.data-inside table {
	border-collapse: separate;
	border-right: 1px solid #AFAFAF;
	border-bottom: 1px solid #AFAFAF;
}
#guideline div.data-inside table.middle {
	width: 260px;
}
#guideline div.data-inside p.comment01 {
	width: 260px;
	text-align: right;
	font-size: 84%;
}
#guideline div.data-inside table.wide {
	width: 435px;
}
#guideline div.data-inside table th,
#guideline div.data-inside table td {
	padding: 3px 5px;
	border-left: 1px solid #AFAFAF;
	border-top: 1px solid #AFAFAF;
}
#guideline div.data-inside table td.year {
	text-align: center;
}
#guideline div.data-inside table td.data {
	text-align: right;
}
#guideline div.data-inside table th {
	background-color: #F9F9F9;
	text-align: left;
}

/* MESSAGE */
#main #contents #text #guideline h2#message{
	margin: 0;
}
#main #contents #text #guideline div.message{
	width: 510px;
	height: 233px;
	padding: 36px 35px 0 38px;
	background: url(../recruit/guidelines/img/bg_message.gif) 0 0 no-repeat;
}
#main #contents #text #guideline div.message p.body{
	margin: 0;
	padding: 0 0 0 2px;
	line-height: 22px;
}
#main #contents #text #guideline div.message p.name{
	margin: 0;
	padding: 20px 0 0 2px;
	color: #726A5F;
	text-align: right;
	line-height: 22px;
}
#main #contents #text #guideline div.message p.name span.title{
	color: #F9AD6F;
	font-weight: bold;
}
#main #contents #text #guideline div.message p.name span.name{
	font-weight: bold;
}
#main #contents #text #guideline div.message p.button{
	margin: 0;
	padding: 4px 0 0 0;
	text-align: right;
}


/* ===== Q&A(index3) ===== */

#main #contents #text #qa h2{
	margin: 0;
}

#main #contents #qa div.section.top {
	margin: 0 0 30px 0;
	padding: 13px;
	border: 2px solid #F6EABD;
}

#main #contents #qa dl {
	margin: 0;
}
#main #contents #qa dl.odd {
	width: 570px;
	background: url(../recruit/img/line_dot_gray.gif) 0 100% repeat-x;
	padding: 14px 5px 10px 15px;
}
#main #contents #qa dl.even {
	width: 570px;
	background: #F3F7FC url(../recruit/img/line_dot_gray.gif) 0 100% repeat-x;
	padding: 14px 5px 10px 15px;
}
#main #contents #qa dl dt {
	float: left;
	width: 50px;
	height: 22px;
	line-height: 22px;
	text-align: center;
}
#main #contents #qa dl dt.question {
	color: #726A5F;
	font-weight: bold;
}
#main #contents #qa dl.top {
	width: 535px;
	padding: 13px 0 10px 15px;
}
#main #contents #qa dl.top dt.question,
#main #contents #qa dl.odd dt.question {
	background: url(../recruit/img/qa_bg_q.gif) 0 0 no-repeat;
}
#main #contents #qa dl.even dt.question {
	background: url(../recruit/img/qa_bg_q_b.gif) 0 0 no-repeat;
}
#main #contents #qa dl dt.answer {
	color: #FFF;
	font-weight: bold;
}
#main #contents #qa dl.odd dt.answer {
	background: url(../recruit/img/qa_bg_a.gif) 0 0 no-repeat;
}
#main #contents #qa dl.even dt.answer {
	background: url(../recruit/img/qa_bg_a_b.gif) 0 0 no-repeat;
}

#main #contents #qa dl dd {
	float: left;
	width: 505px;
	padding: 2px 0 0 11px;
}
#main #contents #qa dl.top dd {
	width: 470px;
}
#main #contents #qa dl dd.question {
	color: #726A5F;
	font-weight: bold;
}

#main #contents #qa p.pageTop {
	margin-top: 15px;
}


/* ===== Message(index4) ===== */
#main #contents #message h1 {
	margin: 0;
}
#main #contents #message p.banner {
	margin: 0 0 25px 0;
}
#main #contents #message p.body {
	margin: 0 15px 20px 15px;
	line-height: 1.8;
}


/* ===== job ===== */
#main #job p.comingsoon {
	margin: 186px 0 300px 0;
	text-align: center;
}

#main #contents #text #job h1 {
	margin: 0;
}

/* tab */
#main #contents #text #main #job ul.tab {
	height: 60px;
}
#main #contents #text #job ul.tab li.shokushu {
	float: left;
	width: 280px;
	height: 60px;
	line-height: 0;
	font-size: 1px;
}
#main #contents #text #job ul.tab li.senkou {
	float: right;
	width: 285px;
	height: 60px;
	line-height: 0;
	font-size: 1px;
}

/* tabList */
#main #job ul.tabList {
	height: 60px;
}
#main #job ul.tabList li {
	text-indent: -9999px;
}
#main #job ul.tabList li.shokushu {
	float: left;
	width: 303px;
	height: 60px;
}
#main #job ul.tabList li.shokushu a {
	display: block;
	width: 303px;
	height: 60px;
	background: url(../recruit/img/job/tab01.gif) 0 0 no-repeat;
}
#main #job ul.tabList li.shokushu a.selected,
#main #job ul.tabList li.shokushu a:hover {
	background: url(../recruit/img/job/tab01.gif) 0 -60px no-repeat;
}
#main #job ul.tabList li.senkou {
	float: left;
	width: 285px;
	height: 60px;
}
#main #job ul.tabList li.senkou a {
	display: block;
	width: 285px;
	height: 60px;
	background: url(../recruit/img/job/tab02.gif) 0 0 no-repeat;
}
#main #job ul.tabList li.senkou a.selected,
#main #job ul.tabList li.senkou a:hover {
	background: url(../recruit/img/job/tab02.gif) 0 -60px no-repeat;
}

#main #job div.section p.body {
	margin: 0;
	padding: 20px 20px 12px 20px;
	line-height: 1.8;
}
#main #contents #text #job div.section ul.banner {
	clear: both;
	height: 70px;
	padding: 0 0 10px 12px;
}
#main #contents #text #job div.section ul.banner li {
	float: left;
	padding: 0 0 0 8px;
}
#main #contents #text #job div.section ul.text {
	padding: 0 0 12px 20px;
}
#main #contents #text #job div.section ul.text li {
	float: left;
	padding: 0 20px 0 13px;
	background: url(../recruit/img/job/senkou_ico_arw.gif) 0 center no-repeat;
}
#main #contents #text #job div.section ul.text li.noarw {
	float: left;
	padding: 0 20px 0 13px;
	background: url(../recruit/img/job/senkou_ico_square.gif) 0 center no-repeat;
}


/* shokushu */
#main #job #shokushu div.section {
	clear: both;
	padding: 0 0 10px 0;
	background: url(../recruit/img/bg_section.gif) 0 0 repeat;
}
#main #job #shokushu div.section.top {
	padding: 10px 0;
}
#main #job #shokushu div.section-outline {
	width: 568px;
	margin: 0 auto;
	background: #FFF url(../recruit/img/bg_section_btm.gif) 0 100% no-repeat;
}
#main #job #shokushu div.section-inside {
	background: url(../recruit/img/bg_section_top.gif) 0 0 no-repeat;
}
#main #job #shokushu div.section.top div.section-inside {
	padding: 25px 0;
	position: relative;
	text-align: right;
}
#main #job #shokushu div.section.top div.section-inside p {
	position: absolute;
	margin: 0;
	padding: 0;
}
#main #job #shokushu div.section.top div.section-inside p.button01 {
	top: 109px;
	left: 45px;
}
#main #job #shokushu div.section.top div.section-inside p.button02 {
	top: 214px;
	left: 45px;
}
#main #job #shokushu div.section.top div.section-inside p.button03 {
	top: 133px;
	left: 200px;
}
#main #job #shokushu div.section.top div.section-inside p.button04 {
	top: 187px;
	left: 200px;
}
#main #job #shokushu div.section.top div.section-inside p.button05 {
	top: 235px;
	left: 190px;
}
#main #job #shokushu div.section.top div.section-inside p.button06 {
	top: 64px;
	left: 359px;
}

#main #job #shokushu div.section h2.title01 {
	position: relative;
	width: 588px;
	background: #2F81C5;
}
#main #job #shokushu div.section h2.title01 span.button {
	display: block;
	position: absolute;
	top: 11px;
	left: 488px;
}

/* senkou */
#main #job #senkou div.section {
	clear: both;
	padding: 0 0 10px 0;
	background: url(../recruit/img/bg_section2.gif) 0 0 repeat;
}
#main #job #senkou div.section.top {
	padding: 10px 0;
}
#main #job #senkou div.section-outline {
	width: 568px;
	margin: 0 auto;
	background: #FFF url(../recruit/img/bg_section2_btm.gif) 0 100% no-repeat;
}
#main #job #senkou div.section-inside {
	padding:0 0 5px 0;
	background: url(../recruit/img/bg_section2_top.gif) 0 0 no-repeat;
}
#main #job #senkou div.section.top div.section-inside {
	padding: 20px 0;
}
#main #job #senkou div.section.top h2 {
	margin: 0;
	padding: 0 0 18px 0;
	text-align: center;
}
#main #job #senkou div.section.top ul.btn01 {
	margin: 0;
	padding: 0 0 0 10px;
}
#main #job #senkou div.section.top ul.btn02 {
	clear: both;
	margin: 0;
	padding: 10px 0 0 100px;
}
#main #job #senkou div.section.top li {
	float: left;
	padding: 0 0 0 10px;
	line-height: 0;
	font-size: 1px;
}

#main #job #senkou div.section h2.title01 {
	position: relative;
	width: 588px;
	background: #48ABD6;
}
#main #job #senkou div.section h2.title01 span.button {
	display: block;
	position: absolute;
	top: 12px;
	left: 489px;
}

#main #contents #text #job p.pageTop {
	margin-top: 20px;
}


/* ===== about ===== */
#main #about {
}
#main #contents #text #about h1 {
	margin: 0;
	padding: 0;
}
#main #about div.slider {
	width: 578px;
	padding: 0 5px 10px 5px;
	background: url(../recruit/img/bg_section.gif) 0 0 repeat;
}
#main #about div.slider-outline {
	position: relative;
	width: 578px;
	overflow: hidden;
}
#main #about div.slider-outline p.arwleft {
	position: absolute;
	top: 0;
	left: 0;
	width: 90px;
	height: 234px;
	padding: 236px 0 0 0;
	text-align: center;
	background: url(../recruit/img/about/bg_slider_arw.gif) 0 0 repeat;
}
#main #about div.slider-outline p.arwright {
	position: absolute;
	top: 0;
	right: 0;
	width: 90px;
	height: 234px;
	padding: 236px 0 0 0;
	text-align: center;
	background: url(../recruit/img/about/bg_slider_arw.gif) 0 0 repeat;
}
#main #about div.slider-outline p.arwleft img,
#main #about div.slider-outline p.arwright img {
	cursor: pointer;
}
#main #about div.slider-outline li {
	position: absolute;
}
#main #about div.slider-outline li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#main #contents #text #about div.slider-outline li.tab01 {
	top: 5px;
	left: 5px;
	width: 181px;
	height: 60px;
}
#main #contents #text #about div.slider-outline li.tab01 a {
	width: 181px;
	height: 60px;
	background: url(../recruit/img/about/tab01.gif) 0 0 no-repeat;
}
#main #contents #text #about div.slider-outline li.tab01 a:hover,
#main #contents #text #about div.slider-outline li.tab01 a.active {
	background: url(../recruit/img/about/tab01.gif) 0 -60px no-repeat;
}

#main #contents #text #about div.slider-outline li.tab02 {
	top: 5px;
	left: 165px;
	width: 221px;
	height: 60px;
}
#main #contents #text #about div.slider-outline li.tab02 a {
	width: 221px;
	height: 60px;
	background: url(../recruit/img/about/tab02.gif) 0 0 no-repeat;
}
#main #contents #text #about div.slider-outline li.tab02 a:hover,
#main #contents #text #about div.slider-outline li.tab02 a.active {
	background: url(../recruit/img/about/tab02.gif) 0 -60px no-repeat;
}

#main #contents #text #about div.slider-outline li.tab03 {
	top: 5px;
	left: 365px;
	width: 208px;
	height: 60px;
}
#main #contents #text #about div.slider-outline li.tab03 a {
	width: 208px;
	height: 60px;
	background: url(../recruit/img/about/tab03.gif) 0 0 no-repeat;
}
#main #contents #text #about div.slider-outline li.tab03 a:hover,
#main #contents #text #about div.slider-outline li.tab03 a.active {
	background: url(../recruit/img/about/tab03.gif) 0 -60px no-repeat;
}

#main #contents #text #about div.slider-outline p.tabarrow {
	position: absolute;
	top: 65px;
	left: 88px;
}


#main #about div.slider-inside {
	width: 1500px;
	height: 470px;
	background: #FFF;
}
#main #about div.slider-inside p.step01 {
	position: relative;
	float: left;
	width: 463px;
	margin: 0;
	padding: 0 30px 0 0;
}
#main #about div.slider-inside p.step01 strong {
	display: block;
	position: absolute;
	top: 246px;
	left: 57px;
}
#main #about div.slider-inside p.step02 {
	position: relative;
	float: left;
	width: 421px;
	margin: 0;
	padding: 0;
}
#main #about div.slider-inside p.step02 strong {
	display: block;
	position: absolute;
	top: 244px;
	left: 5px;
}
#main #about div.slider-inside p.step03 {
	position: relative;
	float: left;
	width: 439px;
	margin: 0;
	padding: 0;
}
#main #about div.slider-inside p.step03 strong {
	display: block;
	position: absolute;
	top: 247px;
	left: 10px;
}

#main #about div.section {
	clear: both;
	padding: 0 0 10px 0;
	background: url(../recruit/img/bg_section.gif) 0 0 repeat;
}
#main #about div.section h2 {
	padding: 0 0 10px 0;
}
#main #about div.section-outline {
	width: 568px;
	margin: 0 auto;
	background: #FFF url(../recruit/img/bg_section_btm.gif) 0 100% no-repeat;
}
#main #about div.section-inside {
	padding: 0 20px 15px 20px;
	background: url(../recruit/img/bg_section_top.gif) 0 0 no-repeat;
}

#main #contents #text #about div.section h3.title01 {
	clear: both;
	padding: 20px 0 14px 0;
}
#main #contents #text #about div.section h4.title02 {
	padding: 0 0 14px 0;
	color: #444;
	font-size: 117%;
	letter-spacing: 0;
}
#main #about div.section p.photo {
	float: left;
	width: 235px;
	margin: 0;
	padding: 0;
}
#main #about div.section div.body {
	float: right;
	width: 272px;
}
#main #about div.section div.body p {
	margin: 0;
	padding: 0;
	line-height: 1.8;
}

#main #contents #text #about div.section ul.fnavi {
	padding: 15px 0 5px 5px;
}
#main #contents #text #about div.section ul.fnavi li {
	float: left;
	width: 132px;
	padding: 0 0 0 10px;
}

#main #contents #text #about p.pageTop {
	margin-top: 20px;
}