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

/*初期化*/

* {
	padding:0;
	font-size:12px;
	letter-spacing:1px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#2a2a2a;
	letter-spacing:2px;
	line-height:150%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
body a {
	color: #2a2a2a;
	text-decoration: underline;
}
body a:hover {
	color: #00AEEF;
	text-decoration: none;
}

html {
	height:100%;
}
h1, h2, h3, h4, h5, h6, em, address, dfn {
	font-style:normal;
	font-weight:normal;
}

table {
	border-collapse:collapse;
	border:none;
	border-spacing:0;
}
th, td {
	vertical-align:top;
	border:solid 1px #000;
	font-weight:normal;
	text-align:left;
}
caption {
	text-align:left;
}
ul, ol, dl {
	list-style:none;
}
li {
	list-style:none;
	display:list-item;
}
img, a img {
	vertical-align:bottom;
	border:none;
	background:transparent;
}
object, embed {
	vertical-align:top;
}
fieldset {
	border:none;
}

/*レイアウト*/
body {
	background-image: url(http://solpac-hr.com/images/common_bg_wholepages.jpg);
	background-repeat: repeat-x;
	font-size: 100%;
}


#contents {
	width: 964px;
	height: auto;
	background-image: url(http://solpac-hr.com/images/toppage_07.jpg);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#inner {
	height: auto;
	width: 802px;
	border: 1px solid #EBEBEB;
	margin-left: 70px;
	margin-bottom: 5px;
}
.btn_in_skill {
	margin-left: 1px;
}
.in_the_skill_topmr {
	margin-top: 5px;
}
#contents #main #title {
	margin-left: 70px;
	padding-top: 10px;
}
.strongTitle {
	font-weight: bold;
	color: #2d3774;
}
#worksdetail {
	margin-top: 20px;
}
#setForm {
	margin-top: 20px;
}
.mr_t10 {
	margin-top: 10px;
}

#middle {
	margin-top: 0px;
	margin-left: 6px;
}
#btn_inmiddle {
	margin-left: 44px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#toppage #worksInfo {
	background-image: url(http://solpac-hr.com/images/toppage_bg_workinfo.jpg);
	background-repeat: no-repeat;
	height: 323px;
	width: 293px;
	padding-top: 8px;
	float: right;
	margin-right: 15px;
}

#inner #middle #left {
	height: auto;
	width: 545px;
	float: left;
}
#main #inner #middle #right {
	background-image: url(http://solpac-hr.com/images/common_bg_sidebar.jpg);
	height: 400px;
	width: 231px;
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}
*html #toppage #main #inner #middle #right {
	margin-left: -4px;
}
*html #main #inner #middle #right {
	margin-left: -10px;
}


#middle #right .sideBtn{
	margin-top: 10px;
	margin-left: 7px;
}

#middle #right #skill{
	margin-top: 20px;
	margin-right: 5px;
}



#toppage #left  .inner {
	background-image: url(http://solpac-hr.com/images/toppage_bg_left.jpg);
	height: 470px;
	width: 545px;
	background-repeat: no-repeat;
	padding: 7px;
	margin-bottom: 0px;
}
#worksInfo .title {
	margin-left: 40px;
	color: #FFFFFF;
}
#left .inner #skill, #right #skill {
	padding-top: 8px;
}

#skill .title {
	margin-left: 40px;
	color: #FFFFFF;
}
#worksInfo p {
	margin-top: 10px;
	margin-left: 5px;
}
#skill p {
	margin-top: 10px;
	margin-left: 5px;
}
.float_clear {
	clear: both;
}
#left .inner #skill,#right #skill{
	float: left;
	height: 295px;
	width: 218px;
	background-image: url(http://solpac-hr.com/images/toppage_bg_skill.jpg);
	margin-right: 15px;
	background-repeat: no-repeat;
}
.normalpage #left .inner #skill,#right #skill{
	float: right;
	height: 295px;
	width: 218px;
	background-image: url(http://solpac-hr.com/images/skill_bg_skill.jpg);
	margin-right: 15px;
	background-repeat: no-repeat;
}

* html #left .inner #skill {
	margin-right: 7px;
}

