@charset "utf-8";


body {
	background-image:url(../image/background.jpg);
	background-position: center center;
	margin:0;
	padding:0;
	position:relative;
	min-width:900px;
	background-repeat: repeat-y;
	font-size: 14px;
	line-height: 16px;
	color:#3E3A39;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.clear {clear:both;}

.content_center {
				text-align:center;
				}
				

#wrap {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}

#topImage {
	position: relative;
	}


		



.indexFooter {
	background-image:url(../image/footer.jpg);
	height:100px;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	}

.indexFooter p {
				position: absolute;
				bottom: 65px;
				margin-left:160px;
				
				}
				
.indexFooter a {
				margin-left:20px;
				color:#ffffff;
				}
				
.indexFooter address {
				position: absolute;
				bottom: 10px;
				margin-left:175px;
				font-weight:bold;
		}

#contents p{
			margin:0 15px;
			line-height:20px;
			}
			
.center {
	margin-left: 60px;/* mailページ使用 */
}

.center2 {
	margin-left: 35px; /* topページ使用 */
}



/* -------　基本ページ設定　ここまで ------- */




/* -------　文字＆色の設定　ここから ------- */

h1 {
	position: absolute;
	left: 20px;
	top: 0;
	font-size: 12px;
	color: #2cadff;
	font-weight:bold;
}

h2 {
	font-size:16px;
	background-image:url(../image/h2_bar.jpg);
	color:#ffffff;
	font-weight:bold;
	line-height: 30px;
	text-indent: 20px;
	}

.blue {
	color:#2ea7e0;
	}
	
.blue2 {
	color:#0098d7;
	font-size:16px;
	font-weight:bold;
	}

.pink {
	color: #f80086;
	font-size:16px;
	}

.pink_b {
	/*color: #e70f70;*/
	color: #f80086;
	font-size:24px;
	}

.white {
	font-weight: bold;
	color: #FFFFFF;
}

.cha {
	color:#a26500;
	font-weight:bold;
	font-size:16px;
	}

.red {
	font-weight: bold;
	color:#FF0000;
	font-size:16px;
	}

.red2 {
		color:#FF0000;
	}
	
.black {
		color:#000000;
		}
		


.orange {
		color: #ff9900;
		}
	
	/* 配置 */
	
.pagetop {
	text-align:right;
	margin-right: 15px;
	}
	
	
.moveLeft {
	margin-left: 10px;
}


.moveRight {
	margin-right: 10px;
}

.rogoRight {
	margin-right:50px;
	}

img {
	border:0;
	/*vertical-align:bottom;*/
	text-decoration: none;
}

/* -------　文字設定　ここまで ------- */






/*  -------待遇ページの設定　ここから -------　*/

.answer {
	color:#fb9ddc;
	font-size:24px;
	}	

.answerContent {
	font-size:14px;
	line-height:20px;
	}

/*  -------待遇ページの設定　ここまで -------　*/



/*  -------36条ページの設定　ここから -------　*/

.low {
		margin:0 10px;
		border:dotted;
		padding:8px;
		}	

.right {
			text-align:right;
			}

.right a {
			margin-right:20px;
			}

/*  -------36条ページの設定　ここまで -------　*/





/*  -------　バレページの設定　ここから -------　*/

.voice_box {
			margin:0 10px;
			}
			
.prof dt {
 float: left;
 padding-right:10px;
 color:#FF9900;
 font-weight:bold;
 }
 
.prof dd {
 float: left;
 padding-right:20px;
 }

.prof_dtl {
			clear:both;
			border-top:dotted;
			margin-bottom:20px;
			}
			
.prof_dtl dt {
				float:right;
				margin-top:10px;
				margin-left:10px;
				}

.prof_dtl dd {
				margin-top:10px;
				width:600px;
				font-size:14px;
				line-height:20px;
				
				}



/*  -------　バレページの設定　ここまで -------　*/



/* -------　体験入店談ページの設定　ここから ------- */


.cate_box {
			width:660px;
			height:280px;
			font-size:14px;
			background-color: #ffe7fc;
			}

