@charset "utf-8";

@import url("general.css");

/* ================================================================================ */
/*                                                                                  */
/*      スタイル初期化                                                              */
/*                                                                                  */
/* ================================================================================ */

body,div,dl,dt,dd,ul,li,ol,li,h1,h2,h3,h4,h5,form,p,table,th,td,address,select,input{
	margin:0;
	padding:0;
}

body{
	line-height:1;
	color:#333333;
	font-family:"ヒラギノ角ゴ Pro W3", "HiraKakuProN-W3", "HelveticaNeue";
}

html,body{
	-webkit-text-size-adjust: none;
}


a img,img{
	border:0;
	max-width:100%;
}

ul,ol,li{
	list-style:none;
}

table{
    border-collapse:collapse; 
    border-spacing:0;
}


a{
	text-decoration:underline;
	color:#0071bc;
}

a:hover{
	text-decoration:none;
	color:#0071bc;
}

address{
	font-style:normal;
}


/* ================================================================================ */
/*                                                                                  */
/*      clearfix                                                                    */
/*                                                                                  */
/* ================================================================================ */

.clearfix{
	/zoom:1;
}

.clearfix:after{
	content:'';
	display:block;
	clear:both;
	height:0;
}


/* ================================================================================ */
/*                                                                                  */
/*      汎用スタイル                                                                */
/*                                                                                  */
/* ================================================================================ */

body{
	font-size:14px;
}

.center{
	text-align:center !important;
}

.left{
	text-align:left !important;
}


/* 青背景div(枠付き) */
div.blue_message{
	padding: 10px 10px;
	margin: 10px auto;
	border: solid 2px #4db0de;
	background: #EEFFFF;
}


/*----------------------------------------------------------------【見出し】*/

h1{
	font-weight:normal;
	font-size:12px;
}

#job_info h3{
	font-size:15px;
	padding:10px;
	background-image: -moz-linear-gradient(top, #29abe2, #0071bc);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #29abe2), color-stop(1.0, #0071bc));
	line-height:1.4;
	color:#FFF;
/*
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
*/
	margin:5px;
}

#application h4{
	font-size:15px;
	padding:10px;
	background-image: -moz-linear-gradient(top, #29abe2, #0071bc);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #29abe2), color-stop(1.0, #0071bc));
	line-height:1.4;
	color:#FFF;
/*
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
*/
	margin:5px;
}


.ver_short h2,
.ver_short #job_info h3{
	background-image: -moz-linear-gradient(top, #F4165B, #ED1C24);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F4165B), color-stop(1.0, #ED1C24));
}

.ver_static h2,
.ver_static #job_info h3{
	background-image: -moz-linear-gradient(top, #949494, #5F5F5F);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #949494), color-stop(1.0, #5F5F5F));
}



h2 a{
	/*padding:10px;*/ color:#FFF;
}

h3{
	font-size:15px;
	line-height:1.2;
}

h4{
	color:#555;
}


/*----------------------------------------------------------------【各カラムの設定】*/

#wrapper{
	width:100%;
	margin:0 auto;
}

#container{
}

#contents{
	margin:0 0 30px 0;
	padding:0;
}

.common{
	margin-bottom:10px;
}

.common p{
	line-height:1.5;
	margin:10px;
}

.common ul{
	margin:10px 0;
	text-align: center;
}

.common ul li a{
	padding:10px 20px;
	text-decoration:none;
	color:#FFF;
	margin:5px auto;
	font-weight:bold;
	display: inline-block;
	-webkit-border-radius: 10px; 
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 2px #BBB;
	box-shadow: 0 1px 2px #BBB;
	background: -webkit-gradient(linear, center bottom, center top, from(#333), to(#999));
}


/* ================================================================================ */
/*                                                                                  */
/*      ヘッダーデザイン                                                            */
/*                                                                                  */
/* ================================================================================ */

#headerInner{
	padding:10px 0px 0px;
	background-image: -moz-linear-gradient(top, #F5F5F5, #FFFFFF);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F5F5F5), color-stop(1.0, #FFFFFF));
}

#logo{
	float:left;
	background:url(/common/images/sp/head_txt_001.png) right center no-repeat; background-size:auto 100%;
	padding-right:34px;
	margin-left:10px;
}

.ver_short #logo{background:url(/common/images/sp/head_txt_002.png) right center no-repeat; background-size:auto 100%;}
.ver_static #logo{ background:none;}
	
#logo a{
	overflow:hidden;
}

#logo a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}



/*----------------------------------------------------------------【ナビデザイン】*/
#navi{
	float:right;
	margin-right:10px;
}

#navi ul{
	float:right;
	background-image: -moz-linear-gradient(top, #676767, #4B4B4B);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #676767), color-stop(1.0, #4B4B4B));
	border-left:1px solid #4A4A4A;
	border-right:1px solid #4A4A4A;
	border-top:1px solid #4A4A4A;
	border-bottom:1px solid #fff;
	-webkit-box-shadow: 0px 1px 3px #C0C0C0;
 -moz-box-shadow: 0px 1px 3px #C0C0C0; 
 box-shadow: 0px 1px 3px #C0C0C0;
}

#navi ul li{
	float:left;
	/*padding-top:20px;*/
	border-left:1px solid #999999;
	border-right:1px solid #4A4A4A;
	width:38px;
}
#navi ul li:first-child{border-left:none;}
#navi ul li:last-child{border-right:none;}

#navi ul li.favorite{  background:url(../../images/sp/head_ico_001.png) center 5px no-repeat; background-size:17px auto;}
#navi ul li.regist{  background:url(../../images/sp/head_ico_002.png) center 5px no-repeat; background-size:18px auto;}
#navi ul li.login{  background:url(../../images/sp/head_ico_003.png) center 5px no-repeat; background-size:18px auto;}

#navi ul li a{
	display:block;
	padding:27px 0 7px;
	text-decoration:none;
	color:#FFF;
	font-size:8px;
	text-align: center;

}

#Gnav{ clear:both; padding-top:10px; border-bottom:2px solid #29abe2; line-height:0; width:100%;}
.ver_short #Gnav{border-bottom:2px solid #C1272D;}
.ver_static #Gnav{border-bottom:2px solid #149a3d;}


