@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;
	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:#b00;
}
.offerMustIcon {
	color:#b00;
	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;
    font-size: 15px;
    line-height: 1.4em;
}
@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:#fff;
}

.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 10px;
}
.offerFaqQTitle li {
	padding: 0 1em;
	text-indent: -1em;
}
.offerFaqQTitle li:before {
	content: 'Q';
	font-weight: bold;
	color: #0957bc;
	margin: 0 8px 0 0;
}
dl.offerFaqAnswer {
	margin:0 0 26px 0;
}
dl.offerFaqAnswer:last-child {
	margin:0;
}
dl.offerFaqAnswer dt {	
	margin:0 0 10px 0;
	padding: 8px 2em;
	font-weight:bold;
	line-height: 1.4em;
	text-indent: -1.4em;
	background:#f8f0cd;
}
dl.offerFaqAnswer dt:before {
	content: 'Q';
	font-size: 20px;
	font-weight: bold;
	margin:0 8px 0 0;
}
dl.offerFaqAnswer dd {
	padding: 0 2em;
	line-height: 1.4em;
	text-indent: -1.4em;
}
dl.offerFaqAnswer dd:before {
	content: 'A';
	font-size: 20px;
	font-weight: bold;
	margin:0 8px 0 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:#fff;
	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:#fff;
}
.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.6;
}
@media only screen and (max-width: 768px) {
	.offer_recruit_company_txt {
		margin: 0 0 20px;
	}
}
.offer_recruit_table th {
	padding: 10px 0 10px 10px;
	background: #ededed;
	width: 6em;
	text-align: left;
	font-weight: bold;
	border: 1px solid #e0e0e0;
	color:#555;
}
.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:#555;
	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 #bbb;
	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:#bbb;
	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;
}
.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;
	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 #b00 !important;
 }
 .input_error_txt {
  	color:#b00 !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: #fff;
	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:#c00;
}
.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 #666;
	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;
}
.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:#b00;
}
td.btn_todetail_wrap {
	white-space:nowrap;
}
a.btn_todetail_stat {
	padding: 5px;
    background-color: #B00;
    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;
}		
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:#fff;
	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:#b00;
}
.drop_radio {
	text-align:center;
	margin-bottom:60px;
}
	
	
/* creator/mypage
 * ------------------------- */
.list_block_title_small {
	font-size:15px;
}


/*ACCORDION*/
.accordion {
  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;
}
/* 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;
}