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

html{overflow: auto;}
body{
	background:url(../images/bg.jpg);
	min-width:1120px;
}
.wrapper{
	padding:0 20px;

	width:1120px;
	min-height: 1100px;
	margin-left:auto;
	margin-right:auto;
	
	position:relative;
}
.contentWidth{
	width:1120px;
	margin:0 auto;
}

a{text-decoration:none;}
a:hover{text-decoration:underline;}
.underline{text-decoration:underline;}
.linkColor{color:#333333;}
.textRed{color:#F06;}
.bold{font-weight:bold;}
.fontLarger{font-size:larger;}
.fontL{font-size:large;}

.w100per{width:100%;}

.mtS{margin-top:10px;}
.mtM{margin-top:20px;}
.mbS{margin-bottom:10px;}
.mbM{margin-bottom:20px;}
.mvM{margin:20px 0;}
.mhAuto{margin-left:auto; margin-right:auto;}
.mrM{margin-right:20px;}
.mS{margin:10px;}
.mM{margin:20px;}

.pbS{padding-bottom:10px;}
.pS{padding:10px;}
.psM{padding:0 20px;}

.floatL{float:left;}
.floatR{float:right;}
.floatClear{clear:both;}

.taLeft{text-align:left;}
.taCenter{text-align:center;}

.spDisplayNone{display:none;}

.cornerShadow{
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.2) 0px 5px 1px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 5px 1px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 5px 1px 0px;
}

.vMid{
	 position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* 
非表示にしたいテキスト
*/
.clearText {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	height:0px;
}



/* ヘッダー
---------------------------------------------------------*/
header{
	position:relative;
}
.topText{
	background:#333;
	height:20px;
	width:100%;
}
.topText .h1{
	background:#333;
	height:20px;
	width:100%;
}
.topText div{
	padding:0 20px;
	color:#fff;
	font-size:12px;
}
.headerArea{
	background:url(../images/bg2.jpg);
	background-repeat:repeat;
	background-position:top left;
	background-size:auto;
}
.headerContentWidth{
	background:url(../images/header_girls.png);
	background-repeat:no-repeat;
	background-position:top right;
	background-size:contain;
	height:150px;
}
.logoImg{
	width:300px;
	position:relative;
	top:10px;
	left:20px;
}
.headerTelBtn{
	height:120px;
	position:relative;
	top:20px;
	left:60px;
}
.headerMessageArea{
	width:260px;
	position:relative;
	top:0px;
	left:40px;
	display:inline-block;
	font-size:10px;
	color:#888;
}


/* nav メニュー
---------------------------------------------------------*/
#globalMenuArea{
	background:url(../images/menuBg.png);
	height:80px;
	margin-bottom:20px;
}

#nav	{
	margin:0 auto;
	width:1120px;
	font-size:0;
}

#nav li{
	width:16.5%;
	display: inline-block;
}
#nav li a{
	text-align:center;
}

#nav li img{
	height:40px;
}

#nav li a	{
	display:block;
	width:100%;
	color:#000;
	text-decoration:none;
}

#nav li a:hover	{
	background:#ff89c8;
}

#nav li a.active	{
	background:#ff89c8;
}

/*#globalMenuArea{
	background:url(../images/menuBg.png);
	height:40px;
	margin-bottom:20px;
}
.menu{
	margin:0 auto;
	width:1120px;
	font-size:0;
}
.menu li{
	width:16.5%;
	display: inline-block;
	text-align:center;
}
.menu li img{
	height:40px;
}
.menu li:hover{
	background:#ff89c8;
}
.menu li.active{
	background:#f00;
}
*/
/* スライドバナー
---------------------------------------------------------*/
.sliderArea{
	width:805px;
	height:height;
	margin-bottom:20px;
	position:relative;
	border:1px solid #ddd;
	background:#fff;
}

/* index
---------------------------------------------------------*/
.indexWrapper{
	padding:0 20px;

	width:1120px;
	margin-left:auto;
	margin-right:auto;
	
	position:relative;
}
.whiteBg{
	background:url(../images/bg2.jpg);
	background-repeat:repeat;
	background-position:top left;
	background-size:auto;
}
.indexLogoArea{
	background:url(../images/index_girls.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:top right;
	width:100%;
	height:410px;
}
.indexLogoImg{
	position:relative;
	top:60px;
	left:50px;
}
.indexMessageArea{
	width:400px;
	position:relative;
	top:50px;
	left:140px;
	font-size:12px;
	color:#888;
}

.indexMessageArea_2{
	position:relative;
	top:50px;
	font-size:12px;
	color:#888;
	
	padding:10px;
	background:#fff;
	filter:alpha(opacity=90);
	opacity:0.9;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.2) 0px 5px 1px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 5px 1px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 5px 1px 0px;
}

.indexMessageArea_2 div{
	border:1px dashed #F99;
	padding:10px;
}

.indexMessageArea_2 a{
	color: #f99;
}

