@charset "utf-8";

/*
-----------------------------------------------------------------
 コールドストーンクリーマリージャパン　Cold Stone Creamery Japan
 recruit.css
 created : 2010.05.14
 last modified : 2011.05.16
 com:	採用情報のみ暫定で旧ページ乗せ換えのため幅広
-----------------------------------------------------------------
*/


/*
==============================================================
 	共通
==============================================================
*/

.recruit .mainColumn div.localHeader {
	height: 105px;
}

.recruit .mainColumn h3 {
	width: 770px;
	margin: 0 auto 25px auto;
	line-height: 1.3;
}
/*.mainColumn h3 img {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}*/

.recruit .mainColumn h3 img {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.recruit .mainColumn .section {
	width: 740px;
	margin: 0 auto 30px auto;
	padding: 0 0 23px 0;
	border-bottom: 1px solid #C3BAAB;
}
.recruit .mainColumn .section h4 {
	margin: 0 0 18px 0;
	color: #ad0002;
	font-size: 122%;
	line-height: 1.3;
}
.recruit .mainColumn .section h5 {
	margin: 0 0 13px 0;
	color: #960000;
	font-size: 107%;
	line-height: 1.5;
}
.recruit .mainColumn .section h6 {
	margin: 0 0 10px 0;
	color: #960000;
	font-size: 100%;
	line-height: 1.5;
}

/* ページ内コンテンツメニュー */
.recruit .mainColumn #topSect ul.contentsLink {
	width: 740px;
	zoom: 1;
}
.recruit .mainColumn #topSect ul.contentsLink:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.recruit .mainColumn #topSect ul.contentsLink li {
	float: left;
	width: 46%;
	margin: 0 0 4px 0;
}


/* 採用担当者より */
.recruit .mainColumn .positionBox {
	width:720px;
	margin: 0 auto 25px auto;
	padding: 9px;
	border:1px solid #e8d4b3;
	background:#ffffff;
	zoom: 1;
}
.recruit .mainColumn .positionBox:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.recruit .mainColumn .positionBox .photo_cell {
	width: 155px;
	float: left;
}
.recruit .mainColumn .positionBox dl {
	width: 550px;
	float: left;
}
.recruit .mainColumn .positionBox dl dt {
	padding: 5px 0 2px 0;
}
.recruit .mainColumn .positionBox dl dd.txt {
	padding-bottom: 12px;
}

/* 募集要項 */
.recruit table.guidelines {
	width: 738px;
	margin: 0 auto 20px auto;
	border: 2px solid #a23d00;
	background: #FDEDD2;
}
.recruit table.guidelines th,
.recruit table.guidelines td {
	padding: 10px 15px;
	border: 1px solid #a23d00;
}
.recruit table.guidelines th {
	width: 8em;
	color: #a23d00;
	font-weight: bold;
	vertical-align: top;
}
.recruit table.guidelines span {
	color:#ad0002;
}

/* contactBox */
.recruit .contactBox {
	_position: relative;
	width:740px;
	height:118px;
	margin: 0 -1px;
	padding: 15px 0 0 0;
	background: #FBDDA7 url("/recruit/img/recruit_bg01.jpg") no-repeat left bottom;
	border: 1px solid #E0B368;
}
.recruit .contactBox .boxTitle {
	margin: 0 0 13px 0;
	text-align: center;
}
.recruit .contactBox ul {
	margin-left:180px;
	width: 450px;
	/*margin: 0 auto;*/
	background: url("/recruit/img/recruit_contactbox_txt1.gif") no-repeat left center;
}
.recruit .contactBox ul li {
	margin-left:210px;
	width:255;
}
.recruit .contactBox ul li.mail {
	background: url("/recruit/img/recruit_contactbox_icon01.gif") no-repeat left center;
	padding: 2px 0 2px 23px;
}
.recruit .contactBox ul li.mail2 {
	margin-bottom: 0;
	padding: 0;
}
.recruit .contactBox ul li.tel {
	background: url("/recruit/img/recruit_contactbox_icon02.gif") no-repeat left center;
	padding:2px 0 2px 23px;
}

/*
	contactHere
	ここだけデザイン変更
 */
