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

/*-- HOME --*/

div#area-search {
	margin: 0px 0px 0px 10px;
	background: url(../images/home/area/a_bg.jpg) no-repeat 405px 20px ;
	width:646px;
	height:260px;
}

div#area-search h2 {
	margin: 0px 0px 20px 0px;
}

div.area-block {
	margin: 0px 0px 7px 10px;
	height:22px;
}
div.area-block a:hover img {
	-moz-opacity: 0.70; /* for old FF */
	-khtml-opacity: 0.70; /* for old webkit */
	opacity: 0.70;
	filter: alpha(opacity=70); /* for IE6-8 */
}

div.area-title {
	margin: 0px 16px 0px 0px;
	padding: 2px 0px 0px 0px;
	float: left;
	width:103px;
}

div.area-block ul {
	padding: 0px 0px 2px 0px;
	border-bottom: 1px solid #cccccc;
	list-style: none;
	float: left;
	width:517px;
}
div.area-block ul li{
	margin: 0px 8px 0px 0px;
	float: left;
}



div.professional {
	margin: 0px 0px 20px 0px;
}
div.professional a:hover img {
	-moz-opacity: 0.70; /* for old FF */
	-khtml-opacity: 0.70; /* for old webkit */
	opacity: 0.70;
	filter: alpha(opacity=70); /* for IE6-8 */
}
div.professional h2 {
	margin: 0px 0px 20px 0px;
}


div.professional-block {
	margin: 0px 0px 30px 0px;
}

div.professional-img {
	margin: 0px 10px 0px 0px;
	background: url(../images/home/recruit_img_bg.jpg) no-repeat 0px 0px ;
	width:152px;
	height:103px;
	float:left;
}
div.professional-img img {
	margin: 4px 0px 0px 4px;
}

div.professional-text {
	float:left;
	width:500px;
}
div.professional-text h3 {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 6px 0px;
	background: url(../images/home/icon_house.jpg) no-repeat 0px 3px ;
	border-bottom: 1px dotted #666666;
}
div.professional-text h3 .title {
	margin: 0px 0px 0px 26px;
	float:left;
}

div.professional-text h3 a:link {
	color: #ff77a5;
	text-decoration: underline;
}
div.professional-text h3 a:visited {
	color: #ff77a5;
	text-decoration: underline;
}
div.professional-text h3 a:hover {
	color: #ff77a5;
	text-decoration: underline;
}


div.professional-text h3 .more-link {
	margin: 6px 0px 0px 0px;
	float:right;
}


div.professional-text .area {
	margin: 0px 0px 3px 0px;
	background: url(../images/home/icon_area.jpg) no-repeat 0px 3px ;
}
div.professional-text .area span {
	padding: 0px 0px 0px 40px;
}


div.pickup {
	margin: 20px 0px 20px 0px;
}
div.pickup a:hover img {
	-moz-opacity: 0.70; /* for old FF */
	-khtml-opacity: 0.70; /* for old webkit */
	opacity: 0.70;
	filter: alpha(opacity=70); /* for IE6-8 */
}
div.pickup h2 {
	margin: 0px 0px 20px 0px;
}


div.pickup-block {
	margin: 0px 0px 30px 10px;
	width: 210px;
	height:190px;
	float: left;
}

div.pickup-img {
	margin: 0px 10px 0px 20px;
	background: url(../images/home/recruit_img_bg.jpg) no-repeat 0px 0px ;
	width:152px;
	height:103px;
	float:left;
}
div.pickup-img img {
	margin: 4px 0px 0px 4px;
}

div.pickup-text {
	float:left;
	width:200px;
}
div.pickup-text h3 {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 6px 0px;
	height:40px;
	text-align:center;
}
div.pickup-text h3 .title {
	margin: 0px 0px 0px 0px;
	float:center;
}

div.pickup-text h3 a:link {
	color: #ff77a5;
	text-decoration: underline;
}
div.pickup-text h3 a:visited {
	color: #ff77a5;
	text-decoration: underline;
}
div.pickup-text h3 a:hover {
	color: #ff77a5;
	text-decoration: underline;
}


div.pickup-text h3 .more-link {
	margin: 6px 0px 0px 0px;
	float:right;
}


div.pickup-text .area {
	margin: 0px 0px 3px 0px;
	background: url(../images/home/icon_area.jpg) no-repeat 0px 3px ;
}
div.pickup-text .area span {
	padding: 0px 0px 0px 40px;
}