.taiken_speak {
				height:80px;
				width:660px;
				background-color: #ff64a3;
				}

.taiken_speak img {
				float:left;
				}
				
.koe {
		padding: 20px 90px;
		font-size:18px;
		color: #ffffff;
		font-weight:bold;
		}

.koe_taitle {
				margin-bottom:10px;
				}

.koe_pro {
			padding: 20px 20px;
			font-size:14px;
			}

.taiken_qa {
			margin-top:10px;
			}


.taiken_qa dl {
				margin-left:10px;
				
				}

.taiken_qa dt {
				margin-bottom:10px;
				}				

.taiken_qa dd {
				margin-bottom:15px;
				border-bottom:dotted;
				border-left-width:0.5px;				
				}

.taiken_qa .last {
 border: none;
 }

	

/* -------　体験入店談ページの設定　ここまで ------- */




/* -------　待遇ページの設定 　ここから ------- */


.taigu_box {
			width: 660px;
			height:180px;
			border:none;
			background-color:#909090;
			}
			
.taigu_koumoku > img {
 float:left;
 margin-right:10px;
 }
 
 
 .taigu_koumoku dt.title {
 font-size:18px;
 font-weight:bold;
 padding-top:10px;
 color:#ffffff;
 text-align:center;
 margin-bottom:10px;
 }
 
.taigu_koumoku dd {
 font-size:11px;
 color:#ffffff;
 margin-left:20px;
 margin-right:10px;
 margin-bottom:10px;
 line-height:15px;
 }
 
 .taigu_koumoku dd.image {
 text-align:center;
 }
 



/* -------　待遇ページの設定 　ここまで ------- */





/*  -------ＱＡページの設定　ここから -------　*/

#qa_top {
		position:relative;
		}

#qa_top10 {
		position:absolute; top:40px; left:320px; width: 310px;
		}



#qa_top10 a:link {
				color:#909090;
				}
				
#qa_top10 li{
			margin-bottom:12px;
			color:#FF66FF;
			font-weight:bold;
			}		

#qa_10 .qa_box p {
			 background-image:url(../image/qa/bar_qa.jpg);
			 margin:0;
 }
 
 #qa_10 .left {
 				margin-left:40px;
				color: #ffffff;
				font-weight:bold;
				}

#qa_10 .qa_title {
					font-size:16px;
					line-height:28px;
					}
			
#qa_10 .qa dt {
 float: left;
 color:#FF9900;
 font-weight:bold;
 line-height:30px;
 }
 
#qa_10 .qa dd {
 float: left;
 padding-right:20px;
 line-height:30px;
}

#qa_10 .qa_dtl {
			clear:both;
			margin-top:10px;
			border:solid;
			border-width:1px;
			margin-bottom:20px;
			}
			
.qa_dtl dt {
				float:right;
				margin-top:10px;
				}

#qa_10 .qa_dtl dd {
				margin-top:10px;
				width:600px;
				font-size:14px;
				line-height:20px;
				margin-left:20px;
				margin-bottom:10px;
				
				}

#qa_10 .black2 {
		color:#000000;
		font-size:18px;
		}





/*  -------ＱＡページの設定　ここまで -------　*/




/*  -------応募ページの設定　ここから -------　*/


#form {
		font-size:12px;
		}


/*  -------応募ページの設定　ここまで -------　*/





/*  -------未経験インタビューページの設定　ここから -------　*/

#coment {
		height:2000px;
		}

#contents .interview_box {
							width:660px;
							height:400px;
							margin-bottom:5px;
							}


#contents .interview_box p {
				font-size:14px;
					line-height:20px;
					}

#contents .interview_box img {
								margin-top:5px;
								}


/*  -------未経験インタビューページの設定　ここまで -------　*/




/*  -------経験インタビューページの設定　ここから -------　*/

#coment {
		height:950px;
		}

#contents .interview_box_k {
							width:660px;
							height:300px;
							margin-bottom:5px;
							}


