/*サイト全体設定*/
*{
	margin:0;
	padding:0;
}

html{
	height:100%;
}

body {
	text-align:left;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	line-height:1.3;
	color:#000;
	font-size:15px;
€  -webkit-text-size-adjust: 100%;
	font-family:
   'メイリオ',
    Meiryo,
    'Lucida Grande',
    Verdana,
    'ヒラギノ角ゴシック Pro W3',
    'Hiragino Kaku Gothic Pro',
    Osaka,
    sans-serif;
    background:url(img/bg01.png);
   /* background-size: 100% 100%;*/
    background-repeat: repeat;
    background-attachment: fixed;
}

.clear{
	clear:both;
}

hr{
	border:0;
	background:none;
	border-bottom:#000 dashed 1px;
	margin:10px;	
}

p{
	margin:15px 0 15px 0;
	text-align:left;
}
	.pink{
		color:#FF2B95;
		font-size:18px;
		font-weight:700;
		margin:5px 0;	
		text-align:left;
}
.big{
	font-size:18px;	
	font-weight:700;
	line-height:28px;
}

h1{
	width:720px;
	margin:0;
	padding:0;	
	text-align:left;
	
	background-color:#FEC2CE;
}

h2{
	font-size:14px;
	font-weight:100;
	width:860px;
	margin:30px 0 0 0;
	padding:0 20px 0 20px;	
	text-align:left;
}
h3{
	width:900px;
	margin:0;
	padding:0;	
	font-size:14px;
	font-weight:100;
	line-height:22px;
}

h4{
	width:900px;
	margin:10px 0;	
}

.border{
	border:1px solid #000;	
}

/*ページ全体設定*/
#wrap{
	position:relative;
	width:1200px;
	margin:0 auto 0 auto;	
	
	background-image:url(img/wrap_bg.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;
}
	#right_side{
		position:absolute;
		width:180px;	
		height:100%;
		top:30px;
		right:0;
	}
		#right_banner{
			position:fixed;
			top:200px;
			width:180px;	
			height:auto;
		}
			#right_banner h2{
				color:#ff507a;
				font-size:13px;
				font-weight:700;
				text-align:center;
				width:180px;
				margin:0 0 10px 0;
				padding:0;
			}
			#right_banner p{
				color:#595757;
				font-size:12px;
				text-align:center;
				margin:0 0 10px 0;
				padding:0;
			}
		

#toptext {
	position:relative;
	background-color: #FDA4C0;
	margin: 0 !important;
	padding: 0.5em;
}
	#side{
		position:fixed;
		top:30px;

		font-size:12px;
		width:260px;
		height:auto;
		margin:0;
		padding:0 30px 0 10px;	
	}
		#side li{
			background:url(img/side_bg.png);
			width:260px;
			height:65px;
			margin:0 0 0 0;
			padding:0;	
			-webkit-transition: 0.6s ease-in-out;
		 	-moz-transition: 0.6s ease-in-out;
			-o-transition: 0.6s ease-in-out;
			transition: 0.6s ease-in-out;
		}
			#side li:hover {
		background-position:right;
			}

	#contents{
		float:right;
		
		width:900px;	
		height:auto;
		margin:0;
		padding:0;
	}
		#contents p{
			width:860px;
			margin:15px 0 15px 0;
			padding:0 20px 0 20px;	
		}
		
		#contents .gradient {
			width: 720px;
			margin-bottom:20px;
			padding:20px 0;
			background: linear-gradient(#ffffff, #f5f5f5);
		}
		
		.contents_left{
			float:left;
			/*
			width:510px;
			*/	
			padding:0 20px 0 20px;
			margin-bottom: 2em;
		}
		.contents_right{
			float:left;
			width:350px;
			margin-bottom: 2em;
		}

	#footer{
		width:1200px;	
		margin:100px 0 0 0;
		padding:50px 0 0 0;
		background-color: #FDA4C0;
	}
		#footer_left{
			float:left;
			width:300px;
			padding:0 0 0 20px;	
		}
		#footer_right{
			float:left;
			padding-top : 25px;
			width:580px;	
		}
		
			#footer_right ul li {
				display: inline;
			}
			
			#footer_right ul li a {
				text-decoration: none;
				color: inherit;
			}
			
		#footer_copyright {
			text-align: center;
		}
/*下層ページタイトル画像*/
.sub_title{
	position:relative;
	width:900px;
	height:369px;	
}
.sub_text{
	position:absolute;
	top:175px;
	left:30px;
	width:700px;
	height:260px;
	text-shadow:1px 1px 1px #FFF,-1px 1px 1px #FFF,1px -1px 1px #FFF,-1px -1px 1px #FFF;
}
	.gossip_img{
		background:url(img/gossip_title_1.png);	
	}
	.treatment_img{
		background:url(img/treatment_title_1.png);	
	}
	.income_img{
		background:url(img/income_title_1.png);	
	}
	.first_img{
		background:url(img/first_title_1.png);	
	}
	.try_img{
		background:url(img/try_title_1.png);	
	}