#worksInfo .title h2 {
	font-weight: bold;
	color: #FFFFFF;
}





#header {
	background-image: url(http://solpac-hr.com/images/common_bg_header.jpg);
	height: 113px;
	width: 964px;
	position: static;
}
#middle #left .inner #skill h2, #right #skill h2 {
	font-weight: bold;
	color: #FFFFFF;
}

#main {
	height: auto;
	width: 964px;
	background-image: url(http://solpac-hr.com/images/common_bg_main.jpg);
	background-repeat: repeat-y;
	padding-bottom: 60px;

}

#footer {
	background-image: url(http://solpac-hr.com/images/common_bg_footer.jpg);
	height: 120px;
	width: 964px;
	padding-top: 30px;
	clear: both;
	margin-bottom: 0px;
}
#footer a {
	text-decoration: none;
	color: #333333;
}


#footer a:hover {
	text-decoration: underline;
	color:#FFFFFF;
}

#footer_logo {
	margin-bottom: 10px;
}

#inner #mainvisual {
	background-image: url(http://solpac-hr.com/images/toppage_image_mainvisual.jpg);
	background-repeat: no-repeat;
	height: 210px;
	width: 791px;
	margin-left: 6px;
	margin-top: 5px;
	margin-bottom: 0px;
}

#toppage #registerBtn {
	margin-top: 120px;
	margin-left: 562px;
}
#footer .inner {
	margin-left: 31px;
}






#globalnavi #menu {
	width: 910px;
	margin:0px auto;
}

#globalnavi li {
	float: left;
}

#globalnavi li a{
	display:block;
	text-indent:-5000px; 
	overflow:hidden;
	}




#navi_about_this_service a{
	width:182px;
	height: 42px;
	background-image: url(http://solpac-hr.com/images/common_globalnavi_jinzai.jpg);
}

#navi_about_this_service a:hover{
    background-position:0px -42px;
}

#navi_info a{
	width:182px;
	height: 42px;
	background-image: url(http://solpac-hr.com/images/common_globalnavi_info.jpg);
}

#navi_info a:hover{
    background-position:0px -42px;
}

#navi_skill a{
	width:182px;
	height: 42px;
	background-image: url(http://solpac-hr.com/images/common_globalnavi_skill.jpg);
}

#navi_skill a:hover{
    background-position:0px -42px;
}

#navi_for_company a{
	width:182px;
	height: 42px;
	background-image: url(http://solpac-hr.com/images/common_globalnavi_for_company.jpg);
}

#navi_for_company a:hover{
    background-position:0px -42px;
}

#navi_require a{
	width:182px;
	height: 42px;
	background-image: url(http://solpac-hr.com/images/common_globalnavi_require.jpg);
}

#navi_require a:hover{
    background-position:0px -42px;
}
#globalnavi {
	padding-top: 70px;
}
#headerlogo {
	position: absolute;
	left: 71px;
	top: 11px;
}



#detailpage #inner #mainvisual {
	background-image: url(http://solpac-hr.com/images/detail_bg_mainvisual.jpg);
	background-repeat: no-repeat;
	height: 123px;
	width: 791px;
	margin-left: 6px;
	margin-top: 5px;
	margin-bottom: 0px;
}
.secondpage #registerBtn{
	margin-top: 35px;
	margin-left: 562px;
}


.secondpage #worksInfo {
	background-repeat: no-repeat;
	height: 323px;
	width: 293px;
	padding-top: 8px;
	float: left;
	background-color: #FFFFFF;
	background-image: url(http://solpac-hr.com/images/detail_bg_jouken.jpg);
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #e8e8e8;
	border-bottom-color: #e8e8e8;
	border-left-color: #e8e8e8;
	height: auto;
	width: 528px;
}
#worksdetail table {
	width: 95%;
	margin-left: 10px;
	margin-bottom: 5px;
}
.mr_r10 {
	margin-right: 10px;
}
.mr_l10 {
}

#detailpage #worksdetail td {
	padding-left: 10px;
}
.bggray {
	background-color: #EFEFEF;
}
.bgblue {
	background-color: #B3BAE1;
}