#contents .interview_box p {
				font-size:14px;
					line-height:20px;
					}

#contents .interview_box img {
								margin-top:5px;
								}


/*  -------経験インタビューページの設定　ここまで -------　*/




/*------------ 店舗一覧ページの設定   ここから  -------------------*/

	
#contents .shop_title {
			background-image:url(../image/tenpo_i/bar_shop_title.jpg);
			width:660px;
			background-repeat:no-repeat;
			font-size:18px;
			color:#FFFFFF;
			text-indent:40px;
			line-height:34px;
			font-weight:bold;
			margin-bottom:0;
			margin-left:0px;
			}


.shop {
		border-left:solid;
		border-right:solid;
		border-bottom:solid;
		border-color:#676767;
		border-width:1px 1px;
		padding: 8px;
		margin-top:-4px;
		font-size:14px;
		line-height:29px;
		font-weight:bold;
		}

.midasi {
		font-size:18px;
		color:#000000;
			margin:0 0 10px 0;
			}

.rigth img {
			margin-right:5px;
			}
			
.right p {
			margin-top:0;
			margin-bottom:0;
			text-align:center;
			font-size:13px;
			line-height:25px;
			margin-left:-5px;
			}

.itiran {
		margin-bottom:10px;
		}
		
.shousai {text-align:right;
			}
			

.youkouBar {
			margin-left:60px;}
			
.shop table {
			margin-left:8px;}


.totop {text-align:right;}


.s_red {
		color:#FF0000;
		font-weight:bold;
		font-size:18px;
		background-color:#FFFF00;
		}

/*------------ 店舗一覧ページの設定  ここまで   -------------------*/



/*　各店舗詳細ページの設定
---------------------------------------------------------------------------*/

#youkou table.simple{
    border-top:1px solid #d7d5d1;
    border-left:1px solid #d7d5d1;
    background-color:#ffffff;
    border-collapse:collapse;
    empty-cells:show;
    border-spacing:0;
	/*font-size:13px;*/
}

#youkou .simple th{
    border-right:1px solid #d7d5d1;
    border-bottom:1px solid #d7d5d1;
	background-color: #f3f2ee;
    text-align:center;
    color:#330000;
    padding:0.3em 1em;
    background-position:left top;
	}

#youkou .simple td{
    border-right:1px solid #d7d5d1;
    border-bottom:1px solid #d7d5d1;
    padding:0.3em 1em;
	font-weight:normal;
}



#youkou table a {
					text-decoration:none;
					margin-right:100px;
					
					}

#youkou_f table.simple{
    border-top:1px solid #007abd;
    border-left:1px solid #007abd;
    background-color:#ffffff;
    border-collapse:collapse;
    empty-cells:show;
    border-spacing:0;
}

#youkou_f .simple th{
    border-right:1px solid #007abd;
    border-bottom:1px solid #007abd;
	background-color: #edf8fd;
    text-align:center;
    color:#007abd;
    padding:0.3em 1em;
    background-position:left top;
	font-size:13px;
	color: #007abd;
}

#youkou_f .simple td{
    border-right:1px solid #007abd;
    border-bottom:1px solid #007abd;
    padding:0.3em 1em;
	font-size:12px;
	font-weight:normal;
}

.moji_1 {font-weight:normal;}

.e_red {
		color:#FF0000;
		font-weight:bold;
		font-size:18px;
		}





/* -------　サイドの設定　ここから ------- */


#sid img {
			margin-bottom:15px;
			}



/* -------　サイドの設定　ここまで ------- */




/*  -------工事中ページの設定　ここから -------　*/

.bg {
	background-image:url(../image/side/j-soken/back_hart.gif);
	background-repeat: repeat;
	}

.letter {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 20px;
	line-height: 35px;
	font-weight: bolder;
	color: #c31260;
}

.k_top {
		margin-top:50px;
		}


.kouji {
		text-align:center;
		}
		

/*  -------工事中ページの設定　ここまで -------　*/

.field {margin-left:30px;}

