@charset "utf-8";
@import url("../css/common.css");


/*求人ページ*/
#mainContents {
	position:relative;
	padding-top:10px;
	width: 715px;
	overflow: hidden;
}

#mainContents h2 {
	padding-bottom:20px;
	height:42px;
}


/**
 *	ul#nav(ページ内ナビゲーション)
 */
#nav {
	clear:both;
	width:695px;
	height:25px;
	padding-left:20px;
	background:#cc33cc;
	position:relative;
}
#nav li {
	float:left;
	padding-right: 5px;
}

#nav a {
	color: #fff;
	font-weight: bold;
	display: block;
	padding-top: 5px;
	padding-left: 19px;
}

#nav a:hover {
	background: url("./images/mark_over.gif") left 4px no-repeat;
}


/**
 *	「ママのお仕事とは」
 */
#intro {
	border:1px solid #f0c1f0;
	padding-top:9px;
	letter-spacing:-1px;
}
#intro p {
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
}
#information h3{
	padding-top:10px;
	padding-bottom:20px;
}
#information div {
	background: url("./images/information.jpg") 10px top no-repeat;
	padding-left:120px;
	padding-right:20px;
	font-size:14px;
	letter-spacing:0;
	line-height:1.4;
}

#information div dl dt {
	background: url("./images/dotted.jpg") left bottom repeat-x;
	color:#99cc00;
	font-weight:bold;
	/*width:770px;*/
	padding-bottom:4px;
	margin-bottom:6px;

}
#information div dl dd {

	padding-bottom:10px;
}

/**
 *	「お仕事の説明」
 */
#job {
	font-size:14px;
}
#job h3{
	padding-top:10px;
	padding-bottom:20px;
}
#job dl {
	padding-left:120px;
	padding-right:20px;
}

#job .step1 {
	background: url("./images/job_step1.jpg") 10px top no-repeat;
	height: auto;
	padding-bottom: 10px;
}
#job .step2 {
	background: url("./images/job_step2.jpg") 10px top no-repeat;
	height:84px;
}
#job .step3 {
	background: url("./images/job_step3.jpg") 10px top no-repeat;
	height: auto;
	padding-bottom: 10px;
}
#job .step4 {
	background: url("./images/job_step4.jpg") 10px top no-repeat;
	height: auto;
	padding-bottom: 10px;
}
#job .step5 {
	background: url("./images/job_step5.jpg") 10px top no-repeat;
	height: auto;
	padding-bottom: 10px;
}
#job .step6 {
	background: url("./images/job_step6.jpg") 10px top no-repeat;
	height:84px;
}

#job dt {
	background: url("./images/dotted2.jpg") left bottom repeat-x;
	color:#cc33cc;
	font-weight:bold;
	padding-bottom:4px;
	margin-bottom:6px;
}

/**
 *	「お客様のご紹介」
 */
#customer h3{
	padding-top:10px;
	padding-bottom:20px;
}
#customer div {
	background: url("./images/man.jpg") 10px top no-repeat;
	padding-left:120px;
	padding-right:20px;
	font-size:14px;
	letter-spacing:0;
	line-height:1.4;
}
#customer div dl dt {
	background: url("./images/dotted.jpg") left bottom repeat-x;
	color:#99cc00;
	font-weight:bold;
	padding-bottom:4px;
	margin-bottom:6px;

}
#customer div dl dd {

	padding-bottom:10px;
}
#customer div p {
	background: #f0f7d9;
	font-size:12px;
	color: #000;
	padding: 10px;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/**
 *	「入店までの流れ」
 */
#store {
	font-size:14px;
	position:relative;
}
#store p.infonumber {
	position:absolute;
	top:13px;
	right:15px;
}
#store h3{
	padding-top:10px;
	padding-bottom:20px;
}
#store dl {
	padding-left:120px;
	padding-right:20px;
	/*padding-right:40px;*/
}
#store dt {
	background: url("./images/dotted2.jpg") left bottom repeat-x;
	color:#cc33cc;
	font-weight:bold;
	padding-bottom:4px;
	margin-bottom:6px;
}
#store .step1 {
	background: url("./images/store_step1.jpg") 10px top no-repeat;
	height: auto;
	padding-bottom: 10px;
}
#store .step2 {
	background: url("./images/store_step2.jpg") 10px top no-repeat;
	height: auto;
	padding-bottom: 10px;
}
#store .step3 {
	background: url("./images/store_step3.jpg") 10px top no-repeat;
	height: auto;
	padding-bottom: 10px;
}
#store .step3 p {
	background: #faeafa url("./images/back_store01.jpg") right center no-repeat;
	height: auto;
	padding-bottom: 7px;
	
	font-size:12px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	color: #000;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#store .step3 p span {
	color:#cc33cc;
}

