@charset "UTF-8";

@import url("common.css");

/* **************************************************************************************

 コンテンツページのスタイル

*************************************************************************************** */

/* --------------------------------------------------------------------------------------
 共通
--------------------------------------------------------------------------------------- */

.txtCenter {
	text-align: center;
}
.txtRight {
	text-align: right;
}
.txtBold {
	font-weight: bold;
}
.txtSmall {
   font-size: 10px;
   letter-spacing: 0em;}

.txtLarge {
   font-size: 14px;}

.img03 {
   margin-bottom: 3px;}
.img10 {
   margin-bottom: 10px;}
.img15 {
   margin-bottom: 15px;}
.img20 {
   margin-bottom: 20px;}
.img25 {
   margin-bottom: 25px;}
.img30 {
   margin-bottom: 30px;}
.img35 {
   margin-bottom: 35px;}
.img40 {
   margin-bottom: 40px;}
.img05 {
   margin-bottom: 5px;}
.img50 {
   margin-bottom: 50px;}
.img60 {
   margin-bottom: 60px;}
.img65 {
   margin-bottom: 65px;}
.img70 {
   margin-bottom: 70px;}
.img80 {
   margin-bottom: 80px;}
.img90 {
   margin-bottom: 90px;}

.red {
   color: #FF0000;}


/* --------------------------------------------------------------------------------------
 TOP
--------------------------------------------------------------------------------------- */
#top_main {
   background: url(../img/top_18.gif) top center repeat-x;
   border-bottom: 1px solid #fff;
   height: 310px;}

#top_mainIn {
   background: url(../img/top_17_02.jpg) top left no-repeat;
   width: 980px;
   margin: 0 auto;
   height: 310px;
   position: relative;}

#top_mainIn .topmainbt {
   position: absolute;
   right: 50px;
   top: 205px;}

.waku_base {
   background-color: #ffffff;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   behavior: url("../css/ie-css3.htc");}

.top_map {
   background: url(../img/japanmap.gif) top right no-repeat;
   position: relative;
   padding: 20px 0;}

.top_map .todofuken {
   position: absolute;
   left: 10px;}

.top_map ul {
   margin-left: 85px;
   margin-bottom: 12px;}

.top_map ul li {
   float: left;
   margin-right: 2px;}

.top_map p {
   padding-top: 10px;
   text-align: center;}

.top_cate {
	padding:20px;
}

.top_cate ul li {
	float:left;
	margin:0 10px 10px 0;
}
.top_cate ul li {
	float:left;
	margin:0 10px 10px 0;
}

.top_cate ul li a {
	display:block;
	border:2px solid #51c3de;
	line-height:42px;
	padding:0 15px 0 17px;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
.top_cate ul li a:hover {
	background:#51c3de;
	color:#FFFFFF;
	text-decoration:none;
}
.top_cate ul li a span {
	display:block;
	background:url(../img/top_cate_arrow.png) right center no-repeat;
	padding-right:20px;
}
.top_cate ul li a:hover span {
	background:url(../img/top_cate_arrow_on.png) right center no-repeat;
}


.top_free {
   background: url(../img/free_search.gif) top left no-repeat;
   height: 89px;
   margin-bottom: 50px;
   width: 700px;
   position: relative;}

.top_free .top_free_box {
   position: absolute;
   top: 18px;
   left: 200px;}

.top_free input {
   background-color: #eaf9fb;
   border: 1px solid #dbdbdb;
   padding: 7px;
   width: 400px;
   margin-right: 6px;}

.top_free span#topsearchbt input {
   border: none;
   background: url(../img/top_141.gif) top left no-repeat;
   width: 58px;
   height: 33px;
   text-indent: -9999em;
   cursor: pointer;}

#top_pick {
   width: 700px;
   margin-bottom: 30px;}

#top_pick ul {
   width: 720px;
   margin: 0 -20px 0 0;}

#top_pick li {
   float: left;
   letter-spacing: 0em;
   width: 220px;
   margin: 0 20px 20px 0;
   background-color: #ffffff;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   behavior: url("../css/ie-css3.htc");}

#top_pick li .tp_base {
   padding: 10px;}

#top_pick li span.top_area {
   display: block;
   color: #939393;
   font-size: 11px;
   background: url(../img/top_161.gif) bottom left repeat-x;
   padding-bottom: 3px;
   margin-bottom: 5px;}