.contactHere {
	width: 740px;
	margin: 0 0 15px 0;
	text-align: center;
}
.contactHere h5 {
	margin: 0 auto 10px auto !important;
}
.contactHere .toForm {
	width: 740px;
	height: 159px;
	margin: 0 auto 10px auto !important;
	background: url("/recruit/img/bg_contact_here.gif") no-repeat left center;
}
.contactHere .toForm h6 {
	visibility: hidden;
}
.contactHere .toForm .btn_to_form {
	padding: 12px 0 0 0;
}
.contactHere p a:hover img {
	opacity: 0.70;
	filter: alpha(opacity=70);
	-webkit-transition: 0.5s;
}


/*テキストが2行の場合の画像*/

.contactHere .toForm2 {
	width: 740px;
	height: 159px;
	margin: 0 auto 10px auto !important;
	background: url("/recruit/img/bg_contact_here2.gif") no-repeat left center;
}
.contactHere .toForm2 h6 {
	visibility: hidden;
}
.contactHere .toForm2 .btn_to_form {
	padding: 20px 0 0 0;
}



/*==============================================================
	採用トップ
==============================================================*/
.recruitTop {	
}

.recruitTop .mainColumn ul.recruitMenu {
	width:739px;
	margin: 0 auto 20px auto;
	zoom: 1;
}
.recruitTop .mainColumn ul.recruitMenu:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.recruitTop .mainColumn ul.recruitMenu li {
	float:left;
}
.recruitTop .mainColumn ul.recruitMenu li.recruitMenu01,
.recruitTop .mainColumn ul.recruitMenu li.recruitMenu02,
.recruitTop .mainColumn ul.recruitMenu li.recruitMenu03{
	width:186px;
}
.recruitTop .mainColumn ul.recruitMenu li.recruitMenu04{
	width:181px;
}

.recruitTop .mainColumn ul.recruitMenu li dl{
	border-top:1px solid #e8bb71;
	border-bottom:1px solid #e8bb71;
	width:181px;
}
.recruitTop .mainColumn ul.recruitMenu li dt{
	width:181px;
	height:26px;
}
.recruitTop .mainColumn ul.recruitMenu li dt a {
	height:100%;
	width:100%;
	display:block;
	text-indent: -9999px;
}

.recruitTop .mainColumn ul.recruitMenu li.recruitMenu01 dt{
	background: url("/recruit/img/recruit_txt01.gif");
}
.recruitTop .mainColumn ul.recruitMenu li.recruitMenu02 dt{
	background: url("/recruit/img/recruit_txt02.gif");
}
.recruitTop .mainColumn ul.recruitMenu li.recruitMenu03 dt{
	background: url("/recruit/img/recruit_txt03.gif");
}
.recruitTop .mainColumn ul.recruitMenu li.recruitMenu04 dt{
	background: url("/recruit/img/recruit_txt04.gif");
}

.recruitTop .mainColumn ul.recruitMenu li dl dd.photo img{
	border-right:1px solid #e8bb71;
	border-bottom:1px solid #e8bb71;
	padding:5px;
	background:#ffffff;
}
.recruitTop .mainColumn ul.recruitMenu li dl dd.txt{
	padding:5px ;
	background:#fde59c;
	font-size:80%;
	letter-spacing: normal !important;
	letter-spacing/**/: -0.1em;
}
.recruitTop .mainColumn ul.recruitMenu li dl dd.txt a{
	color:#5d2126;
}



/*==============================================================
	クルー採用
==============================================================*/
.recruitCrew {	
}


/*==============================================================
	マネージャー採用
==============================================================*/
.recruitStoreMgr {	
}

/* リーダーの考え方 */
.recruitStoreMgr .section .leader {
	margin: 0 0 10px 0;
	zoom: 1;
}
.recruitStoreMgr .section .leader:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.recruitStoreMgr .section .leader .mod_photo {
	float: left;
	margin: 1px 15px 15px 0;
}
.recruitStoreMgr .section .leader h6 {
	clear: both;
}

.recruitStoreMgr .section .u_line {
	margin: 0 0 20px 0;
	padding-bottom: 16px;
	border-bottom: 1px dotted #D5AF6F;
}


/*==============================================================
	本社採用
==============================================================*/
.recruitSupportOffice {	
}
.recruitSupportOffice #topSect {
	padding-bottom: 0;
	border-bottom: 0;	
}
.recruitSupportOffice #topSect .mod_photoBoxL {
	margin-bottom: 0;
}



