﻿menu01@charset "utf-8";
/*==============================================================================================================================
	共通部分
==============================================================================================================================*/
html			{overflow-y:scroll;}
body			{background:#f5dfc8 ; line-height:150%;color:#111111;font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
input,textarea	{font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
* html body		{font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;font-size:75%;line-height:140%;}	/* for IE6 */
* html input,
* html textarea {font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}	/* for IE6 */



article,section {margin-bottom:50px;}

a:link		{color:#ff3399;text-decoration:none;}
a:visited	{color:#ff3399;text-decoration:none;}
a:active	{color:pink;text-decoration:none;outline:none;}
a:hover		{color:pink;text-decoration:none;}
a:focus		{outline:none;}
.center { text-align:center; }
.left { text-align:left;}

h2.pageTitle{margin:5px 0 0 2px;}

.grey1 { color:#A0A0A0 ;}


.modalBnn { width:100%; height:100%; display: none; position:fixed; top: 0; left: 0 ; opacity:0 ; z-index:99999;  }
.inner { width:100%; height:100%; display: table-cell; text-align: center; vertical-align: middle; position: relative ;}

.modalBnn .modalImage{ max-width: 700px; margin: 0 auto;}
.modalBnn h3{ font-size: 18px; display: block; margin: 10px 0;}

.inner .modalBox {
	padding: 30px;
	background: #FFF;
	max-width: 600px;
  width: 90% ;
  text-align: left;
	margin: 0 auto; position: relative;
}

.close_modal { display: block; }
.close_modal span{ width: 25px; line-height: 23px; border: #000 2px solid ; display: inline-block ; background: #FFF ; font-size: 20px; font-weight: 900 ; position: absolute ; top: 0; right: -20px; text-align: center; }



.home-section {
  position: relative;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  z-index: 0;
  background-size: cover; margin-bottom: 10px ;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 20px;
	width: 100%;
}
.bx-wrapper {
	border: none;
	background: none;
	margin-bottom: 0;
}

.bx-wrapper .bx-prev , .bx-wrapper .bx-next{
    display: none; 
    }


.taisaku { text-align:left; color:#111111; box-sizing: border-box; font-size: 14px; line-height: 20px ; }
.taisaku h2 { text-align: center ; margin-bottom: 20px; color: #109AFF ; font-size: 20px;  }

.btn-sticky { margin-top: 30px;
  display: inline-block;
  padding: 0.5em 1em;　font-size: 18px;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #ff7c5c;/*左線*/
  color: #ff7c5c;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.btn-sticky:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}
/* #page（header&contents） */

#back-to-top {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 0 0 5px;
    bottom: 100px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.17), 0 3px 2px rgba(0, 0, 0, 0.09);
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    margin-right: -60px;
    padding: 5px;
    position: fixed;
    right: 0;
    transition: margin 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    width: 80px;
}
#back-to-top.snippet {
    margin-right: -60px;
}
#back-to-top:hover {
    margin-right: -20px;
}
#back-to-top p {
    margin-left: 30px;
}
#back-to-top .icon {
    background-image: url(../images/shop/effector-sprite.png);
    background-position: 4px -120px;
    background-repeat: no-repeat;
    border-radius: 3px 3px 3px 3px;
    display: block;
    float: left;
    height: 20px;
    margin-right: 8px;
    margin-top: 5px;
    width: 20px;
  position: absolute;
  top: 0;
}
#back-to-top:hover .icon {
    background-color: #2F3030;
}
.no-touch #notes-toggle:hover .icon, .touch #notes-toggle.up .icon, .photo-btns a:hover, #back-to-top .icon {
  background-color: #F55B2C;
}

	#indexLinkBox { width:980px; margin:0 auto 10px; vertical-align:bottom; line-height:1px;}
	#indexLinkBox .flLeft{ width:480px; float:left; }
	#indexLinkBox .flRight{ width:480px; float:right; }
	#indexLinkBox img{ vertical-align:bottom; line-height:1px;}

#indexBG { min-width:1000px; height:100%;  min-height:700px; padding-top:130px; margin-bottom:45px; }
#indexWrap { width:567px;  height: 567px; background:url(../images/shop/indexWrap.png) ; margin:0 auto 35px; position:relative; }
#indexExp { width:480px; position:absolute; left:45px; top:170px; line-height:22px;color:#111111; }
#cyugoku { width:130px; position:absolute; top:510px; left:223px; line-height:18px; text-align:center; background:#c4c4c4; color:#FFFFFF; }
#indexFlag { position:absolute; top:524px; left:254px; }

#indexOk { width:400px; position: absolute; left:86px; top:315px; text-align:center; font-size:17px; color:#999999 ;  }
#indexEnter { width:140px; height:40px; position:absolute; left:136px; top:347px; }
#indexExit { width:140px; height:40px; position:absolute; left:291px; top:347px; }

#indexEnter a{ width:120px; height:20px; display:block; background:#ff7b7b ; border-radius:15px; padding:10px; color:#FFFFFF; text-align:center; }
#indexExit a{ width:120px; height:20px; display:block;  background:#767676 ; border-radius:15px; padding:10px; color:#FFFFFF; text-align:center; }
#indexEnter a:hover{ background:#dbdbdb ;}
#indexExit a:hover{ background:#dbdbdb ;}

#smartPhone { width:140px; height:40px; position:absolute; left:217px; top:399px; }
#smartPhone a{ width:120px; height:20px; display:block; background:#a0a0a0 ; border-radius:15px; padding:10px; color:#FFFFFF; text-align:center; }
#smartPhone a:hover{ background:#dbdbdb ;}

#gaikoku { width:250px; position:absolute; top:450px; left:157px; line-height:18px; text-align:center; }
#gaikoku a{ display:block; background:#a0a0a0 ; border-radius:15px; padding:10px; color:#FFFFFF; text-align:center; }
#gaikoku a:hover{ background:#dbdbdb ;}

#indexSPBnn { width:329px; position: absolute; left:119px; top:420px; text-align:center; font-size:18px; }

#indexRecruit { text-align:center; }


/* header.php */
header			{ width:1000px; height:160px; position:relative; margin:0 auto 3px; border:solid 0px orange; padding-bottom:5px}
div#hederBottom { width:100%; height:1px;border-bottom: 1px solid #333333; margin-bottom:7px;  }

header	#logo{ display:block; width:260px; height:75px;  background:url(../images/shop/logo.png) no-repeat ; position:absolute; top:10px; left:0; }
header	#logo a{ display:block; width:260px; height:75px; text-indent:-9999px; }
header	#headerSub { position:absolute; top:10px ; left:280px; font-weight:normal ; width:500px; }
header	#headerSub h1{ font-weight:normal ; }
header	#phone { display:block; width:222px; height:105px;  background:url(../images/shop/phone.png) no-repeat; position:absolute; top:7px; right:0; }
header	#phone.en { background:url(../images/shop/phoneEn.png) no-repeat !important }

header	#phone a{ display:block; width:222px; height:105px; text-indent:-9999px; }

header	#headerSubRec { position:absolute; top:10px ; left:270px; font-weight:normal ; width:300px; }
header	#headerSubRec h1{ font-weight:normal ; }

header	#phoneRec { display:block; width:222px; height:105px; background:url(../images/shop/phoneRec.png) no-repeat; position:absolute; top:7px; right:0; }
header	#phoneRec a{ display:block; width:222px; height:105px; text-indent:-9999px; }

#lineBnn { position:absolute; top:9px; right:230px; }

header nav		{width:1000px;height:35px; position:absolute;bottom:10px;left:0;}
header nav ul	{width:1000px;height:35px; list-style:none ; }
header nav ul li	{float:left; display:block; height:35px; }

header nav ul li a	{ text-indent:-9999px; display:block; height:35px;  background:url(../images/shop/menu.png) no-repeat center ;  }
header nav ul.en li a	{ text-indent:-9999px; display:block; height:35px;  background:url(../images/shop/menuEn.png) no-repeat center ;  }

header nav ul li a#menu01	{ width:81px; background-position:0 -70px;}
header nav ul li a#menu02	{ width:78px; background-position:-81px -70px;}
header nav ul li a#menu03	{ width:88px; background-position:-159px -70px;}
header nav ul li a#menu04	{ width:125px; background-position:-247px -70px;}
header nav ul li a#menu05	{ width:124px; background-position:-372px -70px;}
header nav ul li a#menu06	{ width:110px; background-position:-496px -70px;}
header nav ul li a#menu07	{ width:109px; background-position:-606px -70px;}
header nav ul li a#menu08	{ width:133px; background-position:-715px -70px;}
header nav ul li a#menu09	{ width:152px; background-position:-848px -70px;}

header nav ul li a#menu01.on	{ width:81px; background-position:0 0;}
header nav ul li a#menu02.on	{ width:78px; background-position:-81px 0;}
header nav ul li a#menu03.on	{ width:88px; background-position:-159px 0;}
header nav ul li a#menu04.on	{ width:125px; background-position:-247px 0;}
header nav ul li a#menu05.on	{ width:124px; background-position:-372px 0;}
header nav ul li a#menu06.on	{ width:110px; background-position:-496px 0;}
header nav ul li a#menu07.on	{ width:109px; background-position:-606px 0;}
header nav ul li a#menu08.on	{ width:133px; background-position:-715px 0;}
header nav ul li a#menu09.on	{ width:152px; background-position:-848px 0;}

/**/
header nav ul li a#menu01:hover	{background-position:0 -35px;}
header nav ul li a#menu02:hover	{background-position:-81px -35px;}
header nav ul li a#menu03:hover	{background-position:-159px -35px;}
header nav ul li a#menu04:hover	{background-position:-247px -35px;}
header nav ul li a#menu05:hover	{background-position:-372px -35px;}
header nav ul li a#menu06:hover	{background-position:-496px -35px;}
header nav ul li a#menu07:hover	{background-position:-606px -35px;}
header nav ul li a#menu08:hover	{background-position:-715px -35px;}
header nav ul li a#menu09:hover	{background-position:-848px -35px;}




/* contents */
#wrapper { }
#page { width:1000px; margin:0 auto; }
#topWrap { width:1000px; margin: auto;  }
#indexInfo { width:1000px; margin: 0 auto 25px ;  }

#indexInfo #topNewsBox { width:706px; height:412px; border:1px solid #f2f2f2 ; background:#FFFFFF;  text-align:left; padding:25px 0 15px 25px; }
#indexInfo .topNewsBoxIn { height:404px;
  overflow: auto;
  width: 690px;
}

