html{ font-family: "MS PGothic","Osaka","sans-serif"; overflow-y:scroll; -webkit-text-size-adjust:none; }

div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,pre,code,blockquote,th,td{
margin:0; padding:0; }

body{ max-width: 640px; min-width: 320px; margin: 0 auto; padding:0 0; background: #f2f2f2; color:#111111; font-size: 14px; }

img { line-height:50% !important ;vertical-align: text-bottom; }
div,h2,h3,h4,h5,h6,p,li,dt,dd,pre,code,blockquote,th,td{ word-break:break-all; }

br{ letter-spacing:0; }

fieldset,img{ border:0; }

li{ list-style:none; }

caption,th{ text-align:left; }

h1,h2,h3,h4,h5,h6,th{ font-size:100%; font-weight:normal; font-style:normal; }

input,textarea,select{ font-family:inherit; font-size:inherit; font-weight:inherit; color:#333; }

input[type="submit"]{ cursor:pointer; }

select{ background-color:#ffffff !important; }

address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal; }

abbr,acronym{ border:0; font-variant:normal; }

del,u{ text-decoration:none; }


a{ color : #ffcc00; text-decoration	: none; }
.taisaku { padding: 15px ; 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: 16px; font-weight: 900}
#indeLogoSP{ width : 100%; text-align: center; padding: 10px 0 0 0 ; 	margin			: 0 0 7px 0; }

.bx-wrapper {
    box-shadow: none;
    border: none;
    background: #fff;
}
.bx-wrapper .bx-prev , .bx-wrapper .bx-next{
    display: none; 
    }
/* shop */

.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; }


#shop{
	font-size		: 11px;
	line-height		: 14px;
	text-align		: center;
	padding			: 0 0 5px 0;
	color			: #ffffff;
	margin			: 0 0 0 0;
}

#shop h1{
	margin			: 0 0 10px 0;
	text-shadow		: 0px 0px 3px #ffff00;
	color			: #ffffff;
}

#shop a{
	font-size		: 11px;
	color			: #ffffff;
}

#shop div{
	padding			: 0 0 10px 0;
	font-size		: 12px;
	line-height		: 16px;
	color			: #ffff00;
	text-shadow		: 1px 1px 0px #000000;
}

#caution p{
	color			: #333333;
	font-size		: 12px;
	line-height		: 16px;
	padding			: 0 0 0 0;
}


#acc{
	font-size		: 0;
	line-height		: 0;
}


#rec_bt{
	text-align		: center;
	margin			: 0 0 5px 0;
}

/* f_menu */

#f_menu{
	font-size		: 11px;
	line-height		: 14px;
	color			: #99ccff;
	text-align		: center;
	padding			: 5px 0;

}

#f_menu a{
	color			: #0099ff;
}


/* footer */

footer{
	display			: block;
	width			: 100%;
	clear			: both;
	font-size		: 10px;
	padding			: 0 0 0 0;
	text-align		: center;
	background-size		: 100px 73px;
	-webkit-background-size	: 100px 73px;
	-moz-background-size	: 100px 73px;
	border-top		: 1px solid #ffffff;
}

footer div{
	color			: #ffcc00;
	text-shadow		: 0px 0px 5px #ffff00;
	line-height		: 30px;
	padding			: 15px 0 15px 0;
	border-top		: 1px solid #000000;
}

footer a{
	color			: #ffcc00;
	text-shadow		: 0px 0px 5px #ffffff;
}





/***** button style *****/

.bt{ text-align	: center; margin			: 0 0 20px 0; }

.enter{ width : 100%; }

.enter p{ display : block; margin : 0 5px 5px 5px;
}