/*ページ下メニュー*/
#bot_menu{
	width:900px;	
}	
	#menu1{
		float:left;
		width:515px;	
		height:auto;
		margin:0 5px 0 0;
	}
		
		.menu_123{
			width:515px;
			height:155px;
			margin:0 0 0 0;
		}
	#menu2{
		float:left;
		width:200px;
		height:auto;
		margin:0 0 0 0;	
		padding:0 0 0 0;
	}
	#menu3{
		width:720px;
		height:auto;
		margin:0 0 3px 0;	
	}
		.menu_5{
			float:left;
			width:auto;
			height:153px;
			margin:0 4px 0 0;	
		}
		.menu_6{
			float:left;
			width:auto;
			height:153px;
			margin:0 0 0 0;	
		}
	#menu4{
		width:720px;
		height:150px;
		margin:0 0 5px 0;	
	}
		.menu_78{
			float:left;
			width:auto;
			height:150px;
			margin:0 4px 0 0;	
			padding:0;
		}
		.menu_9{
			float:left;
			width:autoå;
			height:150px;
			margin:0 0 0 0;	
		}
	#menu5{
		width:900px;
		height:120px;
		margin:0 0 0 0;	
	}
		.menu_10{
			width:900px;
			height:120px;
			margin:0 0 0 0;	
		}
		
/*ロールオーバーで下からキャプション表示*/
	.rollover {
		position: relative;
		overflow: hidden;
		height: auto;
	}

		.rollover figcaption {
			position: absolute;
			bottom: -151px;
			left: 0;
			z-index: 2;
			width: auto;
			height: auto;
			-webkit-transition: .6s;
			transition: .6s;
		}
			
		.rollover:hover figcaption {
			bottom: 0;
		}
		
/*ページ別設定*/

/*求人詳細*/
.tbl{
	background:rgba(255,255,255,0.4);
	line-height:25px;
	width:680px;
	/*
	margin:20px auto 50px auto;
	*/
	/*
	padding:0 20px 0 20px;
	*/
	margin-left: 20px;
	margin-bottom: 2em;
	border-collapse:collapse;
}

	.tbl th, td{
		padding-top:10px;	
	}
	.tbl tr{
		border-bottom:1px solid #000;
	}
	
	.tbl th{
		width:200px;
		text-align:center;
		font-weight:700;	
	}

/*お店について*/
.intro_text{
	line-height:25px;
	height:115px;
	padding:60px 20px 60px 20px;	
}
.merit{
	border-collapse:collapse;	
	width:900px;
	margin:10px 0 10px 0;
	padding:0;
}
	.merit th{
		width:400px;
	}
	.merit td{
		font-size:13px;
		width:490px;
		margin:0;
		padding:30px 5px 30px 5px;
	}

#policy{
	position:relative;
	background:url(img/intro_image_6.png) no-repeat;
	width:900px;
	height:390px;	
}
	#policy p{
		position:absolute;
		bottom:40px;
		text-align:center;
		text-shadow:1px 1px 1px #FFF,-1px 1px 1px #FFF,1px -1px 1px #FFF,-1px -1px 1px #FFF,0px 0px 20px #FFFF00;
		line-height:25px;
	}

/*よくある質問*/
.faq_text{
	font-size:14px;
	line-height:25px;
	height:115px;
	padding:10px;	
}

/*業界裏話*/
.gossip_image{
	width:410px;
}

.gossip_text{
	font-size:14px;
	line-height:25px;
	width:450px;
	padding:10px;	
}

/*収入*/


/*初めての方へ*/
.first_text{
	width:320px;	
	line-height: 1.6;
}

/*面接・体験入店*/
#planA{
	position:relative;
	background:url(img/try_image_1.png) no-repeat;
	width:900px;
	height:322px;
	margin:10px 0;
}
#planB{
	position:relative;
	background:url(img/try_image_2.png) no-repeat;
	width:900px;
	height:322px;
	margin:10px 0;
}
#planC{
	position:relative;
	background:url(img/try_image_3.png) no-repeat;
	width:900px;
	height:322px;
	margin:10px 0;
}
	.plan_text{
		position:absolute;
		top:90px;
		right:40px;
		width:590px;
		height:70px;
			
	}
	
