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


.pc_only{display:none !important;}

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 上書き
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

#header-l,#header-r,div#header-box-l{
	height:auto !important;
}

div#container-wrapper,
div#main-wrapper{
	width:100% !important;
	margin:0 auto 0;
}

#area-search h2,
.professional h2,
.topics h2,
.feature h2,
.pickup h2{
border-left:none;
/* height: 40px; */
padding: 0;
font-size: 18px;
/* line-height: 40px; */
margin-bottom: 20px;
font-weight: boldl;
color: #333;
background:none;
text-align: left;
}



.sp_full{
	width:100% !important;
	height:auto !important;
}

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Tab
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

.tab{
	display:none;
}
.tab{
	display:none;
}

.tab li {
	float: none !important;
	margin: 0 !important;
	padding: 10px !important;
	color: #666;
	cursor: pointer;
	width: 100% !important;
	background:#feb2cc !important;
	border:solid 1px #fe98bc;
	border-top:none;
	text-align: left !important;
}

.tab li.active{
	background:#ff537e !important;
}

.ac_ttl{
	background:#feb2cc;
	color:#fff;
	padding:10px;
	border-bottom:solid 1px #fff;
}

.clickBtn_on0{
	background:#ff537e;
}

.tabContent{
	width:100% !important;
	display:block !important;
	border-top: none !important;
	margin-bottom:0 !important;
	padding:0 !important;
}

.ac_detail{
	padding-top:10px;
}

.tabContent dl{
	clear:left;
	margin:0 2% 0;
	padding:0 0 15px;
}
.tabContent dt{
	font-weight:bold;
	margin-bottom:5px;
}

.tabContent dd{
	overflow:hidden;
}
.tabContent dd li{
	width:33.3% !important;
	margin-bottom:5px;
	float:left;
}

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// area-search
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

#area-search{
	width:100% !important;
	height:auto !important;
}

#search_box {
	padding-bottom:15px;
}

#search_box h2{
	margin-bottom:15px !important;
}
#search_box dl{
	overflow:hidden;
}

#search_box dd{
	float:left;
	width:33.3%;
	margin-bottom:5px;
}



/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// searchform-block01
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/
.search-block{
	margin:20px 0 0 !important;
}

.searchform-box{
	padding:10px;
}

.searchform-box h3{
	margin-bottom:5px;
}

.searchform-block01,
.searchform-block02,
.searchform-block03,
.searchform-block04{
	width:98%;
	height: auto;
	margin:0 auto 20px;
	background:#eeeeee;
	border:solid 1px #cbcbcb;
	float:none;
}
.searchform-block03 p{
	margin:5px 0 5px;
}
.searchform-block03 ul{
	overflow:hidden;
}
.searchform-block03 li{
	float:left;
	margin-right:20px;
}

.searchform-block03 li a{
	color:#008fd1;
}

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// TOP h2 + img
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/
.professional h2,
.topics h2,
.feature h2,
.pickup h2,
.column-box h2{
	display:none;
}

h2.professional,
h2.topics,
h2.feature,
h2.pickup,
h2.column,
h2.positive{
	color:#666666;
	background:#e0f2fc;
}
h2.topics,
h2.feature,
h2.pickup,
h2.column{
	margin-bottom:10px !important;
}

h2.positive{
	margin-top:20px;
}

.professional-img,
.pickup-img,{
	float:none !important;
	margin:0 auto 10px !important;
}


.professional-img img,
.pickup-img img{
	width:142px;
	height:92px;
}

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// professional
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

.professional-img{
	float:none !important;
	margin:0 auto 10px !important;
}

.professional-text{
	float:none !important;
	width:100% !important;
}

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// topics
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

.topics-block{
	width:98% !important;
	height:auto !important;
	float:none !important;
	margin:0 auto 20px !important;
	padding-bottom:10px;
	border-bottom:solid 1px #cccccc;
}

.topics-block:last-child{
	border-bottom:none;
}

.topics-img{
	text-align:center;
    float:none !important;
	margin:0 auto 10px !important;
}


.topics-text{
	float:none !important;
	width:100% !important;
}

.topics-block .more-link{
	float:right;
	margin-right:10px;
}

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// feature
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

.feature-block01,
.feature-block02,
.feature-block03{
	width:98% !important;
	height:auto !important;
	float:none !important;
	background:none !important;
	padding:0 !important;
	margin:auto !important;
}

.feature-box{
	padding:0 0 20px !important;
}