#topBnnBoxL { width:100%; overflow:hidden; border-bottom: 1px solid #dbdbdb; padding:0 0 7px; position:relative; }
#topBnnBoxL2 { width:100%; height:393px;  overflow:hidden; border-bottom: 1px solid #dbdbdb; padding:0 0 7px; position:relative; }


#columnL		{width:733px; float:left; border:solid 0px red; text-align:center;}
#columnR		{width:240px; float:right; border:solid 0px red; text-align:center;}

.topColumnLBT { width:733px; height:10px; background:url(../images/shop/topColumnLBT.png); }
.topColumnRBT { width:240px; height:10px; background:url(../images/shop/topColumnRBT.png); }

.pageBT { width:1000px; height:10px; background:url(../images/shop/pageBT.png) no-repeat; }


#topSyame { margin: 15px 0 0; text-align: center; }
.side_facebook { margin: 15px 0 0; text-align: center; border:1px solid #dbdbdb ; overflow:hidden; }
.side_facebookIn { width:242px; margin-top:-1px ; margin-left:-1px ; }
.side_twitter { margin: 15px auto 0; text-align: center; }

.side_bnn		{padding:5px 0; }
.side_bnn img	{display:block;margin:0 auto 5px;}

#topNewsBox { width:706px; height:500px; border:1px solid #f2f2f2 ; background:#FFFFFF; text-align:left; padding:25px 0 15px 25px; }
.topNewsBoxIn { height:492px;
  overflow: auto;
  width: 690px;
}


#topNewsBox .newsL { width:190px; float:left; }
#topNewsBox .newsL img{ width: 100%;}

#topNewsBox  .newsR { width:470px; padding-right:10px; float:right;}
#topNewsBox  .newsR h2{ font-size: 17px;
    font-weight: bold;
    color: #CCCC33;
	}
