@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------
基本情報
------------------------------------------------------- */

#topicpath{
	width:660px;
	margin:0 auto 0 auto;
	padding:10px 0 30px 0;
}
#topicpath li{
	padding:0 5px 0 0;
	display:inline;
}


/*-------------------------------------------------------
下層ページ基本設定
------------------------------------------------------- */

/* メインタイトルバー ------------------------------------ */

#contents #left .contents .mtitle{
	padding:0 0 20px 0;
}
#contents #left .contactBox{
	padding:50px 0 30px 0;
	text-align:center;
}

/*-------------------------------------------------------
メインページ（未経験・経験者・地方の方へページ）
------------------------------------------------------- */

/* タイトルバー ------------------------------------ */

#contents #left .main .title{
	padding:0 0 10px 0;
}

/* メインビジュアル ------------------------------------ */

#contents #left .main .visual{
	padding:0 0 20px 0;
}

#contents #left .main p{
	font-size:14px;
	line-height:21px;
}

/* テキスト左ボックス ------------------------------------ */

#contents #left .main .boxL{
	width:660px;
	padding:0 0 30px 0;
}

#contents #left .main .boxL p{
	padding:0 0 0 10px;
	width:400px;
	float:left;
}

#contents #left .main .boxL .img{
	padding:0 10px 0 15px;
	width:200px;
	float:left;
}

/* テキスト右ボックス ------------------------------------ */

#contents #left .main .boxR{
	width:660px;
	padding:0 0 30px 0;
}

#contents #left .main .boxR p{
	padding:0 10px 0 15px;
	width:385px;
	float:left;
}

#contents #left .main .boxR .img{
	padding:0 0 0 10px;
	width:215px;
	float:left;
}




/*-------------------------------------------------------
経験者の方へ
------------------------------------------------------- */

/*-------------------------------------------------------
各店舗情報
------------------------------------------------------- */

#contents #left .shop{
	
}
#contents #left .shop .title{
	padding:0 0 10px 0;
}

/* メインビジュアル ----------------------------- */

#contents #left .shop .visual{
	padding:0 0 20px 0;
}


/* 店舗からのメッセージ ----------------------------- */

#contents #left .shop .message{
	padding:0 0 30px 0;
}

#contents #left .shop .message .messageBox{
	width:620px;
	background:url(../shop/img/bg_commnet_area.gif) no-repeat bottom;
	padding:10px 20px 20px 20px;
	
}
#contents #left .shop .message .messageBox p{
	font-size:14px;
}

#contents #left .shop .message .messageBox .catch{
	color:#f34981;
	font-size:16px;
	padding:0 0 15px 0;
	
}

/* お仕事情報 ----------------------------- */

#contents #left .shop table{
	border-collapse:collapse;
	padding:0;
}
#contents #left .shop td{
}
#contents #left .shop td{
	padding:10px;
}

#contents #left .shop .cellTitle{
	width:149px;
}

#contents #left .shop .cellContents{
	width:500px;
	
}

/*-------------------------------------------------------
入店の流れ
------------------------------------------------------- */

/* タイトルバー ------------------------------------ */

#contents #left #flow .title{
	padding:0 0 20px 0;
}

/* 入店のステップ ------------------------------------ */

#contents #left #flow .box{
}
#contents #left #flow .box p{
	padding:0 40px 15px 10px;
}

/* チェックボックス ------------------------------------ */

#contents #left #flow .box .checkBox{
	width:658px;
	background:#fff5f9;
	border:1px solid #ffdbe7;
	padding:15px 0px 15px 0;
}
#contents #left #flow .box .checkBox dl{
	padding:0 0 0 20px;
}
#contents #left #flow .box .checkBox dt{
	padding:0 0 12px 0;
}
#contents #left #flow .box .checkBox dd{
	margin:0 0 0 10px;
	padding:0 0 0 20px;
	line-height:1.83;
}
#contents #left #flow .box .checkBox .check{
	background:url(../flow/img/icon_check.gif) no-repeat left center;
}
#contents #left #flow .box .checkBox .note{
	background:url(../flow/img/icon_glasses.gif) no-repeat left center;
}

/* ステップイメージ ------------------------------------ */

#contents #left #flow .nextstep{
	width:660px;
	text-align:center;
	padding:20px 0 20px 0;
}