div.ad-execute {
	margin: 10px 0px 20px 0px;
}
div.ad-execute a:hover img {
	-moz-opacity: 0.70; /* for old FF */
	-khtml-opacity: 0.70; /* for old webkit */
	opacity: 0.70;
	filter: alpha(opacity=70); /* for IE6-8 */
}


div.ad-execute-block {
	margin: 0px 0px 30px 10px;
	width: 190px;
	height:150px;
	float: left;
}

div.ad-execute-img {
	margin: 0px 10px 0px 20px;
	background: url(../images/home/recruit_img_bg.jpg) no-repeat 0px 0px ;
	width:152px;
	height:103px;
	float:left;
}
div.ad-execute-img img {
	margin: 4px 0px 0px 4px;
}

div.ad-execute-text {
	float:left;
	width:200px;
}
div.ad-execute-text h3 {
	margin: 5px 0px 6px 0px;
	padding: 0px 0px 6px 0px;
	height:40px;
	text-align:center;
}
div.ad-execute-text h3 .title {
	margin: 5px 0px 0px 0px;
	float:center;
	line-height:1.4em;
}

div.ad-execute-text h3 a:link {
	color: #ff77a5;
	text-decoration: underline;
}
div.ad-execute-text h3 a:visited {
	color: #ff77a5;
	text-decoration: underline;
}
div.ad-execute-text h3 a:hover {
	color: #ff77a5;
	text-decoration: underline;
}


div.ad-execute-text h3 .more-link {
	margin: 6px 0px 0px 0px;
	float:right;
}


div.ad-execute-text .area {
	margin: 0px 0px 3px 0px;
	background: url(../images/home/icon_area.jpg) no-repeat 0px 3px ;
}
div.ad-execute-text .area span {
	padding: 0px 0px 0px 40px;
}


div.topics {
	margin: 0px 0px 20px 0px;
}

div.topics a:hover img {
	-moz-opacity: 0.70; /* for old FF */
	-khtml-opacity: 0.70; /* for old webkit */
	opacity: 0.70;
	filter: alpha(opacity=70); /* for IE6-8 */
}

div.topics h2 {
	margin: 0px 0px 20px 0px;
}

div.topics-block {
	margin: 0px 16px 16px 0px;
	width:320px;
	height: 120px;
	float:left;
}


div.topics-img {
	margin: 0px 10px 0px 0px;
	width:150px;
	float:left;
}
div.topics-text {
	float:left;
	width:160px;
}
div.topics-text .cap {
	margin: 0px 0px 7px 0px;
}
div.topics-text p{
	margin: 0px 0px 3px 0px;
}

div.topics-text .more-link {
	margin: 6px 0px 0px 0px;
	float:right;
}


div.feature {
	margin: 0px 0px 20px 0px;
}
div.feature h2 {
	margin: 0px 0px 20px 0px;
}
div.feature-block01 {
	margin: 0px 6px 0px 0px;
	background: url(../images/home/feature1_bg.jpg) no-repeat 0px 0px ;
	width:220px;
	height:200px;
	float:left;
}
div.feature-block02 {
	margin: 0px 6px 0px 0px;
	background: url(../images/home/feature2_bg.jpg) no-repeat 0px 0px ;
	width:220px;
	height:200px;
	float:left;
}
div.feature-block03 {
	margin: 0px 0px 0px 0px;
	background: url(../images/home/feature3_bg.jpg) no-repeat 0px 0px ;
	width:220px;
	height:200px;
	float:left;
}
div.feature-box {
	padding: 44px 0px 0px 12px;
}