#Gnav ul{ display:table; table-layout:fixed; width:100%;}
#Gnav .short_tag{ display:table-cell; vertical-align:middle; background:url(/common/images/sp/bg_gnav_001.jpg) left bottom repeat-x; background-size:5px auto; text-align:center; table-layout:fixed; border-right:1px solid #FFF;}
#Gnav .long_tag{ display:table-cell; vertical-align:middle; background:url(/common/images/sp/bg_gnav_002.jpg) left bottom repeat-x; background-size:5px auto; text-align:center; table-layout:fixed; border-right:1px solid #FFF;}
#Gnav .user_info_tag{ display:table-cell; vertical-align:middle; background:url(/common/images/sp/bg_gnav_003.jpg) left bottom repeat-x; background-size:5px auto; text-align:center; table-layout:fixed; border-right:1px solid #FFF;}

/*#Gnav li:first-child{background:url(/common/images/sp/bg_gnav_001.jpg) left bottom repeat-x; background-size:5px auto;}
#Gnav .user_info_tag{background:url(/common/images/sp/bg_gnav_003.jpg) left bottom repeat-x; background-size:5px auto; border-right:none;}*/
#Gnav li a{ display:block; padding:12px 0;}
#Gnav li img{ max-width:100%;}


/*----------------------------------------------------------------【ヘッダ検索】*/

#search_box{
	padding:5px 0;
	background-image: -moz-linear-gradient(top, #949494, #5F5F5F);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #949494), color-stop(1.0, #5F5F5F));
	width:100%;
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#search_box form{
	-webkit-box-flex:1;
	-moz-box-flex:1;
	display: -webkit-box;
	display: -moz-box;
	margin-left:5px;
}

#search_box form label{
	-webkit-box-flex:1;
	-moz-box-flex:1;
	display:block;
	width:100%;
}

#search_box form label input{
	width:100%;
	font-size:16px;
	border:1px solid #cccccc;
	padding: 5px;
	color: #999;
	height:34px;
	background: #fff;
	border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	box-shadow:none;
	font-weight:normal;
}

#search_box form input.search_button{
	/*margin-left:15px;*/
	width:38px;
	border:none;
	cursor:pointer;
	display:block;
	padding:5px 10px;
	text-align:center;
	font-size:14px;
	border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	background: url(/common/images/sp/head_ico_004.png) center center no-repeat #FFF;
	background-size:17px auto;
	text-indent:-9999px;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#search_box .more_search{
/*	width:80px;*/
}

#search_box .more_search a{
	width:70px;
	background-color:#333;
	display:block;
	padding:7px 10px;
	text-decoration:none;
	background:url(/common/img/sp/arrow2.png) no-repeat right;
	color:#FFF;
	font-weight:bold;
	line-height:18px;
}


/* ================================================================================ */
/*                                                                                  */
/*      コンテンツ各ページデザイン                                                  */
/*                                                                                  */
/* ================================================================================ */

/*----------------------------------------------------------------【トップページ】*/

/*.index h2 a,
.index h2 span,*/
.swicth span{
	display:block;
	background: url(/common/images/sp/ico_005.png) no-repeat right;
	background-size:23px auto;
	text-decoration:none;
	padding:10px 0 10px 10px;
	margin-right:10px;
	color:#FFF;
}
.index h2.close a,
.index h2.close span{background: url(/common/images/sp/ico_004.png) no-repeat right; background-size:23px auto;}

.swicth.close span{background: url(/common/images/sp/ico_010.png) no-repeat right; background-size:23px auto;}

/* おすすめの求人 */
.pickup h2{
	padding:0;
}

.pickup h2 a{
	display:block;
	background:url(/common/img/sp/arrow_big.png) no-repeat right;
	text-decoration:none;
	color:#333;
}

.pickup h3{
	background:none;
	border:0;
	padding:5px 0 0;
	margin:0;
	line-height:1.5;
	font-weight:normal;
	text-align:left;
}

.pickup ul{
	padding:5px 0 5px;
	text-align:center;
}

.pickup li{
	padding:5px;
	width:29%;
	vertical-align:top;
    display: inline-block;
}

.pickup li div{
	width:80px;
	height:60px;
	border:1px solid #CCC;
	margin:0 auto;
}


/* お知らせ */
/*.index .news h2{ padding:0;}
.index .news h2 a{ background:url(/common/images/sp/ico_004.png) right center no-repeat; background-size:23px auto;}*/
.news li{ border-bottom:1px solid #ccc; padding:10px; line-height:1.5;}
.news li .date{ display:block; font-size:11px; color:#666666;}


/* トップ検索
----------------------------------------------- */



/*----------------------------------------------------------------【フォーム】*/

/* フォーム送信ボタン
----------------------------------------------- */
.form_button{
	text-align:center;
	padding:10px;
}

.form_button02{
	text-align:center;
	padding:12px 10px;
	background-image: -moz-linear-gradient(top, #f4f4f4, #FFF 50%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f4f4f4), color-stop(0.5, #FFF));
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}

.form_button input{
	cursor:pointer;
	border:none;
	width:auto;
	padding:10px 20px;
	text-decoration:none;
	color:#FFF;
	margin:0 0 0 5px;
	font-weight:bold;
	display: inline-block;
	outline: none;
	text-align: center;
	-webkit-border-radius: 10px; 
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 2px #BBB;
	box-shadow: 0 1px 2px #BBB;
    background-image: -moz-linear-gradient(top, #999999, #333333);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #999999), color-stop(1.0, #333333));
	font-size:14px;
}

.form_button input.confirm {
    background-image: -moz-linear-gradient(top, #ff7200, #ff7200);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff7200), color-stop(1.0, #ff7200));
}

.form_button input.search_button{
	background-image: url(/common/images/sp/ico_search_button.png) , -moz-linear-gradient(top, #76C7FA, #3A97CF);
	background-image: url(/common/images/sp/ico_search_button.png) , -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #76C7FA), color-stop(1.0, #3A97CF));
	background-repeat: no-repeat , repeat;
	background-position:15px center , left top;
	background-size: 18px auto, auto auto;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	-webkit-box-shadow:0 0 5px #bbb;
	-moz-box-shadow: 0 0 5px #bbb;
	box-shadow:0 0 5px #bbb;
	border:2px solid #FFF;
	text-shadow: -1px 1px 0px #6699CC;
	padding:10px 20px 10px 35px;
	}



/* 入力画面
----------------------------------------------- */
#form{
	margin:10px;
}

/*
#form ul li{
    margin-top:20px; 
}
*/

#form ul li span{
	font-size:14px;
	color:#555;
	font-weight:bold;
}

#form ul li p{
	margin-top:4px;
	line-height:1.3;
}




/* フォームパーツ */

#form ul li input[type="text"],
#form ul li input[type="email"],
#form ul li input[type="number"],
#form ul li input[type="tel"],
#form ul li input[type="password"],
#form ul li select,
#form ul li textarea{
	border:1px solid #BBB;
	color: #333;
	background: #fff;
	border-radius: 5px;
	background: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#fff));
	-webkit-border-radius: 5px;
	zoom: 1;
	padding: 8px;
	margin:0 2px 5px;
	font-size:16px;
}

#form ul li select{
	display:inline-block;
    padding-right:30px;
	background:url(/common/img/sp/select.png) no-repeat right;
	-webkit-appearance: textfield;
	height:40px;
}

#form ul li textarea{
	width:90%;
}