.enter span{
	display			: block;
	color			: #000;
	font-size		: 19px;
	font-weight		: normal;
	text-align		: center;

	text-decoration	: none;
	text-shadow		: 1px 0 0px #111111;
background: #3f3f3f;
background: -moz-linear-gradient(top, #3f3f3f 0%, #000000 25%, #111111 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(25%,#000000), color-stop(100%,#111111));
background: -webkit-linear-gradient(top, #3f3f3f 0%,#000000 25%,#111111 100%);
background: -o-linear-gradient(top, #3f3f3f 0%,#000000 25%,#111111 100%);
background: -ms-linear-gradient(top, #3f3f3f 0%,#000000 25%,#111111 100%);
background: linear-gradient(to bottom, #3f3f3f 0%,#000000 25%,#111111 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#000000',GradientType=0 );
	border-bottom		: 1px dotted #333333;
}
.enter a{ padding : 16px 0px; display : block;  color : #FFF000;}

.exit{ width			: 100%; }
.exit p{ display			: block; margin : 0 5px 5px 5px; }
.exit span{
	display			: block;
	font-size		: 14px;
	font-weight		: normal;
	text-align		: center;
	text-decoration		: none;
	text-shadow		: 1px 1px 0px #000000;

background: #3f3f3f;
background: -moz-linear-gradient(top, #3f3f3f 0%, #000000 25%, #111111 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(25%,#000000), color-stop(100%,#111111));
background: -webkit-linear-gradient(top, #3f3f3f 0%,#000000 25%,#111111 100%);
background: -o-linear-gradient(top, #3f3f3f 0%,#000000 25%,#111111 100%);
background: -ms-linear-gradient(top, #3f3f3f 0%,#000000 25%,#111111 100%);
background: linear-gradient(to bottom, #3f3f3f 0%,#000000 25%,#111111 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#000000',GradientType=0 );
	border-bottom		: 1px dotted #333333;
}	

.exit a{ padding : 3px 0px; display	: block; color : #FFF; }

#shopTell{
	font-size		: 22px;
	text-align		: center;
	padding			: 5px 0;
	clear			: both;
	display			: block;
	margin			: 0 5px 5px 5px;
	border-radius		: 5px;
   	-webkit-border-radius	: 5px;
  	-moz-border-radius	: 5px;
	border			: 1px solid #111111;
	background		: #66ccff ;
	text-shadow		: 1px 1px 0px #000000;
}

#shopTell a { color	: #000000; }

#shopTell span {
	display			: block;
	margin			: 0 0 0 0;
	font-size		: 11px;
	line-height		: 11px;
	color			: #9966cc;
}
#workOur{
	font-size		: 22px;
	text-align		: center;
	padding			: 5px 0;
	clear			: both;
	display			: block;
	margin			: 0 5px 10px 5px;
	border-radius		: 5px;
   	-webkit-border-radius	: 5px;
  	-moz-border-radius	: 5px;
	border			: 1px solid #111111;
	color:#000000;
	background		: #66ccff ;
	text-shadow		: 1px 1px 0px #000000;
}
#workOur span{
	font-size		: 13px;
	color			: #111111;
}

#workOur font{
	display			: block;
	margin			: -3px 0 0 0;
	font-size		: 11px;
	line-height		: 11px;
	color			: #9966cc;
}


/***** top *****/

#imageup{
	font-size		: 0;
	line-height		: 0;
}

.cover{
	width			: 100%;
	display			: block;
	padding			: 7px 0 0 0;
	margin			: 0 0 10px 0;
	text-align		: center;
	border-bottom		: 1px dotted #333333;
	background		: #000000;
}

.cover  img{
	border			: 1px solid #000000;
}




/* topmenu */

.footerMenu{ width	: 100%; border-top : 3px solid #333333; border-bottom : 3px solid #333333; margin : 0 0 10px 0; }

.footerMenu ul{ clear : both; }

.footerMenu ul li{ float : left; width	: 50%; font-size: 14px; background: #3f3f3f;
background: -moz-linear-gradient(top, #3f3f3f 0%, #000000 25%, #111111 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(25%,#000000), color-stop(100%,#111111));
background: -webkit-linear-gradient(top, #3f3f3f 0%,#000000 25%,#111111 100%);
background: -o-linear-gradient(top, #3f3f3f 0%,#000000 25%,#111111 100%);
background: -ms-linear-gradient(top, #3f3f3f 0%,#000000 25%,#111111 100%);
background: linear-gradient(to bottom, #3f3f3f 0%,#000000 25%,#111111 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#000000',GradientType=0 );
	border-bottom		: 1px dotted #333333;
}

.footerMenu ul li.full { width	: 100%; }

.footerMenu ul li p{ line-height:15px; }
.footerMenu ul li p span{ font-size:10px; color:#666; display : block; }

.footerMenu ul li:nth-child(2n)  span{ display : block; }
.footerMenu ul li a{ height:27px; display : block; padding : 10px 10px 10px 37px; color			: #ffffff;
	background		: url(../images/crown.png) no-repeat 8px 50%;
	background-size		: 22px 22px; -webkit-background-size : 22px 22px; -moz-background-size	: 22px 22px;
	border			: 1px solid #000000;
}

/* submenu */
.submenu{ font-size		: 12px;
	text-align		: center;
	color			: #999999;
	margin			: 0 0 10px 0;
}

/* header */

header{ width : 100%; }

#headerBG{ width:100%; background:#434343 url(../../images/shop/headerBGSp.png) repeat-x ; }

header h1{
	width			: 100%;
	height			: 20px;
	text-align		: center;
	font-size		: 12px;
	line-height		: 20px;
	margin			: 0 0 5px 0;
}

header h1 a{
	color			: #ff3399;
}

.h_right{
	width			: 50px;
	height			: 65px;
	float			: right;
}
.h_right p{
	padding			: 7px 0 0 0;
	float			: left;
	width			: 50px;
	text-align		: center;
	background		: url(../images/hr_line.gif) no-repeat 0 0;
}

#h_tel{
	width			: 140px;
	margin			: 13px 0 0 auto;
}

#h_tel span a{
	font-size		: 13px;
	padding			: 0;
}


.shop{
	border-top		: 1px dotted #99ccff;
}

.shop p{
	width			: 50%;
	float			: left;
	text-align		: center;
	font-size		: 12px;
}

.shop p span,.shop p a{
	color			: #f6af00;
}

#menuH{	width : 165px; background:#434343 ; position: fixed; top:0; right:0; z-index:10;  }

#menuH ul{ height : 50px;}
#menuH li{ width : 55px; height: 50px; float: left; }

#menuH li a{
	display			: block;
	height			: 50px;
	width			: 55px;
	font-size		: 0;
	line-height		: 0;
}

#menuH li:last-child a{
	display			: block;
	height			: 50px;
	font-size		: 0;
	line-height		: 0;
}

#menu ul:after{
	content			: "";
	display			: block;
	clear			: both;
}




.headline{
	border-bottom		: 1px dotted #424b50;
	background		: #000000;
}

.headline p{
	overflow		: hidden;
	overflow		: -webkit-marquee;
	display			: -wap-marquee;
	-wap-marquee-loop	: infinite;
	white-space		: nowrap;
	color			: #ffffff;
}

.clear{clear:both;}
.clear hr{display:none;}
.center { text-align: center; }
.left { text-align: left; }
.image{ width: 100%; }
.image33{ width: 33%; }
.image50{ width: 50%; }
.yellow { color:#FFF000; }
.red { color:#FF0000; }
.blue { color:##9966CC; }

#indexBox { width:100%; text-align:center; padding:15px 0; }
.pageBox  { padding:5px 5px 5px; text-align:center; position:relative; border:1px solid #dbdbdb; background:#FFFFFF; margin: 0 5px 20px }
.pageBT { width:100%; max-width:640px; height:10px; background:url(../../images/shop/pageSPBT.png) no-repeat ; background-size:100% 10px;}
.pageTitle { height:27px; margin:25px 5px 10px; padding: 6px 0 0 33px; border-bottom:1px dashed #111111; }
.pageTitle span{ font-size:17px; }
.diaryPage { width:90%; list-style:none; font-size:14px; margin:0 auto;}
.diaryPage li{ display: inline-block; }
.diaryPage li a{ display: block; padding:4px; }

#ninshoImgBox { text-align:center; margin:10px;}

#PCENTER { margin:8px ; text-align:center;}
#ENTERBOX img { margin:0 8px;}
#ENTERDESC { background:#000000; color:#FFFFFF; font-size:10px;  padding:8px 0; text-align:center;}

.indexInfoImgBox { width:90%; margin:10px auto;}
.indexInfoImgBox .indexInfoImg { width:90%; float:left; text-align:center; }
.indexInfoImgBox .indexInfoImg img{ width:100%; }

.commonInfoImgBox { width:90%; margin:0 auto ;}
.commonInfoImgBox .indexInfoImg { width:90%; text-align:center; }
.commonInfoImgBox .indexInfoImg img{ width:100%; }

#topBox { width:95%; margin:10px auto 0; text-align:center; padding: 0 0; }
#pickUpBoxIn { width:299px; height:365px; background:url(../images/pu_bg.jpg) no-repeat top center; margin: 0 auto 10px; position:relative;}
.pickUpBox { width:210px; height:310px; position:absolute; top:17px; right:17px;}
.pickUpBox .name {   color: white;   font-size: 1.2em;   font-weight: bold;   padding: 1px 0 0; }
.pickUpBox .size {   color: white;   font-size: 1em;   padding: 0 0 0; }

#topPick { padding-top:5px; }
#topPick p.name{ padding-top:5px; font-size: 15px; color: #FF00FF }
#topPick p.size{ padding:5px 0; color: #ef2160 }
#topPick p.comment{ padding-bottom:5px; }

#toNewGirlBox { text-align:center;}
#toNewGirlBox ul { list-style:none; margin:0 auto; text-align:left; }
#toNewGirlBox ul li	{ padding:5px 5px 5px; text-align:center; position:relative; border:1px solid #dbdbdb; background:#FFFFFF; margin: 0 5px 10px }
#toNewGirlBox .iconBox		{ height:27px; text-align:left }
#toNewGirlBox .icon { width:27px ; height:27px; float:left; padding:0 1px 0 0;}
#toNewGirlBox .imageL { float:left; margin: 5px 5px }
#toNewGirlBox .divR { float:right; }
#toNewGirlBox .name	{ color:#FF00FF; text-align:left; font-weight: 900; font-size: 15px; }
#toNewGirlBox .comment	{ text-align:left; }
#toNewGirlBox .size	{text-align:left; border-bottom:1px dashed #dbdbdb; padding-bottom:5px; margin-bottom:5px;color: #ef2160 }
#toNewGirlBox .date	{ background-position:0 1px; padding-left:18px; color:#45aaff ; text-align:left; }
#toNewGirlBox .girlBT { width:100%; max-width:640px; height:10px; background:url(../../images/shop/pageSPBT.png) no-repeat ; background-size:100% 10px; position:absolute; left:0; bottom:-11px;}
#topBnn { margin:10px 0;}

#allGirlsBox{ margin-top:10px; color:#111111; text-align:center; }
#allGirlsBox ul		{ padding:5px 0 10px;margin:0 20px 0;list-style:none;border:solid 0px blue;}
#allGirlsBox li		{width:45%;  height:300px; padding:10px 2px 10px;text-align:center; display:inline-block ;vertical-align: top;  line-height:1.3em;position:relative; overflow:hidden;}
#allGirlsBox .img img	{margin:0 auto 0;border:solid 1px white;box-shadow:silver 0px 0px 4px; }
#allGirlsBox .name		{display:block;font-size:14px; color:#FF00FF;padding:5px 0 2px;}
#allGirlsBox .size		{display:block;font-size:12px;}
#allGirlsBox .time		{display:block;font-size:13px;color: #ef2160; }
#allGirlsBox .iconBox { width:113px; height: 27px; margin: 0 auto 3px; }
#allGirlsBox .icon { float: left; height: 27px; padding: 0 1px 0 0; width: 27px; }
#allGirlsBox .comment	{display:block;font-size:13px;}

#attendantBoxBig{ margin-top:10px; color:#111111; text-align:center; }
#attendantBoxBig ul		{ padding:5px 0 10px;margin:0 20px 0;list-style:none;border:solid 0px blue;}
#attendantBoxBig li		{width:45%;  height:285px; padding:10px 2px 10px;text-align:center; display:inline-block ;vertical-align: top; line-height:1.3em;position:relative; overflow:hidden;}
#attendantBoxBig .img img	{margin:0 auto 0;border:solid 1px white;box-shadow:silver 0px 0px 4px; }
#attendantBoxBig .name		{display:block;font-size:14px; color:#FF00FF;padding:5px 0 2px;}
#attendantBoxBig .size		{display:block;font-size:12px;}
#attendantBoxBig .time		{display:block;font-size:13px;color: #ef2160; }
#attendantBoxBig .iconBox { width:113px; height: 27px; margin: 0 auto 3px; }
#attendantBoxBig .icon { float: left; height: 27px; padding: 0 1px 0 0; width: 27px; }
#attendantBoxBig .comment	{display:block;font-size:13px;}


#attendantBoxBigList{ margin-top:10px; color:#111111; text-align:center; }
#attendantBoxBigList ul		{ padding:5px 0 10px;margin:0 20px 0;list-style:none;border:solid 0px blue;}
#attendantBoxBigList li		{width:100%; padding:5px 0 5px; border-bottom: 1px dashed #333333 ; text-align:center; display:inline-block ; vertical-align: top; line-height:1.3em;position:relative; overflow:hidden;}

#attendantBoxBigList li	.girlL { width: 30%; max-width: 100px ; float: left; }
#attendantBoxBigList li	.girlR { width: 70% ; float: left; text-align: left; box-sizing: border-box; padding: 5px 0 0 10px; }
#attendantBoxBigList li	.girlL img	{ width: 100px; margin:0 auto 0;border:solid 1px white; }
#attendantBoxBigList .name		{display:block; font-weight: bold; color:#FF00FF;padding:5px ;font-size:15px;}
#attendantBoxBigList .size		{display:block; padding: 0 5px 5px ; color: #ef2160}
#attendantBoxBigList .time		{ background: #f0c18f;	padding: 5px; color: #FFFFFF; display:block;font-size:15px; }
#attendantBoxBigList .iconBox { height: 27px; margin: 0 auto 3px; }
#attendantBoxBigList .icon { float: left; height: 27px; padding: 0 1px 0 0; width: 27px; }
#attendantBoxBigList .comment	{display:block;font-size:14px; color: #222222 ; }



/* attendant.php */
#weekList { width:100%; height:28px; font-size:12px; overflow:hidden; text-align:center; margin:10px auto 0; list-style:none;}
#weekList td { width:14%; background:#eed5ba; }
#weekList td.today { background:#eeac66; }
#weekList td a{ width:100%; height:53px; line-height: 17px ; padding:10px 0 0;  color:#FFFFFF; display:block; }
.todayD { font-size:14px; color:#FFF; background:#f0c18f; padding:5px; margin-top:10px;}


/* girls.php */
#iconBox{ height:30px; margin:5px; text-align:left; }
#iconBox img{ margin:0 3px 0; } 

.girlImageBig { width:100%; height:390px; margin:5px auto 0; }

#movieBox {width: 320px; margin: 0 auto; }
#movieBox ul{ list-style: none; }
#movieBox li{ width: 95%; height: 280px; display: inline-block; margin: 10px auto; text-align: center; vertical-align: top; font-size: 14px; color: #222222 ; }
#movieBox li .name { font-size: 16px ; font-weight: bold; color: #fc8abc; }
#movieBox li video {width:100%; height:200px; background: #111111;  margin: 0 auto; }

.profMovie { margin: 15px auto; }
.profMovie ul{ list-style: none; text-align: center ;}
.profMovie li{ width: 280px; 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:158px; background: #111111;  margin: 0 auto; }

#mainImages img{ width: 70% } 
#girlInfo_galla { background:#FFFFFF; padding:10px 10px; }
.girlInfoBodyImageBig { float:left;}
.girlInfoBodyImageSmall { width:100px; float:right;}
#girlInfo_pro { background:#FFFFFF; padding:10px 15px 11px; }
#girlInfo_pro table{ width: 100%; border:none; padding:0; margin:0 ; text-align:left; font-size: 90%; }
#girlInfo_pro table th{ width:125px; font-weight: normal; border-bottom:1px dashed #dadada; padding:8px 0 5px;}
#girlInfo_pro table td{ font-weight: normal; border-bottom:1px dashed #dadada; padding:8px 0 5px;}


#girlInfo_pro ul { list-style:none; text-align:left; font-size:13px; color:#FFFFFF; margin-top:11px; }
#girlInfo_pro ul li{ display:inline-block; width:48%; margin-right:1% ; margin-bottom:1px; padding:5px 0; background:#eeac66 ; color:#FFFFFF; text-align:center;}
#girlInfo_pro ul li.no{ color:#ebc092 ; }
#girlInfo_pro ul.pay li {  background: #14baff none repeat scroll 0 0;}
#girlInfo_pro ul.pay li.no {    color: #4fcbff;}
.opTitlePro { border-left: 5px solid #000000;
    margin-top: 15px; padding-left: 10px;
    padding-top: 3px; text-align: left; }
.opTitlePro:first-child {
    margin-top: 25px;
}
.opTitlePro span { font-size: 105%; }


.girlInfo0 .dot1{ height:1px; background:url(../../images/shop/conceptDot1.png) ; margin:0 auto;} 
.girlInfo0 .dot2{ width:1px; height:25px; background:url(../../images/shop/conceptDot2.png) ; margin-left:3px; margin-bottom:5px;  } 
.girlInfo0 h2 {
	text-align:left;
  border-left: 7px solid #f0c18f;
  font-size: 14px;
  margin-top:15px;
  margin-bottom: 5px;
  padding: 10px 0 5px 10px;
}
.girlInfo1 { padding:10px; line-height:22px;　background:#FFFFFF; text-align:left; }
.girlInfo2 { background:#FFFFFF; padding:10px 10px 10px; }
.girlInfo2 table{ border:none; padding:0; margin:0 ; text-align:center; }
.girlInfo2 table th{ width:125px; font-weight: normal; border-bottom:1px dashed #dadada; padding:8px 0 5px;}
.girlInfo2 table td{ width:260px; font-weight: normal; border-bottom:1px dashed #dadada; padding:8px 0 5px;}

.girlInfo3 { background:#FFFFFF;}


/* mailMagagine.php */
#mmExp { text-align:left; padding:10px; }
#mmExp h2 {
	text-align:left;
  border-left: 7px solid #f0c18f;
  font-size: 14px;
  margin-top:15px;
  margin-bottom: 5px;
  padding: 10px 0 5px 10px;
}
#mmExp .dot2{ width:1px; height:25px; background:url(../../images/shop/conceptDot2.png) ; margin-left:3px; margin-bottom:5px;  } 

#formWrap {text-align:left; padding:10px; }

#creditBox { width:100%; text-align:left; margin:0 auto; padding:5px 0  ; }
#creditBox div.title { border-left:#f0c18f solid 7px; padding: 7px 0 7px 8px; font-size:14px; }
#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: 0 10px; padding:0 0 5px 5px; }
#creditBox h1 { background: #f0c18f none repeat scroll 0 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: normal;
  margin: 20px auto 20px;
  padding: 7px 5px 5px;
  text-align: center;
  width:90%;
}
.creditL { margin-top:20px; }
.creditR { margin-top:20px; }
.creditExp { padding:0 10%; margin-bottom:15px; }
.creditExp2 { padding:0 10%; margin-bottom:15px; }
.creditCompany { width:90%; border:1PX #CDCDCD solid; padding:10px; margin:10px auto 10px ; }
.creditButton { width:65%; background: #a0a0a0 none repeat scroll 0 0; border: 1px solid #a0a0a0; border-radius: 5px; 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 #FFFFFF ; }


/* system.php */

#newsBox{ text-align:left; padding: 2% 2% 0 ; font-size:12px; margin-bottom:15px; line-height:22px; }
#newsBox1{ padding: 10px;}

#systemLink { margin:15px auto 5px; }
#systemLink p{ width:85px; height:35px; float:left; margin:0 2px; }
#systemLink a{ width:85px; height:35px; font-size: 13px; vertical-align:middle ; display: block; line-height:35px; border-radius:15px; color:#FFFFFF; text-align:center; }
#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:#EDEDED ; padding:0 0 0 8px ; line-height:25px ; margin:15px 0 0;}

.errorBox { color: #ff7b7b ; padding:7px ; border:1px dashed #222222 ; }
.errorI { background: #9cf2ff ; }

#reserveBox  {  max-width:640px; padding: 10px 10px 15px; line-height:22px;	 text-align:left ;}
#reserveBox table{ width:100% ; border:none; padding:0; margin:0 ; text-align:left; margin-bottom:15px; }
#reserveBox table td{ font-weight: normal; border-bottom:1px dashed #dadada; padding:8px 0 5px; line-height:16px;}
#reserveBox table td input{ width:85% ; } 
#reserveBox table td textarea{ width:85% ; } 
#reserveBox table td input[type="radio"]{ width:20px ; } 

#reserveBox table td select{ width:85% ; } 
#reserveBox table td select.s40{ width:40% ; } 

#reserveBox table td input,#reserveBox table td select,#reserveBox table td textarea{ margin-top:10px;} 

#reserveBox table th { font-size:12px; color:#999999 ; }
#reserveBox table th span , #reserveBox table td span { font-size:11px; color:#999999 ; }
#reserveBox input.soushin {   background: #a0a0a0 none repeat scroll 0 0;   border: 1px solid #a0a0a0; border-radius: 50px; color: #ffffff; cursor: pointer; margin-top: 8px; padding: 7px 10px }
#reserveBox div.exp { font-size:12px; color: #2879ff ; }
#reserveBox div.exp span{ font-size:12px; color: #ff4628 ; }
#reserveBox h2 { background: #f0c18f none repeat scroll 0 0; color: #ffffff; font-size: 13px; font-weight: normal;   margin: 15px auto 10px; padding: 7px 5px 5px; text-align: center; width: 95%; }

#reserveBox ul li { margin: 0 0 0 15px; padding: 2px 0; }

.systemBox1  {  max-width:640px; padding: 10px 10px 15px; line-height:22px;	 text-align:left ;}
.systemBox1 table{ width: 100%; border:none; padding:0; margin:0 ; text-align:left; margin-bottom:15px; }
.systemBox1 table th{ width:100px; font-weight: normal; border-bottom:1px dashed #dadada; padding:8px 0 5px 5px ;color:#A0A0A0; line-height:16px;}
.systemBox1 table td{ width:290px; font-weight: normal; border-bottom:1px dashed #dadada; padding:8px 0 5px; line-height:16px;}

.systemBox2  {  max-width:640px; padding:10px; line-height:22px;	 text-align:left ;}
.systemBox3  {  max-width:640px; padding:10px; line-height:22px;	 text-align:left ;}
.systemBox3 .card { text-align:center; margin:5px;}
.systemBox3 .card img{ margin:5px;}

.systemBox4  {  max-width:640px; padding:10px; line-height:22px;	 text-align:left ;}
.systemBox5  {  max-width:640px; padding:10px; line-height:22px;	 text-align:left ;}

.systemBox6  {  max-width:640px; padding:10px 10px 15px; line-height:22px;	 text-align:left ;}
.systemBox6 table{ border:none; padding:0; margin:0 ; text-align:left; margin-bottom:15px; }
.systemBox6 table th{ width:120px; font-weight: normal; border-bottom:1px dashed #dadada; padding:8px 0 5px 10px; color:#A0A0A0; line-height:16px;}
.systemBox6 table td{ width:130px; font-weight: normal; border-bottom:1px dashed #dadada; padding:8px 0 5px; line-height:16px;}

.systemBox7  {  max-width:640px; padding:15px; line-height:22px;	 text-align:left ;}
.systemBox7 ul { list-style:none; text-align:left; font-size:13px; color:#FFFFFF; margin-top:7px; margin-bottom:5px; }
.systemBox7 ul li{ display:inline-block; width:48%; margin-right:2px; margin-bottom:2px; padding:3px 0; background:#eeac66 ; text-align:center; border-radius:5px;}

.systemBox8  {  max-width:640px; padding:10px; line-height:22px;	 text-align:left ; }
.systemBox8 ul { list-style:none; text-align:left; font-size:13px; color:#FFFFFF; margin-top:7px; margin-bottom:15px; }
.systemBox8 ul li{ display:inline-block; width:48%; margin-right:2px; margin-bottom:2px; padding:3px 0; background:#14baff ; text-align:center; border-radius:5px;}

.systemBox9  {  max-width:640px; padding:10px; line-height:22px; text-align:left ;}
/*.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:13px; color:#FFFFFF; margin-top:7px; margin-bottom:15px; }
.systemBox9 ul li{ display:inline-block; width:48%; margin-right:2px; margin-bottom:2px; padding:3px 0; background:#027102 ; text-align:center; border-radius:5px;}

.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%; }

.systemBox10  {  max-width:640px; padding:15px 25px; line-height:22px;	 text-align:left ;}
.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:15px; margin-bottom:15px; }
.systemBox10 table th{ width:125px; font-weight: normal; border-bottom:1px dashed #dadada; padding:8px 0 5px; line-height:16px;}
.systemBox10 table td{ width:260px; font-weight: normal; border-bottom:1px dashed #dadada; padding:8px 0 5px; line-height:16px;}


#systemBoxLL { box-sizing: border-box ; border:1px solid #dbdbdb ; background:#FFFFFF; text-align:left; margin:0 auto; font-size: 15px;  padding: 7px; margin: 0 7px;}
.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: 7px; line-height:22px; border:none ; }
#systemBoxLL .systemBox1 table{ width: 100% ; border:none; padding:0; margin:0 ; text-align:left; margin-bottom:15px; }
#systemBoxLL .systemBox1 table th{ width:30%; font-weight: normal; border-bottom:1px dashed #dadada; padding:8px 0 5px 25px ;color:#A0A0A0}
#systemBoxLL .systemBox1 table td{ 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: 10px;
	left: 7px;
	z-index: 2;
	content: '';
	width: 14px;
	height: 14px;
	border: 3px solid;
	border-radius: 100%; border-color: #eeac66;; font-weight: 900
}
#systemBoxLL h4 { font-size: 16px;
	padding-left: 25px;
	padding-right: 23px;
	padding-bottom: 5px;
}
#systemBoxLL h4 { font-size: 16px; font-weight: 900; }
#systemBoxLL span.komi {
	display: inline-block;
	padding: 3px 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: 100% ; }
.couseTable tr{  border: 1px solid #d8d8d8 ; border-bottom: none;}
.couseTable tr:last-child{  border-bottom: 1px solid #d8d8d8 ; }
.couseTable th{ padding: 0 0; vertical-align: top; text-align:  center}
.couseTable td{ width: 15%; padding: 5px 0; font-size: 13px; vertical-align: top; text-align: center ; font-weight: bold; }
.couseTable tr.bgGray { background: #f5f5f5 }

.couseTable td.time{ text-align: center; font-size: 13px; font-weight: normal; color: #A0A0A0}
.couseTable td.timeL{ text-align: center; font-size: 13px; font-weight: normal; color: #A0A0A0}
.couseTable td.exp{ font-size: 15px;line-height: 20px; text-align: left ;  font-weight: normal}
.couseTable div.title { padding: 0 0 0 8px;	font-size: 14px; font-weight: normal; }
.couseTable div.title h4{ border-bottom: 2px solid #f5f5f5; }

.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 ; }
#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: 0;
}


#flowL h1, #flowR h1{ margin:5px auto 3px; background:#a0a0a0; color:#ffffff; font-weight:normal; text-align:center; padding:3px; font-size:12px;}
.flowBox1  { padding: 10px 10px 15px; line-height:22px;	 text-align:left ; background:#FFFFFF; }
.flowBox2  { padding: 10px 10px 15px; line-height:22px;	 text-align:left ; background:#FFFFFF; }
.flowBox3  { padding: 10px 10px 15px; line-height:22px;	 text-align:left ; 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-block; margin-right:1px; margin-bottom:1px; padding:5px 13px; background:#bebebe ; text-align:center; border-radius:15px;}

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


#conceptBox { background:#FFFFFF; text-align:center; padding: 10px 10px 10px}
#conceptBox .dot1{ 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 { padding:15px; }
#conceptExp { margin: 30px auto ; text-align:left;}

#conceptBox h1{ margin:40px auto 25px; background:#f0c18f; color:#ffffff; font-weight:normal; text-align:center; padding:7px 5px 5px; font-size:16px;}
#conceptBox div.concept { margin:15px 18px; text-align:left; }
#conceptBox div.concept h2{ font-size:15px; font-weight:900; margin-bottom:5px}
#conceptBox div.concept h3{ font-size:12px; 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; }

.attention   {  max-width:640px; padding:10px; line-height:22px;	 text-align:left ; }
.attention li {
  font-size: 12px;
  list-style: square outside none !important ;
  margin-left: 15px;
}
.attention h2 {
  background: none repeat scroll 0 0 #111111;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 15px;
  padding: 5px ;
  text-align: center;
}
.dot1 {
  background: url(../../images/shop/conceptDot1.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}
#attentionExp     {  max-width:640px; padding:10px; line-height:22px;	 text-align:left ; }

#campainBox{ width:95%; margin:0 auto; text-align:center; ; padding: 0 ; color:#EEE; font-size:12px; }
#campainBox img { width:100%; margin:0 auto 5px; } 


#event_img{
	padding			: 0 5px;
	margin			: 0 0 5px 0;
}

#event_img img{
	margin			: 0 0 0 0;
	font-size		: 0px;
	line-height		: 0px;
}

.ticketExp { margin:10px 10px 10px 30px; }
.printable { text-align: center; }
.printable img { width:100%; max-width:576px ; }


#eventBox { width:90%; margin:0 auto; text-align:left; }
#eventBox .newsContent { padding:10px; }
#eventCalender { padding:10px;}
#eventCalender ul{ list-style:none; }
#eventCalender ul li {
	text-align:center;
	font-size:13px;
  background: none repeat scroll 0 0 #CCCCCC;
  color: #FFFFFF;
  margin:0 3px 3px 0 ;
  float: left;
  width: 32%;
}
#eventCalender ul li a{ padding: 5px 0 5px; display:block; color:#FFF; }
#eventCalender .calenderDate { font-size:14px; color:#FFF; background:#f0c18f; padding:5px; margin-top:10px; text-align:center;} 

/* reserve.php */


#jobOfferBox{ text-align:left; color:#111111; font-size:100%; }
#jobOfferBox h2 { font-size:14px; padding:10px 0 5px 10px ; color:#888888 ; 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 10px 10px; line-height:22px;	  background:#FFFFFF; }
.jobOfferBox1 img  { max-width:260px;}

.jobOfferBox2  {  padding: 10px 10px 10px; line-height:22px;	  background:#FFFFFF; }
.jobOfferBox3  {  padding: 10px 10px 10px; line-height:22px;	  background:#FFFFFF; }
.jobOfferBox3 table{ width:100%; border:none; padding:0; margin:0 ; text-align:left; margin-bottom:15px; }
.jobOfferBox3 table th{ width:25%; font-weight: normal; text-align:center; background:#c4c4c4 ; color:#FFFFFF ; padding:8px 12px 5px ; }
.jobOfferBox3 table td{ width:75%; font-weight: normal; text-align:center; border-bottom:1px dashed #dadada; padding:8px 0 5px ;}
.jobOfferBox4  {  padding: 10px 10px 10px; line-height:22px;	  background:#FFFFFF; }
.jobOfferBox4 table{ width: 100%;  border:none; padding:0; margin:0 ; text-align:left; }
.jobOfferBox4 table th{ width:125px; font-weight: normal; border-bottom:1px dashed #dadada; padding:8px 0 5px; padding-left:5px; }
.jobOfferBox4 table td{ width:260px; font-weight: normal; border-bottom:1px dashed #dadada; padding:8px 0 5px; color:#666666;}
.jobOfferBox4 ul { list-style:none; text-align:left; font-size:90%; color:#FFFFFF; margin-top:7px; margin-bottom:5px; }
.jobOfferBox4 ul li{ display:block; width:90%; line-height:15px; margin-bottom:2px; padding:3px 5px; background:#ff7b7b ; text-align:center; border-radius:10px;}
.jobOfferBox5  {  padding: 10px 10px 10px; line-height:22px;	  background:#FFFFFF; }
.jobOfferBox5  img{ width:130px; margin:3px 0 2px 6px;}
.jobOfferBox6  {  padding: 10px 10px 10px; line-height:22px;	  background:#FFFFFF; }
.jobOfferBox7  {  padding: 10px 10px 10px; line-height:22px;	  background:#FFFFFF; }
.jobOfferBox8  {  padding: 10px 10px 5px; line-height:22px;	  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; }


/*----------------------------------------------------
	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;}

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

#map 			{width:660px;height:480px;background:url(../images/shop/accessmap.jpg);position:relative;overflow:hidden;}
#map #map1		{width:30px;height:30px;position:absolute;top:45px;left:300px;cursor:pointer;}
#map #map2		{width:30px;height:30px;position:absolute;top:80px;left:350px;cursor:pointer;}
#map #map3		{width:30px;height:30px;position:absolute;top:132px;left:335px;cursor:pointer;}
#map #map4		{width:30px;height:30px;position:absolute;top:200px;left:365px;cursor:pointer;}
#map #map5		{width:30px;height:30px;position:absolute;top:250px;left:327px;cursor:pointer;}
#map #map6		{width:30px;height:30px;position:absolute;top:250px;left:440px;cursor:pointer;}
#map #map7		{width:30px;height:30px;position:absolute;top:340px;left:480px;cursor:pointer;}
#map #map8		{width:40px;height:40px;position:absolute;top:265px;left:558px;cursor:pointer;}
#map #map9		{width:30px;height:30px;position:absolute;top:265px;left:520px;cursor:pointer;}

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

#mapTable td{ padding:5px;}

/*----------------------------------------------------
	recruit.php
----------------------------------------------------*/
.recruitbox				{width:90%; padding:1px 9px 0px;margin:0 auto; text-align:center;}

#SlideGalleryWrapper	{width:90%; position:relative;}
#SlideGallery			{width:90%; 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:100%; 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;}

/*----------------------------------------------------
	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%;}

/*----------------------------------------------------
	news.php
----------------------------------------------------*/
.newsDiv	{margin:10px; font-size: 14px;}
.newsDiv p.img{ margin:10px; text-align:center; }
.addDate	{background: #f0c18f ; padding:5px; font-size:14px; color:#FFFFFF;}
.info{ font-weight:bold; color: #CCCC33 ; }

#ranking { cursor:pointer; }

#footerDiv { width:100%; margin:10px auto 0; }
.footerBnn { width:80%; margin:10px auto ; text-align:center;}


#writeVoiceV { width: 198px; height:39px; float:right; margin:0px 20px 0px 0;}
#writeVoiceV a{ width: 198px; height:39px; display:block; }

#girlInfoVoice { border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right: 1px solid #cccccc;  margin:0 auto 5px; padding:10px 0;}
#girlInfoVoice .girlVoiceBoxInfo {  border-bottom:2px dotted #000000; margin:0 auto 5px; }
#girlInfoVoice .voiceCustName { width:211px; height:32px; background:url(http://zzzsmz2.sakura.ne.jp/images/tokyoMusume/shop/voiceCustName.jpg) no-repeat top left; padding-top:3px; padding-left:30px; font-size:17px; }
#girlInfoVoice .voiceAddDate { width:255px; height:32px; background:url(http://zzzsmz2.sakura.ne.jp/images/tokyoMusume/shop/voiceAddDate.jpg) no-repeat top left; padding-top:5px;  padding-left:30px;font-size:15px; }
#girlInfoVoice .voiceInfo { width:95%; padding:10px 0 5px; text-align:left; margin:0 auto;} 

#flowBox { width:100%; max-width:460px; margin:0 auto 15px; }
.flowTitleImg { width:100%; max-width:460px; margin:0 auto 10px; }

#jPanelMenu-menu ul {font-size: 95%;}


.contents { background-size: 100%; }
#bodyWrap { padding-bottom: 50px; }

header{ position:relative; }
#headerBG { width:100%; font-size: 15px; text-align: center; color: #FFF }
#headerBG div { background: linear-gradient(90deg, #000000, #111111, #111111, #000000); line-height: 110% ;  padding: 5px 0; letter-spacing: 0 }
#headerBG a{ color: #FFF ; }
#headerBG img{ width:100%; }
.header { display: table; height: 100%; width: 100%; position: relative;}

#headerMenu { margin: 5px 0; }
#headerMenu ul{ width: 100%; list-style: none; text-align: center; padding: 0 ; margin: 0}
#headerMenu li{ width: 25%; display: inline-block ;	font-size: 11px ; line-height: 11px; vertical-align: top ; letter-spacing: -1px; }
#headerMenu li a{ font-weight: 900; color: #ff0064; }
#headerMenu li a span{ color: #FFF; font-size: 10px ; line-height: 10px; display: block; }

#footerNav { width: 100% ; position: fixed; text-align: center; bottom: 0 ; left: 0 ; z-index: 1100 ; padding: 10px 0 0}
#footerNavIn { background: rgba(0,0,0,0.7) ; }
#footerNavIn ul {
	max-width: 750px;
	width: 100%;
	border-top: 2px #000000 solid;
	list-style: none;
	margin: 0 auto;
	border-top: 2px #000000 solid;
	
}
#footerNavIn ul li:first-child a {
	background: #fc8d26; display: block;
}

#footerNavIn ul li {
	width: 50%;
	overflow: hidden;
	display: inline-block;
}
#footerNavIn ul li img {
	height: 35px;
}
.drawer-hamburger { z-index: 300; padding-top: 11px; }
.drawer--right .drawer-nav {
	right: -20rem;
}
.drawer--right.drawer-open .drawer-hamburger {
	right: 20rem;
}
.drawer-nav {
	position: fixed; padding: 10px 20px;
	z-index: 300;
	top: 0;
	overflow: hidden;
	width: 20rem;
	height: 100%;
	color: #FFF;
	background-color: #111; 
}
.drawer-nav li{ padding: 5px 0 ; font-size: 15px; line-height: 16px; border-bottom: 1px solid #111 ; }
.drawer-nav a{ color: #FFF ; }
.drawer-nav a span{ font-size: 11px; display: block; color: #FFF ; }

.drawer-hamburger { width: 25px ; }
.drawer-hamburger-icon, .drawer-hamburger-icon::before, .drawer-hamburger-icon::after {
	background-color: #FFF;
}
.drawer-hamburger-icon, .drawer-hamburger-icon::before, .drawer-hamburger-icon::after {
	height: 3px;
}

.pageBox { padding: 0 2%; }

.copyright { background: #000 ; color: #FFF ; margin-top: 10px; padding: 5px; }

.copyright span { color:#ff0064 ; font-size: 15px; font-weight: 900}
.copyright span a{ color:#ff0064}

#phone { width: 100%; height:39px; overflow: hidden; background: rgba(0,0,0,0.7) ; position: fixed;  left:0 ; top: -40px ; text-align:center; text-align: left; z-index:200 ; }
#phone a{ display: inline-block ; margin-left: 5px; color: #000 ; font-weight: 900 ;  }
#phone img{ max-width: 145px }

.box { background: url(../../images/shop/lineBorder.png) ; padding: 3px ; margin: 0 10px 15px; box-shadow: 0 0 5px rgba(0,0,0,0.18) ; border-radius: 7px ;  }
.boxW { background: #FFFFFF ; padding: 3px ; margin: 0 10px 15px; box-shadow: 0 0 5px rgba(0,0,0,0.18) ; border-radius: 7px ;  }
.boxIn { background:#FFFFFF ; padding: 10px;  } 

.headerTitle h2 { font-size: 21px;
	color: #FFF;
	text-shadow: 0 3px 10px rgba(0,0,0,0.9);
	text-align: center;
	line-height: 45px;
}
#headerBG h1 {
	width: 100%; height: auto !important ; margin: 0 ;
	text-align: center;
	font-size: 12px;
	background: none ;
}
#headerBG img{ max-width: 170px }
fieldset, img {
	border: 0;
	vertical-align: middle;
}