.stripe{
	background:url(../images/line01.png),url(../images/menuBg.png);
	background-size:contain, auto;
	height:100px;
}
.bg_decoA{
	background: url(../images/dropFeather1.png), url(../images/dropFeather3.png);
	background-size:30%, 30%;
	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom right;
}
.indexBtn{
	width:200px;
	height:60px;
	margin:0 20px;
	display:inline-block;

	/* border-radius */
	border-radius					:30px;
	-webkit-border-radius	:30px;
	-moz-border-radius		:30px;
}
.btn_enter{
	background: linear-gradient(to bottom,#ffd24c,#f0b400);
	background: -moz-linear-gradient(top,#ffd24c 0%,#f0b400);
	background: -webkit-gradient(linear, left top, left bottom,from(#ffd24c),to(#f0b400));
	color:#fff;
	font-size:28px;
	line-height:60px;
	font-weight:bold;
	text-align:center;
	text-shadow:0px -1px 1px rgba(000,000,000,0.7),0px 1px 0px rgba(255,255,255,0.2);

	-moz-box-shadow:
		0px 1px 0px rgba(143,114,29,1),
		inset 0px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 0px rgba(143,114,29,1),
		inset 0px 1px 1px rgba(255,255,255,1);
}
.btn_exit{
	background: linear-gradient(to bottom,#c4c4c4,#999999);
	background: -moz-linear-gradient(top,#c4c4c4 0%,#999999);
	background: -webkit-gradient(linear, left top, left bottom,from(#c4c4c4),to(#999999));
	color:#fff;
	font-size:28px;
	line-height:60px;
	font-weight:bold;
	text-align:center;
	text-shadow:0px -1px 1px rgba(000,000,000,0.7),0px 1px 0px rgba(255,255,255,0.2);

	-moz-box-shadow:
		0px 1px 0px rgba(66,66,66,1),
		inset 0px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 0px rgba(66,66,66,1),
		inset 0px 1px 1px rgba(255,255,255,1);
}


/* バナー群
---------------------------------------------------------*/
.bannerArea img{
	width:255px;
	margin:0 20px 20px 0;
	float:left;
}
.bannerArea img:nth-child(3n){
	margin:0 0 20px 0;
}

.bannerArea2{
	width:100%;
}
.bannerArea2 img{
	width:255px;
	margin:0 20px 20px 0;
	float:left;
}


/* topコーナータイル共通設定
---------------------------------------------------------*/
.mainArea{
	width:805px;
	min-height:610px;
}
.mainArea2{
	width:805px;
	min-height:1000px;
}
.sideArea{
	position:absolute;
	top:0;
	right:20px;
	width:255px;
}

.cornerArea{
	width:255px;
	position:relative;
}
.cornerTitle{
	width:100%;
	height:40px;
	position:relative;

	/* border-radius */
	border-radius:8px 8px 0px 0px;
	-webkit-border-radius:8px 8px 0px 0px;
	-moz-border-radius:8px 8px 0px 0px;
	
	background:url(../images/featherH.png), url(../images/bgR.png);
	background-size: contain, auto;
	background-repeat:no-repeat, repeat;
	background-position:bottom right;
}
.cornerTitle img{
	height:40px;
}
.cornerTitle a{
	position:absolute;
	top:0;
	right:0;
}



/* コンテンツ領域(高さ固定) */
.cornerTileContent{
	padding:5px;
	background:#fff;
}
.cornerTileContent >div:first-child{
	height:380px;
	padding:10px;
	position:relative;
}
/* コンテンツ領域(高さ非固定) */
.cornerTileContent2{
	padding:5px;
	background:#fff;
}
.cornerTileContent2 >div:first-child{
	padding:10px;
	position:relative;
}

.bgWing{
	background: url(../images/pureWing1.png);
	background-repeat: repeat-y;
	background-position:50% 50%;
	background-size: contain;
}


/* top求人コーナー
---------------------------------------------------------*/
.stripeY{background:url(../images/bgY.png);}
.borderY{border:1px solid #f9932a;}
.borderY >div:first-child{border:1px dashed #f9932a;}


/* top新着コーナー
---------------------------------------------------------*/
.stripeB{background:url(../images/bgB.png);}
.borderB{border:1px solid #3ca1ff;}
.borderB >div:first-child{border:1px dashed #3ca1ff;}

.newsDateTitle{
	height:60px;
}
.newsDateTitle p:nth-child(1){/*date*/
	font-size:smaller;
	color:#aaa;
}
.newsDateTitle p:nth-child(2){/*title*/
	font-size:larger;
	font-weight:bold;

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.newsContent{
	overflow: hidden;
	height:300px;
}
.newsContent2{
	overflow: hidden;
	height:500px;
}
.newsRecContent{
	overflow: hidden;
}
.overflowCover{
	height:20px;
	position: relative;
	top:-20px;
	z-index:100;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+70 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}



/* top出勤情報コーナー
---------------------------------------------------------*/
.stripeG{background:url(../images/bgG.png);}
.borderG{border:1px solid #02c76c;}
.borderG >div:first-child{border:1px dashed #02c76c; padding:0 10px;}

.topScheduleList li{
	border-bottom:1px dashed #02c76c;
	position:relative;
	padding:13px 0;

	height:126px;
	clear:both;
}
.topScheduleList a:last-child li{
	border-bottom:none;
}

.topScheduleList li img{/*photo*/
	max-height:100%;
	margin-right:20px;
	float:left;
}
.topScheduleList a li p{/*text data*/
	height:100px;
	display: table-cell;
	vertical-align: middle;
}


/* topピックアップコーナー
---------------------------------------------------------*/
.stripeR{background:url(../images/bgR.png);}
.borderR{border:1px solid #ff3c8f;}
.borderR >div:nth-child(1){border:1px dashed #ff3c8f;}

.pickupContent{
	text-align:center;
	overflow: hidden;
	height:360px;
}



/* footer
---------------------------------------------------------*/
footer *{text-align:center;}

.textLink{
	padding:40px;
	background:url(../images/bg2.jpg);
	background-repeat:repeat;
	background-position:top left;
	background-size:auto;
}
.textLink ul{
	margin:0 auto;
	width:100%;
	font-size:0;
}
.textLink ul li{
	margin:0 20px;
	display: inline-block;
	text-align:center;
}
.copyright{
	background:#333;
	color:#fff;
}

/* 画面上スクロールボタン
---------------------------------------------------------*/
#page-top{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 15px;
  right: 10px;
  padding: 10px 10px;
  background: rgba(0,0,0,.7);
  color: #fff;
  text-align: center;
  text-decoration: none; 
	
	width:80px;
	height:70px;
	
	/* border-radius */
	border-radius					:20px;
	-webkit-border-radius	:20px;
	-moz-border-radius		:20px;
}
#page-top:hover{
  background: rgba(0,0,0,.8);
}


/* 下層ページ
---------------------------------------------------------*/
.baseBg{
	background:#fff;
	border:1px solid #ddd;
}


/* 女の子一覧ページ 出勤スケジュールページ
---------------------------------------------------------*/
.girlList{
	font-size:0;
}
.girlList a{
	border:1px solid #ddd;
	padding:10px;
	margin-right:10px;
	margin-bottom:10px;
	width:24%;
/*	background:#CAFF99;*/
	background: linear-gradient(to right bottom,#fff,#F8FFBF);
	background: -moz-linear-gradient(left top,#fff 0%,#F8FFBF);
	background: -webkit-gradient(linear, left top, right bottom,from(#fff),to(#F8FFBF));
	
	display: inline-block;
}
.girlList a:nth-child(4n){
	margin-right:0;
}
.girlList a li{
	background: url(../images/dropFeather3.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center bottom;
}

.girlList *{
	text-align:center;
}
.girlList a li>img:first-child{/*photo*/
	max-width:auto;
	border:1px solid #ddd;
}
.girlList a li p{/*text data*/
	margin:10px;
}

.iconArea{
	/*min-height:30px;*/
}
.iconArea img{
	padding:2px;
	width:32%;
}

/* 出勤スケジュールページ
---------------------------------------------------------*/
.scheduleDate{
	font-size:0;
	background:#fff;
	border:1px solid #ddd;

	display:table;
	table-layout: fixed;
	width:100%;
}
.scheduleDate a{
	display:table-cell;
	border-right:1px solid #ddd;
	vertical-align: middle;
	cursor:pointer;
}
.scheduleDate a li{
	display:block;
	padding:10px 30px;
	text-align:center;
}
.scheduleDate a:last-child{
	border-right:none;
}
.dateSelected{
	background:#ff3c8f;
}
.dateSelected li{
	color:#fff;
	font-weight:bold;
}


/* プロフィールページ
---------------------------------------------------------*/
.profileArea >div:first-child{
	min-height:485px;
}
.photoArea{
	width:300px;
	min-height:360px;
	margin-right:10px;
	display:inline-block;
	vertical-align:top;
}
.detailTextArea table tr{
	/*border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;*/
}
.detailTextArea table tr:nth-child(odd){
	background:rgba(240,240,240,0.5);
}

.detailTextArea{
	width:450px;
	display:inline-block;
	vertical-align:top;
}
.detailTextArea table tr th,
.detailTextArea table tr td{
	padding:10px 10px;
	vertical-align:top;
}
.detailTextArea table tr th{
	width:100px;
	color:#ff3c8f;
}

.detailIconArea{
	margin-bottom:5px;
}
.detailIconArea img{
	padding:2px;
	width:75px;
}
.detailBannerArea{
	margin-top:10px;
	text-align:left;
}
.detailBannerArea img{
	width:145px;
}
.detailBannerArea img:first-of-type{
	margin-right:5px;
}
/* ok ng */
.playIcon li{
	border-radius:20px 20px 20px 20px;
	-webkit-border-radius:20px 20px 20px 20px;
	-moz-border-radius:20px 20px 20px 20px;
	
	background-size:cover;
	-moz-box-shadow:2px 2px 2px #CCCCCC ;
	-webkit-box-shadow:2px 2px 2px #CCCCCC ;
	
	color:#fff;
	font-size:90%;
	text-align:center;
	text-shadow:-1px -1px 0px #666 ;
	line-height:40px;

	width:31%;
	height:48px;
	padding:4px 0px;
	margin:2px 0px;
	display:inline-block;
}
.playIcon1{
	background:url(../images/optionIcon1.png) no-repeat center;
}
.playIcon2{
	background:url(../images/optionIcon2.png) no-repeat center;
}
.playIcon3{
	background:url(../images/optionIcon3.png) no-repeat center;
}
.playIcon4{
	background:url(../images/optionIcon4.png) no-repeat center;
}
.playIconSample{
	border:1px double #f69;
}
.playIconSample li{
	width:23%;
	border:1px 1px double #f69;
}


/* システムページ
---------------------------------------------------------*/
.systemListDiv{
	background:url(../images/sys_bg.png);
	padding:10px 10px 5px 10px;
	text-align:center;
}
.sysBox{
	background:#fff;

	/* border-radius */
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	
	/* box-shadow */
	box-shadow:rgba(117, 117, 117, 0.380392) 4px 4px 6px 0px inset;
	-webkit-box-shadow:rgba(117, 117, 117, 0.380392) 4px 4px 6px 0px inset;
	-moz-box-shadow:rgba(117, 117, 117, 0.380392) 4px 4px 6px 0px inset;
}
.sysCourseBox{
	padding:10px 0px 10px 0px;
	width:100%;
	text-align:center;
	display:inline-block;
	margin:0 0 10px 0;
	
	background:url(../images/decoFlower2.png),url(../images/pureWing2.png),#fff;
	background-repeat:no-repeat;
	background-position:95% 95%,center center;
	background-size:15%,50%;
}
.courseTitleDiv{
	height:125px;
}
.sysCourseImg{
	max-height:125px;
}
.courseTextDiv{
	width:40%;
	position: relative;
	left:56%;
	top:-100px;
	margin-bottom:-60px;
}
.feePerTimeList{
	display:inline-block;
	width:48%;
}
.feePerTimeList > div{/*コース料金　行*/
	border-bottom:2px solid #0d676c;
	margin:5px 20px;
	text-align:center;
}
.feePerTimeList >div> div{
	display:inline-block;
	/*text*/
	font-size:30px;
	color:#0d676c;
	font-weight:bold;
	text-align:right;
}
.feePerTimeList >div> div:first-of-type{/*コース料金○○分*/
	background:url(../images/pureWingIcon.png);
	background-repeat:no-repeat;
	background-size:50px;
	
	min-width:48%;
}
.feePerTimeList >div> div:last-of-type{/*コース料金○○円*/
	min-width:48%;
	margin-left:0px;
}
.feePerTimeList >div > div span{/*コース料金延長表記用*/
	font-size:20px;
}
.sysAddfeeBox{
	margin-bottom:10px;
	margin-left:4px;
	margin-right:4px;
	padding:5px 20px;
	width:48%;
	display:inline-block;
	text-align:center;
	
	/*text*/
	font-size:larger;
	color:#0d676c;
	font-weight:bold;
}
.sysAddfeeBox img{
	width:32px;
	vertical-align: auto;}

.sysOptionBox{
	/*margin-top:10px;*/
	padding:0 10px;
}
.sysOptionTitle{
	margin-top:-25px;
}
.sysPackBox{
	padding:20px;
}
.sysPackText{
	margin:20px 10px 10px 10px;
	padding:10px;
	box-shadow: 0 0 0 4px #FFE8D2, 0 0 0 6px #fff, 0 0 0 8px #FC9;
}

/* ムービーページ
---------------------------------------------------------*/
.movieListDiv{
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.videoTag{
	width:100%;
}



/* メルマガページ
---------------------------------------------------------*/
.merumagaText{
	padding:10px 20px;
}
.mailmagazineBtnBox{
	width:48%;
	display: inline-block;
	padding:15px 20px;
	vertical-align:top;
}
.formText, textarea, input {
	width: 96%;
	border: 1px solid #777;
	padding: 5px 5px;
	color: #666;
	background: #fff;
	border-radius: 5px;
	background: -webkit-gradient( linear, left top, left bottom, from(#eee), to(#fff) );
	-webkit-border-radius: 5px;
	background: -moz-linear-gradient( top, #eee, #fff );
	-moz-border-radius: 5px;
	filter: progid:DXImageTransform.Microsoft.gradient (startColorstr=#eee, endColorstr=#fff);
	zoom: 1;
}
.formSubmit {
	font-size: 18px;
	text-align: center;
	color: #ffffff;
	padding: 12px 12px;
	display: block;
	width: 100%;
	margin: 16px 0px 0px 0px;
	background: -moz-linear-gradient( top, #ff87af 0%, #ff6699);
	background: -webkit-gradient( linear, left top, left bottom, from(#ff87af), to(#ff6699));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #e01256;
	-moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 1px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 1px 1px 1px rgba(255,255,255,1);
	box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 1px 1px 1px rgba(255,255,255,1);
}
.linkDecoBtn {
	font-size: 18px;
	text-align: center;
	color: #ffffff;
	padding: 12px 12px;
	display: block;
	width: 100%;
	margin: 8px 0px 12px 0px;
	background: -moz-linear-gradient( top, #ff87af 0%, #ff6699);
	background: -webkit-gradient( linear, left top, left bottom, from(#ff87af), to(#ff6699));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #e01256;
	-moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 1px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 1px 1px 1px rgba(255,255,255,1);
	box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 1px 1px 1px rgba(255,255,255,1);
}

/* ホテルページ
---------------------------------------------------------*/
.hotelList{
	border-bottom:1px solid #CCC;
	width:100%;
	clear:both;
	height:40px;
	padding:10px;
}
.hotelList dt{
	float:left;
	width:50%;
}
.hotelList dd{
	float:left;
	width:24%;
}


/* リンクページ
---------------------------------------------------------*/
.linkList{
	font-size:0;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.linkList a{
	font-size:14px;
	display:inline-block;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	padding:10px;
	width:20%;
	min-height:100px;
}
.linkList a li{
	text-align:center;
}
.pager{
	margin:5px 5px 15px 5px;
}
.pager a{
	margin:2px;
	padding:4px 8px;
	border:1px solid #ccc;
}
.pageSelected{
	background:#ff3c8f;
	color:#fff;
	font-weight:bold;
}
.simpleBold{
	font-size:larger;
	font-weight:bold;
	margin-bottom:5px;
	margin-left:5px;
}
.disnon {
  display: none;
}
.linkpagetab a{
	height:62px;
}
.mybannerArea li{
	width:100%;
	border-top:1px solid #ccc;
	padding:15px;
	text-align:left;
}
.mybannerArea>img{/*バナー画像*/
	max-width:100%;
	padding:10px 10px 0px 10px;
}
.mybannerArea table tr th,
.mybannerArea table tr td{
	text-align:left;
	padding:0px 10px 0px 10px;
	word-break: break-all;
}
.mybannerArea table tr th{
	width:100px;
	vertical-align:top;
}
.mybanneCaption{
	margin:10px;
}


/*---------------------------------------------------------*/
/* 求人ページ
---------------------------------------------------------*/
.stripe_recruit{
	background:url(../images/line01.png),url(../images/menuBg.png);
	background-size:contain, auto;
	height:40px;
}
.indexLogoArea_R{
	background:url(../recruit/images/index_recruitGirls.png);
	background-repeat:no-repeat;
	background-size:;
	background-position:85% 0%;
	width:100%;
	
	position:relative;
	z-index:10;
}
.indexLogoArea_R1{
	background:url(../recruit/images/index_recruitGirls1.png);
	background-repeat:no-repeat;
	background-size:;
	background-position:85% 0%;
	width:100%;
	
	position:relative;
	z-index:10;
}
.indexLogoArea_R2{
	background:url(../recruit/images/index_recruitGirls2.png);
	background-repeat:no-repeat;
	background-size:;
	background-position:85% 0%;
	width:100%;
	
	position:relative;
	z-index:10;
}
.indexLogoImg_R{
	position:relative;
	top:20px;
	left:80px;
}
.indexMessageArea_R{
	width:85%;
	position:relative;
	top:40px;

	margin-left:auto;	
	margin-right:auto;
	margin-bottom:70px;
	
	font-size:12px;
	color:#888;
	
	background:rgba(255,255,255,0.9);
	padding:10px;
}
.indexMessageArea_R div{
	border:1px dashed #F99;
	padding:0 20px;
}
.indexMessageArea_R p{
	margin:20px 0;
}
.stripe_R{
	background:url(../images/menuBg.png);
	height:20px;
}
.indexBtnArea{
	text-align:center;
	position:relative;
	top:50px;
}
.indexBtnArea_R{
	position:relative;
	top:50px;
	left:90px;
}
.bg_decoRecruitIndex{
	background: url(../images/dropFeather1.png), url(../images/dropFeather3.png);
	background-size:30%, 30%;
	background-repeat: no-repeat, no-repeat;
	background-position: top left, 75% 70%;
	
	height:380px;
	width:65%;
	position:absolute;
	z-index:5;
}
.indexRecruitPr{
	position:absolute;
	width:400px;
	top:120px;
	right:100px;
}

/* 求人ページ ヘッダーロゴ
---------------------------------------------------------*/
.headerContentWidthRecruit{
	background:url(../recruit/images/header_recruitGirls.png);
	background-repeat:no-repeat;
	background-position:top right;
	background-size:contain;
	height:150px;
}
.logoImg_R{
	height:120px;
	position:relative;
	top:10px;
	left:20px;
}
.headerTelBtn_R{
	height:120px;
	position:relative;
	top:20px;
	left:60px;
}
.headerMessageAreaRecruit{
	width:260px;
	display:inline-block;
	position:relative;
	left:40px;
	
	margin-bottom:-30px;
	height:150px;
	vertical-align:bottom;	
	background:url(../images/angel.png),url(../recruit/images/moneyMix.png);
	background-size:30%,40%;
	background-repeat:no-repeat,no-repeat;
	background-position:top left, bottom right;
}
.headerMessageAreaRecruit div{
	font-size:10px;
	color:#888;

  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


/* 求人nav メニュー
---------------------------------------------------------*/
#recruitMenuArea{
	background:url(../images/menuBg.png);
	height:40px;
	margin-bottom:20px;
}

#recruitNav	{
	margin:0 auto;
	width:1120px;
	font-size:0;
}

#recruitNav li{
	width:12%;
	display: inline-block;
}
#recruitNav li a{
	text-align:center;
}

#recruitNav li img{
	height:40px;
}

#recruitNav li a	{
	display:block;
	width:100%;
	color:#000;
	text-decoration:none;
}

#recruitNav li a:hover	{
	background:#ff89c8;
}

#recruitNav li a.active	{
	background:#ff89c8;
}


/* 求人詳細ページ
---------------------------------------------------------*/
.tiles{
	font-size:0;
	display: table;
	width:100%;
	table-layout:fixed;
}
.work2block{
	width:31%;
	display:inline-block;
 	
	background:url(../recruit/images/bgR2.png);
	font-size:larger;
	margin:10px 1%;
	border-top:3px solid #e83e94;
	border-left:1px solid #e83e94;
	border-right:1px solid #e83e94;
	border-bottom:1px solid #e83e94;
}
.blockBottom{
	margin-bottom:3px;
}
.blockBottom img{
	vertical-align:top;
	margin-bottom:2px;
}
.work2subtitle{
	background:#fff;
}
.work2subtitle img{
	position:relative;
	top:-10px;
}
.work2text{
	background:#fff;
	padding:0 10px 5px 10px;
}
.tileImg{
	background:#fff;
	text-align:right;
	margin-top:-4px;
}

/*.work2_01{
	background:url(../recruit/images/work2_money.png);
	background-position:95% bottom;
	background-repeat:no-repeat;
	background-size:contain;
}
.work2_02{
	background:url(../recruit/images/work2_green.png);
	background-position:95% bottom;
	background-repeat:no-repeat;
	background-size:contain;
}
.work2_03{
	background:url(../recruit/images/work2_cat.png);
	background-position:95% bottom;
	background-repeat:no-repeat;
	background-size:contain;
}
.work2_04{
	background:url(../recruit/images/work2_caution.png);
	background-position:95% bottom;
	background-repeat:no-repeat;
	background-size:contain;
}
.work2_05{
	background:url(../recruit/images/work2_plant.png);
	background-position:95% bottom;
	background-repeat:no-repeat;
	background-size:contain;
}
.work2_06{
	background:url(../recruit/images/work2_beginnerMark.png);
	background-position:95% bottom;
	background-repeat:no-repeat;
	background-size:contain;
}
.work2_07{
	background:url(../recruit/images/work2_car.png);
	background-position:95% bottom;
	background-repeat:no-repeat;
	background-size:contain;
}
.work2_08{
	background:url(../recruit/images/work2_sp.png);
	background-position:95% bottom;
	background-repeat:no-repeat;
	background-size:contain;
}
.work2_09{
	background:url(../recruit/images/work2_breaktime.png);
	background-position:95% bottom;
	background-repeat:no-repeat;
	background-size:contain;
}
.work2_10{
	background:url(../recruit/images/work2_sleep.png);
	background-position:95% bottom;
	background-repeat:no-repeat;
	background-size:contain;
}
.work2_11{
	background:url(../recruit/images/work2_relax.png);
	background-position:95% bottom;
	background-repeat:no-repeat;
	background-size:contain;
}
.work2_12{
	background:url(../recruit/images/work2_camera.png);
	background-position:95% bottom;
	background-repeat:no-repeat;
	background-size:contain;
}
.work2_13{
	background:url(../recruit/images/work2_pc.png);
	background-position:95% bottom;
	background-repeat:no-repeat;
	background-size:contain;
}*/


/* 求人ページ table
---------------------------------------------------------*/
.detailTextArea_R table tr{
	/*border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;*/
}
.detailTextArea_R table tr:nth-child(odd){
	background:rgba(240,240,240,0.5);
}

.detailTextArea_R{
	width:100%;
	display:inline-block;
	vertical-align:top;
}
.detailTextArea_R table tr th,
.detailTextArea_R table tr td{
	padding:10px 10px;
	vertical-align:top;
}
.detailTextArea_R table tr th{
	font-weight:bold;
	width:100px;
	color:#ff3c8f;
}

/* 求人ページ 女の子たちの声
---------------------------------------------------------*/
.photoAndTextList{
	margin:-10px 0;
}
.photoAndTextList li{
	border-bottom:1px dashed #ff3c8f;
	position:relative;
	padding:13px 0;
	
	background:url(../images/bgFlowerTape.png), url(../images/pureWing1.png);
	background-repeat:no-repeat,no-repeat;
	background-position:right bottom,60% 50%;
	background-size:20%, 30%;
}
.photoAndTextList li:last-child{
	border-bottom:none;
}
.photoAndTextList li>div:nth-of-type(1){/*photo*/
	width:20%;
	float:left;
	margin-right:2%;
}
.photoAndTextList li>div:nth-of-type(1)>img{/*photo*/
	max-height:100%;
}
.photoAndTextList li>div:nth-of-type(2){/*text*/
	max-width:75%;
	float:left;
}
.photoAndTextList li>div:nth-of-type(2)>div{/*name*/
	background:url(../recruit/images/namePlate.png);
	background-repeat:no-repeat;
	background-size: contain;
	background-position:top left;

	width:300px;
	height:60px;
	margin-bottom:10px;
	padding-top:5px;
	padding-left:80px;
	display:inline-block;

	text-align:left;
	font-size: x-large;
	color:#F06;
}
.photoAndTextList li>div:nth-of-type(3){
 clear:both;
}

/* 求人ページ スタッフ募集
---------------------------------------------------------*/
.staffSubtitle{
	width:100%;
	height:100px;
	margin-bottom:10px;
}
.staff1{
	background: url(../recruit/images/staff1.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}
.staff2{
	background: url(../recruit/images/staff2.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}
.staff3{
	background: url(../recruit/images/staff3.jpg) no-repeat;
	background-size:cover;
	background-position:right;
}
.staffSubtitle > div{
	font-size:larger;
	font-weight:bold;
	
	position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	
	background:#fff;
	max-width:30%;
	padding:5px 20px;

	filter:alpha(opacity=90);
	opacity:0.9;
}


/* Q&Aページ
---------------------------------------------------------*/
#qa_area ul {
    margin: 15px 0;
}
#qa_area ul li{
	padding: 10px;
	display: flex;
    align-items: baseline;
}
#qa_area ul li p{
	font-weight: bold;
}
#qa_area ul li .q_baloon{
	position: relative;
    display: inline-block;
    padding: 0 6px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    background: #ff3c8f;
    border-radius: 50%;
    box-sizing: border-box;
    margin-right: 10px;
}
#qa_area ul li .q_baloon:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -7px;
    border: 7px solid transparent;
    border-left: 8px solid #ff3c8f;
    z-index: 0;
}

#qa_area ul li .a_baloon{
	position: relative;
    display: inline-block;
    padding: 0 7.5px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    background: #69a4d8;
    border-radius: 50%;
    box-sizing: border-box;
    margin-right: 10px;
}
#qa_area ul li .a_baloon:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -7px;
    border: 7px solid transparent;
    border-left: 8px solid #69a4d8;
    z-index: 0;
}

#qa_area ul .answer{
	background: rgba(240,240,240,0.5);
}
#qa_area ul .question p{
	color: #ff3c8f;
	line-height: 30px;
}


	
	/*
	tablet
	*/
	@media screen and (min-width: 600px) and (max-width: 860px) {
	.spDisplayNone{
		display:block;
	}
	
	body{
		background:url(../images/bg.jpg);
		width:100%;
		min-width:100%;
		max-width:100%;
	}
	.wrapper{
		padding:0 20px;
	
		width:100%;
		margin-left:auto;
		margin-right:auto;
		
		position:relative;
	}
	.contentWidth{
		width:98%;
		margin:0 auto;
	}

	/* side_area*/

	.cornerTileContent2 > div{
		text-align: center;
	}

	.cornerAndbannerArea{
		display: flex;
		justify-content: space-between;
	}

	.cornerArea {
		width: 49%;
	}

	.bannerArea2{
		width: 49%;
		display: flex;
		flex-direction: column;
	}

	.bannerArea2 img {
		max-width: 100%;
		width:auto;
		margin: 0 auto;
		display: block;
		float: none;
	}
	.twitterAreaBox{
		text-align: center;
	}
	
	
	/* index
	---------------------------------------------------------*/
	.whiteBg{
		background:url(../images/bg2tab.jpg);
	}
	.indexWrapper{
		padding:0 20px;
	
		width:100%;
		margin-left:auto;
		margin-right:auto;
		
		position:relative;
	}
	.indexLogoArea{
		background:url(../images/index_girls.png);
		background-repeat:no-repeat;
		background-size:contain;
		background-position:top right;
		width:100%;
		height:410px;
		text-align:center;
	}
	.indexLogoImg{
		position:relative;
		top:10px;
		left:0;
	}
	.indexMessageArea{
		width:420px;
		position:relative;
		top:10px;
		left:0;
		margin:0 auto;
		font-size:12px;
		color:#888;
		
		padding:10px;
		background:#fff;
		filter:alpha(opacity=90);
		opacity:0.9;
		/* box-shadow */
		box-shadow:rgba(0, 0, 0, 0.2) 0px 5px 1px 0px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 5px 1px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 5px 1px 0px;
	}
	.indexMessageArea div{
		border:1px dashed #F99;
		padding:10px;
	}
	.indexMessageArea_2{
		width:420px;
		position:relative;
		top:10px;
		left:0;
		margin:0 auto;
		font-size:12px;
		color:#888;
		
		padding:10px;
		background:#fff;
		filter:alpha(opacity=90);
		opacity:0.9;
		/* box-shadow */
		box-shadow:rgba(0, 0, 0, 0.2) 0px 5px 1px 0px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 5px 1px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 5px 1px 0px;
	}
	.indexMessageArea_2 div{
		border:1px dashed #F99;
		padding:10px;
	}

	
	/* ヘッダー
	---------------------------------------------------------*/
	.headerArea{
		background:url(../images/bg2tab.jpg);
	}
	.headerContentWidth{
		background:url(../images/header_girls.png);
		background-repeat:no-repeat;
		background-position:top right;
		background-size:contain;
		height:100px;
	}
	.logoImg{
		width:auto;
		max-width:30%;
		max-height:90px;
		position:relative;
		top:0;
		left:20px;
	}
	.headerTelBtn{
		height:90%;
		max-height:90px;
		max-width:30%;
		position:relative;
		top:10%;
		left:10%;
	}
	.headerMessageArea{
		display:none;
	/*	width:40%;
		position:relative;
		top:10px;
		left:30px;
		font-size:8px;
		color:#888;*/
	}
	.headerMessageAreaRecruit{
		display:none;
/*		width:260px;
		display:inline-block;
		position:relative;
		left:40px;
		
		margin-bottom:-30px;
		height:150px;
		vertical-align:bottom;	
		background:url(../images/angel.png),url(../recruit/images/moneyMix.png);
		background-size:30%,40%;
		background-repeat:no-repeat,no-repeat;
		background-position:top left, bottom right;
*/	}

	.topText{/* marquee*/
		overflow:hidden;
		line-height:10px;
	}
	.topText div{/* marquee*/
		width:100%;
		text-align:center;
		display:inline-block;
		white-space:nowrap;

		-moz-animation-duration: 20s;
		-moz-animation-name: marquee;
		-moz-animation-iteration-count: infinite;
		-moz-animation-timing-function: linear;

		-webkit-animation-duration: 20s;
		-webkit-animation-name: marquee;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;

		-ms-animation-duration: 20s;
		-ms-animation-name: marquee;
		-ms-animation-iteration-count: infinite;
		-ms-animation-timing-function: linear;

		-o-animation-duration: 20s;
		-o-animation-name: marquee;
		-o-animation-iteration-count: infinite;
		-o-animation-timing-function: linear;
	}
	@-webkit-keyframes marquee {
		from {margin-left: 100%; width: 100%; }
		to { margin-left: -100%; width: 100%; }
	}
	@-moz-keyframes marquee {
		from {margin-left: 100%; width: 100%; }
		to { margin-left: -100%; width: 100%; }
	}
	@-ms-keyframes marquee {
		from {margin-left: 100%; width: 100%; }
		to { margin-left: -100%; width: 100%; }
	}
	@-o-keyframes marquee {
		from {margin-left: 100%; width: 100%; }
		to { margin-left: -100%; width: 100%; }
	}
	
	
	
	/* nav メニュー
	---------------------------------------------------------*/
	#nav	{
		margin:0 auto;
		width:100%;
		font-size:0;
	}
	
	/* スライドバナー
	---------------------------------------------------------*/
	.sliderArea{
		width:100%;
		height:auto;
		margin-bottom:20px;
		position:relative;
		border:1px solid #ddd;
		background:#fff;
	}
	
	
	
	/* topコーナータイル共通設定
	---------------------------------------------------------*/
	.mainArea{
		width:100%;
		min-height:auto;
	}
	.sideArea{
		position:relative;
		top:0;
		left:0;
		width:100%;
	}
	
	.cornerArea{
		width:100%;
		position:relative;
	}
	.cornerTitle{
		width:100%;
		height:40px;
		position:relative;
	
		/* border-radius */
		border-radius:8px 8px 0px 0px;
		-webkit-border-radius:8px 8px 0px 0px;
		-moz-border-radius:8px 8px 0px 0px;
	}
	.cornerTitle img{
		height:40px;
	}
	.cornerTitle a{
		position:absolute;
		top:0;
		right:0;
	}
	
	/* コンテンツ領域(高さ固定) */
	.cornerTileContent{
		padding:5px;
		background:#fff;
	}
	.cornerTileContent >div:first-child{
		height:380px;
		padding:10px;
		position:relative;
	}
	/* コンテンツ領域(高さ非固定) */
	.cornerTileContent2{
		padding:5px;
		background:#fff;
	}
	.cornerTileContent2 >div:first-child{
		padding:10px;
		position:relative;
	}
	
	
	
	/* バナー群
	---------------------------------------------------------*/
	.bannerArea img{
		width:48%;
		margin:0 20px 20px 0;
		float:left;
	}
	.bannerArea img:nth-child(3n){
		margin:0 20px 20px 0;
	}
	.bannerArea img:nth-child(2n){
		margin:0 0 20px 0;
	}
	
	.bannerArea2{
		width:100%;
	}
	
	.bannerArea2 img:nth-child(2n){
		margin:0 0 20px 0;
	}

	.twitterAreaBox{
		position: relative;
		width: 100%;
		max-width: 725px;
		margin: 0 auto;
	}

	.twitterAreaBox iframe{
		width: 100% !important;
	}

	.sp_block{
		display:block;
	}
	
	
	/* top出勤情報コーナー
	---------------------------------------------------------*/
	.topScheduleList{
		margin-top:-10px;
		
	}
	
	
	/* footer
	---------------------------------------------------------*/
	.textLink{
		padding:30px;
		background:url(../images/bg2tab.jpg);
		background-repeat:repeat;
		background-position:top left;
		background-size:auto;
	}
	.textLink ul{
		margin:0 auto;
		width:100%;
		font-size:0;
	}
	.textLink ul li{
		margin:15px 15px;
		display: inline-block;
		text-align:center;
	}
	
	
	
	/* プロフィールページ
	---------------------------------------------------------*/
	.profileArea >div:first-child{
		min-height:240px;
	}
	.photoArea{
		width:40%;
		min-height:360px;
		margin-right:1%;
		display:inline-block;
		vertical-align:top;
	}
	.detailTextArea{
		width:58%;
		display:inline-block;
		vertical-align:top;
	}
	.detailTextArea table tr th,
	.detailTextArea table tr td{
		padding:10px 10px;
		vertical-align:top;
	}
	.detailTextArea table tr th{
		width:100px;
		color:#ff3c8f;
	}
	.detailIconArea img{
		padding:2px;
		width:33%;
	}
	.detailBannerArea{
		margin-top:10px;
		text-align:center;
	}
	.detailBannerArea img{
		width:80%;
	}
	.detailBannerArea img:first-of-type{
		margin-bottom:10px;
	}
	
	/* 女の子一覧ページ 出勤スケジュールページ
	---------------------------------------------------------*/
	.girlList a{
		border:1px solid #bbb;
		padding:10px;
		margin-right:10px;
		margin-bottom:10px;
		width:32%;
		
		display: inline-block;
	}
	.girlList a:nth-child(4n){
		margin-right:10px;
	}
	.girlList a:nth-child(3n){
		margin-right:0;
	}
	
	.girlList *{
		text-align:center;
	}
	.girlList a li img{/*photo*/
		max-width:100%;
	}
	.girlList a li p{/*text data*/
		margin:10px;
	}
	

			
	/* システムページ
	---------------------------------------------------------*/
	.systemListDiv{
		background:url(../images/sys_bg.png);
		padding:10px 10px;
		text-align:center;
	}
	.sysBox{
		background:#fff;
	
		/* border-radius */
		border-radius:12px;
		-webkit-border-radius:12px;
		-moz-border-radius:12px;
		
		/* box-shadow */
		box-shadow:rgba(117, 117, 117, 0.380392) 4px 4px 6px 0px inset;
		-webkit-box-shadow:rgba(117, 117, 117, 0.380392) 4px 4px 6px 0px inset;
		-moz-box-shadow:rgba(117, 117, 117, 0.380392) 4px 4px 6px 0px inset;
	}
	.sysCourseBox{
		padding:10px 0px 10px 0px;
		width:100%;
		text-align:center;
		display:inline-block;
		margin:0 0 10px 0;
		
		background:url(../images/decoFlower2.png),url(../images/pureWing2.png),#fff;
		background-repeat:no-repeat;
		background-position:95% 95%,center center;
		background-size:15%,50%;
	}
	.courseTitleDiv{
		height:auto;
		width:100%;
	}
	.sysCourseImg{
		max-height:auto;
	}
	.courseTextDiv{
		width:100%;
		position: relative;
		left:0;
		top:0;
		margin-bottom:0px;
		padding:20px;
	}
	.feePerTimeList{
		display:block;
		width:100%;
	}
	.feePerTimeList > div{/*コース料金　行*/
		border-bottom:2px solid #0d676c;
		margin:5px 20px;
		text-align:center;
	}
	.feePerTimeList >div> div{
		display:inline-block;
		/*text*/
		font-size:30px;
		color:#0d676c;
		font-weight:bold;
		text-align:right;
	}
	.feePerTimeList >div> div:first-of-type{/*コース料金○○分*/
		background:url(../images/pureWingIcon.png);
		background-repeat:no-repeat;
		background-size:50px;
		
		min-width:32%;
	}
	.feePerTimeList >div> div:last-of-type{/*コース料金○○円*/
		min-width:35%;
		margin-left:0px;
	}
	.feePerTimeList >div > div span{/*コース料金延長表記用*/
		font-size:20px;
	}
	.sysAddfeeBox{
		margin-bottom:10px;
		margin-left:4px;
		margin-right:4px;
		padding:5px 10px;
		width:48%;
		display:inline-block;
		text-align:center;
		
		/*text*/
		font-size:larger;
		color:#0d676c;
		font-weight:bold;
	}
	.sysAddfeeBox img{
		width:32px;
		vertical-align: auto;}
	
	.sysOptionBox{
		/*margin-top:10px;*/
		padding:0 10px;
	}
	.sysOptionTitle{
		margin-top:-25px;
	}
	.sysPackBox{
		padding:20px;
	}
	.sysPackText{
		margin:20px 10px 10px 10px;
		padding:10px;
		box-shadow: 0 0 0 4px #FFE8D2, 0 0 0 6px #fff, 0 0 0 8px #FC9;
	}
		
	/*---------------------------------------------------------*/
	/* 求人ページ
	---------------------------------------------------------*/
	.stripe_recruit{
		background:url(../images/line01.png),url(../images/menuBg.png);
		background-size:contain, auto;
		height:25px;
	}
	.indexLogoArea_R{
		width:100%;
		text-align:center;
	}
	.indexLogoArea_R1{
		width:100%;
		text-align:center;
	}
	.indexLogoArea_R2{
		width:100%;
		text-align:center;
	}
	.indexLogoImg_R{
		top:20px;
		left:0;
	}
	.indexBtnArea_R{
		left:0px;
		text-align:center;
	}
	.bg_decoRecruitIndex{
		background: url(../images/dropFeather1.png), url(../images/dropFeather3.png);
		background-size:30%, 50%;
		background-repeat: no-repeat, no-repeat;
		background-position:5% 0%, 95% 100%;
		
		height:380px;
		width:100%;
		position:absolute;
		z-index:5;
	}	
	.indexRecruitPr{
		position:relative;
		width:600px;
		top:10px;
		right:-30px;
	}
	
	/* 求人ページ ヘッダーロゴ
	---------------------------------------------------------*/
	.headerContentWidthRecruit{
		background:url(../recruit/images/header_recruitGirls.png);
		background-repeat:no-repeat;
		background-position:bottom right;
		background-size:auto 80%;
		height:150px;
	}
	.logoImg_R{
		height:90%;
		position:relative;
		top:5px;
		left:10px;
	}
	.headerTelBtn_R{
		/*height:90%;*/
		max-width:35%;
		position:relative;
		top:10%;
		left:2%;
	}

	/* 求人nav メニュー
	---------------------------------------------------------*/
	#recruitMenuArea{
		background:url(../images/menuBg.png);
		height:80px;
		margin-bottom:20px;
	}
	
	#recruitNav	{
		margin:0 auto;
		width:100%;
		font-size:0;
	}
	
	#recruitNav li{
		width:24.5%;
		display: inline-block;
	}
	
	/* 求人詳細ページ
	---------------------------------------------------------*/
	.work2block{
		width:31%;
		display:inline-block;
		
		background:url(../recruit/images/bgR2.png);
		font-size:larger;
		margin:10px 1%;
		border-top:5px solid #e83e94;
		border-left:1px solid #e83e94;
		border-right:1px solid #e83e94;
		border-bottom:1px solid #e83e94;
	}
		
	/* 求人ページ table
	---------------------------------------------------------*/
	.detailTextArea_R{
		width:100%;
		display:inline-block;
		vertical-align:top;
	}
	.detailTextArea_R table tr:nth-child(odd){
		background:rgba(230,230,230,0.5);
	}

	/* 求人ページ スタッフ募集
	---------------------------------------------------------*/
	.staffSubtitle > div{
		font-size:larger;
		font-weight:bold;
		
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		
		background:#fff;
		max-width:45%;
		padding:5px 20px;
	
		filter:alpha(opacity=90);
		opacity:0.9;
	}
	
	}

		
		/*
		SP
		*/
		@media screen and (min-width: 0px) and (max-width: 599px) {
		.spDisplayNone{
			display:block;
		}
		
		body{
			background:url(../images/bg.jpg);
			width:100%;
			min-width:100%;
			max-width:100%;
		}
		.wrapper{
			padding:0 8px;
		
			width:100%;
			margin-left:auto;
			margin-right:auto;
			
			position:relative;
		}
		.contentWidth{
			width:98%;
			margin:0 auto;
		}
		
		/* index
		---------------------------------------------------------*/
		.whiteBg{
			background:url(../images/bg2sp.jpg);
		}
		.stripe{
			height:auto;
			min-height:40px;
		}
		.indexWrapper{
			padding:0;
		
			width:100%;
			margin-left:auto;
			margin-right:auto;
			
			position:relative;
		}
		.indexLogoArea{
			padding:10px 20px;
			background:url(../images/index_girls.png);
			background-repeat:no-repeat;
			background-size:cover;
			background-position:top center;
			width:100%;
			height:auto;
			text-align:center;
		}
		.indexLogoImg{
			position:relative;
			top:0;
			left:0;
			
		}
		.indexMessageArea{
			width:90%;
			position:relative;
			left:0;
			top:0;
			margin:0 auto;
			font-size:12px;
			color:#888;
			
			padding:10px;
			background:#fff;
			filter:alpha(opacity=90);
			opacity:0.9;
		}
		.indexMessageArea div{
			border:1px dashed #F99;
			padding:10px;
		}
		.indexMessageArea_2{
			width:90%;
			position:relative;
			left:0;
			top:0;
			margin:0 auto;
			font-size:12px;
			color:#888;
			
			padding:10px;
			background:#fff;
			filter:alpha(opacity=90);
			opacity:0.9;
		}
		.indexMessageArea_2 div{
			border:1px dashed #F99;
			padding:10px;
		}

		.indexBtnArea{
			text-align:center;
			position:relative;
			top:30px;
		}
		.indexBtn{
			width:40%;
			height:60px;
			margin:10px;
			display:inline-block;
		
			/* border-radius */
			border-radius					:30px;
			-webkit-border-radius	:30px;
			-moz-border-radius		:30px;
		}
		
		
		/* ヘッダー
		---------------------------------------------------------*/
		.headerArea{
			background:url(../images/bg2sp.jpg);
		}
		.headerContentWidth{
			background:url(../images/header_girls.png);
			background-repeat:no-repeat;
			background-position:top right;
			background-size:contain;
			height:auto;
		}
		.logoImg{
			width:50%;
			position:relative;
			top:5%;
			left:20px;
		}
		.headerTelBtn{
			width:35%;
			height:auto;
			position:relative;
			top:5%;
			left:10%;
		}
		.headerMessageArea{
			display:none;
		}
		.headerMessageAreaRecruit{
			display:none;
		}
		
		.topText{/* marquee*/
				overflow:hidden;
				line-height:10px;
		}
		.topText div{/* marquee*/
				width:100%;
				text-align:center;
				display:inline-block;
				white-space:nowrap;
		
				-moz-animation-duration: 20s;
				-moz-animation-name: marquee;
				-moz-animation-iteration-count: infinite;
				-moz-animation-timing-function: linear;
		
				-webkit-animation-duration: 20s;
				-webkit-animation-name: marquee;
				-webkit-animation-iteration-count: infinite;
				-webkit-animation-timing-function: linear;
		
				-ms-animation-duration: 20s;
				-ms-animation-name: marquee;
				-ms-animation-iteration-count: infinite;
				-ms-animation-timing-function: linear;
		
				-o-animation-duration: 20s;
				-o-animation-name: marquee;
				-o-animation-iteration-count: infinite;
				-o-animation-timing-function: linear;
		}
		@-webkit-keyframes marquee {
				from {margin-left: 100%; width: 100%; }
				to { margin-left: -100%; width: 100%; }
		}
		@-moz-keyframes marquee {
				from {margin-left: 100%; width: 100%; }
				to { margin-left: -100%; width: 100%; }
		}
		@-ms-keyframes marquee {
				from {margin-left: 100%; width: 100%; }
				to { margin-left: -100%; width: 100%; }
		}
		@-o-keyframes marquee {
				from {margin-left: 100%; width: 100%; }
				to { margin-left: -100%; width: 100%; }
		}
		
		/* nav メニュー
		---------------------------------------------------------*/
		#globalMenuArea{
			background:url(../images/menuBg.png);
			height:120px;
			margin-bottom:20px;
		}
		
		#nav	{
			margin:0 auto;
			width:100%;
			font-size:0;
		}
		
		#nav li{
			width:24.5%;
			display: inline-block;
		}
		
		/* スライドバナー
		---------------------------------------------------------*/
		.sliderArea{
			width:100%;
			height:auto;
			margin-bottom:20px;
			position:relative;
			border:1px solid #ddd;
			background:#fff;
		}
		
		
		/* topコーナータイル共通設定
		---------------------------------------------------------*/
		.mainArea{
			width:100%;
			min-height:auto;
		}
		.sideArea{
			position:relative;
			top:0;
			left:0;
			width:100%;
			margin-top:10px;
			margin-bottom:10px;
		}
		
		.cornerArea{
			width:100%;
			position:relative;
		}
		.cornerTitle{
			width: 100%;
			height: 40px;
			position: relative;
			/* border-radius */
			border-radius: 8px 8px 0px 0px;
			-webkit-border-radius: 8px 8px 0px 0px;
			-moz-border-radius: 8px 8px 0px 0px;
		}
		.cornerTitle img{
			height:40px;
		}
		.cornerTitle a{
			position:absolute;
			top:0;
			right:0;
		}
		
		/* コンテンツ領域(高さ固定) */
		.cornerTileContent{
			padding:5px;
			background:#fff;
		}
		.cornerTileContent >div:first-child{
			height:380px;
			padding:10px;
			position:relative;
		}
		/* コンテンツ領域(高さ非固定) */
		.cornerTileContent2{
			padding:5px;
			background:#fff;
		}
		.cornerTileContent2 >div:first-child{
			padding:10px;
			position:relative;
		}
		.bgWing{
			background: url(../images/pureWing1.png);
			background-repeat: repeat-y;
			background-position:0% 0%;
			background-size: contain;
		}		
		
		/* バナー群
		---------------------------------------------------------*/
		.bannerArea{
			text-align:center;
		}
		.bannerArea img{
			width:48%;
			margin:0 10px 10px 0;
			float:left;
		}
		.bannerArea img:nth-child(3n){
			margin:0 10px 10px 0;
		}
		.bannerArea img:nth-child(2n){
			margin:0 0 10px 0;
		}
		
		.bannerArea2 img:nth-child(2n){
			margin:0 0 10px 0;
		}

		.cornerAndbannerArea{
			flex-direction: column;
		}
		.cornerTitle img:nth-child(2){
			filter: drop-shadow(0px 1px 3px #ca006b);
		}

		.cornerTileContent2 > div{
			text-align: center;
		}

		.cornerArea {
			width: 100%;
		}

		.bannerArea2 {
			width: 100%;
		}

		.bannerArea2 img {
			max-width: 100%;
			width:auto;
			margin: 0 auto;
			display: block;
			float: none;
		}

		.twitterAreaBox{
			position: relative;
			width: 100%;
			max-width: 300px;
			margin: 0 auto;
		}

		.twitterAreaBox iframe{
			width: 100% !important;
		}
		
		
		/* top出勤情報コーナー
		---------------------------------------------------------*/
		.topScheduleList{
			margin-top:-10px;
			
		}
		
		
		/* footer
		---------------------------------------------------------*/
		.textLink{
			padding:10px 20px;
			background:url(../images/bg2sp.jpg);
			background-repeat:repeat;
			background-position:top left;
			background-size:auto;
			padding-bottom:60px;
		}
		.textLink ul{
			margin:0 auto;
			width:100%;
			font-size:0;
		}
		.textLink ul li{
			margin:15px;
			display: inline-block;
			text-align:center;
		}
		
		
		/* 出勤スケジュールページ
		---------------------------------------------------------*/
		.scheduleDate{
			font-size:0;
			background:#fff;
			border:1px solid #ddd;
		
			display: inline-block;
			table-layout: auto;
			width:100%;
		}
		.scheduleDate a{
			display: inline-block;
			border-right:none;
			vertical-align: middle;
			width:33%;
		}
		.scheduleDate a li{
			display:block;
			padding:10px 0px;
			text-align:center;
			border-bottom:1px solid #ddd;
			border-right:1px solid #ddd;
		}
		.scheduleDate a:nth-of-type(3n-1){
			width:34%;
		}
		.scheduleDate a:nth-of-type(3n) li{
			border-right:none;
		}
		.scheduleDate a:nth-of-type(n+4) li{
			border-bottom:none;
		}
				
		/* プロフィールページ
		---------------------------------------------------------*/
		.profileArea >div:first-child{
			min-height:240px;
		}
		.photoArea{
			width:100%;
			max-width:300px;
			min-height:360px;
			margin-right:auto;
			margin-left:auto;
			margin-bottom:10px;

			display:block;
			text-align:center;
		}
		.detailTextArea{
			width:100%;
		}
		.detailTextArea table tr th,
		.detailTextArea table tr td{
			padding:10px 10px;
			vertical-align:top;
		}
		.detailTextArea table tr:nth-child(odd){
			background:rgba(220,220,220,0.5);
		}

		.detailTextArea table tr th{
			width:30%;
			color:#ff3c8f;
		}
		.detailIconArea img{
			padding:2px;
			width:33%;
		}
		.detailBannerArea{
			margin-top:10px;
			text-align:center;
		}
		.detailBannerArea img{
			width:48%;
		}
		.detailBannerArea img:first-of-type{
			margin-right:5px;
		}
		
		
		/* 女の子一覧ページ 出勤スケジュールページ
		---------------------------------------------------------*/
		.girlList a{
			border:1px solid #bbb;
			padding:5px;
			margin-right:5px;
			margin-bottom:5px;
			width:32%;
			
			display: inline-block;
		}
		.girlList a:nth-child(4n){
			margin-right:5px;
		}
		.girlList a:nth-child(3n){
			margin-right:0;
		}
		
		.girlList *{
			text-align:center;
		}
		.girlList a li img{/*photo*/
			max-width:100%;
		}
		.girlList a li p{/*text data*/
			margin:5px;
		}
		
		.iconArea{
			/*min-height:50px;*/
		}
		.iconArea img{
			padding:2px;
			width:48%;
		}
	
		
				
		/* システムページ
		---------------------------------------------------------*/
		.systemListDiv{
			background:url(../images/sys_bg.png);
			padding:10px 10px;
			text-align:center;
		}
		.sysBox{
			background:#fff;
		
			/* border-radius */
			border-radius:12px;
			-webkit-border-radius:12px;
			-moz-border-radius:12px;
			
			/* box-shadow */
			box-shadow:rgba(117, 117, 117, 0.380392) 4px 4px 6px 0px inset;
			-webkit-box-shadow:rgba(117, 117, 117, 0.380392) 4px 4px 6px 0px inset;
			-moz-box-shadow:rgba(117, 117, 117, 0.380392) 4px 4px 6px 0px inset;
		}
		.sysCourseBox{
			padding:10px 0px 10px 0px;
			width:100%;
			text-align:center;
			display:inline-block;
			margin:0 0 10px 0;
			
			background:url(../images/decoFlower2.png),url(../images/pureWing2.png),#fff;
			background-repeat:no-repeat;
			background-position:95% 95%,center center;
			background-size:15%,50%;
		}
		.courseTitleDiv{
			height:auto;
			width:100%;
		}
		.sysCourseImg{
			max-height:auto;
		}
		.courseTextDiv{
			width:100%;
			position: relative;
			left:0;
			top:0;
			margin-bottom:0px;
			padding:10px 20px;
		}
		.feePerTimeList{
			display:block;
			width:100%;
		}
		.feePerTimeList > div{/*コース料金　行*/
			border-bottom:2px solid #0d676c;
			margin:5px 10px;
			text-align:center;
		}
		.feePerTimeList >div> div{
			display:inline-block;
			/*text*/
			font-size:24px;
			color:#0d676c;
			font-weight:bold;
			text-align:right;
		}
		.feePerTimeList >div> div:first-of-type{/*コース料金○○分*/
			background:url(../images/pureWingIcon.png);
			background-repeat:no-repeat;
			background-size:30px;
			background-position:0% 50%;
			
			min-width:40%;
		}
		.feePerTimeList >div> div:last-of-type{/*コース料金○○円*/
			min-width:50%;
			margin-left:0px;
		}
		.feePerTimeList >div > div span{/*コース料金延長表記用*/
			font-size:16px;
		}
		.sysAddfeeBox{
			margin-bottom:10px;
			margin-left:0px;
			margin-right:0px;
			padding:5px 10px;
			width:100%;
			display:inline-block;
			text-align:center;
			
			/*text*/
			font-size:larger;
			color:#0d676c;
			font-weight:bold;
		}
		.sysAddfeeBox img{
			width:32px;
			vertical-align: auto;}
		
		.sysOptionBox{
			/*margin-top:10px;*/
			padding:0 0px;
		}
		.sysOptionTitle{
			margin-top:-25px;
		}
		.sysPackBox{
			padding:10px;
		}
		.sysPackText{
			margin:20px 5px 5px 5px;
			padding:10px;
			box-shadow: 0 0 0 4px #FFE8D2, 0 0 0 6px #fff, 0 0 0 8px #FC9;
		}
		
		/* メルマガページ
		---------------------------------------------------------*/
		.merumagaText{
			padding:0px;
		}
		.mailmagazineBtnBox{
			width:100%;
			display: inline-block;
			padding:15px 20px;
			vertical-align:top;
		}
		
		
						
		/* ホテルページ
		---------------------------------------------------------*/
		.hotelList{
			border-bottom:1px solid #CCC;
			width:100%;
			clear:both;
			height:auto;
			padding:10px;
		}
		.hotelList dt{
			float:none;
			width:100%;
		}
		.hotelList dd{
			float:none;
			width:100%;
		}
		
				
		/* リンクページ
		---------------------------------------------------------*/
		.linkList a{
			font-size:14px;
			display:inline-block;
			border-bottom:1px solid #ddd;
			border-right:1px solid #ddd;
			padding:10px;
			width:50%;
			/*height:100px;*/
		}
				
		.mybannerArea li{
			width:100%;
			border-top:1px solid #ccc;
			padding:15px 5px;
			text-align:left;
		}
		.mybannerArea>img{/*バナー画像*/
			max-width:100%;
			padding:10px 10px 0px 10px;
		}
		.mybannerArea table tr th,
		.mybannerArea table tr td{
			text-align:left;
			padding:5px 0px;
			word-break: break-all;
		}
		.mybannerArea table tr th{
			width:80px;
			vertical-align:top;
		}
		.mybanneCaption{
			margin:5px;
		}
		
		/*---------------------------------------------------------*/
		/* 求人ページ
		---------------------------------------------------------*/
		.stripe_recruit{
			background:url(../images/line01.png),url(../images/menuBg.png);
			background-size:contain, auto;
			height:25px;
		}
		.indexLogoArea_R{
			width:100%;
			text-align:center;
			background-size:contain;
			background-position:top center;
		}
		.indexLogoArea_R1{
			width:100%;
			text-align:center;
			background-size:contain;
			background-position:top center;
		}
		.indexLogoArea_R2{
			width:100%;
			text-align:center;
			background-size:contain;
			background-position:top center;
		}
		.indexLogoImg_R{
			top:20px;
			left:0;
			
			width:75%;
		}
		.indexBtnArea_R{
			left:0px;
			text-align:center;
		}
		.bg_decoRecruitIndex{
			background: url(../images/dropFeather1.png), url(../images/dropFeather3.png);
			background-size:30%, 50%;
			background-repeat: no-repeat, no-repeat;
			background-position:2% 0%, 100% 100%;
			
			height:340px;
			width:100%;
			position:absolute;
			z-index:5;
		}	
		.indexRecruitPr{
			position:relative;
			width:80%;
			top:10px;
			right:0px;
		}

		
		/* 求人ページ ヘッダーロゴ
		---------------------------------------------------------*/
		.headerContentWidthRecruit{
			height:auto;
		}
		.logoImg_R{
			height:auto;
			width:50%;
			position:relative;
			top:0px;
			left:10px;
		}
		.headerTelBtn_R{
			height:auto;
			width:40%;
			max-width: none;
			position:relative;
			top:10%;
			left:5%;
			display:none
		}
		
		#h_tel{
		height:59px;
		width:170px;
		position:fixed;
		bottom:21px;
		left:10px;
		opacity:0.9;
		background-image: url("/recruit/images/btn_Tel_sp.png");
		
		}
		
		#h_home{
		height:59px;
		width:95px;
		position:fixed;
		bottom:21px;
		left:185px;
		opacity:0.9;
		background-image: url("/recruit/images/btn_home.png");
		}
		
		/* 求人nav メニュー
		---------------------------------------------------------*/
		#recruitMenuArea{
			background:url(../images/menuBg.png);
			height:80px;
			margin-bottom:20px;
		}
		
		#recruitNav	{
			margin:0 auto;
			width:100%;
			font-size:0;
		}
		
		#recruitNav li{
			width:24.5%;
			display: inline-block;
		}
		
		/* 求人詳細ページ
		---------------------------------------------------------*/
		.work2block{
			width:48%;
			display:inline-block;
			
			background:url(../recruit/images/bgR2.png);
			font-size:larger;
			margin:10px 1%;
			border-top:5px solid #e83e94;
			border-left:1px solid #e83e94;
			border-right:1px solid #e83e94;
			border-bottom:1px solid #e83e94;
		}
		
		/* 求人ページ table
		---------------------------------------------------------*/
		.detailTextArea_R table tr:nth-child(odd){
			background:rgba(220,220,220,0.5);
		}
		
		.detailTextArea_R{
			width:100%;
			display:inline-block;
			vertical-align:top;
		}
		.detailTextArea_R table tr th,
		.detailTextArea_R table tr td{
			padding:10px 10px;
			vertical-align:top;
		}
		.detailTextArea_R table tr th{
			font-weight:bold;
			width:28%;
			color:#ff3c8f;
		}
				
		/* 求人ページ 女の子たちの声
		---------------------------------------------------------*/
		.photoAndTextList li{
			border-bottom:1px dashed #ff3c8f;
			position:relative;
			padding:13px 0;
			
			background:url(../images/bgFlowerTape.png), url(../images/pureWing1.png);
			background-repeat:no-repeat,no-repeat;
			background-position:right bottom,50% 90%;
			background-size:40%, 80%;
		}
		.photoAndTextList li>div:nth-of-type(1){/*photo*/
			width:100%;
			float:none;
			margin-right:2%;
		}
		.photoAndTextList li>div:nth-of-type(2){/*text*/
			max-width:100%;
			float:none;
		}


		/* 求人ページ スタッフ募集
		---------------------------------------------------------*/
		.staffSubtitle > div{
			font-size:larger;
			font-weight:bold;
			
			position: relative;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			
			background:#fff;
			max-width:60%;
			padding:5px 20px;
		
			filter:alpha(opacity=90);
			opacity:0.9;
		}
				
		}

		@media (max-width: 600px){

			

		}