#top_under {
   background: url(../img/top_167.jpg) top left no-repeat;
   height: 180px;
   position: relative;
   margin-bottom: 70px;}

#top_under h3 {
   position: absolute;
   top: 57px;
   left: 95px;
   line-height: 150%;
   width: 590px;}

#top_news {
   background-color: #ffffff;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   behavior: url("../css/ie-css3.htc");}

#top_news ul {
   margin: 0 0 0 5px;
   width: 220px;
   padding: 10px 0;}

#top_news li {
   background: url(../img/top_161.gif) bottom left repeat-x;
   padding-bottom: 7px;
   margin-bottom: 7px;
   font-size: 11px;}

#top_news li span {
   display: block;
   color: #939393;
   margin-bottom: 2px;}

#top_news li a {
   color: #5f5f5f;
   letter-spacing: 0em;}

.topnews {
   width: 230px;}



/* --------------------------------------------------------------------------------------
 求人から探す @_@
--------------------------------------------------------------------------------------- */
.search_midashi {
	background: url(../img/search_07.gif) top left repeat;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	behavior: url("../css/ie-css3.htc");
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.search_midashi p.se_mi {
	background: url(../img/search_icon.png) left center no-repeat;
	padding-left: 25px;
	margin: 0px;
}

#search_main {
	background-color: #ffffff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	behavior: url("../css/ie-css3.htc");
	padding: 10px;
}

#search_main dl {
   width: 100%;
   margin-bottom: 5px;}

#search_main dt {
	float: left;
	width: 80px;
}

#search_main dt p {
	font-size: 10px;
   background-color: #e9e5d7;
   padding: 7px;}

#search_main dd {
   padding-left: 95px;
   border-bottom: 1px solid #e9e9e9;
   padding-bottom: 10px;
   margin-bottom: 10px;}

#search_main dd label {
   float: left;
   width: 170px;
   margin: 0 0 1px 0;
   font-size: 12px;
   line-height: 18px;
   cursor: pointer;
   display: block;}


.row-fluid {
    position: relative;}

.row-fluid li {}

.row-fluid li:last-child {
    padding-bottom: 0;
  }
span.ctSelect {
    font-size:14px;
    line-height: 39px;
    height: 39px;
    width: 240px;
    padding: 0 0 0 10px;
    background: url(../img/select.gif) no-repeat left top;
    color: #5f5f5f;}

.freeword input {
   width: 700px;
   background-color: #fbfaf4;
   border: 1px solid #dbdbdb;
   padding: 7px;}

#search_main .sm_bt {
   text-align: center;}

#search_main .sm_bt input {
	background: url(../img/search_15.gif) top left no-repeat;
	width: 247px;
	height: 40px;
	border: none;
	cursor: pointer;
	text-indent: -9999em;
	margin: 0px;
	padding: 0px;
}

#search_main .sm_bt input:hover {
   background: url(../img/search_15_on.gif) top left no-repeat;}


.pagingnavi {
	overflow: auto;
	margin: 0px;
	padding: 0px;
}

.pagingnavi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}

.pagingnavi ul li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;}

.pagingnavi ul li a {
	background-color: #ffffff;
	color: #5f5f5f;
	border: 1px solid #c9c9c9;
	display: block;
	float: left;
	height: 24px;
	line-height: 24px;
	margin: 0 6px 0 0;
	padding: 0 6px;
	width: auto;}

.pagingnavi ul li span {
   background-color: #51c3de;
   border: 1px solid #ffffff;
   color: #fff;
	display: block;
	float: left;
	height: 24px;
	line-height: 24px;
	margin: 0 6px 0 0;
	padding: 0 6px;
	width: auto;}

.centering {
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;}

.centering ul {
	float: left;
	left: 50%;
	position: relative;}

.centering ul li {
	float: left;
	left: -50%;
	position: relative;}

.waku_large {
   background-color: #ffffff;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   behavior: url("../css/ie-css3.htc");
   padding: 20px;}

.search_list_name {
	background-color: #51c3de;
	padding: 10px;
	margin-bottom: 10px;
}

.search_list_name h2{
	font-size: 20px;
	color: #FFFFFF;
}

.search_list_name a {
   color: #FFFFFF;
   font-size: 16px;
   font-weight: bold;
}