#store .step4 {
	background: url("./images/store_step4.jpg") 10px top no-repeat;
	height:150px;
}
#store .step4 p {
	background: url("./images/back_store02.jpg") -50px top no-repeat;
	font-size:12px;
	padding: 10px;
	color:#cc33cc;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/**
 *	「募集要項」
 */
#bosyu h3{
	padding-top:10px;
	padding-bottom:20px;
}
#bosyu div {
	background: url("./images/woman.jpg") 10px top no-repeat;
	padding-left:120px;
	padding-right:20px;
	font-size:14px;
	letter-spacing:0;
	line-height:1.4;
}
#bosyu div dl dt {
	background: url("./images/dotted.jpg") left bottom repeat-x;
	color:#99cc00;
	font-weight:bold;
	padding-bottom:4px;
	margin-bottom:6px;

}
#bosyu div dl dd {

	padding-bottom:10px;
}
#job_footer {
	height:100px;
	background:url("./images/footer.jpg") left top no-repeat;
	text-align:right;
	padding:0;
	margin:0;
	padding-top:20px;
	position:relative;
}
p.totop {
	text-decoration:underline;
	text-align:right;
	font-size:14px;
	padding-right:30px;
}
p.totop a {
	color:#cc33cc;
}

p.totop a:link {
	color:#cc33cc;
	text-decoration:underline;

}

p.totop a:visited {
	color:#cc33cc;
	text-decoration:underline;

}

p.totop a:hover {
	color:#cc33cc;
	text-decoration:underline;

}


#mainContents h3 {
	width: 715px;
	padding-top: 10px;
	overflow: hidden;
}

#recruitform {
	text-align:left;
	border:5px solid #99cc00;
	padding:5px;
	width:650px;
	margin: 20px auto 0;
}

#recruitform h3 {
	width: 100%;
	padding-top: 0;
	text-align: center;
}

#recruitform p {
	color: #666;
}

#recruitform p a:link {
	color: #005585;
	text-decoration:none;
}

#recruitform p a:visited {
	color: #818f98;
	text-decoration:none;
}

#recruitform p a:hover {
	color: #80af00;
	text-decoration:underline;
}

#attention {
	text-align:right;
	margin-top:-20px;
	padding-right:60px;
	font-size:12px;
	color:#fff;
	padding-bottom:6px
}
/*====================================
	1-7.Forms Module
=====================================*/

form {
	margin: 0.5em 20px;
	padding: 1px 0; 
}

form dl,
form p {
	margin: 0.5em 10px;
}

input,
textarea {
	margin: 0.4em 10px;
	padding: 0.1em 10px;
	border: 1px solid #ddd;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3",  sans-serif;
	background-color: #f5f5f5;
}

input {
	line-height: 1.2;
}

input:hover,
textarea:hover {
	border: 1px solid #aaa;
}

input:focus,
textarea:focus {
	border: 1px solid #000;
}

textarea {
	padding: 0.4em 10px;
}

/*====================================
	1-8.Tables Module
=====================================*/

table {
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #cfd3d6;
	background-color: #fff;
}

th,
td {
	padding: 0.1em 5px;
	border: 1px solid #efefef;
	border-color: #efefef #dce0e3 #dce0e3 #efefef;
}

th {
	color: #000;
	background-color: #eff0f1;
	background:#cbe481;
}

td {
	border: 1px solid #ddd;
	background-color: #fff;
}
table {
	width:600px;
	text-align:left;
}
th {
	width:200px;
}
.longBox {
	width:300px;
}
.shortBox {
	width:100px;
}
.experience {
	height:22px;
	border:0;
	vertical-align:middle;
	background:#fff;
}
.hp{
	height:22px;
	border:0;
	vertical-align:middle;
	background:#fff;
}
#comment {
		width:300px;
}
#form_btn {
	text-align:center;
	padding-top:10px;
	padding-bottom:15px;
}
#form_btn input{
	background: url(./images/btn.jpg) no-repeat;
	border:none;
	height:24px;
	width:74px;
	color:#fff;
}
#end {
	text-align:center;
	padding-bottom:20px;
}
#end th {

}
#error {
	padding-left:20px;
	color:#f00;
}


label {
	color: #000;
}