.reserveBnn { margin: 5px auto 10px; }
.bnn { width:238px; border:1px solid #dbdbdb ; line-height:0 ; vertical-align:bottom; }


#topPick { width:238px; border:1px solid #f2f2f2 ; background:#FFFFFF; text-align:left; padding-bottom:5px; padding:9px 0 9px;	}
#topPick img{ width:220px; margin:0 9px;}
#topPick p	{ margin-left:15px}
#topPick .name	{ color:#FF00FF; text-align:left; font-size: 15px; }
#topPick .comment	{ text-align:left; font-size:13px }
#topPick .size	{text-align:left; font-size: 14px; color: #ef2160 }
#topPick .time	{ background:url(../images/shop/timeIcon.png) no-repeat; background-position:0 1px; padding-left:18px; color:#45aaff ; text-align:left; }

#topScheduleBox { width:731px; border:1px solid #f2f2f2 ; background:#FFFFFF; text-align:center;}
#topScheduleBox ul { width:720px; list-style:none; margin:0 auto; text-align:left; padding-top:15px; }
#topScheduleBox ul li	{width:160px; height:390px; padding:0 10px 10px; margin-bottom:10px top center no-repeat; text-align:center;float:left; position:relative;}
#topScheduleBox ul li	a img { height: 240px ;}
#topScheduleBox .iconBox		{ width:160px; height:27px; margin:0 auto 3px; }
#topScheduleBox .icon { width:27px ; height:27px; float:left; padding:0 3px 0 0;}
#topScheduleBox .image { }
#topScheduleBox .name	{ color:#FF00FF; text-align:left; font-size: 14px; }
#topScheduleBox .comment	{ text-align:left; font-size:13px }
#topScheduleBox .size	{text-align:left;color: #ef2160 }
#topScheduleBox .time	{ background:url(../images/shop/timeIcon.png) no-repeat; background-position:0 0; padding-left:18px; color:#45aaff ; text-align:left; }

#toNewGirlBox { width:731px; border:1px solid #f2f2f2 ; background:#FFFFFF; text-align:center;}
#toNewGirlBox ul { width:720px; list-style:none; margin:0 auto; text-align:left; padding-top:15px; }
#toNewGirlBox ul li	{width:700px; padding:0 10px 10px; text-align:center;float:left; position:relative; border-bottom:1px dashed #dbdbdb; padding-bottom:15px; margin-bottom:15px }
#toNewGirlBox .iconBox		{ width:90px; height:27px; margin:0 auto 3px; position:absolute; top:0; right:5px; }
#toNewGirlBox .icon { width:27px ; height:27px; float:left; padding:0 3px 3px 0;}
#toNewGirlBox .image { height: 240px; float:left; }
#toNewGirlBox .divR { width:530px; float:right; }
#toNewGirlBox .name	{ color:#FF00FF; text-align:left; font-size: 15px; }
#toNewGirlBox .comment	{ text-align:left; font-size:13px }
#toNewGirlBox .size	{text-align:left; border-bottom:1px dashed #222222; color: #ef2160 ; padding-bottom:5px; margin-bottom:5px }
#toNewGirlBox .date	{ background:url(../images/shop/calenderIcon.png) no-repeat; background-position:0 0; padding-left:18px; color:#45aaff ; text-align:left; }

#girlsNewGirlBox { width:1000px; border:1px solid #f2f2f2 ; background:#FFFFFF; text-align:center;}
#girlsNewGirlBox ul { width:1000px; list-style:none; margin:0 auto; text-align:left; padding-top:15px; }
#girlsNewGirlBox ul li	{width:480px; height:300px; padding:0 10px 10px; text-align:center; position:relative; border-bottom:1px dashed #222222; padding-bottom:15px; margin-bottom:15px ; float:left; overflow: hidden;}
#girlsNewGirlBox .iconBox		{ width:90px; height:27px; margin:0 auto 3px; position:absolute; top:0; right:5px; }
#girlsNewGirlBox .icon { width:27px ; height:27px; float:left; padding:0 3px 0 0;}
#girlsNewGirlBox .image { height: 240px; float:left; }
#girlsNewGirlBox .divR { width:310px; float:right; }
#girlsNewGirlBox .name	{ color:#FF00FF; text-align:left; font-size: 15px; }
#girlsNewGirlBox .comment	{ text-align:left; font-size:13px }
#girlsNewGirlBox .size	{text-align:left; border-bottom:1px dashed #111111; font-size: 14px; color: #ef2160 ;padding-bottom:5px; margin-bottom:5px }
#girlsNewGirlBox .date	{ background:url(../images/shop/calenderIcon.png) no-repeat; background-position:0 0; padding-left:18px; color:#45aaff ; text-align:left; }


#creditBox { width:1000px; border:1px solid #f2f2f2 ; background:#FFFFFF; text-align:left; margin:0 auto; padding:25px 0  ; }
#creditBox div.title { border-left:#f0c18f solid 7px; padding: 7px 0 7px 8px; font-size:16px; }
#creditBox .dot2{ width:1px; height:25px; background:url(../images/shop/conceptDot2.png) ; margin-left:3px; margin-bottom:5px;  } 
#creditBox ul { list-style: decimal ; }
#creditBox ul li { margin-left:25px; padding:0 0 5px 5px; }
#creditBox h1 { background: #f0c18f none repeat scroll 0 0;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: normal;
  margin: 40px auto 25px;
  padding: 7px 5px 5px;
  text-align: center;
  width: 380px;
}
.creditL { width:40% ; float:left;margin-left:80px; }
.creditR { width:40% ; float: right;margin-right:80px; }
.creditExp { padding:0 135px; margin-bottom:35px; }
.creditExp2 { padding:0 185px; margin-bottom:35px; }
.creditCompany { width:310px; border:1PX #CDCDCD solid; padding:15px; margin:10px auto 10px ; }
.creditButton { width:65%; padding:12px 8px; background: #a0a0a0 none repeat scroll 0 0; border: 1px solid #a0a0a0; border-radius: 5px; color: #ffffff; margin: 8px auto 0; padding: 5px; display:block; font-size:15px; color:#FFFFFF !important  ; text-align:center; }
.creditButton span { font-size:11px; border-top: 1px dotted #222222 ; }

#reserveBox { width:1000px; border:1px solid #f2f2f2 ; background:#FFFFFF; text-align:left; margin:0 auto; padding:25px 0  ; }
#reserveBox .errorBox { width:400px; margin:0 auto 15px ; padding:7px; border:1px dashed #FFAEB0 ; color: #6495ed ; }
#reserveBox table { width:900px; margin-left:50px;  }
#reserveBox table th{ width:200px; padding:7px 3px 7px 10px ; color:#FFFFFF ; background:#ff7b7b ; border:1px #FFFFFF solid; font-weight:normal; }
#reserveBox table td{ width:650px; padding:7px ; border:1px #ededed solid; }
#reserveBox table td select { width:150px; }
#reserveBox table th span { font-size:80% }
#reserveBox input.error,#reserveBox select.error { background: #9cf2ff ; }
#reserveBox input.soushin { background: #a0a0a0 none repeat scroll 0 0; border: 1px solid #a0a0a0; color: #ffffff; margin-top: 8px; padding: 7px 10px ; cursor:pointer; border-radius:50px ; }
.reserveSuccess { padding:35px 135px; }
.reserveCheckTable { width:200px !important; margin:0 auto !important; }
.reserveCheckTable input.soushin { width:180px !important; }
#reserveBox div.exp { color: #2879ff ; }
#reserveBox div.exp span{ color: #ff4628 ; }
#reserveBox input.soushin::before {
    color: #fff;
    font-size: 125%;
    height: 100%;
    line-height: 3.5;
    position: absolute;
    transition: all 0.3s ease 0s;
}
#reserveBox input.soushin:active::before {
    color: #17954c;
}
#reserveBox input.soushin::before {
    left: 130%;
    top: 0;
}
#reserveBox input.soushin:hover::before {
    left: 80%;
}

#reserveBox input.soushin::before {
  content: "..";
}


#reserveBox h2{ border-bottom:1px dashed #CCCCCC ; margin: 15px 30px 7px ; padding-bottom:7px; }
#reserveBox ul{ list-style:none; margin-left:45px; }
#reserveBox ul li{ margin:0 0 ; padding:2px 0 ; }
 
#newsBox { width:1000px; border:1px solid #f2f2f2 ; background:#FFFFFF; text-align:center; margin:0 auto; padding-top:15px; }
#girlsBox { width:1000px; border:1px solid #f2f2f2 ; background:#FFFFFF; text-align:center; margin:0 auto; padding-top:15px; }
#girlsBox ul { width:900px; list-style:none; margin:0 auto; text-align:left; padding-top:5px; }
#girlsBox ul li	{width:160px; height:390px; padding:0 0 10px 20px; margin-bottom:10px top center no-repeat; text-align:center;float:left; position:relative;}
#girlsBox ul li	a img { height: 240px;}
#girlsBox ul li	.image{ width:100%; }
#girlsBox ul li:first-child { padding-left: 20px; } 
#girlsBox ul li:last-child { padding-right:0; } 

#girlsBox .iconBox		{ width:160px; height:27px; margin:0 auto 3px; }
#girlsBox .icon { width:27px ; height:27px; float:left; padding:0 3px 0 0;}
#girlsBox .image { }
#girlsBox .name	{ color:#FF00FF; text-align:left; font-size: 14px; }
#girlsBox .comment	{ text-align:left; font-size:13px }
#girlsBox .size	{text-align:left;color: #ef2160 ; }
#girlsBox .time	{ background:url(../images/shop/timeIcon.png) no-repeat; background-position:0 0; padding-left:18px; color:#45aaff ; text-align:left; }