#detailpage #worksdetail th {
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.mr_b10 {
	margin-bottom: 10px;
}

.mr_l10 {
	padding-left: 10px;
	margin-left: 10px;
}


#projectname {
	margin-bottom: 5px;
	font-size: 150%;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #2D3774;
	padding-left: 15px;
}
#application {
	margin-top: 5px;
}


.secondpage #left .inner {
	height: auto;
	width: 530px;
	background-repeat: no-repeat;
	background-color: #FAFAFA;
	border: 1px solid #e8e8e8;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}

#detailpage #main {
	height: auto;
	width: 964px;
	background-image: url(http://solpac-hr.com/images/common_bg_main.jpg);
	background-repeat: repeat-y;
	padding-bottom: 60px;
}
#detailpage #inner {
	height: auto;
	width: 802px;
	border: 1px solid #EBEBEB;
	margin-left: 70px;
	margin-bottom: 0px;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
#toppage .toScroll {
	height: 160px;
	overflow:auto;
	margin-bottom: 20px;
}
#worksinfopage .toScroll {
	height: 380px;
	overflow:auto;
	margin-bottom: 20px;
	padding-top: 10px;
}
.mr_b15 {
	margin-bottom: 15px;
}
.mr_b20 {
	margin-bottom: 20px;
}


#worksinfopage #inner #mainvisual {
	background-image: url(http://solpac-hr.com/images/detail_bg_mainvisual.jpg);
	background-repeat: no-repeat;
	height: 123px;
	width: 791px;
	margin-left: 6px;
	margin-top: 5px;
	margin-bottom: 0px;
}
#worksinfopage #inner #mainvisual {
	background-image: url(http://solpac-hr.com/images/worksinfo_bg_mainvisual.jpg);
	background-repeat: no-repeat;
	height: 123px;
	width: 791px;
	margin-left: 6px;
	margin-top: 5px;
	margin-bottom: 0px;
}
#explanationAbuotNewones {
	margin-top: 10px;
	font-size: 140%;
	color: #2b304d;
	padding-left: 15px;
	background-image: url(http://solpac-hr.com/images/common_bg_h2.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 550px;
	padding-top: 4px;
}
#textfield {
	width: 70%;
}
#worksinfopage .setform {
	margin-bottom: 10px;
	margin-left: 5px;
}
.mr_l5 {
	margin-left: 9px;
}
.projectsection td {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.projectsection {
	margin-bottom: 20px;
}

.projectsection table{
border-color:#b4b4b4;
}
#onecolumntext {
	width: 60%;
}
.formsection {
	margin-bottom: 20px;
	margin-left: 10px;
}
.radiobtn {
	margin-bottom: 10px;
}
.largetextarea {
	width: 80%;
}
.normalpage #worksdetail {
	padding-right: 20px;
	margin-left: 10px;
	width: 500px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
}
.normalpage #setForm {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.normalpage .firstparag {
	width: 510px;
}
.formsmallsection {
	margin-bottom: 40px;
	clear: both;
	float: none;
}
.must {
	color: #FF7E02;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.font_size_large {
	font-size: 120%;
}
#aform-1 .aform-content #aform-form-1 .title {
	font-weight: bold;
	color: #2A2A2A;
	margin-left: 0px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #2A2A2A;
	padding-left: 5px;
}
.titlearea {
	margin-bottom: 5px;
}
.titlearea_for_ie_huck {
	margin-bottom: 5px;
}
*:first-child+html .titlearea_for_ie_huck {
	margin-bottom: -20px;
}

.mr_t5 {
	margin-top: 5px;
}

.formsection {
	margin-bottom: 20px;
}
.font_size_small {
	color: #999999;
}
.formwidth_short {
	width: 40px;
}
*:first-child+html .ie_mrt_0 {
margin-top:0px;
}


.caution {
	color: #FF7E06;
	margin-right: 40px;
}
.formwidth {
	width: 95%;
}
.imagesmargine {
	margin-top: 10px;
	margin-bottom: 10px;
}
#worksdetail h3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2A2A2A;
	padding-left: 2px;
	font-size: 120%;
}
#worksdetail ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
#worksdetail li {
	list-style-type: square;
	list-style-position: outside;
	margin-left: 15px;
}
.importtantpoint {
	font-weight: bold;
}
.for_STEP {
	float: left;
	height: auto;
	width: 270px;
	margin-right: 5px;
	margin-bottom: 20px;
}
.mr_l15 {
	margin-left: 15px;
}

