@charset "UTF-8";


/*/////////////////////////////
 offer - MdNの求人情報
 creator - クリエイター登録
 /////////////////////////////*/
 
 /* 
 
common
offerBlock
applicant.php
detail.php
faq_appl.php 
index.php
inquiry.php
inquiry_confirm.php
inquiry_thanks.php
recruit.php
recruit_input.php
usage.php

jobclient/stat/
jobclient/appl/

creator_input
creator_thanks

creator/index.php

 * ------------------------- */
 

/* common
 * ------------------------- */
 .offerBtitle {
	font-weight:bold;
	font-size:20px;
	border-bottom:1px solid #000;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}

.offerMtitle {
	font-size:15px;
	border-bottom:1px solid #000;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	font-weight: bold;
}

.offerStitle {
	font-size:15px;
	font-weight: bold;
	background-color:#f2f2f2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:8px 15px 6px;
	margin:0 0 5px 0;
}

.offerPtitle {
	background-color:#fde7e7;
	padding:6px 15px 4px;
	margin:0 0 5px 0;
}

.offerYtitle {
	background-color:#f8f0cd;
	font-weight: bold;
	padding:6px 15px 4px;
	margin:0 0 5px 0;
}
 
.offerTxtS {
	font-size:13px;
	padding:0 0 0 1em;
	line-height:1.6;
	margin:0 0 20px;
}
@media only screen and (max-width: 768px) {
	.offerTxtS {
		font-size: 11px;
	}
}

.offerSection {
	margin:0 0 50px 0;
}

dl.offerOperateFooter {
	background-color:#f2f2f2;
	padding: 19px 20px 18px;
	margin:0 0 40px 0;
}

dl.offerOperateFooter dt {
	font-weight:bold;
}

.offerMust {
	color:#bb0000;
}

.offerMustIcon {
	color:#bb0000;
	font-size:11px;
	padding:2px 0 0 0;
	letter-spacing:0.1em;
}
	
	
.detail_block_body.detail_all div.noside_wrap {
	width:80%;
	margin:0 auto;
 }
 @media only screen and (max-width: 768px) {
 	.detail_block_body.detail_all div.noside_wrap {
 		width: 100%;
 	}
 }
 
a.offer_link_blue { color:#2b8cef !important; text-decoration:underline !important; }
 
 
/* offerBlock
 * ------------------------- */ 
.offerBlock {
	padding:20px;
	margin-bottom:20px;
	position:relative;
}

ul.offerLinkBtn {
	text-align:center;
	font-size: 0;
}

ul.offerLinkBtn li{
	margin: 0 10px 0 0;
	display:inline-block;
	*display: inline;	/*for IE*/
    *zoom: 1;		/*for IE*/
    font-size: 15px;
}
@media only screen and (max-width: 768px) {
	ul.offerLinkBtn li{
	margin: 0 0 10px 0;
	display: block;
	}
}

.offerBtnGray {
	width: 240px;
	display:inline-block;
	background:#4d4d4d;
	color:#fff;
	padding: 14px 20px 14px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.offerBlock a.offerBtnGray {
	color:#ffffff;
}

.offerBlock a.offerBtnGray:hover{
	text-decoration:none;
}


/* applicant.php
 * ------------------------- */

ol.offerAppl li {
	overflow:hidden;
}


.offerApplImg {
	width:240px;
	float:right;
	margin:0 0 20px 20px;
	border:1px solid #999;
}

.offerApplImg img {
	vertical-align:top;
}

.offerApplCaution {
	border:1px solid #013a83;
	color:#0957bc;
	padding: 8px 10px;
	font-size:13px;
	line-height:1.4;
	margin:0 0 15px 0;
}

.offerCharge {
	width:100%;
	margin:0 0 20px 0;
}

.offerCharge td,
.offerCharge th {
	border:1px solid #e0e0e0;
	padding:12px 10px;
	line-height: 1.2em;
}

.offerCharge th {
	background-color:#ededed;
	width:15%;
	text-align:center;
	font-weight:bold;
}



/* faq_appl.php
 * ------------------------- */

.offerFaqQTitle {
	margin:0 0 20px 0;
}

.offerFaqQTitle li {
	background:url(../img/offer/icon_qtitle.png) no-repeat left 4px;
	padding:0 0 0 16px;
}

dl.offerFaqAnswer {
	margin:0 0 26px 0;
}

dl.offerFaqAnswer dt {	
	margin:0 0 10px 0;
	padding:10px 15px 9px 40px;
	font-weight:bold;
	background:#f8f0cd url(../img/offer/icon_question.png) no-repeat 15px 13px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

dl.offerFaqAnswer dd {
	background:url(../img/offer/icon_answer.png) no-repeat 15px top;
	padding: 20px 0 0 15px;
}

.offerPagetop {
	font-size:13px;
	text-align:right;
	margin:30px 0;
}

/* index.php
 * ------------------------- */
 
 /* slide */
#main_slide {
	margin-bottom:20px;
}
@media only screen and (max-width: 768px) {
	#main_slide {
		padding: 10px;
	}
}
.offer_index_slide_wrap {
	position:relative;
	width:212px;
	height:160px;
}

.offer_index_slide_txt {
	position:absolute;
	width:100%;
	max-width:212px;
	height: 30px;
	max-height: 30px;
	bottom:0;
	background: rgba(256,256,256,.85);
	padding:8px 10px;
	line-height:1.2;
	font-weight:bold;
	box-sizing:border-box;
	overflow: hidden;
}
	.offer_index_slide_catch {
		overflow: hidden;
		height: 16px;
		max-height: 16px;
		color:#0957bc;
}

	.offer_index_slide_companyname {
		color:#3c3c3c;
		font-size:11px;
		margin:0;
		padding:0;
	}

h3.offer_recruit_companytitle {
	background-color:#e0e0e0;
	color:#555555;
	font-weight:bold;
	font-size:14px;
	padding:7px 10px 4px;
	margin:0 0 8px;
}

h4.offer_recruit_company_catch {
	font-size: 20px;
    color: #0957bc;
    margin: 0 0 10px;
    line-height:1.2;
}

ul.offer_position {
	margin:0 0 20px;
}

ul.offer_position li {
	display:inline-block;
	background-color:#666;
	color:#ffffff;
	height: 20px;
	line-height: 18px;
	text-align:center;
	font-size:11px;
	padding:0 10px;
	margin:0 6px 6px 0;
}
ul.offer_position li a {
	color:#ffffff;
}


.offer_recruit_company_wrap {
	overflow:hidden;
	margin:0 0 30px;
} 
@media only screen and (max-width: 768px) {
	.offer_recruit_company_wrap {
		margin: 0;
	}
}
.offer_recruit_company_wrap > .img {
	float:left !important;
	width:250px !important;
}
@media only screen and (max-width: 768px) {
	.offer_recruit_company_wrap > .img {
		float: none !important;
		width: 100% !important;
	}
}

.offer_text_r {
	float:right;
	width:310px;
}

@media only screen and (max-width: 768px) {
	.offer_text_r {
		float: none;
		width: 100%;
	}
}

.offer_recruit_company_txt {
	margin:0 0 30px;
	font-size:15px;
	line-height:1.33;
}
@media only screen and (max-width: 768px) {
	.offer_recruit_company_txt {
		margin: 0 0 20px;
	}
}

	
	.offer_recruit_table {
	}
	
	.offer_recruit_table th {
		padding: 10px 0 10px 10px;
    	background: #ededed;
    	width: 6em;
    	text-align: left;
    	font-weight: bold;
    	border: 1px solid #e0e0e0;
    	color:#555555;
    }
    
    .offer_recruit_table td {
    	padding: 10px;
    	vertical-align: top;
    	border: 1px solid #e0e0e0;
    }
    
    .offer_btn_todetail {
    	text-align:center;
    }
    
    .offer_btn_todetail a {
    	display: inline-block;
    	width: 300px;
    	height: 50px;
    	line-height:50px;
    	box-sizing: border-box;
    	background: #013a83;
    	color: #fff;
    	text-decoration: none;
    	font-size:15px;
    	border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
    }
    .offer_btn_todetail a:hover {
    	text-decoration: none;
    }

/* detail.php
 * ------------------------- */

.offerDetailBlock {
	overflow:hidden;
}

.offerDetailTable {
	margin:0 0 20px 0;
	width:100%;
	color:#555555;
	font-size:13px;
	line-height:1.333;
}

	.offerDetailTable a { text-decoration:underline; }
	.offerDetailTable a:hover { text-decoration:none; }

	.offerDetailTable th,
	.offerDetailTable td {
		padding: 10px;
		text-align: left;
		border-bottom: 1px solid #f2f2f2;
		vertical-align: middle;
		line-height: 1.4em;
	}
	
	.offerDetailTable th {
		background: #f2f2f2;
		width: 80px;
	}
	
	.offerDetailTable th.tableTitle {
		text-align: center;
		background-color: #666;
		color: #fff;
	}
	
	.offerDetailBtn {
		text-align:center;
		font-size:15px;
		margin:0 0 30px 0;
		line-height:2;
	}
	.offerDetailBtn a {
		display:inline-block;
		background: #013a83;
		color: #fff;
		padding: 14px 50px 14px;
		text-decoration:none;
	}
	.offerDetailBack {
		text-align:left;
		font-size:15px;
		margin:0 0 30px 0;
		line-height:2;
	}
	.offerDetailBack a {
		display:inline-block;
		background-color:#d7e4f5;
		color: #0957bc;
		padding: 14px 30px 14px;
		text-decoration:none;
	}
	
	h3.offer_detail_company_title {
		font-size:14px;
		color:#555555;
		font-weight:bold;
	}	


.offer_recruit_company_img {
	margin:0 0 10px;
	width:250px;
	position:relative;
}
@media only screen and (max-width: 768px) {
	.offer_recruit_company_img {
		margin:0 auto;
	}
}

.offer_magnify {
	position:absolute;
	top:2px;
	right:2px;
}

/* btn */
.offerApplyBtnWrap {
	text-align:center;
	font-size: 0;
	margin: 40px 0;
}
@media only screen and (max-width: 768px) {
	.offerApplyBtnWrap {
		width: 60%;
		margin: 40px auto 0;
	}
}
.offerApplyBtnWrap li {
	display:inline-block;
	width: 200px;
	font-size:16px;
	margin-right: 10px;
}		
.offerApplyBtnWrap li a {
	display: block;
	cursor: pointer;
	text-decoration:none;
	padding: 14px 20px 14px;	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
@media only screen and (max-width: 768px) {
	.offerApplyBtnWrap li {
		width: 100%;
		margin: 0 0 10px 0;
	}
}


	.offerBackIndex {  	
    	background-color: #d7e4f5;
    	color: #0957bc;  	
    	
	}
	
	a.offerApplyBtn {
    	background-color: #013a83;
    	color: #fff;
	}


/* inquiry.php
 * ------------------------- */

.offerInquiryBox {
	border:1px solid #000;
	padding: 10px 15px;
	font-size:13px;
	line-height:1.5;
	margin:0 0 20px 0;
}

.offerInquiryBox h4 {
	font-weight:bold;
}

.offerInquiryBox ol li {
	text-indent:-1em;
	padding:0 0 0 2em;
}


.offerInquiryFormTxt {
	font-size:13px;
}


.offerRegist {
	font-size:13px;
	margin:20px 0 20px 0;
	line-height:1.5;
	width:100%;
}

.offerRegist input,
.offerRegist textarea {
	border: 1px solid #bbbbbb;
	padding:5px;
}
@media only screen and (max-width: 768px) {
	.name td input,
	.kana td input {
		margin-bottom: 10px;
		width: 100%;
	}
}	
	.postnum li {
		display:inline-block;
	}
		
	.select_list li {
		display:inline-block;
	}
	
	.offerRegist select {
		padding:5px;
	}
	
	.offerRegist .file input{
	border: none;
	}
	.offerRegist th,
	.offerRegist td {
	background-color: #f2f2f2;
	border-bottom: 1px solid #fff;
	padding:9px 15px 9px;
	text-align:left;
	}
	
	.offerRegist th {
		font-weight:bold;
		vertical-align:middle;
		width:200px;
	}
/*	
	@media screen and (min-width: 739px) {
 	   .offerRegist td.pc-hide {
	        display: none !important;
	    }
	}
*/
	@media only screen and (max-width: 768px) {
		.offerRegist th,
		.offerRegist td {
			display: block;
			width: 100%;
		}
		.offerRegist th {
			border: none;
			padding:9px 15px 0;
		}
		.offerRegist td.sp-hide {
			display: none;
		}
	}
	
	.offerRegist .w100 {
		table-layout: fixed;
		width:100px;
	}
	
	.offerRegist .br2 {
		border-right: 2px solid #fff;
	}
	
	.offerRegist td {
		vertical-align:top;
	}
	
	.offerRegist .name input,
	.offerRegist .kana input {
 	   	margin-bottom: 8px;
	}

	.offerFormEmail {
		width:270px;
	}
	@media only screen and (max-width: 768px) {
		.offerFormEmail {
			width: 100%;
		}
	}

	.offerFormPost {
		width:3em;
	}

	a.offerFormPostBtn {
		background-color:#013a83;
		color:#fff;
		padding: 5px 20px 5px;
		font-size:11px;
		margin:0 0 0 10px;
	}

	a.offerFormPostBtn:hover {
		text-decoration:none;
	}

	.offerFormAddress {
		width:80%;
	}
	@media only screen and (max-width: 768px) {
		.offerFormAddress {
			width: 100%;
		}
	}

	.offerInqContents {
		width:90%;
		height:8em;
	}

	.offerRegist input[type="text"][readonly] {
		opacity: 0.5;
		background:#dcdcdc;
		cursor:not-allowed; /* 禁止カーソル */
	}

.offerSubmit {
	text-align:center;
}

	.offerSubmitBtn.inactive {
		font-size:15px;
		background-color:#bbbbbb;
		color:#fff;
		border-style:none;
		padding: 14px 0;
		line-height:1;
		cursor:default;
		width: 240px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}

	.offerSubmitBtn {
		font-size:15px;
		background-color:#013a83;
		color:#fff;
		border-style:none;
		padding: 14px 0;
		line-height:1;
		cursor:pointer;
		width: 240px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}



/* inquiry_confirm.php
 * ------------------------- */

.offerConfirmBtn {
	text-align:center;
	font-size: 0;
}

.offerConfirmBtn li {
	display:inline-block;
	*display: inline;	/*for IE*/
    *zoom: 1;		/*for IE*/
}

.offerBackBtn {
	display: block;
	width: 240px;
	margin-right: 10px;
	padding: 14px 0;
    font-size: 15px;
	color:#0957bc;
	border-style:none;
	line-height:1;
	background-color:#d7e4f5;
	cursor:pointer;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
@media only screen and (max-width: 768px) {
	.offerBackBtn {
		margin-bottom: 10px;
	}
}


/* inquiry_thanks.php
 * ------------------------- */

.offerThanksBtn {
	text-align:center;
}

/* recruit.php
 * ------------------------- */
/*.offerRecruitAgree {
	font-size:13px;
	line-height:1.5;
	margin: 15px 0 20px;
	padding: 15px 20px 10px;
	border: 1px solid #A0A0A0;
	height: 400px;
	overflow: auto;
	background-color: #f2f2f2;
}
*/

.offerRuleUnit {
	margin:0 0 20px 0;
}

ol.offerNumber {
	margin:0;
}

ol.offerNumber li {
	list-style-type:decimal;
	list-style-position:inside;
	text-indent:-1em;
	padding:0 0 0 1em;
}

.agreeCheck {
	text-align:center;
	margin:0 0 30px 0;
}

.submitButton {
	text-align:center;
	margin:0 0 40px 0;
	font-size: 0;
}

.submitButton li {
	display:inline-block;
	*display: inline;	/*for IE*/
    *zoom: 1;		/*for IE*/
	vertical-align:top;
}

.submitButton li:first-child {
	margin-right: 10px;
}

.offerFormStep {
	margin:0 0 30px 0;
	text-align:center;
}

.offerFormStep .step_sp img {
	display:none;
}

.offerThanksAddress {
	overflow:hidden;
	margin:0 0 40px 0;
	background:#f2f2f2;
	padding:9px 20px 8px;
}

.offerThanksAddress dt {
	float:left;
	width:7em;
	font-weight:bold;
}

.offerThanksAddress dd {
	margin:0 0 0 7em;
}

/* recruit.php -error
 * ------------------------- */
 .leadBox04 {
	 font-size:13px;
	 font-weight:bold;
	 color:#b00;
	 border:2px solid #b00;
	 padding:8px 15px 7px;
	 margin:0 0 30px 0;
 }
 
 .input_error {
	 background:#fcebe6 !important;
	 border:1px solid #bb0000 !important;
 }
 
 .input_error_txt {
  	color:#bb0000 !important;
  	font-weight:bold !important;
  	margin-top:4px !important;
  }
  
/* radio button */

.input_radio li {
		display:inline-block;
	}
 
.input_radio input[type="radio"] {
	display:none;
}

.input_radio label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin: 0 0 0 10px;
	padding: 0 20px;
	border-radius: 2px;
	text-align: center;
	line-height: 2;
}
.input_radio label:before{
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #ffffff;
	border:1px solid #ccc;
	box-sizing:border-box;
	border-radius: 50%;
}
.input_radio input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	background: #3797fc;
}

/* radio_error */
.input_radio.input_radio_error label:before  {
	background: #d7e4f5;
	border:1px solid #013a83;
}

.input_radio.input_radio_error input[type="radio"]:checked + label:after {
	background: #013a83;
}

 
/* checkbox button */

.input_checkbox li {
	display:inline-block;
}

.input_checkbox input[type="checkbox"] {
	display:none;
}

.input_checkbox label {
	box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 6px 12px 6px 26px;
  vertical-align: middle;
  cursor: pointer;
}

.input_checkbox label:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 1px solid #bbb;
  content: '';
}

.input_checkbox label:before {
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #3797fc;
  border-bottom: 3px solid #3797fc;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
 
.input_checkbox input[type=checkbox]:checked + label:before {
  opacity: 1;
}
 
 
/* checkbox_error */
.input_checkbox_error label:after {
	border: 1px solid #013a83;
}
.input_checkbox_error label:before {
	  border-right: 3px solid #013a83;
  border-bottom: 3px solid #013a83;
} 

/* select_error */

label.select_error {
	background-color:#d7e4f5;
	border-bottom:2px solid #013a83;
	padding:8px 10px;
}

/* 
label.select_offer {
	position:relative;
}

.select_offer select {
	position:relative;
	width:20%;
	padding:4px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:1px solid #cccccc;
	background:#ffffff;
	background: -webkit-linear-gradient(top, #fff 0%,#eeeeee 100%);
	background: linear-gradient(to bottom, #fff 0%,#eeeeee 100%);
}

label.select_offer:after {
	display: block;
	content: " ";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 20px;
	height: 20px;
	margin-top: -8px;
	background: url(../img/offer/img_select_b.png) right 1px no-repeat;
	background-size: 14px 14px;
	pointer-events: none;
}

.select_offer select::-ms-expand {
	display: none;
}

.select_error select {
	border:1px solid #013a83;
}

label.select_error:after {
	background: url(../img/offer/img_select_r.png) right 1px no-repeat;
	background-size: 14px 14px;
} 
*/


 /* recruit_input.php
 * ------------------------- */
 
 
.offerLinkListCenter {
	text-align:center;
	margin-top:10px;
	font-size:13px;
}

	.offerLinkListCenter li a {
		background: url(../img/common/icon_arrow_red.png) no-repeat left center;
		padding-left:10px;
 }
 
.offerConfirmRadioList {
	margin:0 0 20px 100px;
	text-align: left;
}
@media only screen and (max-width: 768px) {
	.offerConfirmRadioList {
		margin: 0 0 20px 20px;
	}
}
	.offerConfirmRadioList>li {
		margin-bottom:0.4em;
		font-size:13px;
		}
	.offerConfirmRadioList>li a {
		color:#2b8cef;
		text-decoration:underline;
		}
	.notice_list {
		color:#cc0000;
	}
	
		.notice_list>li {
			text-indent:-1em;
			padding-left:2em;
			line-height:1.5;
			}

 /* recruit_thanks.php
 * ------------------------- */
.offer_pw_box {
	text-align:center;
	width:80%;
	margin:0 auto 30px;
} 

	.offer_pw_box dt {
		border:2px solid #013a83;
		font-weight:bold;
		font-size:18px;
		padding:20px;
		margin-bottom:10px;
	}
		.offer_pw_box_txt {
			color:#0957bc;
		}
	
	.offer_pw_box dd {
		color:#0957bc;
		font-size:13px;
	}
	
.offer_thanks_tomypage {
	border-top:1px solid #666666;
	padding-top:30px;
	margin-bottom:30px;	
}

	.offer_thanks_tomypage_title {
		font-size:17px;
		font-weight:bold;
	}
 
 
/* usage.php
 * ------------------------- */
 
.offerUsageWrap {
	margin:0 0 50px 0;
 }
 
 .offerUsageSec {
	 margin:0 0 30px 0;
 }
 
 
.offerUtitle {
	font-size:15px;
	background:#fde7e7 url(../img/common/icon_arrow_red.png) no-repeat 15px center;;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:8px 15px 6px 30px;
	margin:0 0 5px 0;
 }
 
 .offerUtitle a {
	 /*color:#000;*/
 }
 
 .offerUsageDetail {
	 text-align:right;
 }
 
 		
/* jobclient/appl/
 * ------------------------- */
 
.notice01 {
	color:#0957bc;
}

/* jobclient/appl/regist_input.php
 * ------------------------- */

span.coupon_notice {
	font-weight:normal;
	font-size:12px;
}

p.offerFormFileTxt {
	font-weight:normal;
	font-size:12px;
}


/* jobclient/appl/regist_thanks.php
 * ------------------------- */
.offerThanksBox {
	background:#f2f2f2;
	padding:14px 20px 13px;
	margin:0 0 40px 0;
}

.offerThanksBox dt {
	font-weight:bold;
}

.offerThanksBox dd {
	font-size:13px;
}


/* jobclient/stat/stat.php
 * ------------------------- */
.mailMagaRequest {
	background-color:#f2f2f2;
	padding: 13px 20px 11px;
	margin:0 0 30px 0;
}

.offerLink li a {
	background:url(../img/common/icon_arrow_red.png) no-repeat left center;
	padding: 0 0 0 15px;
}

/* jobclient/stat/appl_list.php
 * ------------------------- */
.errorMess {
	color:#bb0000;
}

td.btn_todetail_wrap {
	white-space:nowrap;
}

a.btn_todetail_stat {
	padding: 5px;
    background-color: #BB0000;
    color: #FFF;
    border-style: none;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    -webkit-appearance: none;
    text-decoration:none;
}

.offer_name_nowrap {
	white-space:nowrap;
}

.offer_mail_break {
	word-wrap:break-word;
}

#contentsFooter {
	text-align:center;
}

	.currentPage {
		margin:0 0 20px 0;
		}
		
	.pagenation {
		text-align: center;
    	list-style-type: none;
    	padding: 0;
    	margin: 0px;
    	font-size: 0;
    	margin-bottom: 20px;
	}
	
		.pagenation li {
			display:inline-block;
			font-size:15px;
			padding: 0 2px 0 0;
		}
		
		.pagenation li a {
    		
		}
		
			li .current {
			}
			
			li.prev a {
				margin: 0 20px 0 0;
			}
			li.next a {
				margin: 0 0 0 20px;
			}


/* jobclient/appl/
 * ------------------------- */
.offerSelectPlanWrap li {
	text-indent:-1em;
	margin-left:1em;
	font-weight:bold;
 }
 
 .offerSelectPlanWrap li:first-child {
 	margin-bottom:20px;
 }
 
.offerRegist .offerAddItemTd { padding:0; }
 
.offerAddItem {
	text-align:center;
	background-color:#d7e4f5;
	
}

	.offerAddItem img { 
		vertical-align:middle; 
		margin-right:6px;
	}
	
.offerAddItem a {
	display:block;
	color:#0957bc;
	font-weight:bold;
	font-size:13px;
	padding:10px 0;
}

	.offerAddItem a:hover {
		text-decoration:none;
		
		}
		
.offerLinkList {
	margin-top:20px;
	font-size:13px;
}

	.offerLinkList li a {
		background: url(../img/common/icon_arrow_red.png) no-repeat 15px center;
		padding-left:26px;
	}
	
	
/* creator_input
 * ------------------------- */

.unmodifiableIcon {
	background-color:#3b3b3b;
	color:#ffffff;
	font-size:11px;
	padding:2px 5px 3px 6px;
}

.creator_pw_txt {
	font-weight:bold;
}

/* creator_thanks
 * ------------------------- */
 
 .creator_thanks_btn {
 text-align:center;
 }
  .creator_thanks_btn li {
  margin-bottom:20px;
  } 
  
/* creator/drop
 * ------------------------- */
 
dl.creatorDropBox {
	border:2px solid #013a83;
	padding:30px;
	margin-bottom:30px;
}

	dl.creatorDropBox dt {
		color:#0957bc;
		font-weight:bold;
		font-size:18px;
		margin-bottom:25px;
		text-align:center;
		}
		
	.drop_caution {
		color:#bb0000;
	}
	
	.drop_radio {
		text-align:center;
		margin-bottom:60px;
	}
	
	
/* creator/mypage
 * ------------------------- */
 
.list_block_title_small {
	font-size:15px;
}


/*ACCORDION*/
.accordion {
/*  width: 100%; */
  margin: 20px 0 0 0;
}
.accordion > ul > li > a {
  display: block;
  color: #0957bc;
  text-decoration: none;
  font-weight: bold;
  background-color: #d7e4f5;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  padding: 8px 12px;
  position: relative;
}
.accordion > ul > li > a:hover{
	text-decoration: underline;
}
.accordion > ul > li > a:after, .accordion > ul > li > a.active:after{
  position: absolute;
  right: 12px;
  top: 10px;
  color: #0957bc;
}
.accordion > ul > li > a:after{
  content: "▼";
}
.accordion > ul > li > a.active:after{
  content: "▲";
}
.accordion > ul > li > .accordionInner {
  display: none;
  padding: 15px 12px;
  background: #fcfcfc;
}
/* creator/index.php
 * ------------------------- */
.profileWrap {
	text-align: center;
	margin: 20px auto 0;	
}
@media only screen and (max-width: 768px) {
	.profileWrap {
		text-align: center;
	}
}
.profileCatch {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}
@media only screen and (max-width: 768px) {
	.profileCatch {
		margin-bottom: 20px;
		}
}
.profileTitle {
	margin-bottom: 60px;
	font-size: 22px;
	display: inline-block;
	background: linear-gradient(to bottom, transparent 45%, #fff721 45%);
}
@media only screen and (max-width: 768px) {
	.profileTitle {
		margin-bottom: 10px;
		font-size: 20px;
		display: inline-block;
		background: linear-gradient(to bottom, transparent 45%, #fff721 45%);
	}
}
.profileTitle span {
	font-weight: bold;
}
.profileBox {
	width: 850px;
	overflow: hidden;
	margin: 0 auto 60px;
}
@media only screen and (max-width: 768px) {
	.profileBox {
		width: 100%;
		margin: 0 auto 20px;
		font-size: 16px;
		line-height: 1.6em;
	}
}
.profileBox p {
	text-align: left;
	font-weight: bold;
}
@media only screen and (max-width: 768px) {
	.profileBox p {
    	margin-bottom: 30px;
    	text-align: left;
    	font-weight: bold;
    }
}
.profileBox img {
	margin-bottom: 10px;
}
.profileBoxLf {
	width: 390px;
	float: left;
}
.profileBoxRgt {
	width: 390px;
	float: right;
}
@media only screen and (max-width: 768px) {
	.profileBoxLf {
	width: 100%;
	float: none;
	}
	.profileBoxRgt {
	width: 100%;
	float: none;
	}
}

.profileBoxRgt  span {
	font-size: 12px;
	color: #9d9d9d;
}


/* offer/recruit_confirm.php
 * ------------------------- */
.recruit_company_name {
	margin: 0 0 30px;
	padding: 12px 6px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border: 2px #3d3d3d solid;
}