.field ul li { 
				float: left;
				margin-right:40px;
				margin-bottom:30px;
				}



/* -------　clearfixの設定　ここから ------- */
  
.clearfix:after {  
  content: "";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;
  margin-bottom:10px;
}  
  
.clearfix { display: inline-table; }  

  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

#contents{  
  width: 660px;  
  float: right;
 }

#sid{  
  width: 220px;
  float: left;  
}  
  


.l {
	width:410px;
	float:left;
	}
	
.r {
	width:220px;
	float:right;
	
	}




.interview_left { width:330px;height:350px;float:left;}  
.interview_right { width:330px;height:350px;float:right;}



.tainou {
float:left;
clear:both;
margin-right:15px;
}
  
/* -------　clearfixの設定　ここまで ------- */



/*--------- 本番環境　応募が大丈夫になるまでの画面の設定  -------------*/

#mada p {
			font-size:18px;
			}

.side_ban{font-size:11px;}
.side_ban a{color:#1b9cee;}
.side_ban a:hover{color:#666;}

/*-追加-*/

/*-----------応募フォーム-----------*/
.oubo{width:660px; margin:0 auto; border:solid 1px #5da8ef; padding:0px 0px 15px;}

.oubo th{background-color:#5da8ef; color:#fff; width:80px; border:solid 1px #fff; text-align:center;}
.oubo td{background-color:#edf4f5; padding:10px; border:solid 1px #fff;}

.oubo .shops{
		line-height:160%;
}
.oubo .shopswaku{
	padding:7px;
	border:solid 1px #ccd5ed;
	background-color:#5da8ef;
}
.oubo .hoge{
	border:0;
	padding:5px;
	font-family:Arial, sans-serif;
	color:#666;
	border:solid 1px #ccc;
	width:300px;
	-webkit-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
	box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.oubo input:focus{border:solid 1px #ffc845;}

.oubo .shopname{
	color:#444;
	border:solid 1px #2f73b4;
	background-color:#fff;
	width:251px;
	padding:10px 10px;
	margin:1px;
	line-height:100%;
	display: inline-block;
	letter-spacing: normal;
	box-shadow: 0px 1px rgba(10, 50, 90, 0.5);
}

.oubo .shopname:hover{
	background-color:#faffaa;
}

input.shopname:checked{
	background-color:#faffaa;
}

.oubo label{letter-spacing: -.40em;}

.oubo .textarea{height:120px; max-width:555px; min-width:555px; font-size:12px; padding:5px;}

.oubo .textarea:focus{border:solid 1px #ffc845;}

.formnavi{margin:15px 0px; padding:10px; background-color:#fff; border:solid 2px #cecece; line-height:160%; text-align:center;}

.btn_ok{
	width:300px;
	padding:15px;
	display: inline-block;
}

.btn_no{
	width:150px;
	padding:15px;
	display: inline-block;
}
/*-----------/応募フォーム-----------*/

/***********　LINE応募　***********/
.line_oubo{margin:10px 0px; text-align:center;}
.line_oubo .waku{text-align:center; border: double 3px #60d008; padding:10px;}
.line_oubo .btn{color:#fff; width:150px; margin:0 auto; padding:6px; background-color:#1ecd00; font-size:17px; margin-top:5px; border:double 2px #51ec36; border-radius:6px; box-shadow: 0 10px 10px -10px #999;}
.line_oubo .title{font-size:17px; padding:6px 8px; background-color:#1ecd00; margin:1px 0px; color:#fff;}
.line_oubo .user{font-size:13px;}
.line_oubo .boshu{color:#fff; display: inline;}
.line_oubo .s_title{color:#1ecd00; font-size:15px; font-weight:bold;}
.line_oubo .tsuika{background-color:#fff; font-size:small; color:#666; line-height:140%; padding:3px; margin-top:2px; border-radius:6px;}
.line_oubo .hoshi{color:#ffb400; display: inline;}
.line_oubo a{color:#fff !important; text-decoration:none;}
.line_oubo input{width:150px;}
/***********　LINE応募　***********/