.profMovie { margin: 25px auto 0; }
.profMovie ul{ list-style: none; text-align: center ;}
.profMovie li{ width: 369px; display: inline-block; margin: 10px auto; text-align: center; vertical-align: top; font-size: 14px; color: #222222 ; }
.profMovie li .name { font-size: 16px ; font-weight: bold; color: #fc8abc; }
.profMovie li video {width:100%; height:207px; background: #FFF;  margin: 0 auto;  }


/* footer */

#pageTop	{ width:100px; height:10px; padding:10px 0;opacity:0.7;display:block; cursor:pointer; float:right; }

footer { margin-top:35px; background:#f2f2f2; border-top:1px solid #FFFFFF; color:#111111 ; }
#footerLogo { width:200px; float:left; padding-top:4px;}
#footerLink				{ width:1000px; text-align:left; padding: 20px 0 15px ;margin:0 auto; font-size:0.9em; color:#888888;}
#footerLink	a { color:#111111; }
#footerLink	ul { list-style:none; margin-left:20px; }
#footerLink	ul li{ min-width:305px; display:inline-block; padding:0 0 7px 12px; background:url(../images/shop/arrow_pink_01.png) no-repeat ; background-position: 0 4px; color:#aaaaaa;}
#footerLink	h2{ margin-top:5px; padding-bottom:3px; margin-bottom:10px; border-bottom:1px dashed #dbdbdb; }
#pageLink { width:750px; float:right;}
#pageLink li{ min-width:165px !important; }

#footerCopy {  background:#111111; }
#footerCopyIn { width:1000px; text-align:left; color:#EEEEEE ; padding:5px; font-size:12px; margin:0 auto;}  

#footerExp { width:1000px; text-align:left; padding: 20px 0 15px ;margin:0 auto; font-size:0.9em; color:#888888; border-top: 1px dashed #dbdbdb ;}

#index_footerlink	{clear:both; border-top:solid 1px pink;border-bottom:solid 1px pink;text-align:center;padding:12px 10px 10px;}
#index_copyright	{text-align:center;padding:12px 10px 10px;font-size:12px;}

footer a:link,
footer a:visited	{color:ff6699;}
footer a:active,
footer a:hover,
footer a:focus		{color:white;text-decoration:underline;}


/*==============================================================================================================================
	各個別ページ
==============================================================================================================================*/

h1.info { text-shadow:none !important; color:#ABABFF !important ; margin:0 auto 10px !important;  }
.newsBox { min-height:400px; text-align:left ; padding:15px 15px 15px; }
.newsBox { width:630px; float:left; line-height:25px; }
.newsImage { width:180px; float:left; }
.newsInfo { width:400px; float:right; }
p.addDate { color: #FF2828; text-align:left; margin:0 auto 10px; }
p.addDate span{ border-bottom:1px dashed #CCCCCC; padding-bottom:5px; margin-bottom:5px;  }

.newsList { width:270px; float:right;  padding:15px 0 15px;　}
.newsList ul { list-style-type:none; text-align:left; }
.newsList ul li { margin-bottom:10px; line-height:15px; font-size: 13px; }
.newsList ul li span { margin-bottom:10px; line-height:15px; }
.newsList ul li span.title { display:block; margin:10px; line-height:15px; }
.newsList ul li a { color: #333333;}
.newsList ul img { margin:0 10px ; vertical-align: middle;}
.newsList .addDate { margin-bottom:10px;  background: rgba(0, 0, 0, 0) url(../images/shop/timeIcon.png) no-repeat scroll 0 0; color: #45aaff;
  padding-left: 18px;
  text-align: left;
}
/*----------------------------------------------------
	index.html （認証ページ）
----------------------------------------------------*/


#indexLink { width:800px; margin:0 auto;}
#linksImg li{ width:100px; height:65px; overflow:hidden; text-align:center; float:left; font-size:10px; list-style:none; }
#linksImg li a { text-decoration:none; }
#linksNoImg li{ width:100px; height:15px; margin:10px 0 0; overflow:hidden; text-align:center; float:left; font-size:10px; }

.mobile { position:absolute; top:715px; left:270px; border:solid 0px red;}

#topBnn { text-align:center; margin:12px 0 0; line-height:100%; }



/*----------------------------------------------------
	top.php
----------------------------------------------------*/
#top_wrap	{padding:0 0 0 2px;border:solid 0px red; clear:both;}
#top_wrap h2{text-indent:-9999px;}



#top_banner1	{width:320px;height:460px;background:url(../images/shop/top_banner1.jpg);float:left;border:solid 0px green;}
#top_banner1 img{display:block;margin:15px auto 0px;}
#top_banner2	{width:260px;height:440px;background:url(../images/shop/top_banner2.jpg);float:left;padding-top:20px;border:solid 0px green;}
#top_banner2 img{display:block;margin:0 auto 7px;}

.topNews { height:343px; overflow-x:hidden; overflow-y:auto;}
#indexNewsFrame { background:#7f7f7f; text-align:left;}
#indexNewsFrame span.info { color:#CCCC33; }
#indexNewsFrame .newsImage { width:180px; height:300px; padding:10px 0 ; float:left; text-align:center;}
#indexNewsFrame .newsContent { width:365px; padding:10px 10px 0 0; float:right; text-align:left;}

.ticketExp { margin:5px 0 0 45px; text-align:left; }

/*----------------------------------------------------
	info.php
----------------------------------------------------*/
#AboutGirl		{height:260px;width:430px;margin-bottom:10px;border:solid 1px #ff3366;background:#ffefef;}
#AboutGirl .Box	{height:230px;padding:10px;font-size:0.9em;overflow-y:hidden;border:solid 5px white;}
#AboutGirl h2	{width:398px;height:50px;background:url(../images/shop/indexBG_updateinfo.png) no-repeat;}

#infoBoxL		{float:left;width:590px;border:solid 0px blue;}
#infoBoxR		{float:right;width:238px;padding:15px;background:white;border:solid 1px pink;}
.table_01		{width:95%;background:pink;border-collapse:separate;border-spacing:1px;margin:30px auto 20px;font-size:1.0em;}
.table_01 th	{width:20%;white-space:nowrap;padding:6px;background:#ffe0f4 url(images/bg_gradient60.png) repeat-x;_background:#ffe0f4;border:solid 1px white;text-shadow: 1px 1px 0px white;vertical-align:middle;}
.table_01 td	{padding:6px;background:white;text-align:center;vertical-align:middle;}
.optionlist		{list-style:none;margin-left:10px;}
.optionlist li	{float:left;padding:10px 5px 5px 5px;margin:5px;background:#fffad1;border:solid 4px white;width:168px;text-align:center;border:dotted 1px pink;}
.optionlist img	{padding:2px;background:white;border:solid 1px silver;}
.infoqa			{font-size:90%;line-height:140%;}
.infoqa dt		{color:darkorange;}
.infoqa	dd		{margin-bottom:8px;}
.course			{text-align:center;}
.kinshi			{padding-left:16px;margin-bottom:10px;font-size:90%;}





#weekList { width:861px; height:28px; font-size:12px; overflow:hidden; text-align:center; margin:10px auto 0; list-style:none;}
#weekList li{ width:122px; height:28px; float:left; margin-right:1px;}
#weekList li a{ width:122px; height:28px; background:#232323; padding:10px 0 0; border-radius:15px; float:left; color:#eeeeee; }
#weekList li.today a{ background:#888888; }
#weekList li a:hover { background:#666666; }
#weekList .no1{ border-left: 1px solid #222222; }
.todayD { font-size:17px; color:#FFF;}

/*----------------------------------------------------
	girlInfo.php
----------------------------------------------------*/

#pageBack { width:136px; height:25px; float:right;}
#pageBack a{ width:106px; height:15px; padding:5px 15px; background:#eeac66 ; text-align:center; color:#FFFFFF; border-radius:15px;}
#pageBack a:hover{ background:#dbdbdb ; }

#girlInfoL { width:564px; float:left; padding-top:25px; }
#girlInfoR { width:416px; float:right;}
.girlInfoLBT { width:550px; height:10px; background:url(../images/shop/girlInfo_BTL.png) no-repeat ; }
.girlInfoRBT { width:416px; height:10px; background:url(../images/shop/girlInfo_BTS.png) no-repeat ; }

#girlInfo_PhotoL  { width:564px; height:609px; background:url(../images/shop/girlInfo_PhotoL.png) no-repeat ; }
#girlInfo_PhotoIn  { width:550px; height:600px; position:relative; }
#girlInfo_PhotoIn  img{ position:absolute; right:15px; bottom:15px;}

#girlInfo_come { width:520px; padding:15px; line-height:22px; font-size: 14px; border:1px solid #f2f2f2 ; background:#FFFFFF; }
#girlInfo_galla { width:500px; border:1px solid #f2f2f2 ; background:#FFFFFF; padding:15px 25px; }
.girlInfoBodyImageBig { float:left;}
.girlInfoBodyImageSmall { width:100px; float:right;}
.girlInfoBodyImageSmall img { height:115px; }
#girlInfo_pro { width:386px; border:1px solid #f2f2f2 ; background:#FFFFFF; padding:10px 15px 11px; }
#girlInfo_pro table{ border:none; padding:0; margin:0 ; text-align:left;font-size: 14px; }
#girlInfo_pro table th{ width:125px; font-weight: normal; border-bottom:1px dashed #222222; padding:8px 0 5px;}
#girlInfo_pro table td{ width:260px; font-weight: normal; border-bottom:1px dashed #222222; padding:8px 0 5px;}

#girlInfo_pro ul { list-style:none; text-align:left; font-size:11px; color:#FFFFFF; margin-top:11px; }
#girlInfo_pro ul li{ display:inline-block; width:116px; margin-right:1px; margin-bottom:1px; padding:5px; background:#eeac66 ; color:#FFFFFF; text-align:center;}
#girlInfo_pro ul.pay li { background: #14baff ; }

.opPro {}
.opTitlePro { border-left: 5px #000000 solid ; padding-left: 10px; margin-top: 15px ; padding-top: 3px; text-align: left; }
.opTitlePro:first-child { margin-top: 25px;}
.opTitlePro span { font-size: 105%; }


#girlInfo_pro ul li.no{ color:#ebc092 ; }
#girlInfo_pro ul.pay li.no{ color:#4fcbff ; }

#girlInfo_sche { width:386px; border:1px solid #f2f2f2 ; background:#FFFFFF; padding:10px 15px 20px; }
#girlInfo_sche table{ border:none; padding:0; margin:0 ; text-align:center; }
#girlInfo_sche table th{ width:125px; font-weight: normal; border-bottom:1px dashed #222222; padding:8px 0 5px;}
#girlInfo_sche table td{ width:260px; font-weight: normal; border-bottom:1px dashed #222222; padding:8px 0 5px;}

#girlInfo_syame { width:401px; border:1px solid #dbdbdb ; background:#FFFFFF; padding:15px 0 15px 15px; }

.girlInfoBodyImageBig { width: 367px; height:550px; }

/*----------------------------------------------------
	map.php
----------------------------------------------------*/
#access 						{width:860px;height:430px;background:url(../images/shop/access_bg.jpg);position:relative;margin:0 auto 30px;overflow:hidden;}
#access .maptooltip span		{width:24px;height:24px;background-image:url(../images/shop/access_star.png);}
#access .maptooltip span:hover	{background-position:left bottom;-webkit-transform:scale(1.2);}
#access .maptooltip #map1		{text-indent:-9999px;position:absolute;top:30px;left:220px;}
#access .maptooltip #map2		{text-indent:-9999px;position:absolute;top:230px;left:520px;}
#access .maptooltip #map3		{text-indent:-9999px;position:absolute;top:275px;left:175px;width:30px;height:30px;background-image:url(../images/shop/access_school.png);}
#access .maptooltip #map4		{text-indent:-9999px;position:absolute;top:235px;left:190px;}
#access .maptooltip #map5		{text-indent:-9999px;position:absolute;top:70px;left:530px;}
#access .maptooltip #map6		{text-indent:-9999px;position:absolute;top:240px;left:260px;}

div.maptooltip			{position:relative;width:860px;height:430px;}
a.maptooltip:hover 		{cursor:default;text-decoration:none;} 
a.maptooltip p 			{display:none; }
a.maptooltip:hover p	{width:224px;position:absolute;top:20px;right:16px;display:inline;}
a.maptooltip:hover p img{-webkit-border-radius:8px;-moz-border-radius:8px;}


/*----------------------------------------------------
	link.php
----------------------------------------------------*/

#linkbnn		{list-style:none;}
#linkbnn li		{float:left;text-align:center;padding:5px 10px;}
#linklist		{margin:0 auto;list-style:none;padding:0 0 0 10px;}
#linklist li	{display:inline;padding:0px;}



/*----------------------------------------------------
	Q&A
----------------------------------------------------*/
#qa		{margin:20px 30px;}
#qa dt	{margin:0px 0px 0;color:palevioletred;}
#qa dd	{margin:0px 0px 10px;}


/*----------------------------------------------------
	map
----------------------------------------------------*/

#accessinfo 	{width:660px;height:640px;background:url(../images/shop/accessinfo.jpg);overflow:hidden;text-indent:-9999px;}



/*----------------------------------------------------
	recruit.php
----------------------------------------------------*/
.recruitbox				{width:630px;height:383px;padding:1px 9px 0px;margin:0 auto;background:black;text-align:center;}

#SlideGalleryWrapper	{width:630px;position:relative;}
#SlideGallery			{width:630px;margin:10px auto 0px;overflow:hidden;}
#SlideGallery #slides	{border:solid 0px green;}/* これにボーダーとかつけると何故か崩れる */
#SlideGallery .slide	{float:left;}

#SlideMenu						{position:absolute;top:315px;/top:325px;_top:325px;left:0;width:630px;text-align:center;}
#SlideMenu li					{list-style:none;display:inline;padding:7px;}
#SlideMenu li img				{border:solid 1px silver;}
#SlideMenu li.inact a img:hover	{border:solid 1px white;box-shadow:#666 0px 0px 5px;-webkit-box-shadow:#666 0px 0px 5px;-moz-box-shadow:#666 0px 0px 5px;}
#SlideMenu li.act a img			{border:solid 1px black;box-shadow:#FFF 0px 0px 5px;-webkit-box-shadow:#FFF 0px 0px 5px;-moz-box-shadow:#FFF 0px 0px 5px;}
#SlideMenu li.inact a			{opacity:0.5;}
#SlideMenu li.inact a:hover		{opacity:1.0;}
#SlideMenu li.act a				{opacity:1.0;cursor:default;}
#SlideMenu li.act a:hover		{opacity:1.0;}

#mailMagagineBox { text-align:left; }

/*----------------------------------------------------
	form_xxxx.php / contact.php（無料見積りフォーム / お問い合わせフォーム）
----------------------------------------------------*/
#mmExp { width:950px; border:1px solid #f2f2f2 ; background:#FFFFFF; text-align:left; margin:0 auto;  padding:25px;}

.gray { color:#a0a0a0 ;}
.mmBT { width:487px; height:10px; background:url(../images/shop/mmBT.png) no-repeat; }
.mmL { width:489px; float:left ; margin:25px 0 0; }
.mmR { width:489px; float:right ; margin:25px 0 0;}

.formWrap			{  padding:25px;border:solid 1px #222222; background:#FFFFFF; }
.formWrap .mess		{margin-bottom:10px;padding:10px;line-height:180%;background:white;border:solid 1px lightgrey;border-left:solid 6px lightgrey;}/* パンくず */
.formWrap .shusei	{line-height:200%;}
.formWrap span.must	{color:red;padding-right:1px;font-size:0.8em;}
.formWrap span.error{color:red;display:block;background:url(images/icon_caution.gif) no-repeat;padding-left:20px;}
.formWrap h3 		{display:inline;height:30px;padding:0 10px;font-size:110%;color:#222222;margin-bottom:10px;}
.formWrap table			{margin:20px 0;color:#FF00FF;}
.formWrap th			{padding:10px;white-space:nowrap;border-bottom:dotted 1px silver;width:1%;text-align:right; }
.formWrap td			{padding:10px;border-bottom:dotted 1px silver;}
.formWrap input[type="checkbox"],
.formWrap input[type="radio"]{margin-top:0;}/* for Safari */
.formWrap input[type="text"]{width:240px;-webkit-transition:0.4s ease;-moz-transition:1s ease;-o-transition:1s ease;-ms-transition:1s ease;transition:1s ease;background:#FFFFFF; color: #EEEEEE; }
.formWrap input[type="text"],
.formWrap select,
.formWrap textarea			{padding:4px;border:solid 1px #222222; color: #111111; background:#ffffff; box-shadow:#222222 0px 0px 2px; }
.formWrap textarea			{width:400px;height:130px;}
.formWrap input[type="text"]:hover,
.formWrap input[type="text"]:focus,
.formWrap textarea:hover,
.formWrap textarea:focus	{outline:none;border:solid 1px dimgray;box-shadow:saddlebrown 0px 0px 5px;-webkit-box-shadow:dimgray 0px 0px 5px;-moz-box-shadow:dimgray 0px 0px 5px;}
.formWrap input[type="text"]:focus	{width:300px;} /* フォーカス時に拡大 */

.formWrap input.soushin 		{ background:#f0c18f ; color:#FFFFFF; border:1px solid #f0c18f; border-radius: 5px; padding:5px; margin-top:8px;}

/*---------------------------声 */

#bnnBlogBox { width:645px; margin:0 auto; }
#bnnBlogBox .bnnBlog { width:215px; height:100px; text-align:center; float:left; margin-bottom:5px;  }

.campainImage { text-align:center;}




/*************** diary ***************/
#diaryBox .newsImage { width:200px; height:300px; padding:10px 0 10px 10px; float:left;}
#diaryBox .newsContent { width:300px; padding:10px; float:right;}


#eventBox { width:100%; border:1px solid #f2f2f2 ; background:#FFFFFF; text-align:left; margin:0 auto;  padding: 30px 0;}

#eventBox .newsContent { padding:10px; }

#eventL { width:200px; padding:38px 10px 10px; float:left;}
#eventL ul{ list-style:none; }
#eventL ul li { text-align:center; font-size:13px;
  background: none repeat scroll 0 0 #CCCCCC;
  color: #FFFFFF;
  font-weight: bold;
  height: 35px;
  width: 180px;
  margin-bottom:5px;
}
#eventL ul li a{ width: 180px; height: 24px; padding: 9px 0 2px; display:block; color:#FFFFFF; font-weight:normal; }
#eventR .calenderDate { width:380px; text-align:center; color:#FFFFFF; background:#f0c18f; font-size:16px; margin: 0 auto 5px; padding:7px 5px 5px;}
.calenderDateBT { width:100% ; height:1px; }
#eventR { width:960px; margin:0 auto; }
.event { max-width: 960px; text-align: center ; }
.event img { max-width: 960px; margin: 0 auto ;}
.event .comment { text-align: left; padding: 30px }
.newsImage {}

#conceptBox { width:960px; border:1px solid #f2f2f2 ; background:#FFFFFF; text-align:center; margin:0 auto;  padding: 35px 20px 30px}
#conceptBox .dot1{ width:800px; height:1px; background:url(../images/shop/conceptDot1.png) ; margin:0 auto;} 
#conceptBox .dot2{ width:1px; height:25px; background:url(../images/shop/conceptDot2.png) ; margin-left:3px; margin-bottom:5px;  } 
#conceptTitle { width:100% ; padding:15px; }
#conceptExp { width:360px; margin: 30px auto ; text-align:left;}

#conceptBox h1{ width:510px; margin:40px auto 25px; background:#f0c18f; color:#ffffff; font-weight:normal; text-align:center; padding:7px 5px 5px; font-size:16px;}
#conceptBox div.concept { width:280px; float:left; margin:15px 18px; text-align:left; }
#conceptBox div.concept h2{ font-size:13px; font-weight:normal; }
#conceptBox div.concept h3{ font-size:11px; color:#717171; font-weight:normal; margin-bottom:5px;}
#conceptBox div.concept p{ line-height:22px;}
#conceptBox div.concept div.title { border-left:#f0c18f solid 7px; padding-left:5px; }

#systemLink { margin:15px 0 5px; }
#systemLink p{ width:145px; height:40px; float:left; margin:0 3px; }
#systemLink a{ width:120px; height:30px; display: block; padding:10px 10px 0 15px; border-radius:15px; color:#FFFFFF; }
#systemLink p.p1 a{ background:#eeac66; }
#systemLink p.p2 a{ background:#eeac66; }
#systemLink p.p3 a{ background:#eeac66; }
#systemLink p.p4 a{ background:#eeac66; }
#systemLink p.p1 a:hover, #systemLink p.p2 a:hover, #systemLink p.p3 a:hover{ background:#dbdbdb ; }

#zeikomi { background:#f2f2f2 ; padding:0 0 0 8px ; line-height:25px ; margin:15px 0 ;}
#systemL { width:434px; float:left; line-height:22px; }
#systemR { width:533px; float:right; line-height:22px;}

.systemLBT { width:434px; height:10px; background:url(../images/shop/system_BTL.png) no-repeat ; }
.systemRBT { width:533px; height:10px; background:url(../images/shop/system_BTR.png) no-repeat ; }
.systemBT { width:1000px; height:10px; background:url(../images/shop/system_BT.png) no-repeat ; }

.systemBox1  { width:402px; padding: 10px 15px 15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.systemBox1 table{ border:none; padding:0; margin:0 ; text-align:left; margin-bottom:15px; }
.systemBox1 table th{ width:105px; font-weight: normal; border-bottom:1px dashed #222222; padding:8px 0 5px 25px ;color:#A0A0A0}
.systemBox1 table td{ width:270px; font-weight: normal; border-bottom:1px dashed #222222; padding:8px 0 5px;}

.systemBox2  { width:402px; padding:15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.systemBox3  { width:402px; padding:15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.systemBox3 .card { text-align:center; margin:5px;}
.systemBox3 .card img{ margin:5px;}

.systemBox4  { width:402px; padding:15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.systemBox5  { width:501px; padding:15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }

.systemBox6  { width:501px; padding:10px 15px 15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.systemBox6 table{ border:none; padding:0; margin:0 ; text-align:left; margin-bottom:15px; }
.systemBox6 table th{ width:140px; font-size:125%; font-weight: normal; border-bottom:1px dashed #222222; padding:8px 0 5px 25px; color:#A0A0A0}
.systemBox6 table td{ width:110px; font-size:125%; font-weight: normal; border-bottom:1px dashed #222222; padding:8px 0 5px;}

.systemBox7  { width:501px; padding:15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.systemBox7 ul { list-style:none; text-align:left; font-size:11px; color:#FFFFFF; margin-top:7px; margin-bottom:5px; }
.systemBox7 ul li{ display:inline-block; width:99px; margin-right:1px; margin-bottom:1px; padding:5px 0; background:#eeac66 ; text-align:center; border-radius:15px;}

.systemBox8  { width:501px; padding:15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; text-align:center; }
.systemBox8 ul { list-style:none; text-align:left; font-size:11px; color:#FFFFFF; margin-top:7px; margin-bottom:15px; }
.systemBox8 ul li{ display:inline-block; width:99px; margin-right:1px; margin-bottom:1px; padding:5px 0; background:#14baff ; text-align:center; border-radius:15px;}

.systemBox9  { width:501px; padding:15px; line-height:22px; text-align:center; border:1px solid #f2f2f2 ; background:#FFFFFF; }
/*.systemBox9 ul { list-style:none; text-align:left; margin-top:5px;}
.systemBox9 ul li{ margin-left:15px; border-bottom:1px dashed #dadada; padding:8px 0 5px;}*/
.systemBox9 ul { list-style:none; text-align:left; font-size:11px; color:#FFFFFF; margin-top:7px; margin-bottom:15px; }
.systemBox9 ul li{ display:inline-block; width:99px; margin-right:1px; margin-bottom:1px; padding:5px 0; background:#ff14d0 ; text-align:center; border-radius:15px;}

.opTitle {  border-top: 1px dashed #14baff ; margin-top: 10px ; padding-top: 10px; text-align: left; }
.opTitle:first-child { border: none; margin-top: 0 ; padding-top: 0 }
.opTitle span { font-size: 105%; }

.onlineCard a {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(239,0,124), rgb(255,93,177)) repeat scroll 0 0;
  background-image: -moz-linear-gradient( 90deg, rgb(239,0,124) 0%, rgb(255,93,177) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(239,0,124) 0%, rgb(255,93,177) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(239,0,124) 0%, rgb(255,93,177) 100%);
    
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 16px;
  padding: 15px;
  text-align: center;
  text-decoration: none;
}
.onlineCard span {
  border-top: 1px dotted #fff;
  display: block;
  font-size: 11px;
  margin: 5px auto 0;
  padding-top: 8px;
  width: 300px;
}

.systemBox10  { width:948px; padding:15px 25px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.systemBox10 .L { width:510px; float:left; }
.systemBox10 .R { width:400px; float:right; }
.systemBox10 table{ border:none; padding:0; margin:0 ; text-align:left; margin-top:5px; margin-bottom:15px; }
.systemBox10 table th{ width:125px; font-weight: normal; border-bottom:1px dashed #222222; padding:8px 0 5px;}
.systemBox10 table td{ width:260px; font-weight: normal; border-bottom:1px dashed #222222; padding:8px 0 5px;}

#systemSysL { width:483px; float:left; line-height:22px; font-size:110% ; }
#systemSysR { width:483px; float:right; line-height:22px; font-size:110% ; }
.systemSysT  { width:483px ; height:38px ; overflow:hidden; }
.systemBoxSys  { width:453px; padding:10px 15px 15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.systemBoxSys table{ border:none; padding:0; margin:0 ; text-align:left; margin-bottom:15px; }
.systemBoxSys table th{ width:140px; font-weight: normal; border-bottom:1px dashed #222222; padding:8px 0 5px 15px; color:#ff7b7b ; font-size:130% ; }
.systemBoxSys table td{ width:110px; font-weight: normal; border-bottom:1px dashed #222222; padding:8px 0 5px 10px ; font-size:130% ; }
.systemSysBT { width:483px; height:10px; background:url(../images/shop/system_BTR.png) no-repeat ; }


#systemBoxLL { width:100%; box-sizing: border-box ; border:1px solid #dbdbdb ; background:#FFFFFF; text-align:left; margin:0 auto; font-size: 15px;  padding: 10px 0 30px 20px}
.systemBoxIn {　margin-left:20px; margin-bottom: 15px; font-size: 18px; line-height: 35px; }

#systemBoxLL .dot2 { margin: 15px; padding: 0 0 0 8px; }
#systemBoxLL .dot2 h3 { width: 100px; float: left ; text-align: left; border-left: #222 solid 5px; color: #6495ed; padding: 0 0 0 8px;	font-size: 16px;}
.flLeft { float: left; }
#systemBoxLL ul { list-style: none; }
#systemBoxLL li {width: 140px; 
	background-image: url(../images/shop/shift_bg_top_bottom.png) ,url(../images/shop/shift_bg_top_bottom.png) ,url(../images/shop/shift_bg_side.png) ,url(../images/shop/shift_bg_side.png) ,url(../images/shop/system_bg_02.jpg);	background-repeat: repeat-x,repeat-x,repeat-y,repeat-y, repeat;	background-position: top, bottom, left, right, top;	box-sizing: border-box;	display: inline-block; 
	height: 35px;	margin-right: 10px;
	margin-bottom: 5px;	padding: 2px;
	text-align: center;
	line-height: 33px;
	font-size: 14px;
}
#systemBoxLL ul.basic li { background: #ff7b7b ; color: #FFF ;border: #111 dashed 1px ; }
#systemBoxLL ul.price li { width: 175px; }

#systemBoxLL .systemBox1  { width: auto ; padding: 10px 15px 15px; line-height:22px; border:none ; }
#systemBoxLL .systemBox1 table{ border:none; padding:0; margin:0 ; text-align:left; margin-bottom:15px; }
#systemBoxLL .systemBox1 table th{ width:145px; font-weight: normal; border-bottom:1px dashed #dadada; padding:8px 0 5px 25px ;color:#A0A0A0}
#systemBoxLL .systemBox1 table td{ width:270px; font-weight: normal; border-bottom:1px dashed #dadada; padding:8px 0 5px;}

#systemBoxLL .systemBox2  { width: auto ; padding:15px; line-height:22px; border:none ; }
#systemBoxLL .systemBox3  { width: auto ; padding:15px; line-height:22px; border:none ; }
#systemBoxLL .systemBox3 .card { text-align:center; margin:5px;}
#systemBoxLL .systemBox3 .card img{ margin:5px;}

#systemBoxLL .systemBox4  { width: auto ; padding:15px; line-height:22px; border:none ; }
#systemBoxLL .systemBox5  { width: auto ; padding:15px; line-height:22px; border:none ; }

#systemBoxLL .systemBox6  { width: auto ; padding:10px 15px 15px; line-height:22px; border:none ; }
#systemBoxLL .systemBox6 table{ border:none; padding:0; margin:0 ; text-align:left; margin-bottom:15px; }
#systemBoxLL .systemBox6 table th{ width:140px; font-size:125%; font-weight: normal; border-bottom:1px dashed #dadada; padding:8px 0 5px 25px; color:#A0A0A0}
#systemBoxLL .systemBox6 table td{ width:110px; font-size:125%; font-weight: normal; border-bottom:1px dashed #dadada; padding:8px 0 5px;}

#systemBoxLL .systemBox7  { width: auto ; padding:15px; line-height:22px; border:none ; }
#systemBoxLL .systemBox7 ul { list-style:none; text-align:left; font-size:11px; color:#FFFFFF; margin-top:7px; margin-bottom:5px; }
#systemBoxLL .systemBox7 ul li{ display:inline-block; width:99px; margin-right:1px; margin-bottom:1px; padding:5px 0; background:#ff7b7b ; text-align:center; border-radius:15px;}

#systemBoxLL .systemBox8  { width: auto ; padding:15px; line-height:22px; border:none ; text-align:center; }
#systemBoxLL .systemBox8 ul { list-style:none; text-align:left; font-size:11px; color:#FFFFFF; margin-top:7px; margin-bottom:15px; }
#systemBoxLL .systemBox8 ul li{ display:inline-block; width:99px; margin-right:1px; margin-bottom:1px; padding:5px 0; background:#7bb3ff ; text-align:center; border-radius:15px;}

#systemBoxLL .systemBox9  { width: auto ; padding:15px; line-height:22px; text-align:center; border:none ; }
/*.systemBox9 ul { list-style:none; text-align:left; margin-top:5px;}
.systemBox9 ul li{ margin-left:15px; border-bottom:1px dashed #dadada; padding:8px 0 5px;}*/
#systemBoxLL .systemBox9 ul { width: auto ; list-style:none; text-align:left; font-size:11px; color:#FFFFFF; margin-top:7px; margin-bottom:15px; }
#systemBoxLL .systemBox9 ul li{ display:inline-block; width:99px; margin-right:1px; margin-bottom:1px; padding:5px 0; background:#aaff7b ; text-align:center; border-radius:15px;}
#systemBoxLL .systemBox10  { width: auto ; padding:15px 15px; line-height:22px; border:none ; }
#systemBoxLL .systemBox10 .L { width:500px; float:left; }
#systemBoxLL .systemBox10 .R { width:400px; float:right; }
#systemBoxLL .systemBox10 table{ border:none; padding:0; margin:0 ; text-align:left; margin-top:5px; margin-bottom:15px; }
#systemBoxLL .systemBox10 table th{ width:105px; font-weight: normal; border-bottom:1px dashed #dadada; padding:8px 0 5px; color: #A0A0A0}
#systemBoxLL .systemBox10 table td{ width:270px; font-weight: normal; border-bottom:1px dashed #dadada; padding:8px 0 5px;}

.b-r-none { border-right: none !important ;}
.b-t-none { border-top: none !important ;}
.b-l-none { border-left: none !important;}
.b-b-none { border-left: none !important;}

#systemBoxLL h4 {
	font-weight: normal;
	position: relative;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 1.6rem;
	line-height: 1;
	border-bottom: 2px solid #f5f5f5;
	color: #555; font-weight: normal ; margin-bottom: 10px;
}
#systemBoxLL h4::before {
	position: absolute;
	top: 9px;
	left: 0;
	z-index: 2;
	content: '';
	width: 11px;
	height: 11px;
	border: 3px solid;
	border-radius: 100%; border-color: #eeac66; font-weight: 900
}
#systemBoxLL h4 { font-size: 16px;
	padding-left: 20px;
	padding-right: 23px;
	padding-bottom: 5px;
}
#systemBoxLL h4 { font-size: 16px; font-weight: 900; }
#systemBoxLL span.komi {
	display: inline-block;
	padding: 1px 8px;
	font-weight: lighter;
	font-size: 13px;
	border-radius: 50px;
	color: #fff;
	background-color: #E8759E;
}
#systemBoxLL span.cardPage {
	display: inline-block;
	padding: 2px 10px;
	font-weight: lighter;
	font-size: 13px;
	border-radius: 50px;
	color: #fff;
	background-color: #E8759E;
}
#systemBoxLL span.cardPage a{ color: #FFF ; }
.couseTable { width: 98% ; }
.couseTable tr{  border: 1px solid #d8d8d8 ; border-bottom: none;}
.couseTable tr:last-child{  border-bottom: 1px solid #d8d8d8 ; }
.couseTable th{ padding: 10px; vertical-align: top; text-align:  center}
.couseTable td{ padding: 10px; vertical-align: top; text-align: center ; font-weight: bold; }
.couseTable tr.bgGray { background: #f5f5f5 }

.couseTable td.time{ width: 90px; text-align: right; font-size: 14px; font-weight: normal; color: #A0A0A0}
.couseTable td.timeL{ width: 160px; text-align: right; font-size: 14px; font-weight: normal; color: #A0A0A0}
.couseTable td.exp{ font-size: 13px; text-align: left ;  font-weight: normal}
.couseTable div.title { padding: 0 0 0 8px;	font-size: 14px; font-weight: normal; }
#systemBoxLL .couseTable div.title h4::before {
	position: relative;
	left: 0;
	z-index: 2;
	content: '';
	width: 11px;
	height: 11px;
	border: 3px solid;
	border-radius: 0;
	border-color: #eeac66;;
	font-weight: 900; margin-right: 5px;
	display: inline-block;
	top: 3px;
}

#flowL { width:483px; float:left; line-height:22px; }
#flowR { width:483px; float:right; line-height:22px;}
.flowBT { width:483px; height:10px; background:url(../images/shop/flow_BT.png) no-repeat ; }
#flowL h1, #flowR h1{ margin:5px auto 3px; background:#f0c18f; color:#ffffff; font-weight:normal; text-align:center; padding:3px; font-size:12px;}

.flowBox1  { width:451px; padding: 10px 15px 15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.flowBox2  { width:451px; padding: 10px 15px 15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.flowBox3  { width:451px; padding: 10px 15px 15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.flowBox3 ul { list-style:none; text-align:left; font-size:11px; color:#FFFFFF; margin-top:7px; margin-bottom:15px; }
.flowBox3 ul li{ display:inline; margin-right:1px; margin-bottom:1px; padding:5px 13px; background:#bebebe ; text-align:center; border-radius:15px;}

.flowBox4  { width:451px; padding: 10px 15px 15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.flowBox4 ul { list-style:none; text-align:left; margin-bottom:10px;}
.flowBox4 ul li{ margin-left:15px; border-bottom:1px dashed #dadada; padding:8px 0 5px;}
.flowBox5  { width:451px; padding: 10px 15px 15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.flowBox6  { width:451px; padding: 10px 15px 15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.flowBox6 ul { list-style:none; text-align:left; margin-bottom:15px;}
.flowBox6 ul li{ margin-left:15px; border-bottom:1px dashed #dadada; padding:8px 0 5px;}


#attentionBox { width:900px; border:1px solid #f2f2f2 ; background:#FFFFFF; text-align:center; margin:0 auto;  padding: 35px 50px 50px}
#attentionBox .dot1{ width:800px; height:1px; background:url(../images/shop/conceptDot1.png) ; margin-left: auto; margin-right: auto;} 
#attentionBox .dot2{ width:1px; height:25px; background:url(../images/shop/conceptDot2.png) ; margin-left:3px; margin-bottom:5px;  } 
.attention h2{ margin-bottom : 30px; background:#f0c18f; color:#ffffff; font-weight:normal; text-align:center; padding:5px; font-size:13px;}
.attention { width:400px; margin:15px 18px; text-align:left ; line-height:22px; }
.attention ul{ list-style: square; margin-left:30px; font-size:12px;}
#attentionExp { margin:15px 65px; text-align:left;}


#jobOfferL { width:483px; float:left; line-height:22px; }
#jobOfferR { width:483px; float:right; line-height:22px;}
.jobOfferBT { width:1000px; height:10px; background:url(../images/shop/jobOfferBT.png) no-repeat ; margin-bottom:20px; }
.jobOfferLBT { width:483px; height:10px; background:url(../images/shop/jobOfferRBT.png) no-repeat ; margin-bottom:20px; }
.jobOfferRBT { width:483px; height:10px; background:url(../images/shop/jobOfferRBT.png) no-repeat ; margin-bottom:20px; }
#jobOfferL h2, #jobOfferR h2 { font-size:16px; padding:10px 0 5px 10px ;  border-left:#f0c18f solid 7px; margin-bottom:5px;}
#jobOfferBox .dot2{ width:1px; height:25px; background:url(../images/shop/conceptDot2.png) ; margin-left:3px; margin-bottom:5px;  } 

.jobOfferBox1  { padding: 10px 15px 15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.jobOfferBox1 img  { width:300px; float:left; padding:35px 0 0 35px; }
.jobOfferBox1 .jobOfferBox1R  { width:570px; float:right; padding:15px ; }
.jobOfferBox2  { width:451px; padding: 10px 15px 15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.jobOfferBox3  { width:451px; padding: 10px 15px 15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.jobOfferBox3 table{ border:none; padding:0; margin:0 ; text-align:left; margin-bottom:15px; }
.jobOfferBox3 table th{ width:125px; font-weight: normal; text-align:center; background:#c4c4c4 ; color:#FFFFFF ; padding:8px 12px 5px ; }
.jobOfferBox3 table td{ width:230px; font-weight: normal; text-align:center; border-bottom:1px dashed #dadada; padding:8px 0 5px ;}
.jobOfferBox4  { width:451px; padding: 10px 15px 15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.jobOfferBox4 table{ border:none; padding:0; margin:0 ; text-align:left; }
.jobOfferBox4 table th{ width:125px; font-weight: normal; border-bottom:1px dashed #222222; padding:8px 0 5px; padding-left:25px; }
.jobOfferBox4 table td{ width:260px; font-weight: normal; border-bottom:1px dashed #222222; padding:8px 0 5px;}
.jobOfferBox4 ul { list-style:none; text-align:left; font-size:11px; color:#FFFFFF; margin-top:7px; margin-bottom:5px; }
.jobOfferBox4 ul li{ display:block; width:265px; margin-bottom:2px; padding:3px 0; background:#ff7b7b ; text-align:center; border-radius:10px;}
.jobOfferBox5  { width:451px; padding: 10px 15px 15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.jobOfferBox5  img{ margin:3px 0 2px 6px;}
.jobOfferBox6  { width:451px; padding: 10px 15px 15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.jobOfferBox7  { width:451px; padding: 10px 15px 15px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }
.jobOfferBox8  { width:451px; padding: 10px 15px 5px; line-height:22px;	 border:1px solid #f2f2f2 ; background:#FFFFFF; }

#jobOfferForm {}
#jobOfferForm label{ width:160px; display:block; float:left; text-align:right; padding-right: 7px;}
#jobOfferForm label.ss{ width:30px; display:block; padding-right:0;}
#jobOfferForm input { margin-bottom:5px; }
#jobOfferForm input[type=text]{ width:300px; float:left; text-align:left;}
#jobOfferForm input[type=radio]{ width:25px; float:left; text-align:left;}
#jobOfferForm textarea{ width:300px; float:left; text-align:left ; margin-bottom:10px; }


.dlTable_01 { width:576px; background: none repeat scroll 0 0 #EDEDED; border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; color:#111; margin:5px auto 0; font-size:11px;  }
.dlTable_01 dt { border-top: 1px solid black; clear: both;  float: left; font-weight: bold; padding: 8px 0 0 10px; text-align: left; text-shadow: 1px 1px 0 white; width: 150px; }
.dlTable_01 dd { background: none repeat scroll 0 0 white; border-left: 1px solid black; border-top: 1px solid black; margin-left: 150px; padding: 8px; text-align:left; }

#jobOfferTitle { color:#FFF000 ; text-align:left;  margin-bottom:20px; }
#jobOfferContent { text-align:left; margin-bottom:20px; }

.formTable{ width: 100% }
.formTable td { padding: 5px}
.formTable td input{ width: 100% }
.formTable td textarea{ width: 100% }
.formTable td select{ width: 100% }
.submitC { padding: 5px ; }