.feature-box .no01,
.feature-box .no02,
.feature-box .no03{
	padding:5px 10px;
	font-size:16px;
	border:solid 1px #ccc;
	margin-bottom:10px;
}

.feature-box p a{
	margin:0 !important;
}

.feature-box .no01{border-left:solid 5px #fe84ab;}
.feature-box .no02{border-left:solid 5px #feaf84;}
.feature-box .no03{border-left:solid 5px #93c3eb;}

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// pickup
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

.pickup-block{
	width:98% !important;
	height:auto !important;
	float:none !important;
	margin:0 auto 20px !important;
	padding-bottom:10px;
	border-bottom:solid 1px #cccccc;
}
.pickup-block:last-child{
	border-bottom:none;
}
.pickup-img{
    float:none !important;
	margin:0 auto 10px !important;
}
.pickup-text{
	float:none !important;
	width:100% !important;
}

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// column-box
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

.column-box {
	width:96% !important;
	margin:0 auto !important;
}
.column-box ul{
	padding:0 !important;
}

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// positive_news
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

.positive_news{
	padding:20px 0 15px;
	border-bottom:solid 1px #cccccc;
}
.positive_news dt{
	font-weight:bold;
	padding-bottom:3px;
	margin-bottom:3px;
	border-bottom:dotted 1px #666666;
	text-align:center;
}

.positive_news dt span{
	font-weight:normal;
}

.positive_news .news_link{
	padding-top:10px;
	text-align:right;
}
/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// main-bnr-box
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

.main-bnr-box li{
	width:90%;
	margin:0 auto 15px !important;
	text-align:center !important;
	float:none !important;
}
.main-bnr-box li img{
	width:100%;
}

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// footerarea
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

#footerarea{
	width:96% !important;
	margin:0 auto !important;
}

#footerarea .inner{
	overflow: hidden;
}

#footerarea ul{
	clear:left;
	height:auto !important;
	width:100% !important;
}
#footerarea li{
	width:20%;
	font-size: 12px !important;
	padding:5px 0 !important;

}
#footerarea .areaTTL{
	width:100% !important;
	font-weight:bold;
	padding:5px !important;
	float:none !important;
	background:#eeeeee !important;
}


#sns-conts .sns{
	margin:20px auto 0;
}

#toPageTop{
	display:none;
}

#toPageTop,#footer-sub-navi,
#footer-wrapper img{display:none;}

#footer-wrapper #footer-line02-wrapper{
	width:100% !important;
}

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// List Page
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

#mainWp {
width: 100% !important;
}

.con-common-block{
	margin-top:10px;
}
.con-common-block h2{
	width:100% !important;
	padding:0 !important;
	margin-bottom:10px !important;
}

.jobs-block{
	cursor:pointer;
}

.jobs-title-l{
	margin:0 !important;
	padding:5px 5px 0 !important;
	width: 100%;
}

.jobs-title-l h3{
	padding-left:5px;
}

.jobs-title-block {
	width:100% !important;
	height:auto !important;
}

.jobs-body-block{
	padding:0 5px 0 0;
	margin:0 5px 0 0 !important;
	background:url(/images/jobs/btn_inquiry_sp.gif) right center no-repeat;
}

.jobs-body-img{
	width:30% !important;
	height:auto !important;
	margin:0 !important;
	background:none !important;
}

.jobs-body-img img{
	margin:0 !important;
	width:100% !important;
}

.jobs-body-block dl {
	float: left;
	margin-left:2%;
	width: 68% !important;
}

.jobs-body-block dt{
	clear:left;
	margin:0 0 5px !important;
}

.jobs-body-block dd{
	padding-left:5px;
	height:auto !important;
	margin-bottom:5px !important;
	width:calc(90% - 65px) !important;
}

.jobs-body-block dd{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pagenate-block{
	width:98% !important;
	margin:auto !important;
	text-align:center;
}
.regi-btn{
	width:90% !important;
}

#seo-text-box h2{
	padding:5px !important;
	margin-bottom:10px !important;
}

#seo-text-box{
	margin-bottom:30px;
}



#day-name{
	width:96% !important;
	margin:15px auto 0 !important
}

#point li{
	width:calc(50% - 5px) !important;
}
#point .point{
	width:100% !important;
}

.html_area{
	margin:20px 0;
}

#mainPhoto img{
	width:100%;
	margin-bottom:20px;
}

#mainPhoto .iframe-content {
    position: relative;
    width: 100%;
    padding: 75% 0 0 0;
	margin-bottom:20px;
}