.search_list_name .date {
	color: #FFFFFF;
	font-size: 10px;
	text-align: right;
}

.search_list_icon {
   margin-bottom: 15px;
}

.search_list_icon li {
   float: left;
   margin: 0 4px 4px 0;
   padding:0 7px;
   background:url(../img/icon_bg.gif) left top repeat;
   color: #FFFFFF;
   font-size: 11px;
   line-height:25px;
   height: 25px;
   text-align: center;
   font-weight:bold;
}

h3.search_list_catch {
   color: #f7900b;
   font-size: 15px;
   font-weight: bold;
   margin-bottom: 10px;}

p.search_list_catch {
	color: #f7900b;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 20px;
}

.search_list_left {
   float: left;
   width: 240px;}

.search_list_right {
   float: right;
   width: 675px;}

.search_list_left2 {
   float: left;
   width: 320px;}

.search_list_right2 {
   float: right;
   width: 600px;}

.search_list_right table {
   width: 100%;}

.search_list_right td {
   border: 1px solid #d9d9d9;
   padding: 4px 10px;
   letter-spacing: 0em;}

.search_list_right td.sl_td_left {
   background-color: #f9f8f0;
   width: 105px;}

.search_list_bt {
   margin-left: 195px;}

.search_list_bt p {
   float: left;
   margin-right: 55px;}


/* --------------------------------------------------------------------------------------
 求人から探す 詳細 @_@
--------------------------------------------------------------------------------------- */
.detail_up {
   font-size: 18px;
   height: 55px;
   position: relative;}

.detail_up p {
   position: absolute;
   top: 5px;
   left: 0;}

.detail_up ul {
   position: absolute;
   top: 0;
   right: 0;}

.detail_up li {
   float: left;
   margin-left: 20px;}

.button_to_gallery {
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.button_to_gallery a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
h3.midashi_cha {
   background-color: #c5bc9e;
   margin-bottom: 25px;
   color: #FFFFFF;
   font-size: 14px;
   font-weight: bold;
   padding: 7px 10px;}

.detail_tb {
	width: 100%;
	font-size: 110%;
}

.detail_tb td {
   border: 1px solid #d9d9d9;
   padding: 15px;
   letter-spacing: 0em;
   vertical-align: middle;}

.detail_tb th {
   font-weight: normal;
   vertical-align: middle;
   padding: 15px;
   border: 1px solid #d9d9d9;
   background-color: #f9f8f0;}

.detail_gallery {
   margin-bottom: 40px;}

.detail_gallery li {
   float: left;
   margin: 0 0 25px 25px;}

.recruit_list {
   width: 100%;}

.recruit_list td {
   border: 1px solid #d9d9d9;
   padding: 10px 5px;
   letter-spacing: 0em;
   vertical-align: middle;
   background-color: #ffffff;
   text-align: center;}

.recruit_list td.rl_left {
   text-align: left;}

.recruit_list td a.delete {
   background: url(../img/recruit_list_07.gif) top left no-repeat;
   text-indent: -9999em;
   width: 20px;
   height: 20px;
   display: block;
   margin: 0 auto;}

.recruit_list td a.delete:hover {
   background: url(../img/recruit_list_07_on.gif) top left no-repeat;}

.recruit_list th {
   font-weight: normal;
   text-align: center;
   padding: 5px 0px;
   border: 1px solid #d9d9d9;
   background-color: #f9f8f0;}


/* --------------------------------------------------------------------------------------
 インタビュー
--------------------------------------------------------------------------------------- */
#interview {
   width: 720px;}

#interview ul {
   width: 720px;
   margin: 0 -20px 40px 0;}
   
#interview li {
   float: left;
   margin: 0 20px 20px 0;
   width: 300px;
   background-color: #ffffff;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   behavior: url("../css/ie-css3.htc");
   padding: 20px;}

#interview li p {
   float: left;
   color: #82ad00;
   font-size: 14px;}

#interview li span {
   float: right;
   display: block;
   font-size: 11px;}

#interview li a {
   color: #82ad00;}

.mosaic-block {
   position:relative;
   overflow:hidden;
   width:300px;
   height:180px;}