#form ul li input[type="button"]{
	cursor:pointer;
	border:none;
	width:auto;
	padding:7px 5px;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	display: inline-block;
	outline: none;
	text-align: center;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px #BBB;
	box-shadow: 0 1px 2px #BBB;
	background-image: -moz-linear-gradient(top, #999999, #333333);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #999999), color-stop(1.0, #333333));
	font-size:13px;
}

#form ul li input[type="radio"]{
	margin-right:3px;
	font-size:150%;
	height:25px;
	width:25px;
	margin-right:5px;
 
}

#form ul li input[type="checkbox"]{
	margin-right:3px;
	font-size:150%;
	height:25px;
	width:25px;
	margin-right:5px;
 
}

#form ul li .check label,
#form ul li .radio label{
	display:block;
	margin:5px 0;
 
}

/* エラーフラグ */
#form ul li .validate input[type="text"],
#form ul li .validate input[type="password"],
#form ul li .validate textarea,
#form ul li .validate select{
	border:1px solid #ff8f8f;
}

#form ul li .error{
	padding:0px;
	margin:0px 0 0 5px;
	border:none;
	line-height:1.4;
	font-size:12px;
	background:none;
}

/* エラーメッセージ包括 */
.error{
	line-height:1.5;
	color:red;
	padding:10px;
	margin:10px;
	border:1px solid red;
	background-color:#FFF;
}

/* 登録ヒント */
#form ul li span.hint{
	color:#666;
	margin:0px 0 0 5px;
	font-size:12px;
	display:block;
	line-height:1.4;
	font-weight:normal;
}

/* 必須マーク */
#form ul li span.att{
	color:red;

	font-weight:normal;
	font-size:13px;
}

#form .terms{
    border: 0 none;
    height: 200px;
    width:100%;
	overflow: scroll;
}

/* ---- 募集検索「職種」「特徴」checkbox.---- */
#form ul li div#disp_searchJobType input[type=checkbox],
#form ul li div#disp_searchJobAddition input[type=checkbox] {
    font-size: 120%;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    margin-right: 10px;
}

#form ul li div#disp_searchJobType label ,
#form ul li div#disp_searchJobAddition label {
    display: block;
/*    width: 95%; */
    margin: 15px 10px;
}
#form ul li div#disp_searchJobType span ,
#form ul li div#disp_searchJobAddition span {
    font-weight: normal;
    padding: 5px;
}

/* 職種：check状態のラベル色 */
#form ul li div#disp_searchJobType span.check_on {
	background-color: #FFEBCD;
	font-weight:      bold;
	border:           1px solid #FFAA66;
	border-radius: 5px;
}
/* 特徴：check状態のラベル色 */
#form ul li div#disp_searchJobAddition span.check_on {
	background-color: #29A7DE;
	color:            #FFF;
	font-weight:      bold;
	border:           1px solid #EEEEEE;
	border-radius: 5px;
}



/* 利用規約 */
.terms{
    background-color:#FFF;
    line-height:150%;
	padding:0 10px;
	font-size:12px;
}

.terms h2 {
    font-size:13px;
    padding-top:5px;
	padding-bottom:5px;
	background:none;
	border:none;
}

.terms ol, .terms ul {
    margin:10px 0 10px 25px;
}

.terms ul li{
    margin-top:5px;
    list-style: disc outside none;
}

.terms .date{
	margin-top:15px;
}




/* 確認画面
----------------------------------------------- */
#form_check h3{
	margin:10px;
}

#form_check ul li{
	border-bottom:1px solid #CCC;
	padding:7px 10px;
	line-height:1.4;
}

#form_check ul li span{
	font-size:12px;
	padding:0;
	color:#555;
	font-weight:bold;
}

#form_check ul li p{
	margin-top:3px;
}

#form_check ul li li{
	padding:5px 10px;
	border:none;
}



/* 完了画面
----------------------------------------------- */
#message{
	padding:20px 10px;
	line-height:1.4;
}

#message p{
	margin:5px 0;
}

#message ul{
	margin:10px 0;
	text-align: center;
}

#message ul li a{
	/*padding:10px 20px;
	text-decoration:none;
	color:#FFF;
	display: inline-block;
	-webkit-border-radius: 10px; 
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 2px #BBB;
	box-shadow: 0 1px 2px #BBB;
	background: -webkit-gradient(linear, center bottom, center top, from(#333), to(#999));*/
	margin:5px auto;
	font-weight:bold;
}


/* 求人情報検索フォーム（モーデルウィンドウ）
----------------------------------------------- */
.motion{
	display: none;
}

#motion_area1 {
	display: block;
}