/*応募の流れ*/
#linetbl{
	border:#00c300 1px solid;
	background:#00c300;
	width:770px;
	margin:0 0 10px 35px;
	text-shadow: #FFF 1px 1px 0px, #FFF -1px 1px 0px,
				 #FFF 1px -1px 0px, #FFF -1px -1px 0px;
}
	.lineidqr{
		background:rgba(255,255,255,0.6);
		width:750px;
		height:auto;
		margin:10px auto 0 auto;
	}

	.idqr{
		position:relative;
		float:left;	
		width:375px;
		height:auto;
	}
	.idqrtxt{
		position:absolute;
		top:0px;
		right:0;
		width:250px;
	}
		.idqrtxt img{
			width:110px;
			height:110px;
		}
	
	.linestep{
		background:rgba(233,255,102,0.9);
		width:750px;
		height:auto;
		margin:10px auto 0 auto;
	}
		.lstxt{
			text-align:left;
			margin:5px 0 15px 45px;
			font-size:14px;	
		}

/*高収入高待遇*/
#treatment_box{
	width:720px;
}

#tooltip{
	width:720px;
    margin:0 auto;
}
#tooltip li{
	width:720px;
    height:56px;
    display:block;
	margin:10px 0;
	padding:2px;
    float:left; 
    position:relative;  
	text-align:center;    
}
#tooltip li > div {
	z-index:2;
    width: 720px;
    min-height: 40px;
    position: absolute;
    bottom:70px;
    padding: 10px;
    visibility:hidden;
    opacity: 0;
    background: rgba(255,255,255,0.9);
    font-size:1em;

    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 

    -moz-box-shadow: 0 0 8px gray; 
    -webkit-box-shadow: 0 0 8px gray; 
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=3); 
    box-shadow: 0 0 8px gray; 
    
  -moz-transition: all 0.6s ease-in-out; 
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out; 
    transition: all 0.6s ease-in-out;
}
#tooltip li > div:after {
	z-index:2;
    content:"\25B8"; 
    display:block;
    font-size:2em;
    height:0;
    line-height:0;
    position:absolute;
    color:#fff;
    bottom:-3px;
    left:0px;
    text-align:center;
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    width:100%;
    text-shadow: 3px 0 2px #ccc;
}
#tooltip li:hover > div {
    visibility:visible;
    opacity: 1;
    bottom:50px;

    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out; 
    -o-transition: all 0.6s ease-in-out; 
    transition: all 0.6s ease-in-out;
}

/*体入ボタン*/

.btn_tainyu {
  width: 720px;
  height: 130px;
  margin: 10px 0;
  background: url(img/top_taiken.png) left center;
  animation: play 2s steps(2) infinite;
}

@keyframes play {
    100% { background-position: -1440px; }
}

/*SHOP詳細ページ*/
.rec_main{
	background:none;
	width:720px;	
}
#shop_title{
	border-bottom:#ff87b2 1px solid;
	width:680px;
	margin:0 auto;
}
	.shop_title{
	color:#595757;
	font-size:14px;
	}
	#shop_title h1{
		background:none;
		border-radius:none;
		color:#ff87b2;
		font-size:24px;
		padding:0 10px;
	}

#shop_image{
	list-style:none;	
	width:720px;
	margin-bottom:20px;
}
	#shop_image li{
		float:left;	
		color:#595757;
		font-size:12px;
		text-align:center;
		width:200px;
		margin-left:40px;
	}
		#shop_image li:first-child{
			margin-left:20px;
		}
.rec_tbl{
	border:1px solid #595757;
	border-collapse:collapse;
	background:rgba(255,255,255,0.4);
	line-height:25px;
	width:680px;
	margin:20px;
}
	.rec_tbl th, td{
		padding:10px;	
	}
	.rec_tbl tr{
		border-bottom:1px dotted #595757;
	}
	
	.rec_tbl th{
		background:#fec2ce;
		color:#595757;
		width:160px;
		text-align:center;
		font-weight:700;	
		border-right:1px solid #595757;
	}
	.rec_tbl td{
		font-size:13px;
		line-height:22px;
		width:480px;
		text-align:left;
	}
	
	#contents .gradient h2{
		background:#ff87b2;
		color:#FFF;
		font-size:20px;
		border-radius:10px;
		width: 660px;
		margin:0 auto;
		padding:5px 10px;
	}

	#rec_tag{
		list-style:none;	
		width:680px;
		margin:10px 20px 20px 20px;
	}
		#rec_tag li{
			background:#fec2ce;
			border-radius:10px;
			float:left;
			text-align:center;
			font-size:12px;
			width:110px;
			margin:0 1px 5px 1px;
			padding:5px 0;
		}
#rec_map{
	width:680px;
	margin:10px auto 20px auto;	
}