div.feature-box h3.sono1 a{
	color:#fe84ab;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

div.feature-box h3.sono1 {
	margin: 0px 10px 4px 0px;
}
div.feature-box h3.sono2 a{
	color:#feaf84;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

div.feature-box h3.sono2 {
	margin: 0px 10px 4px 0px;
}

div.feature-box h3.sono3 a{
	color:#93c3eb;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

div.feature-box h3.sono3 {
	margin: 0px 10px 4px 0px;
}

div.feature-box p a{
	margin: 0px 10px 0px 0px;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}

div.feature-box p {
	margin: 0px 10px 0px 0px;
}



div.banner-big {
}
div.banner-big a:hover img {
	-moz-opacity: 0.70; /* for old FF */
	-khtml-opacity: 0.70; /* for old webkit */
	opacity: 0.70;
	filter: alpha(opacity=70); /* for IE6-8 */
}




div.column-box {
	margin: 30px auto 30px;
	width:672px;
	color: #666666;
	text-align:left;
}

div.column-box .title {
	margin: 0px auto 0px;
	width:575px;
	color: #666666;
	text-align:left;
}


div.column-box ul {
	padding: 20px 0px 0px 20px;
	/*border-bottom: 1px solid #cccccc;*/
	list-style: none;
	text-align:left;
}
div.column-box ul li{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
	background: url(../images/home/icon_circle.jpg) no-repeat 0px 3px ;
}


div#footerarea {
  background: #EEEEEE;
  padding: 3px;
  width: 664px;
}
div#footerarea .inner {
  background: #FFF;
  padding: 10px 15px;
}
div#footerarea h3 {
  margin-bottom: 5px;
  font-size: 10px;
  font-weight: normal;
}
div#footerarea ul {
  padding: 0px 0px 0 0;
  width: 640px;
  margin-top:7px;
  margin-bottom: 2px;
  height:12px;
}
div#footerarea ul.pinkLine {
  background: #EEEEEE;
}
div#footerarea .inner ul li {
  float: left;
  padding: 0 0 0 15px;
  font-size: 10px;
  list-style:none;
}
div#footerarea .inner ul li.areaTTL {
  width: 100px;
  display: block;
}


/*SPメニュー(求人検索)削除*/

@media only screen and (max-width: 640px) {
        .header_main_navi03{
		display:none !important;
	}
}

/*コラム読み込み部分*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.bn-box {
	margin: 10px auto 0px;
	width:670px;
	color: #666666;
	text-align:left;
}

div.bn-title-box {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	background:url(http://www.hoikushibank.com/useful_column/images/midashi.jpg) no-repeat left top;
	width:670px;
	height:42px;
}
div.bn-title-box h3 {
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 10px;
	font-size:16px;
}

div.bn-body-box {
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

div.bn-body-box dl {
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	display:block;
	text-align:left;
}
div.bn-body-box dt {
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:35px;
	float:left;
	text-align:left;
}
div.bn-body-box dt a.thumb {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:1px solid #666666;
	display:block;
	width:35px;
	height:25px;
}
div.bn-body-box dd {
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	float:left;
	text-align:left;
}

div.bn-body-box .arc-btn {
	margin: 20px 0px 10px 0px;
	text-align:right;
}

.cf{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
	 overflow: visible;  /* for DW*/
}

.cf:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#footerarea .inner .pink-color {
    color: #FF6699;
}

#footerarea .inner .padding-left-12 {
    padding: 0 0 0 12px;
}

/**
 *     CSS List Company at Homepage
 */
.list-company {
  margin:         20px 0;
}
.list-company h2 {
  background:     rgba(0, 0, 0, 0) url("/images/home/midashi_company.jpg") no-repeat scroll 0 0;
  border-left:    medium none;
  color:          #777;
  font-size:      16px;
  font-weight:    normal;
  line-height:    30px;
  margin-bottom:  10px !important;
  padding:        0 0 0 35px;
  text-align:     left;
}

.row {
  clear:          both;
  border-bottom:  1px solid #ccc;
  text-align:     center;
}
.row:last-child {
  border-bottom:  none;
}

.col-md-3 {
  display:        block;
  width:          23%;
  padding:        1%;
  float:          left;
  height:         215px;
}

.row .col-md-3 {
  border-right:   1px solid #ccc;
}
.row .col-md-3:first-child {
  padding-left:   0;
}
.row .col-md-3:last-child {
  padding-right:  0;
  border-right:   none; 
}
.company-logo {
  padding:        10px;
}
.company-name {
  margin-top:     10px;
}

.company-name h3 a {
  font-size:       12px;
  color:           #ff77a5;
  text-decoration: none;
}

.list-company .padding-label {
  padding:         30px 0 20px 0;
}

.list-company .label-tags li {
  font-size:        12px;   
  display:          inline-block;
  line-height:      1;
  padding:          0.5em;
  text-align:       center;
  vertical-align:   baseline;
  margin:           3px 2px 3px 0;
  background-color: #fcfcfc;
  border:           1px solid #ccc;
  border-radius:    3px;
}
.list-company .label-post li a {
  text-decoration:  none;
}