/*----------------------------------------------------------------【求人情報詳細ページ】*/

/* 求人詳細上部
----------------------------------------------- */

#job_info{
	font-size:12px;
}

#job_info h2 .limitation{
	color:#F30;
	padding-left:3px;
}

#job_info h2 .new{
	background-color:#F33;
	color:#FFF;
	font-size:11px;
	padding:2px 2px 1px;
	position:relative;
	top:-2px;
	margin-left:5px;
}

#job_info .box{
	padding:10px;
}

#job_info h3{
	/*color:#FFF;
	text-align:center;
	padding:5px 10px;
	background: -webkit-gradient(linear, center bottom, center top, from(#333), to(#888));*/
	font-weight:normal;
}

#job_info .catchcopy{
	padding:5px;
	margin:0 0 10px 0;
	text-align:left;
	line-height:1.4;
}

#job_info .stop{
	color:red;
	padding:5px;
	border:1px solid red;
	margin:0 0 10px;
	line-height:1.5;
}

/*#job_info .gift{
	background-color:#333;
	padding:5px;
	width:150px;
	margin:0 0 5px;
	text-align:center;
	color:#FFF;
	font-size:13px;
}

#job_info .gift p{
	display:inline;
	padding:0;
	border:0;
	margin:0;
	font-weight:bold;
}*/

#job_info .icon ul{
	padding:0 0 10px 0;
}

#job_info .icon ul li{
	margin:0 4px 4px 0;
	float:left;
	font-size:10px;
	border:1px solid #666;
	padding:3px 5px 2px;
	white-space:nowrap;
}

/* info_list */
.info_list{
	margin:0 0 10px 0;
		font-size:12px;
}

.info_list ul li{
	border-bottom:1px solid #CCC;
	padding:7px 10px;
	line-height:1.5;
	word-break:break-all;
}

.info_list ul li li{
	border-bottom:none;

	padding:3px 10px;
}

.info_list ul li a{
	font-weight:bold;
}

.info_list ul li span{
	padding:0;
	color:#555;
	font-weight:bold;
}



/* 求人詳細内
----------------------------------------------- */

.job_point{
	margin-bottom:15px;
}


.job_point ul li #map,
.job_point ul li #interview_map{
	margin:0 auto;
}



/* 紹介写真 */
.job_point .flick{
	width:200px;
	position:relative;
	overflow:auto;
	margin:10px auto 15px;
}

.job_point .flick ul{
	display:block;
	margin:0;
	padding:0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.job_point .flick ul li{
	float:left;
	padding:0;
	width:200px;
	border:0;
	line-height:1.4;
}

.job_point .flick ul li div{
	margin-left:10px;
	margin-right:10px;
}

.job_point .flick ul li h4{
	padding:5px 0 0;
	font-size:12px;
	margin:0 10px;
}

.job_point .flick ul li p{
	padding:5px 0 0;
		font-size:12px;
	margin:0 10px 10px;
}

.job_point .navi a{
	text-indent:-9999px;
	overflow:hidden;
	height:30px;
	width:30px;
	margin-top:50px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	border:1px solid #CCC;
}

.job_point .nextbtn{
	background: url(/common/images/sp/ico_009.gif) no-repeat right;
	background-size:16px auto;
	float: right;
	margin-right:10px;
}

.job_point .backbtn {
	background:url(/common/img/sp/arrow3.png) no-repeat left;
	float: left;
	margin-left:10px;
}

.job_point .nextbtn.inactive,
.job_point .backbtn.inactive {
	opacity : 0.3;
}

.job_point .indicator{
	position: relative;
	overflow: hidden;
	width: 13px;
	height: 5px;
	background: url(/common/img/sp/indicater_bg.png) repeat-x left top;
	margin: 10px auto 0 auto;
}

.job_point .indicator img{
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
}



/* 会社からのメッセージ
経営者・社員からのメッセージ */
.message .photo_box{
	line-height:1.6;
	padding:15px 10px 10px;
	border-bottom:1px solid #CCCCCC;
}

.message .photo_box div{
	margin:0 auto;
}

.message .photo_box h4{
	padding:5px 0 0;
	font-size:14px;
}

.message .photo_box p{
	padding:5px 0 0;
	margin:0 0 10px;
}


/* マップ */
#map,
#interview_map{
	width:280px;
	height:200px;
}


/*----------------------------------------------------------------【メールボックス】*/

#mail_info_box{
	padding:10px;
}

#mail_info_box p{
	margin:0 0 10px 0;
	padding:0;
}

#mail_info_box p.subject{
	font-size:18px;
	font-weight:bold;
}

#mail_info_box p.date{
	font-weight:100;
	font-size:13px;
	float:right;
}

#mail_info_box p.text{
	font-size:14px;
	border-top:2px dotted #057AC9;
	padding:15px 0 0 0;
	margin:0 0 25px 0;
	line-height:1.7;
}



/*----------------------------------------------------------------【ページャー】*/

.search_page{
	margin:5px 0;
	text-align:center;
}

.search_page p{
	font-size:12px;
	margin:0 0 5px 0;
}

.search_page p span{
	font-weight:bold;
	font-size:14px;
	margin:0 3px;
}

.search_page ul{ border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:10px;}

.search_page li{
	line-height:24px;
	display:inline;
	padding:3px 0;
}

.search_page li.focus{
	padding:3px 7px;
	font-weight:bold;
}

.search_page li a{
	text-decoration:none;
	padding:3px 7px;
	color:#959595;
}

.search_page li.back a{
	background:#DDD;
}

.search_page li.page a{
	background:#F5F5F5;
}


/*----------------------------------------------------------------【一覧ページ】*/


