@charset "utf-8";

/* ------------------------------------------- CSS Information
 File Name:      solution.css
 Author:         
 Style Info:     ソリューション・サービス用
----------------------------------------------------------- */

/* ----------------------------------- Main Style --*/

.fresh{
	width:340px;
	float:left;
	margin:0 15px 0 0;
}
.career{
	width:340px;
	float:left;
}
.articleLeft{
	float:left;
	width: 330px;
	margin:0;
	padding:0;
}
.articleRight{
	float:right;
	width: 330px;
	margin:0;
	padding:0;
}
/**---------中途採用ページ--------------**/

.careerLeft{
	width:340px;
	float:left;
	padding:0;
	margin:0 15px 0 0;
}

.careerRight{
	width:340px;
	margin:0;
	padding:0;
	float:left;
}
.careerbox{
	font-size: 1.1em;
	font-weight: bold;
	margin:0 0 20px 0;
	padding: 0.6em 0.8em;
	_padding: 0.2em 0.8em;
	background-color: #787878;
	color:#FFFFFF;


}
.careerVoiceL{
	width:65px;
	float:left;
	padding:0 5px 0 0;
}
.careerVoiceR{
	width:270px;
	float:left;
}

.recruit01{
	background:url(../../images/dot_red_01.gif) no-repeat left;
	padding-left:15px;
	margin-bottom:10px;
}
.recruit02 {
	background:url(../../images/dot_red_01.gif) no-repeat left top;
	padding-left:15px;
	margin-bottom:10px;
}
.voiceFigure{
	width:210px;
	padding:0 10px 5px 0;
	margin:5px;
	float:left;
}

.photoVoice{
	width:150px;
	float:left;
	margin-right:20px;
}
.photoVoiceR{
	width:150px;
	float:right;
	margin-left:20px;
}
.photoSatisfaction{
	width:450px;
	margin:40px 125px;
}
.photoSatisfactionL{
	width:180px;
	float:left;
}
.photoSatisfactionR{
	width:180px;
	float:right;
}
.voiceL{
	width:345px;
	float:left;
	margin:0;
	padding:0;
}
.voiceR{
	width:345px;
	margin:0 0 0 10px;
	float:right;
	padding:0;
	
}
.voiceL p{
	margin-bottom:10px;	
}
.voiceR p{
	margin-bottom:10px;	
}
.presidentL{
 	width:180px;
	float:left;
	margin-right:10px;
}
.presidentR{
 	width:510px;
	float:right;
}
.textTop{
	padding-left:25px;
	margin-left:50px;
}
 /**** recruit用TableStyle　***/
.recruitTable01 {
 	border-top:1px solid #ccc;
 	border-right:1px solid #ccc;
 }
 
 .recruitTable01 th{
 	border-bottom:1px solid #ccc;
 	border-left:1px solid #ccc;
	background-color:#f0f0f0;
	text-align:center;
	padding:10px 6px;
}

 .recruitTable01 td{
 	border-bottom:1px solid #ccc;
 	border-left:1px solid #ccc;
	background-color:#fff;
	padding:10px 6px;
}

 .recruitTable01 td.left{
 	border-bottom:1px solid #ccc;
 	border-left:1px solid #ccc;
	background-color:#fff;
	text-align:left;
	padding:10px 10px;
}

 .recruitTable01 td.stripe{
 	border-bottom:1px solid #ccc;
 	border-left:1px solid #ccc;
	background-color:#e0e0e0;
	padding:10px 6px;
}

 .recruitTable01 th.header{
 	border-bottom:1px solid #ccc;
 	border-left:1px solid #fff;
	background-color:#f0f0f0;
	text-align:left;
	font-weight:bold;
	padding:10px 10px;
}

.recruitTable02 {
 	border-top:1px solid #ccc;
 }
 
 .recruitTable02 th{
 	border-bottom:1px solid #ccc;
	background-color:#f0f0f0;
	text-align:left;
	font-weight:normal;
	padding:10px 15px;
}
 .recruitTable02 td{
 	border-bottom:1px solid #ccc;
	background-color:#fff;
	text-align:left;
	padding:10px 15px;
}
.visionTable td{
	vertical-align:middle;
}

/**---------新卒TOPタブ--------------**/

.tabbox02 {
	margin: 20px 0 0 0;
	width:700px;
	height: 30px;
	background: url(../../images/tab_bg.gif) repeat-x left bottom;
	overflow: hidden;
}