/*==============================================================
	新卒採用
==============================================================*/
.recruitNewGraduate {	
}

/* topSect
----------------------------------------------------------------------- */
.recruitNewGraduate #topSect .about2011 {
	margin: 8px 0;
	padding: 9px 12px;
	background: #ffffff;
	border: 1px solid #E8D4B3;
}

/* 
----------------------------------------------------------------------- */
/* ビジネスリーダー紹介 */
.recruitNewGraduate .section .businessLeader {
	width: 740px;
	margin: 0 0 10px 0;
	zoom: 1;
}
.recruitNewGraduate .section .businessLeader:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.recruitNewGraduate .section .businessLeader dl {
	float: left;
	width: 350px;
	padding: 0 9px;
}
.recruitNewGraduate .section .businessLeader dl dt {
	margin: 0 0 8px 0;
	background: #FFFFCC;
}
.recruitNewGraduate .section .businessLeader dl dt .mod_photo {
	margin: 0 8px 0 0;
}
.recruitNewGraduate .section .businessLeader dl dt img {
	vertical-align: middle;
}
.recruitNewGraduate .section .businessLeader dl dd {
	padding: 0 0 8px 0;
}

/* Our Business  あなたもハッピーのプロになってください
----------------------------------------------------------------------- */
.recruitNewGraduate #sect02 {
}
.recruitNewGraduate #sect02 .slogan {
	padding: 12px 9px;
	background: #ffffff;
	border: 1px solid #E8D4B3;
}


/* Fun Fun Fun「仲間  仕事  成長」を大切にして
----------------------------------------------------------------------- */
.recruitNewGraduate #sect03 {
}

.recruitNewGraduate #sect03 .piece {
	zoom: 1;
}
.recruitNewGraduate #sect03 .piece:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.recruitNewGraduate #sect03 .piece h5 {
}
.recruitNewGraduate #sect03 #sect03piece01 {
	margin: 0 0 16px 0;
	padding-bottom: 14px;
	border-bottom: 1px dotted #D5AF6F;
}

/* コールド・ストーン・クリーマリーを選んだ理由を先輩から
----------------------------------------------------------------------- */
.recruitNewGraduate #sect04 {
}

/* 入社一年目メンバーに質問！！ */
.recruitNewGraduate #sect04 .answerer {
	margin: 0 0 10px 0;
	zoom: 1;
}
.recruitNewGraduate #sect04 .answerer:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
/* QandA */
.recruitNewGraduate #sect04 dl.faqBox {
	
}
.recruitNewGraduate #sect04 dl.faqBox dt {
	margin: 0 0 5px 0;
	padding: 0 0 0 25px;
	background: url(/recruit/img/new_graduate/recruit_ng_icon_q.gif) no-repeat left top; 
	color: #735838;
	font-weight: bold;
}
.recruitNewGraduate #sect04 dl.faqBox dd {
	margin: 0 0 15px 0;
	padding: 0 0 0 25px;
	background: url(/recruit/img/new_graduate/recruit_ng_icon_a.gif) no-repeat left top; 
	zoom: 1;
}
.recruitNewGraduate #sect04 dl.faqBox dd:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* Happy Story「選考ストーリー」もハッピーに
----------------------------------------------------------------------- */
/*  */
.recruitNewGraduate #sect05 #sect05piece01 {
	float: left;
	width: 370px;
}
/* 求める人物像 */
.recruitNewGraduate #sect05 .cscPerson {
	float: right;
	width: 320px;
	padding: 14px;
	background: #FDEDD2;
	border: 1px solid #E8D4B3;
}
.recruitNewGraduate #sect05 .cscPerson h6 {
	margin-bottom: 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #B85914;
	color: #B85914;
	text-align: center;
}
.recruitNewGraduate #sect05 .cscPerson ul {	
}
.recruitNewGraduate #sect05 .cscPerson ul li {
	list-style: disc outside;
	margin: 0 0 2px 22px;
}