.mosaic-backdrop {
   display:none;
   position:absolute;
   top:0;
   height:100%;
   width:100%;
   background:#111;}
	
.mosaic-overlay {
   display:none;
   z-index:5;
   position:absolute;
   width:100%;
   height:100%;
   background:#111;}

/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay {
   background: url(../img/interview_10.png) no-repeat center center;
   opacity:0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
   filter:alpha(opacity=00);
   display:none;}


/* --------------------------------------------------------------------------------------
 採用リンク
--------------------------------------------------------------------------------------- */
.search_list_left3 {
   float: left;
   width: 200px;}

.search_list_right3 {
   float: right;
   width: 445px;}

.search_list_right3 table {
   width: 100%;}

.search_list_right3 td {
   border: 1px solid #d9d9d9;
   padding: 4px 10px;
   letter-spacing: 0em;}

.search_list_right3 td.sl_td_left {
   background-color: #f9f8f0;
   width: 105px;}

.search_list_right3 h3 {
   font-size: 14px;
   color: #82ad00;
   font-weight: bold;
   margin-bottom: 7px;}

.search_list_right3 a {
   color: #82ad00;}

#rec_link {
   margin: 0 0 65px 0;
   background-color: #ffffff;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   behavior: url("../css/ie-css3.htc");}

#rec_link ul {
   margin-left: 10px;
   padding: 25px 0;}

#rec_link li {
   float: left;
   margin-right: 15px;
   font-size: 13px;
   border-left: 1px solid #9f9f9f;
   line-height: 13px;
   height: 13px;
   padding-left: 15px;}




/* --------------------------------------------------------------------------------------
 転職支援サービス_20150511　介護用
--------------------------------------------------------------------------------------- */

.service_top {
	background-image: url(../../service/images/service_main.jpg);
	background-repeat: no-repeat;
	height: 140px;
	padding-top: 250px;
	margin-bottom: 20px;
	padding-left: 20px;
}
.service_top a .cv_btn {
	float: left;
	margin-right: 10px;
	margin-left: 15px;
}

.service01 {
	height: 510px;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../../service/images/service_01.gif);
}

.service02 {
	height: 310px;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../../service/images/service_02.jpg);
}
.service03 {
	height: 380px;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../../service/images/service_03.jpg);
}

.cv_box {
	height: 127px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 20px;
	background-image: url(../../service/images/service_cv_box.gif);
	clear: both;
	padding-top: 60px;
	padding-left: 110px;
}
.cv_box a .cv_btn {
	float: left;
	margin-right: 30px;
}

.service_bt {
   text-align: center;}

.service_voice {
   background-color: #f9f8f4;
   border: 2px solid #d7d3c3;
   padding: 10px;
   margin-bottom: 18px;}

.service_voice dt {
   float: left;
   width: 180px;}

.service_voice dd {
   padding-left: 200px;}

.service_voice dd p.sv_title {
   color: #7f9f00;
   font-size: 14px;
   font-weight: bold;
   margin-bottom: 1px;}

.service_voice dd p.sv_catch {
   font-size: 14px;
   color: #5d5d5d;
   font-weight: bold;
   margin-bottom: 4px;}