.tabbox02 ul.tabLink02 {
	padding: 0;
	list-style: none;
	font-size: 0.9em;
}
ul.tabLink02 li {
	float: left;
	line-height: 1.2em;
}
ul.tabLink02 li a {
	display: block;
	min-height: 30px;
	width: 138px;
	padding: 10px 0 5px 20px;
	background: url(../../../recruit/images/tab_link_off.gif) no-repeat left top;
	color: #000000;
	outline:0;
}
ul.tabLink02 li a:hover {
	background: url(../../../recruit/images/tab_link_hover.gif) no-repeat left top;
	min-height: 30px;
	width: 138px;
	padding: 10px 0 5px 20px;
	color: #de0010;
}
ul.tabLink02 .active {
	background: url(../../../recruit/images/tab_link_on.gif) no-repeat left top;
	min-height:30px;
	width: 138px;
	padding: 10px 0 5px 20px;
	color: #000000;
	white-space: normal;
}
/* ----------------------------------- タブメニューIE7用 --*/
*+html .tabbox02 {
	margin: 20px 0 0 0;
	height:30px;
	width:700px;
	background: url(../../images/tab_bg.gif) repeat-x left top;
	overflow: hidden;
}

/* ----------------------------------- タブメニューIE6用 --*/
* html .tabbox02 {
	margin: 20px 0 0 0;
	height:30px;
	width:700px;
	background: url(../../images/tab_bg.gif) repeat-x left top;
	overflow: hidden;
}
* html .tabbox02 ul.tabLink {
	padding: 0;
	list-style: none;
	font-size: 0.9em;
}
* html ul.tabLink02 li {
	float: left;
	line-height: 1.2em;
}
* html ul.tabLink02 li a {
	display: block;
	min-height: 30px;
	width: 136px;
	padding: 11px 0 8px 22px;
	background: url(../../../recruit/images/tab_link_off.gif) no-repeat left top;
	color: #000000;
}
* html ul.tabLink02 li a:hover {
	background: url(../../../recruit/images/tab_link_hover.gif) no-repeat left top;
	min-height: 30px;
	width: 136px;
	padding: 11px 0 8px 22px;
	color: #de0010;
}
* html ul.tabLink02 .active {
	background: url(../../../recruit/images/tab_link_on.gif) no-repeat left top;
	min-height:30px;
	width: 136px;
	padding: 11px 0 8px 22px;
	color: #000000;
	white-space: normal;
}
.recruitMenu {
	margin: 0;
	padding: 0;
	width:700px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	height:160px;
	vertical-align:top;
}
.recruitMenu02 {
	margin: 6px;
	padding: 10px 0 0 0;
	float:left;
	width:220px;
	vertical-align:top;
}
/* ----------------------------------- タブメニューIE6用 --*/
* html .recruitMenu02 {
	margin: 5px;
	padding: 10px 0 0 0;
	float:left;
	width:220px;
	vertical-align:top;
}

/* ----------------------------------- 採用の流れ--*/

.flow700px{
	width:700px;
	margin:0;
	padding:0;
}
.flowText{
	width:500px;
	float:right;
}

.flow01{
	margin:0;
	padding:0;
	width:160px;
	height:28px;
	float:left;
	background:url(../../../recruit/fresh/images/img_flow_01.jpg) no-repeat;
	font-weight:bold;
}
.flow01Bk{
	margin:0;
	padding:0;
	width:160px;
	height:60px;
	background:url(../../../recruit/fresh/images/img_flow_02.jpg) repeat-y;
	text-align:center;
	vertical-align:middle;
}
.flow02{
	margin:0;
	padding:0;
	width:160px;
	height:36px;
	float:left;
	background:url(../../../recruit/fresh/images/img_flow_03.jpg) no-repeat;
	font-weight:bold;
}
.flow02Bk{
	margin:0;
	padding:0;
	width:160px;
	height:100%:
	float:left;
	background:url(../../../recruit/fresh/images/img_flow_04.jpg) repeat-y;
	text-align:center;
	vertical-align:middle;
}
.flow03{
	margin:0;
	padding:0;
	width:160px;
	height:38px;
	float:left;
	background:url(../../../recruit/fresh/images/img_flow_05.jpg) no-repeat;
	font-weight:bold;
}
.flow03Bk{
	margin:0;
	padding:0;
	width:160px;
	height:100%:
	float:left;
	background:url(../../../recruit/fresh/images/img_flow_06.jpg) repeat-y;
	text-align:center;
	vertical-align:middle;
}
.flow04{
	margin:0;
	padding:0;
	width:160px;
	height:38px;
	float:left;
	background:url(../../../recruit/fresh/images/img_flow_07.jpg) no-repeat;
	font-weight:bold;
}
.flow0402{
	margin:0;
	padding:0;
	width:160px;
	height:38px;
	float:left;
	background:url(../../../recruit/fresh/images/img_flow_0702.jpg) no-repeat;
	font-weight:bold;
}
.flow04Bk{
	margin:0;
	padding:0;
	width:160px;
	height:60px;
	background:url(../../../recruit/fresh/images/img_flow_08.jpg) repeat-y;
	text-align:center;
	vertical-align:middle;
}
.flow05{
	margin:0;
	padding:0;
	width:160px;
	height:38px;
	float:left;
	background:url(../../../recruit/fresh/images/img_flow_09.jpg) no-repeat;
	font-weight:bold;
}
.flow05Bk{
	margin:0;
	padding:0;
	width:160px;
	height:60px;
	background:url(../../../recruit/fresh/images/img_flow_10.jpg) repeat-y;
	text-align:center;
	vertical-align:middle;
}
.flow06{
	margin:0;
	padding:0;
	width:160px;
	height:39px;
	float:left;
	background:url(../../../recruit/fresh/images/img_flow_11.jpg) no-repeat;
	font-weight:bold;
}
.flow06Bk{
	margin:0;
	padding:0;
	width:160px;
	height:60px;
	background:url(../../../recruit/fresh/images/img_flow_12.jpg) repeat-y;
	text-align:center;
	vertical-align:middle;
}
.flow07{
	margin:0;
	padding:0;
	width:160px;
	height:27px;
	float:left;
	background:url(../../../recruit/fresh/images/img_flow_13.jpg) no-repeat;
	font-weight:bold;
}