#to_mainsite {
	position: absolute;
	left: 744px;
	top: 39px;
}
#to_mainsite a{
	color: #00AEEF;
	text-decoration: none;	
}
#to_mainsite a:hover{
	color: #00AEEF;
	text-decoration: underline;
}
.template a {
	color: #00AEEF;
}
.template a:hover {
	color: #FF9966;
}
.template table {
	margin-top: 10px;
	margin-bottom: 10px;
}
.template th {
	padding: 5px;
	margin:5px;
}
.template td {
	padding: 5px;
	margin:5px;
}
.for_headerSEO {
	font-size: 80%;
	width: 90%;
	margin-bottom: 5px;
}

#aform-1 .aform-content #aform-form-1 dl{
	margin-bottom: 20px;
}
#aform-form-1 {
	margin-top: 20px;
}
.aform-input-example{
	width: 290px;
	float: right;
	text-aline: left;
}
.aform-text, .aform-email, .aform-tel{
	width: 200px;
}
#aform-confirm-form dl, #aform-confirm-form #submit{
	margin: 10px 0;
}
#aform-confirm-form dl dd, #aform-confirm-form p{
	margin-left: 14px;
}
/*10_28追加分*/	
	

#privacy_detail {
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	height:250px;
	overflow:auto;
}
.comfirm {
	margin-top: 20px;
	margin-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #2a2a2a;
	padding-left: 5px;
}

#privacy_detail h3 {
        border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2A2A2A;
	padding-left: 2px;
}

.privacy_sidearea{


}
.mr_l3 {
	margin-left: 6px;
}

#aform-confirm-form .a_form_value, .a_form_label{
	vertical-align:top;
	border:none;
	font-weight:normal;
	text-align:left;
}

#aform-confirm-form .a_form_label {
	width: 120px;
}
#aform_result{
	color: #c00;
	font-weight: bold;
	font-size: 110%;
	margin: 10px auto 0 auto;
	padding: 10px 15px;
}
#aform_result a{
	margin: 0 1em;
}
.mr_l3 {
	margin-left: 6px;
}
#available {
	background-color: #FFFFE1;
	border: 1px solid #E1E1E1;
	width: 95%;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#available li {
	margin-bottom: 10px;
}
.servicedetail {
	list-style-type: square;
}
.servicedetail li {
	list-style-type: square;
}
.telephone {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #2a2a2a;
}

.topagetop a{
	color: #00AEEF;
	text-decoration: none;	
}
.topagetop {
	float: right;
	margin-bottom: 10px;
}
.aboutPS {
	font-size: 75%;
}
#browser {
	margin-left: 10px;
}
#sitemap h4 {
	margin-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #2a2a2a;
	font-size: 120%;
	font-weight: bold;
}
#sitemap h5 {
	margin-left: 50px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #2a2a2a;
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}
#sitemap h6 {
	margin-left: 80px;
}
#sitemap {
	margin-top: 20px;
}
#sitemap a{
	color: #2a2a2a;
	text-decoration: none;
}
#sitemap a:hover{
	color: #00AEEF;
	text-decoration: none;
}

#worksInfo #worksdetail .skill_detail{
	float: right;
	margin-bottom: 10px;
}
#middle  #left #powersystem {
	font-size: 11px;
	margin-left: 10px;
	margin-right: 10px;
}
#middle  #left #powersystem a{
	font-size: 11px;
}
#moreSeeAndTxtArea {
	font-size: 80%;
	width: 95%;
	padding-top: 5px;
}

.style1 {
color: #ff7e02;
font-size: 100%;
}
.style2 {
	color: #364088;
	font-weight: bold;
}
.style3 {
        color: #364088;
	font-size: 100%;
}
.style4 {
        color: #364088;
	font-weight: bold;
}
#right .explanation {
	width: 200px;
	margin-left: 10px;
	margin-top: 10px;
}