#mainPhoto .iframe-content iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#side-wrapper{
	width:260px;
	float:none !important;
	margin:0 auto !important;
}

.conversion img{
	position:absolute;
	left:-100px;
}

.googleads{
	position:absolute;
	left:-100px;
}



#entrybt2 {
	height:auto !important;
	padding-bottom:10px;
}

#entrybt2 .newentrybtn{
	padding-top:10px;
}

#calltracker{
	margin:10px 10px 0;
	padding: 10px 0;
	text-align:center;
}
#calltracker .txt{
	font-size:18px;
	color:#ee8a99;
	padding-bottom:5px;
}

#calltracker .tel{
	width:100%;
	margin:0 auto;
	background:#fe84ab;
	padding:5px 0;
}
#calltracker .tel a{
	color:#fff;
	font-size:26px;
	font-weight:bold;
}


#calltracker_top{
	margin:0 0 10px;
	padding: 10px;
	text-align:center;
	background:#eeeeee;
}
#calltracker_top .txt{
	font-size:18px;
	color:#ee8a99;
	padding-bottom:5px;
}

#calltracker_top .tel{
	width:100%;
	margin:0 auto;
	background:#fe84ab;
	padding:5px 0;
}
#calltracker_top .tel a{
	color:#fff;
	font-size:26px;
	font-weight:bold;
}



#calltracker_top02{
	width:240px;
	height:66px;
	margin:10px auto 15px;
	text-align:center;
	background:url(/wp_pr/wp-content/themes/hoikushibank/pr/images/btn_calltracker01_2.jpg) left top no-repeat;
	overflow:hidden;
}

#calltracker_top02 a{text-decoration:none;}

#calltracker_top02 .txt{
	text-indent:-9999px;
	height:1px;
}

#calltracker_top02 .tel{
	margin:0 auto;
	color:#fff;
	font-size:20px;
	padding:10px 0;
	font-weight:bold;
	margin-top:25px;
}

#calltracker_top02 .tel img{
	margin-top:5px;
}

.entrybt1{
	clear:both;
	text-align:center;
	margin:20px auto 0;
}

#entrybox{
	clear:both;
	//background:#eeeeee;
	padding:10px 0 0;
	margin-bottom:20px;
	text-align:center;
}

#entrybox .entrybt1,
#entrybox02 .entrybt1{
	float:none;
	margin:0 auto 10px;
	padding:0;
	width:215px;
	height:46px;
	overflow:hidden;
}

#entrybox02{
	background:#eee;
	padding:15px 0 10px;
	margin-bottom:20px;
	text-align:center;
}

#entrybox02 .entrybt1{
	width:197px;
	height:55px;
}

#entrybox02 #calltracker{
	text-align:center;
	background:url(/wp_pr/wp-content/themes/hoikushibank/pr/images/btn_calltracker02.jpg) left top no-repeat;
	overflow:hidden;
	margin:auto;
}

#entrybox02 #calltracker a{text-decoration:none;}

#entrybox02 #calltracker .txt{
	text-indent:-9999px;
	height:1px;
}

#entrybox02 #calltracker .tel{
	margin:0 auto;
	width:197px;
	background:none;
	color:#fff;
	font-size:16px;
	font-weight: bold;
	margin:23px 0 0;
	padding:0;
	text-align:center;
}

#entrybox02 #calltracker .tel img{
	margin-top:3px;
}


#subPhoto h4{
	background: url(/wp_pr/wp-content/themes/hoikushibank/pr/images/h4_bg.gif) repeat left top;
  height: 23px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  line-height: 25px;
  padding-left: 5px;
  width: 99%;
  margin-top:20px;
  margin-bottom: 10px;
  border: 1px solid #CB0033;
}


.private-near-area{
	margin-top:20px;

}
.private-near-area h2{
	border-left:solid 10px #ff3366 !important;
}

.private-near-area .ad-execute-block{
	width:100%;
	height:auto;
	margin-bottom:20px;
	border-bottom: 1px dashed #bbb;
}
.private-near-area div.ad-execute-img {
  margin: 0px auto;
  background: url(../images/home/recruit_img_bg.jpg) no-repeat 0px 0px;
  width: 152px;
  height: 103px;
  float: none;
}

.private-near-area div.ad-execute-img img{
	width:142px;
	height:92px;
}

.private-near-area .ad-execute-text{
	width:100%;
	float:none;
}