/*---ページ--*/
div#pageLink{
	border-top: 1px solid #ccc;
	margin:0;
	padding:10px 0;


}
div#pageLink ul {
	float:right;
	margin:0;
	padding:0;
}
div#pageLink ul li#backend{
	list-style: none;
	margin:0;
	padding:0;
	text-indent:-9999px;
	float: left;
	_line-height: 2.8em;
}
div#pageLink ul li#backend a{
	display: block;
	min-height: 28px;
	width: 110px;
	margin:0;
	padding:0;
	background: url(../../../recruit/images/btn_back.gif) no-repeat left top;
	text-decoration:none;
	outline:0;
}
div#pageLink ul li#backend a:hover {
	background: url(../../../recruit/images/btn_back_on.gif) no-repeat left top;
}
div#pageLink ul li#back{
	list-style: none;
	margin:0;
	padding:0;
	text-indent:-9999px;
	float: left;
	_line-height: 2.8em;
}
div#pageLink ul li#back a{
	display: block;
	min-height: 28px;
	width: 110px;
	margin:0;
	padding:0 0 0 10px;
	background: url(../../../recruit/images/btn_back.gif) no-repeat left top;
	text-decoration:none;
	outline:0;
}
div#pageLink ul li#back a:hover {
	background: url(../../../recruit/images/btn_back_on.gif) no-repeat left top;
}
div#pageLink ul li#next{
	list-style: none;
	margin:0;
	padding:0;
	text-indent:-9999px;
	float: left;
	_line-height: 2.8em;
}
div#pageLink ul li#next a{
	display: block;
	min-height: 28px;
	width: 110px;
	margin:0;
	padding:0;
	background: url(../../../recruit/images/btn_next.gif) no-repeat left top;
	text-decoration:none;
	outline:0;
}
div#pageLink ul li#next a:hover {
	background: url(../../../recruit/images/btn_next_on.gif) no-repeat left top;
}

div#pageLink ul li#voiceTop{
	list-style: none;
	margin:0;
	padding:0;
	text-indent:-9999px;
	_line-height: 2.8em;
}
div#pageLink ul li#voiceTop a{
	display: block;
	min-height: 28px;
	width: 110px;
	margin:0;
	padding:0 0 0 10px;
	background: url(../../../recruit/images/btn_list.gif) no-repeat left top;
	text-decoration:none;
	outline:0;
}
div#pageLink ul li#voiceTop a:hover {
	background: url(../../../recruit/images/btn_list_on.gif) no-repeat left top;
}
div#pageLink ul li#voiceTop{
	list-style: none;
	margin-right:350px;
	padding:0;
	text-indent:-9999px;
	float: left;
	_line-height: 2.8em;
}
div#pageLink ul li#voiceTop01{
	list-style: none;
	margin:0;
	padding:0;
	text-indent:-9999px;
	_line-height: 2.8em;
}
div#pageLink ul li#voiceTop01 a{
	display: block;
	min-height: 28px;
	width: 110px;
	margin:0;
	padding:0 0 0 10px;
	background: url(../../../recruit/images/btn_list.gif) no-repeat left top;
	text-decoration:none;
	outline:0;
}
div#pageLink ul li#voiceTop01 a:hover {
	background: url(../../../recruit/images/btn_list_on.gif) no-repeat left top;
}
div#pageLink ul li#voiceTop01{
	list-style: none;
	margin-right:470px;
	padding:0;
	text-indent:-9999px;
	float: left;
	_line-height: 2.8em;
}