/* 選考ストーリー */
.recruitNewGraduate table.entryBox{
	margin-top:15px;
	width:738px;
	border-collapse:collapse;
}
.recruitNewGraduate table.entryBox th,
.recruitNewGraduate table.entryBox td{
	border:#e6b76b 1px solid;
	padding:10px 0;
}
.recruitNewGraduate table.entryBox td{
	padding:10px 15px;
}
.recruitNewGraduate #msg5 .msg2Box table.entryBox td p{
	margin:0 0 10px 0;
	padding:0;
}
.recruitNewGraduate #msg5 .msg2Box table.entryBox td p.paragraphEnd{
	margin:0;
}
.recruitNewGraduate table.entryBox td img{
	vertical-align:text-bottom;
}
.recruitNewGraduate table.entryBox th{
	font-size:100%;
	width:150px;
	vertical-align:middle;
	text-align:center;
	background: url("/recruit/img/new_graduate/selection-flow/recruit_ng_th_bg01.gif")  left bottom;
}

.recruitNewGraduate table.entryBox th.next{
	padding:2px 0;
	border-right:#fce7c3 solid 1px;
	border-left:#fce7c3 solid 1px;
	text-indent:-9999px;
	background: url("/recruit/img/new_graduate/selection-flow/recruit_ng_th_bg02.gif") no-repeat 65px center;
}
.recruitNewGraduate table.entryBox td{
	background:#ffffff;
}
.recruitNewGraduate table.entryBox h6{
	font-weight:bold;
	font-size:100%;
	color:#a23d00;
}


/* 行動指針
------------------------------------------------------------------------- */

.cscPhilosophy {
	width: 706px !important;
	margin: 0 auto !important;
}
.cscPhilosophy h4,
.cscPhilosophy p {
	margin-bottom: 8px !important;
}
.cscPhilosophy ul {
	padding: 15px;
	border: 1px solid #F4D4A1;
	background: #ffffff;
	text-align: center;
}
.cscPhilosophy ul li {
	margin: 8px auto 4px auto;
}


/* フォーム（旧デザインのを整理）
------------------------------------------------------------------------- */
/* 旧設定 */
/*th.xf_field { background-color:#EEEEEE; }
td.xf_input { background-color:#FFFFFF; }
td.xf_explain { background-color:#FFFFFF; }

th.xf_field { color:#333333; }
td.xf_explain { color:#333333; }
span.essential { color:#FF9900; }

.xf_block0 { text-align:center; }
.xf_block1 { text-align:center; }
.xf_block2 { text-align:left; }
span.essential { margin-left:10px; }
.xf_block { margin-bottom:10px; }
*/

/* 新ページ設定 */
.recruitForm {}
.recruitForm h4 {
	color: #AD0002;
font-size: 115%;
}
/* フォームテーブル */
.recruitForm table.entryFormTbl {
	width: 99%;
	margin: 0 auto 15px auto;
}
.recruitForm table.entryFormTbl th {
	width: 150px;
	padding: 4px 6px;
	border: 1px solid #cebfa8;
	background: #F2F0E4;
	color: #535353;
	vertical-align: top;
}
.recruitForm table.entryFormTbl td {
	width: auto !important;
	padding: 4px 8px;
	border: 1px solid #cebfa8;
	background: #fff;
	color: #535353;
	vertical-align: top;
}
/* フォーム */
.recruitForm input.short,
.recruitForm select.short {
	width: 60px;
}
.recruitForm input.basic,
.recruitForm select.basic {
	width: 120px;
}
.recruitForm input.medium,
.recruitForm select.medium {
	width: 250px;
}
.recruitForm input.long,
.recruitForm select.long {
	width: 400px;
}
.recruitForm input.year, .recruitForm select.year {
	width: 55px;
}
.recruitForm input.month, .recruitForm select.month,
.recruitForm input.day, .recruitForm select.day {
	width: 30px;
}

/* 必須 */
.recruitForm span.essential {
	color: #dd0000;
	font-weight: bold;
}
.recruitForm table span.essential {
	margin-left:10px;
}
/* ボタン */
.btnblock {
	margin: 0 0 20px 0;
	text-align: center;
}
.btnblock input {
	margin: 0 10px;
	padding: 4px 10px;
}
/* ボックス */
.sectblock {
	margin: 0 0 2em 0;
}
.sectblock p {
	margin: 0 0 1em 0;
}

/* エラー */
.recruitForm .errMsg {
	margin: 0 0 1em 0;
	color: #FF0033;
	font-weight: bold;
}
.recruitForm table .errMsg {
	margin-top: 0.25em;
	margin-bottom: 0 !important;
	line-height: 1.25;
}
/* 完了 */
.compMsg {
	text-align: center;
}