/*-------------------------------------------------------
よくある質問
------------------------------------------------------- */

/* タイトルバー------------------------------------*/

#contents #left #faq .title{
	padding:0 0 10px 0;
}

/* 質問リスト ------------------------------------ */

#contents #left #faq .qaList{
	padding:0 0 20px 10px;
}
#contents #left #faq .end{
	padding:0 0 30px 10px;
}

#contents #left #faq .qaList ul{
	
}
#contents #left #faq .qaList li{
	padding:0 0 0 15px;
	background:url(../faq/img/icon_q_list.gif) no-repeat center left;
	line-height:1.83em;
}
#contents #left #faq .qaList li .num{
	color:#2b49e3;
	font-weight:bold;
	float:left;
	width:20px;
	padding:0 3px 0 0;
}

/* 質問の受け答え ------------------------------------ */

#contents #left #faq .qaBox{
	padding:0 0 20px 0;
}
#contents #left #faq .qaBox .q{
	background:url(../faq/img/icon_q_ans.gif) no-repeat center left;
	font-size:14px;
	padding:0 0 0 25px;
	margin:0 0 20px 0;
	height:15px;
}
#contents #left #faq .qaBox .section{
	width:658px;
	background:#fff5f9 url(../faq/img/icon_a.gif) no-repeat top left;
	border:1px solid #ffdbe7;
	padding:15px 0px 15px 0px;
}
#contents #left #faq .qaBox .section .a{
	padding:0 40px 0 60px;
}

#contents #left #faq .qaBox .pagetopLink{
	text-align:right;
	padding:10px 0 0 0;
}
#contents #left #faq .qaBox .pagetopLink a{
	background:url(../faq/img/icon_pagetop.gif) no-repeat center left;
	padding:0 0 0 15px;
}

/*-------------------------------------------------------
プライバシーポリシー
------------------------------------------------------- */
#contents #left #privacy p{
	padding:0 0 0 10px;
}
#contents #left #privacy dl{
	margin:20px 0 0 0;
	padding:0 0 0 10px;
}
#contents #left #privacy dt{
	margin:0px 0 5px 0;
}
#contents #left #privacy dd{
	margin:0px 0 10px 0;
}



/*-------------------------------------------------------
お問い合わせ
------------------------------------------------------- */

#contents #left #contact .text{
	padding:0 0 0 10px;
}
#contents #left .attention{
	color:#f385aa;
	font-size:11px;
}

/* お問い合わせフォーム ------------------------------------ */

#contents #left #contact #form{
	padding:0 0 0 10px;
}

#contents #left #contact #form table{
	border-collapse:collapse;
	padding:0;
}
#contents #left #contact #form td{
	border:1px solid #dddddd;
}
#contents #left #contact #form td{
	padding:15px;
}

#contents #left #contact #form .listTitle{
	width:120px;
	font-weight:bold;
	background:#efefef;
	vertical-align:top;
}

#contents #left #contact #form .listInput{
	width:460px;
	
}

#contents #left #contact #form .confirmBox{
	width:648px;
	background:#f5f5f5;
	border:1px solid #e5e5e5;
	text-align:center;
	padding:20px 0 20px 0;
	margin:20px 0 0 0;
}

/* 各フォームのサイズ ------------------------------------ */

.w30{
	width:30px;
}

.w40{
	width:40px;
}

.w150{
	width:150px;
}

.w250{
	width:250px;
}

.content{
	width:420px;
	height:140px;
}
.ERR{
	color:#ff0000;
}



/*-------------------------------------------------------
男性求人
------------------------------------------------------- */

#contents #left #man table{
	border-collapse:collapse;
	padding:0;
}
#contents #left #man td{
	border:1px solid #dddddd;
}
#contents #left #man td{
	padding:10px;
}

#contents #left #man .cellTitle{
	width:100px;
	font-weight:bold;
	background:#efefef;
	vertical-align:top;
}

#contents #left #man .cellContents{
	width:500px;
	
}

#contents #left #man .staffBox{
	padding:15px 0 30px 10px;
}

#contents #left #man .driverBox{
	padding:15px 0 30px 10px;
}

#contents #left #man .webdBox{
	padding:15px 0 30px 10px;
}