.private-near-area h3{height:auto;}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// feature-segments
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#ad_h1{
	background-color: #EEEEEE;
	/* height: 40px; */
	padding-left: 10px;
	padding: 10px 10px 10px 10px;
	font-size: 18px;
	/* line-height: 40px; */
	margin-bottom: 15px;
	font-weight: boldl;
	color: #333;
	text-align: left;
}
.socialBox {
	width: 100%;
	margin: 15px 0 0;
}

div.sharedaddy, #content div.sharedaddy, #main div.sharedaddy {
clear: both;
}
div.sharedaddy div.sd-block {
padding: 0;
margin: 0;
}

.share-custom {
margin: 0 0 0 0 !important;
}

.entry .titleBar{
	width:auto !important;
	border-left:0 !important;
	margin-bottom:20px !important;
}

.ad_area{
	margin-bottom:20px;
}

.entry .ad_block .jobs-body-img{
	float:none;
	width:46% !important;
	margin:0 1% 15px !important;
	display:inline-block;
	vertical-align:top;
}

.entry .ad_block .jobs-body-img img{
	width:100%;
}
.entry .ad_block .jobs-body-img div{
	margin-bottom:5px;
}
.entry .ad_block .jobs-body-img p{
	width:100%;
}

.entry .ad_block .jobs-body-img a{
	color:#ff77a5;
	width:100%;
}


/* 2015年10月 フェアCSS */

.caption_fair{
  font-size: 17px;
  color: #5d310c;
}

.image_top_fair img{
  display: block;
  padding-top:10px;
  margin: 10px auto;
}

.left_image_fair img{
  display: block;
  margin:10px auto;
}

.right_image_fair img{
  display: block;
  margin:10px auto;
}

.display_none_sp{
  display: none;
}
.display_none_pc{
}

.menu_fair {
  display:block;
  overflow:hidden;
  position: relative;
  list-style: none;
  padding: 0px;
  margin: 20px 0px;
  width:100%;
  text-align: center;
  letter-spacing: -6px;
}
.menu_fair li {
  display: inline-block;
  width: 30%;
  border: 1px solid #ffffff;
  text-align: center;
  letter-spacing:normal;
}
.menu_fair li a {
  display: block;
  width: 100%;
  background: #f8c499;
  color: #5d310c;
  text-decoration: none;
  padding: 15px 0px;
}
.menu_fair li a:hover {
  background-color: #eb6100;
  color: #ffffff;
}


.about_fair th{
  display: block;
  width: 100%;
  font-size: 18px;
  padding: 5px;
}
.about_fair td{
  display: block;
  width: 100%;
  padding: 5px;
}
.about_org th{
  color: #eb6100;
}
.about_blue th{
  color: #008cff;
}

.block_fair{
  text-align: center;
}
.element_fair{
}

a.btn_pre_fair{
  display: block;
  border: 1px solid #DDD;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background: -moz-linear-gradient(top,#ff4d58, #ff4d58 50%, #d0121b);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff4d58), color-stop(0.5, #ff4d58), to(#d0121b));
  color: #ffffff;
  width: 220px;
  padding: 10px 20px;
  margin: 20px auto;
  font-size: 18px;
  text-decoration: none;
}

.width80_sp {
  width: 80%;
}

/* 2016年1月　フェア */
.pdngL2em {
  padding-left: 2em;
}

.about_blue th {
  font-size: 1em;
  width: auto;
  background: #008cff;
  color: #ffffff;
  padding: 3px 10px;
  margin: 5px 0;
  border-radius:5px;
}

/* 上京ページ */
.imgC_sp {
  display:block;
  margin-left: auto;
  margin-right: auto;
}
/**
 *     CSS STYLE FOR BUTTON IN JOB DETAIL PAGE
 */

.cont-button {
  padding:          0;
  margin:           0 auto;
}
.cont-button .text-center {
  display:          block;
  margin:           20px 0;
}

.btn {
  width:            200px;
  padding:          18px 0;
  border:           5px;
  font-size:        24px;
  color:            #fff !important;
  text-decoration:  none !important;
}

.btn-green {
  background-color: #33cc99;
  box-shadow:       0 3px 0 #269a73;
}
.btn-green:hover {
  box-shadow:       0 1px 0 #269a73;
}

.btn-pink {
  background-color: #ff6699;
  box-shadow:       0 3px 0 #c04d73;
}
.btn-pink:hover {
  box-shadow:       0 1px 0 #c04d73;
}

.btn-blue {
  background-color: #3366cc;
  box-shadow:       0 3px 0 #264d9a;
}
.btn-blue:hover {
  box-shadow:       0 1px 0 #264d9a;
}