.service04 {
	height: 220px;
	text-indent: -9999em;
	background-image: url(../../service/images/service_04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
}

ul.step {
   margin-bottom: 30px;}

ul.step li {
   position: relative;}

ul.step li p {
   position: absolute;
   left: 165px;
   top: 90px;
   line-height: 200%;}

ul.step li.step01 {
	height: 267px;
	background-image: url(../../service/images/step_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

ul.step li.step02 {
   background: url(../../service/images/step_02.gif) top left no-repeat;
   height: 270px;}

ul.step li.step03 {
   background: url(../../service/images/step_03.gif) top left no-repeat;
   height: 292px;}

ul.step li.step04 {
   background: url(../../service/images/step_04.gif) top left no-repeat;
   height: 274px;}

ul.step li.step05 {
   background: url(../../service/images/step_05.gif) top left no-repeat;
   height: 274px;}

ul.step li.step06 {
   background: url(../../service/images/step_06.gif) top left no-repeat;
   height: 206px;}

.service_left {
   width: 440px;
   float: left;}
   
.service_right {
   float: right;
   width: 440px;}

dl.sv_qa {}

dl.sv_qa dt {
   background: url(../img/service_46.gif) top left no-repeat;
   padding-left: 30px;
   min-height: 24px;
   height: auto !important;
   height: 24px;
   color: #ff5ba8;
   padding-bottom: 10px;
   border-bottom: 1px solid #bfbab0;
   margin-bottom: 10px;}

dl.sv_qa dd {
   background: url(../img/service_49.gif) top left no-repeat;
   padding-left: 30px;
   min-height: 24px;
   height: auto !important;
   height: 24px;
   line-height: 200%;
   margin-bottom: 35px;}




/* --------------------------------------------------------------------------------------
 転職支援サービス_hozon
--------------------------------------------------------------------------------------- */
/*
.service01 {
	height: 510px;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../../service/images/service_01.gif);
}

.service02 {
	height: 310px;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/service_16.jpg);
}

.service03 {
	height: 380px;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/service_17.jpg);
}
*/

/* --------------------------------------------------------------------------------------
 サブページ共通
--------------------------------------------------------------------------------------- */


#subpage_contents {
   background-color: #ffffff;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   behavior: url("../css/ie-css3.htc");
   padding: 20px;
}


/* --------------------------------------------------------------------------------------
 応募フォーム
--------------------------------------------------------------------------------------- */
.detail_tb td label {
   float: left;
   width: 145px;
   margin: 0 0 1px 0;
   line-height: 24px;
   cursor: pointer;
   display: block;}


.row-fluid {
    position: relative;}

.row-fluid li {}

.row-fluid li:last-child {
    padding-bottom: 0;
  }

.detail_tb td input {
   background-color: #fbfaf4;
   border: 1px solid #dbdbdb;
   padding: 7px;}

.detail_tb td textarea {
   background-color: #fbfaf4;
   border: 1px solid #dbdbdb;
   padding: 7px;}

.form_bt01 {
   text-align: center;}

.form_bt01 input {
   background: url(../img/recruit_list_11.gif) top left no-repeat;
   width: 247px;
   height: 55px;
   border: none;
   cursor: pointer;
   text-indent: -9999em;}

.form_bt01 input:hover {
   background: url(../img/recruit_list_11_on.gif) top left no-repeat;}

.form_bt02 {
   margin-left: 200px;}

.form_bt02 p {
   float: left;
   margin-right: 40px;}

.form_bt02 p.fb_back input {
   background: url(../img/recruit_list_13.gif) top left no-repeat;
   width: 247px;
   height: 55px;
   border: none;
   cursor: pointer;
   text-indent: -9999em;}

.form_bt02 p.fb_confirm input {
   background: url(../img/recruit_list_15.gif) top left no-repeat;
   width: 247px;
   height: 55px;
   border: none;
   cursor: pointer;
   text-indent: -9999em;}

.form_bt02 p.fb_confirm input:hover {
   background: url(../img/recruit_list_15_on.gif) top left no-repeat;}

.error {
   border: 3px solid #FF6600;
   padding: 20px;
   background-color: #FFFFFF;
   margin-bottom: 25px;}

.error ul {
   list-style: none;
   color: #FF6600;}

.error li {
   margin-bottom: 7px;}

.error .msg {
   background: url(../img/recruit_list_18.gif) top left no-repeat;
   color: #FF6600;
   font-size: 15px;
   font-weight: bold;
   padding-left: 25px;
   line-height: 18px;
   margin-bottom: 10px;
   padding-bottom: 7px;
   border-bottom: 1px dotted #FF6600;}


th span {
	padding: 1px 5px;
	font-size: 86%;
	font-weight: normal;
	color: #fff;
	margin-left: 10px;
	float: right;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	background-color: #ff6600;
}

th .ninni {
	padding: 1px 5px;
	font-size: 86%;
	font-weight: normal;
	color: #fff;
	margin-left: 10px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	background-color: #CCCCCC;
}

/*----------------------------------------------------------------【サイトシール】*/

#ssl {
	margin-top: 30px;
	margin-right: 2px;
	margin-bottom: 30px;
	margin-left: 2px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 10px #ccc;
	-moz-box-shadow: 2px 2px 10px #ccc;
	box-shadow: 2px 2px 10px #ccc;
	padding-top: 1px;
	padding-bottom: 0px;
	border: 1px solid #DDD;
	background-color: #FFF;
}
#ssl h3 {
	font-size: 14px;
	font-weight: normal;
	background-color: #A9C632;
	color: #FFF;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
	height: 22px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}
#ssl .seal{
	float: left;
	padding: 10px;
	margin: 0px;
}
#ssl .text {
	font-size: 10px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}