/* 求人検索結果一覧
----------------------------------------------- */
h2{ position:relative;}
h2 .search{
	float:right;
	padding:3px 10px;
	text-decoration:none;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align: center;
	background: -webkit-gradient(linear, center bottom, center top, from(#333), to(#666));
}


h2 .btn_act{
	position:absolute;
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	background-image: -moz-linear-gradient(top, #f2f2f2, #dcdcdc);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f2f2f2), color-stop(1.0, #dcdcdc));
	border:1px solid #fff;
	font-weight:normal;
	font-size:10px;
	color:#666666;
	right:10px;
	padding:5px 10px;
	top:7px;
	text-decoration:none;
}

h2 .btn_act1{
	position:absolute;
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	background-image: -moz-linear-gradient(top, #f2f2f2, #dcdcdc);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f2f2f2), color-stop(1.0, #dcdcdc));
	border:1px solid #fff;
	font-weight:normal;
	font-size:10px;
	color:#666666;
	right:10px;
	padding:5px 10px;
	top:7px;
	text-decoration:none;
}

h2 .btn_act2{
	position:absolute;
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	background-image: -moz-linear-gradient(top, #f2f2f2, #dcdcdc);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f2f2f2), color-stop(1.0, #dcdcdc));
	border:0px solid #fff;
	font-weight:normal;
	font-size:10px;
	color:#666666;
	right:10px;
	padding:5px 10px;
	top:9px;
	text-decoration:none;
}


h2 .btn_act.search span{ background:url(/common/images/sp/ico_006.png) left center no-repeat; background-size:10px auto; padding-left:12px;}
h2 .btn_act.ico_021 span{background:url(/common/images/sp/ico_021.png) left center no-repeat; background-size:12px auto; padding-left:14px;}


h2 .back{
	float:left;
	margin-right:7px;
	padding:3px 10px 3px 17px;
	text-decoration:none;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align: center;
	background:url(/common/img/sp/back.png) no-repeat left;
}



.job_status_ico{ color:#fff; font-size:10px; padding-bottom:5px;}
.job_status_ico ul li{ display:inline-block; background: #29A7DE; padding:2px 4px; margin-bottom:5px; text-align:center;
-webkit-border-radius:3px;
-moz-border-radius:5px;
-ms-border-radius: 5px;
border-radius:5px;
/*width:7.5em;*/
line-height:1.4;
}

.ver_short .job_status_ico ul li{ background: #f4165b;}

/* リスト
----------------------------------------------- */

.list{
	margin:0;
	padding:10px 23px 10px 10px;
	border-bottom:1px solid #CCC;
	background: url(/common/images/sp/ico_009.gif) no-repeat right;
	background-size:16px auto;
	cursor:pointer;
}

.list .photo{
	width:100px;
	float:left;
}

.list .text{
	margin-left:110px;
	font-size:12px;
	line-height:1.4;
}

.list h3{
	font-weight:bold;
	background:none;
	border:0;
	margin:0;
	padding:0 0 5px;
	line-height:1.4;
}

.list h3 a{
	text-decoration:none;
	color:#333;
}

.list h3 .limitation{
	color:#F30;
	padding-left:3px;
	font-size:14px;
}

.list h3 .new{
	background-color:#F33;
	color:#FFF;
	font-size:11px;
	padding:2px 2px 1px;
	position:relative;
	top:-2px;
	margin-left:5px;
}

.list p{
	font-size:12px;
	line-height:1.4;
}



.gift{ position:relative; border-top:1px dotted #999999; border-bottom:1px dotted #999999; margin:5px 0;}

#job_info .gift{ position:relative; border-top:1px dotted #999999; border-bottom:none; margin:5px 0;}

.gift h3,
#job_info .gift h3{
	display:inline-block;
	padding:5px 0 5px 16px;
	border:0;
	font-size:11px;
	color:#333;
	font-weight:bold;
	background: url(/common/images/sp/ico_007.png) left center no-repeat; background-size:11px auto;
}

#job_info .gift h3{ margin:0;}

.gift ul,
#job_info .gift ul{ float:right; margin-bottom:5px;}

.gift p,
#job_info .gift p{
	display:inline-block;
	font-weight:bold;
	font-size:11px;
}


/* 応募詳細内
----------------------------------------------- */
/* 応募詳細：radioボタン */
p.applyRadio { margin:10px 10px; font-size:15px;}
p.applyRadio input[type="radio"]{
	height:15px;width:15px;
}
p.applyRadio input[type="radio"]:checked + label {
	font-weight: bold;
}

/* 応募詳細：todoメッセージ(「xxxしてください」) */
p.todo ,span.todo {color:blue; font-size: 13px; font-weight: bold; margin: 5px 10px;}

/* 応募詳細：インフォメッセージ(「xxxになります」) */
div.info_message {
	border:  1px solid #29ABE2;
	margin:  5px;
	padding: 5px;
	border-radius: 5px;
	font-size: 11px;
	line-height: 120%;
}



/* リンクリスト
----------------------------------------------- */
.link_list{
	margin:0 0 10px 0;
}

.link_list ul li{
	border-bottom:1px solid #CCC;
	background: url(/common/images/sp/ico_009.gif) no-repeat right;
	background-size:16px auto;
	padding:0;
	line-height:1.5;
}

.link_list ul li a{
	display:block;
	padding:15px 30px 10px 10px;
	text-decoration:none;
	color:#333;
}

.link_list ul li.more{
	background:none;
}

/* ２段階リンクリスト */
.link_list ul li.link_list_parent{
	background: url("/common/images/sp/ico_005.png") no-repeat;
	background-position:98%;
	background-size:23px auto;
	background-color: #F5F5FF;
}
.link_list ul li.close{
	background: url("/common/images/sp/ico_004.png") no-repeat;
	background-position:98%;
	background-size:23px auto;
	background-color: #F5F5FF;
}
.link_list ul li.link_list_parent span{
	display:block;
	padding:15px 30px 10px 10px;
	text-decoration:none;
	color:#777;
	font-weight: bold;
}
.link_list ul li.link_list_parent + ul li a {
	padding-left: 45px;
}



/* メールの既読と未読 */
.opened{
	padding-left:30px;
	background-image:url(/common/img/sp/arrow.png),url(/common/img/sp/msg_open.png);
	background-repeat:no-repeat;
	background-position:right,5px center;
}

.unopened{
	padding-left:30px;
	background-image:url(/common/img/sp/arrow.png),url(/common/img/sp/msg_close.png);
	background-repeat:no-repeat;
	background-position:right,5px center;
}



/*----------------------------------------------------------------【各種ボタン】*/
.button{
	position:relative;
	overflow:hidden;
	margin:15px 0;
}

.button ul{
	position:relative;
	left:50%;
	float:left;
}

.button ul li{
	position:relative;
	left:-50%;
	float:left;
	margin:0 3px;
}

.button ul li a{
	padding:10px 12px 10px 18px;
	margin:0 0 0 5px;
	text-decoration:none;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	display: inline-block;
	text-align: center;
	-webkit-border-radius: 6px; 
		-moz-border-radius: 6px; 
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 2px #BBB;
	box-shadow: 0 1px 2px #BBB;
	font-weight:normal;
	background-image: url(/common/images/sp/ico_008.png) ,-moz-linear-gradient(top, #949494, #5F5F5F) ;
	background-image:url(/common/images/sp/ico_008.png), -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #949494), color-stop(1.0, #5F5F5F));
	background-repeat:no-repeat, repeat;
	background-position:10px center , left top;
	background-size:4px auto, auto auto;
}

.button ul li a.entry_button{
	background-image: url(/common/images/sp/ico_008.png) ,-moz-linear-gradient(top, #39b54a, #009245);
	background-image:url(/common/images/sp/ico_008.png) , -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #39b54a), color-stop(1.0, #009245));
	background-repeat:no-repeat, repeat;
	background-position:10px center , left top;
	background-size:4px auto, auto auto;
	}

.button ul li a.entry_info_button{
	background-image: url(/common/images/sp/ico_008.png) ,-moz-linear-gradient(top, #0071bc, #29abe2);
	background-image:url(/common/images/sp/ico_008.png) , -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #0071bc), color-stop(1.0, #29abe2));
	background-repeat:no-repeat, repeat;
	background-position:10px center , left top;
	background-size:4px auto, auto auto;
	}


/*----------------------------------------------------------------【画像】*/

.object280 span,
.object180 span,
.object160 span,
.object100 span,
.object80 span{
	display:none;
}

.object280 a,
.object180 a,
.object160 a,
.object100 a,
.object80 a{
	display:block;
}

.object280{
	width:280px;
	/* background:url(/common/img/sp/no_image_280x210.png) */;
	margin:10px auto;
}

.object280 a{
	width:280px;
	height:210px;
}

.object180{
	width:180px;
	height:135px;
	background:url(/common/img/sp/no_image_180x135.png);
}

.object180 a{
	width:180px;
	/*height:135px;*/
}

.object160{
	width:160px;
	/*height:120px;*/
	background:url(/common/img/sp/no_image_160x120.png);
	margin:10px auto;
}

.object160 a{
	width:160px;
	height:120px;
}

.object100{
	width:100px;
	height:75px;
	background: url(/common/images/sp/no_img.gif) left top no-repeat; background-size:100px auto;
}

.object100 a{
	width:100px;
	height:75px;
}

.object80{
	width:80px;
	height:60px;
	background:url(/common/img/sp/no_image_80x60.png);
}

.object80 a{
	width:80px;
	height:60px;
}



/*----------------------------------------------------------------【フッターデザイン】*/


.footNav{ border-top:1px dashed #999999; border-bottom:1px dashed #999999; padding:10px; text-align:center; margin-bottom:10px; font-size:12px;}

.footNav li{ border:1px solid #cccccc;
background-image: -moz-linear-gradient(top, #e6e6e6, #fff);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #e6e6e6), color-stop(1.0, #fff));
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display:inline-block;
-webkit-box-shadow: 0px 1px 3px #ddd;
 -moz-box-shadow: 0px 1px 3px #ddd; 
 box-shadow: 0px 1px 3px #ddd;
width:30%;
}
.footNav li a{ display:block; padding:8px 0; color:#333; text-decoration:none; line-height:1;} 

.footNav li.current.long{
	background-image: -moz-linear-gradient(top, #0071bc, #29abe2);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #0071bc), color-stop(1.0, #29abe2));}
.footNav li.current.long a{ color:#FFF;}

.footNav li.current.short{
	background-image: -moz-linear-gradient(top, #F4165B, #ED1C24);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F4165B), color-stop(1.0, #ED1C24));}
.footNav li.current.short a{ color:#FFF;}

#pageup{
	text-align:right;
	line-height:0; 
}
#pageup a{}

#footer{
	padding:15px 10px;
	background:#2da642;
	font-size:12px;
}

#footNav{}
#footNav dl{ margin-bottom:10px;}
#footNav dl dt{ background:#0e7f47; padding:10px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
color:#FFF;
font-size:15px; font-weight:bold;
margin-bottom:2px;
}
#footNav dl dt a{ background:url(/common/images/sp/ico_003.gif) right center no-repeat; background-size:17px auto; display:block; color:#FFF; text-decoration:none;}

#footNav dl dd{background:#fff; padding:0px 10px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
color:#FFF;
margin-bottom:2px;
display: none;
}
#footNav dl.block dd{ display:block;}
#footNav dl dd a{ color:#333333; text-decoration:none; background:url(/common/images/sp/ico_001.gif) right center no-repeat; background-size:10px auto; display:block; padding:12px 0;}

#footer #copy{ background:url(/common/images/sp/foot_logo.gif) left center no-repeat; background-size:50px auto; padding-left:55px; color:#FFF; font-size:8px; min-height:15px;}


/*----------------------------------------------------------------【パーツ】*/


/* テーブル */
.status_table{ margin-bottom:0;}
.evaluateTable{ width:100%;}
.evaluateTable td{ padding:3px 5px;}



.rightBtnArea{ text-align:right; margin:0 5px;}


/*アイコン*/
.ico_010{ background:url(/common/images/sp/ico_010.png) left center no-repeat; padding:5px 0 5px 25px;}
.ico_011{ background:url(/common/images/sp/ico_011.png) left center no-repeat; padding:5px 0 5px 25px; background-size:18px auto;}
.ico_012{ background:url(/common/images/sp/ico_012.png) left center no-repeat; padding:5px 0 5px 25px; background-size:16px auto;}
.ico_013{ background:url(/common/images/sp/ico_013.png) left center no-repeat; padding:5px 0 5px 25px;}
.ico_014{ background:url(/common/images/sp/ico_014.png) left center no-repeat; padding:5px 0 5px 25px;}
.ico_015{ background:url(/common/images/sp/ico_015.png) left center no-repeat; padding:5px 0 5px 25px;}
.ico_016{ background:url(/common/images/sp/ico_016.png) left center no-repeat; padding:5px 0 5px 20px;}
.ico_017{ background:url(/common/images/sp/ico_017.png) left center no-repeat; padding:5px 0 5px 25px; background-size:20px auto;}
.ico_018{ background:url(/common/images/sp/ico_018.png) left center no-repeat; padding:5px 0 5px 25px;}
.ico_019{ background:url(/common/images/sp/ico_019.png) left center no-repeat; padding:5px 0 5px 25px; background-size:18px auto;}
.ico_020{ background:url(/common/images/sp/ico_020.png) left center no-repeat; padding:5px 0 5px 25px; background-size:19px auto;}
.ico_022{ background:url(/common/images/sp/ico_022.png) left center no-repeat; padding:5px 0 5px 20px; background-size:16px auto;}

/* ボタン 背景色*/

.btn_bg_gray,
.btn_bg_darkgray,
.btn_bg_blue_001,
.btn_bg_blue_002,
.btn_bg_red_001,
.btn_bg_yellow_001,
.btn_bg_green_001,
.btn_bg_green_001,
.btn_bg_green_002,
.btn_bg_green_003{
	box-shadow: 0px 5px 3px -3px #ddd;
-webkit-box-shadow: 0px 5px 3px -3px #ddd;
-moz-box-shadow: 0px 5px 3px -3px #ddd;
-ms-box-shadow: 0px 5px 3px -3px #ddd;
 margin-bottom:5px;
	-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius: 5px;
border-radius:5px;
overflow:hidden; display:inline-block; line-height:1;
position:relative;
font-size:14px;
}

.btn_bg_gray span,
.btn_bg_darkgray span,
.btn_bg_blue_001 span,
.btn_bg_blue_002 span,
.btn_bg_red_001 span,
.btn_bg_yellow_001 span,
.btn_bg_green_001 span,
.btn_bg_green_001 span,
.btn_bg_green_002 span,
.btn_bg_green_003 span{padding-top:10px; padding-bottom:10px; display:inline-block; background-position: left center !important;}


.btn_bg_gray{
	background-image: -moz-linear-gradient(top, #FFF, #ECECEC);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFF), color-stop(1.0, #ECECEC));
 color:#555 !important; border:1px solid #d9d9d9; padding:0 15px;}

.btn_bg_darkgray{ background-image: -moz-linear-gradient(top, #949494, #808080);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #949494), color-stop(1.0, #808080));
color:#FFF !important; border:1px solid #999; padding:0 15px;}

.btn_bg_blue_001{ background-image: -moz-linear-gradient(top, #29A7DE, #0071B8);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #29A7DE), color-stop(1.0, #0071B8));
color:#FFF !important; border:1px solid #3399cc; padding:4px 15px;}

.btn_bg_blue_002{ background-image: -moz-linear-gradient(top, #29A7DE, #0071B8);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #29A7DE), color-stop(1.0, #0071B8)); color:#FFF !important; padding:4px 15px;  border:2px solid #FFF;}

.btn_bg_red_001{ background-image: -moz-linear-gradient(top, #E91C24, #BD272D);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #E91C24), color-stop(1.0, #BD272D)); color:#FFF !important; padding:4px 15px;  border:2px solid #FFF;}

.btn_bg_yellow_001{background-image: -moz-linear-gradient(top, #F7C33B, #F7AC3B);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F7C33B), color-stop(1.0, #F7AC3B));
color:#FFF !important; padding:4px 15px;  border:2px solid #FFF; }

/* 体験ボタンの時 */
.btn_bg_yellow_001 .taiken{text-shadow:-1px -1px #f38f1e,1px -1px #f38f1e,	-1px 1px #f38f1e,1px 1px #f38f1e; font-size:10px; background:url(/common/images/sp/ico_taiken.png) left center no-repeat; background-size:11px auto;
padding:5px 0 5px 15px;}

.btn_bg_green_001{ background-image: -moz-linear-gradient(top, #008E45, #006837);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #008E45), color-stop(1.0, #006837));
color:#FFF !important; padding:0 15px; border:1px solid #339933; }

.btn_bg_green_002{background-image: -moz-linear-gradient(top, #88C23F, #39B14A);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #88C23F), color-stop(1.0, #39B14A)); color:#FFF !important; padding:0 15px; border:1px solid #66CC66;}

.btn_bg_green_003{ background-image: -moz-linear-gradient(top, #008E45, #006837);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #008E45), color-stop(1.0, #006837));
color:#FFF !important; padding:0px 15px; border:1px solid #339933;}

/* 長さ */
.btn_51{ width:51px; font-size:14px; text-align:center; overflow:hidden; display:inline-block;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 !important;}
.btn_73{ width:73px; font-size:14px; text-align:center; overflow:hidden; display:inline-block;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 !important;}
.btn_96{ width:96px; font-size:14px; text-align:center; overflow:hidden; display:inline-block;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 !important;}
.btn_143{ width:143px; font-size:14px; text-align:center; overflow:hidden; display:inline-block;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 !important;}
.btn_151{ width:151px; font-size:14px; text-align:center; overflow:hidden; display:inline-block;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 !important;}
.btn_189{ width:189px; font-size:14px; text-align:center;
behavior: url(/common/css/PIE.htc);overflow:hidden; display:inline-block;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 !important;}
.btn_229{ width:229px; font-size:14px; text-align:center;
overflow:hidden; display:inline-block;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 !important;}
.btn_276{ width:276px; font-size:14px; text-align:center;-webkit-border-radius:5px;
overflow:hidden; display:inline-block;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 !important;}



/*----------------------------------------------------------------【静的コンテンツ】*/

h2.staticTtl{ background:none; padding:10px 0; text-align:center;}

.ver_static .swicth{
	background-image: -moz-linear-gradient(top, #f9f9f9, #e6e7e7);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f9f9f9), color-stop(1.0, #e6e7e7));
-webkit-box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.4);
box-shadow:0px 2px 2px -2px rgba(0,0,0,0.4);
padding:0;
}
.ver_static .swicth span{  color:#333 !important;}

.infoTxt{ padding:0 5px 10px; font-size:12px; line-height:1.7;}

.comingSoon{ text-align:center; padding-top:30px;}


.ver_static .item{ display:none;}
.ver_static .item dt{ padding:10px 0; text-align:center;}
.ver_static .item dd{ padding:0 5px 5px; font-size:12px; line-height:1.7;}


/* はじめてご利用の方へ */
.ver_static .userTopBox{ text-align:center; padding:15px 0; margin-bottom:15px;}
.ver_static .userTopBox div{ line-height:0; margin:0; padding:0;}
.ver_static .userTopBox p{ font-size:12px; font-weight:bold; line-height:1.7; margin-top:10px;}
.ver_static .userTopBox p a{ color:#006837;}
.ver_static .userTopBox .orange{ color:#F7931E;}
.ver_static .userTopBox .green{ color:#00A33E;}


/* よくある質問 */
.ver_static .faqArea{ margin-bottom:0px;}
.ver_static .faqArea dl:last-of-type{ border-bottom:none; margin-bottom:0; padding-bottom:0; }
.ver_static .faqArea dl,
.ver_static .faqArea dl.notlast{  border-bottom:1px solid #cccccc; line-height:1.7; margin-bottom:10px; position:relative; padding:0 9px 10px;}
.ver_static .faqArea dl dt{ background:url(/common/images/sp/contents/ico_002.gif) left 0.2em no-repeat; background-size:22px auto; padding-left:28px; padding-top:5px; padding-bottom:3px; font-size:15px; font-weight:bold; position:relative; line-height:1.3; position:relative; padding-right:20px;}
.ver_static .faqArea dl dt:after{ content:""; background:url(/common/images/sp/contents/ico_003.gif) right center no-repeat; background-size:17px auto; width:17px; height:9px; position:absolute; right:0px; top:10px;}
.ver_static .faqArea dl dt.open:after{ content:""; background:url(/common/images/sp/contents/ico_004.gif) right center no-repeat; background-size:17px auto; width:17px; height:9px; position:absolute; right:0px; top:10px;}
.ver_static .faqArea dl dd{ padding-top:10px; display:none; font-size:12px;}

.ver_static .disnon{ display:none;}

.ver_static .tabNav{
border-top:1px solid #ccc;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: flex;
max-width:100%;
line-height:1;
font-size:11px;
font-weight:bold;
margin-bottom:15px;
margin-top:10px;
}
.ver_static .tabNav li{
	text-align:center;
	padding:5px 0;
	-webkit-box-flex: 1; 
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;/* = 1 1 0 */
flex: 1;
cursor:pointer;
border-bottom:1px solid #CCC;
}
.ver_static .tabNav li.select{ border-bottom:2px solid #00a33e; position: relative;}
.ver_static .tabNav li.select:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 163, 62, 0); border-top-color: #00a33e; border-width: 8px; margin-left: -8px; }

.ver_static .tabNav li span { display:block; padding:7px 0; border-right:1px solid #ccc;}
.ver_static .tabNav li:last-child span{border-right:none;}

/** ↓↓よくある質問：追加(OT福嶋)↓↓ **/
div.faq_short h2 { background-image: -moz-linear-gradient(top, #E91C24, #BD272D);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #E91C24), color-stop(1.0, #BD272D)); color:#FFF !important;}
div.faq_long h2 { background-image: -moz-linear-gradient(top, #29A7DE, #0071B8);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #29A7DE), color-stop(1.0, #0071B8));color:#FFF !important;}
/** ↑↑よくある質問：追加(OT福嶋)↑↑ **/

/* ワーカー体験談 */
.ver_static .voiceArea{ margin-bottom:0px;}
.ver_static .voiceArea dl{ border-bottom:1px solid #cccccc; line-height:1.7; margin-bottom:10px; position:relative; padding:0 9px 10px;}
.ver_static .voiceArea dl:last-of-type{border-bottom:none; margin-bottom:0; padding-bottom:0; }
.ver_static .voiceArea dl dt{ background:url(/common/images/sp/contents/ico_001.gif) left 0.2em no-repeat; background-size:22px auto; padding-left:28px; padding-top:5px; padding-bottom:3px; font-size:15px; font-weight:bold; position:relative; line-height:1.3;}
.ver_static .voiceArea dl dd{ padding-top:10px; font-size:12px;}


/* アルバイト探しのコツ */
.ver_static .exampleBox{ background:#FFFEF3; border:1px solid #F2EBBD; padding:10px;}
.ver_static .exampleBox p{ margin-top:10px;}

area{ border:1px solid #000;}

/* オファーとは(emp) */
.ver_static ul.comment {
	margin: 10px 0px 10px 0px;

}

.ver_static ul.comment li {
	list-style: disc;
	margin: 5px 0px 0px 15px;
}

/* 同時応募 */
.multi_app_list {
	width:100%;
}

.multi_app_list .input {
	color: #fff;
    font-size: 16px;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 10px 0 10px 0;
}

.multi_app_list .detail {
	color: #fff;
    font-size: 16px;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 10px 0 10px 0;
}

.multi_app_list input[type=checkbox] {
  color: #fff;
  line-height: inherit;
  margin-right: 6px;
  transform: scale(1.5,1.5);
  vertical-align: middle;
  vertical-align: bottom;
}

#form .multi_app_info {
	margin: 10px;
    font-size: 20px;
    text-align: center;
}

#form .multi_app_info .att {
    color:red;
    margin: 10px;
    font-size: 20px;
    text-align: center;
}    

/* お知らせ */
#message .notice_title {
    margin:10px;
    font-weight: bold;
    font-size: 16px;
}

#message .notice_list {
    margin:10px;

    border-bottom: 4px solid #128cce;
}

#message .notice_msg {

}
