/*----------------------------------------------------------------------------------

■top

----------------------------------------------------------------------------------*/
/*Common Setting
----------------------------------------------------------------------------------*/
#wrap .mainCont > .section{
  margin-bottom: 15px;
  zoom: 1;
}
#wrap .mainCont > .section:after{content:""; display:block; clear:both; width:0; height:0;}
#wrap .mainCont .timezone{
  text-align: center;
  margin: 0 auto 10px auto;
}

/*#shopComm
----------------------------------------------------------------------------------*/
#wrap #mainCont #shopComm{
  margin: 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #e1e1e1;
  color: #888888;
}
#wrap #mainCont #shopComm h2{
  width: 100%;
  height: auto;
  background: none;
  text-indent: 0;
  font-size: 0.9em;
  line-height: 1.5em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #888888;
}

/*#topBanas
----------------------------------------------------------------------------------*/
#topBanas{
  width: 100%;
  text-align: center;
}
#topBanas > p{margin-bottom: 5px;}
#topBanas a:hover img{
  opacity: 0.8;
  filter: alpha(opacty=80);
}

/*#topNewface
----------------------------------------------------------------------------------*/
#wrap .mainCont #topNewface{
  padding: 10px;
  margin: 15px 0;
  border: 2px dotted #ece9cf;
  background: #fcfae9 url('../../images/shopmodule/top/topnewface_bg.png') repeat;
  border-radius: 5px;
  zoom: 1;
}
#wrap .mainCont #topNewface:after{content:""; display:block; clear:both; width:0; height:0;}
#wrap .mainCont #topNewface h2{
  background: url('../../images/shopmodule/top/topnewface_h2.png') no-repeat;
  background-position: left 1px;
  font-weight: normal;
  font-size: 1.3em;
  color: #786451;
  border-bottom: 1px solid #ece9cf;
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
  text-indent: 26px;
  width: inherit;
  height: inherit;
  min-height: 20px;
}
#wrap .mainCont #topNewface .girl{
  float: left;
  width: 20%;
  margin: 0 0 3px 0;
  height: 170px;
  display: block;
  padding: 5px 0 0 0;
  text-align: center;
  background-position: center top;
  background-repeat: no-repeat;
}
#wrap .mainCont #topNewface .girl li{
  font-size: 0.9em;
  line-height: 1.4em;
}
#wrap .mainCont #topNewface .girl li a img{border:1px solid #e1e1e1; width: 90px; height: auto;}
#wrap .mainCont #topNewface .girl li a:hover img{
  border-color: #fa94aa;
  opacity: 0.8;
  filter: alpha(opacty=80);
}

/*#event
----------------------------------------------------------------------------------*/
#wrap .mainCont #event > p{
  width: 100%;
  text-align: center;
  margin:0 0 10px 0;
}
#wrap .mainCont #event > p a img{border: none;}
#wrap .mainCont #event > p a:hover img{
  opacity: 0.8;
  filter: alpha(opacty=80);
}

/*#todaySyukkin
----------------------------------------------------------------------------------*/
#todaySyukkin h3{
  font-weight: normal;
  font-size: 1.1em;
  border-bottom: 1px dotted #e1e1e1;
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
  text-indent: 0;
  background: none;
}
#todaySyukkin ul{
  float: left;
  width: 19%;
  margin: 0 1% 8px 0;
  height: 182px;
  display: block;
  padding: 5px 0 0 0;
  text-align: center;
  background-position: center top;
  background-repeat: no-repeat;
  position:relative;
}
#todaySyukkin ul li{
  font-size: 0.9em;
  line-height: 1.4em;
}
#todaySyukkin ul li a img{border:1px solid #e1e1e1; width: 90px; height:auto;}
#todaySyukkin ul li a:hover img{
  border-color: #fa94aa;
  opacity: 0.8;
  filter: alpha(opacty=80);
}
#todaySyukkin ul li span.h{color: #3283a6;}
#todaySyukkin ul li span.o{color: #cd553d;}

/*debut*/
#todaySyukkin  ul .debut{
  margin:0 auto;
  position:absolute;
  right:0;
  left:0;
  bottom:0;
  font-size:10px;
  line-height:18px;
}
#todaySyukkin ul .debut span{font-weight:bold; color:#cc0000;}
/*taiken*/
#todaySyukkin ul .icon_taiken,
#todaySyukkin ul .icon_today,
#todaySyukkin ul .icon_houshi{
  position:absolute;
  top:0;
  right:4px;
}

#todaySyukkin ul li .reserved{
  position: absolute;
  top: 70px;
  left: 9px;
  z-index: 1000;
  background: #cc0000;
  width: 90px;
  color: #fff;
  padding: 2px 0;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}

/*#pickup
----------------------------------------------------------------------------------*/
#pickup #pbtn,
#pickup #pbtn2{zoom: 1;}
#pickup #pbtn:after,
#pickup #pbtn2:after{content:""; display:block; clear:both; width:0; height:0;}
#pickup #pbtn li{
  float: left;
  margin:0px 0px 6px 6px;
}
#pickup #pbtn li a:hover img{
  opacity: 0.8;
  filter: alpha(opacty=80);
}
#pickup > div{zoom: 1;}
#pickup > div:after{content:""; display:block; clear:both; width:0; height:0;}
#pickup > div .girl{
  float: left;
  margin: 0;
  padding: 6px 0 0 0;
  width: 20%;
  height: 168px;
  background-position: center top;
  background-repeat: no-repeat;
  text-align: center;
}
#pickup > div .girl li{
  font-size: 0.8em;
  line-height: 1.5em;
}
#pickup > div .girl li a{font-size: 1.2em;}
#pickup > div .girl li a img{border: 1px solid #e1e1e1; width: 90px; height: auto;}
#pickup > div .girl li a:hover img{
  opacity: 0.8;
  filter: alpha(opacty=80);
}

/*new*/
#pbtn2{zoom: 1; margin-bottom: 10px;}
#pbtn2:after{content:""; display:block; clear:both; width:0; height:0;}
#pbtn2 li{
display: inline-block;
position: relative;
width:12%;
float:left;
height:14px;
text-align:center;
padding:8px 0;
margin:0 3px 3px 0;
border-color: #aaa;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e9e9e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
border-radius: 3px;        /* CSS3草案 */  
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */
}

#pbtn2 li:nth-child(7n){
margin-right:0;
}


#pbtn2 li.hover{
opacity: 0.8;
filter: alpha(opacty=80);
}
#pbtn2 li.on:after{
position: absolute;
display: block;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
inset 0 0 100px rgba(0, 0, 0, 0.2);
background: rgba(255, 0, 0, 0.1); /* カラーを重ねる */
}

/*#girlsDiary
----------------------------------------------------------------------------------*/
#girlsDiary ul{
  width:87px;
  height:107px;
  float:left;
  padding:8px 0 0 0;
  margin:0 3px 3px 0px;
}
#girlsDiary ul li{
  font-size: 0.8em;
  line-height: 1.4em;
  text-align: center;
}
#girlsDiary ul li a{font-size: 1.1em;}
#girlsDiary ul li a img{border: 1px solid #e1e1e1; width: 60px; height: auto;}
#girlsDiary ul li a:hover img{
  opacity: 0.8;
  filter: alpha(opacty=80);
}

/*#system
----------------------------------------------------------------------------------*/
/*料金表*/
#system table{
  border-top: 1px solid;
  border-left: 1px solid;
  padding:0;
  margin-bottom:5px;
}
#system table th,
#system table td{
  padding:8px 5px;
  text-align: center;
  border-bottom: 1px solid;
  border-right: 1px solid;
  width: 20%;
  font-weight: normal;
}
#system table,
#system table th,
#system table td{border-color: #e1e1e1;}
#system table th{background: #f6f6f6; font-size: 0.9em; color: #666666;}
#system table .course th{background: #f0f0f0; color:#666666;}
#system table th span{display: block; font-size: 0.8em;}
/*お支払い例*/
#system .taxcom{float: none; text-align: right; font-size: 11px; zoom: 1;}
#system .taxcom:after{content:""; display:block; clear:both; width:0; height:0;}
#system .calculations{margin: 5px 0; padding: 10px; border: 2px solid #e1e1e1; border-radius: 3px; overflow:hidden; clear: both;}
#system .calculations h3{
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #e1e1e1;
  font-size: 14px;
  font-weight: normal;
  background: none;
  text-indent: 0;
  width: 100%;
}
#system .calculations ul{float: none; zoom: 1; margin-bottom: 5px; width: 100%;}
#system .calculations ul:after{content:""; display:block; clear:both; width:0; height:0;}
/*fomula*/
#system .calculations .fomula{margin-bottom: 25px; }
#system .calculations .fomula ul li{float: left; margin:0 0 5px 5px; text-align: center; font-size: 13px;}
#system .calculations .fomula ul li span{margin-right: 5px;}
#system .calculations .fomula p.taxCut{font-size: 11px; color: #bb0000; text-align: right;}
/*exPrice*/
#system .calculations .exPrice{padding-bottom: 15px; zoom: 1;}
#system .calculations .exPrice:after{content:""; display:block; clear:both; width:0; height:0;}
#system .calculations .exPrice ul li{float: left; margin-right: 10px; text-align: center; font-size: 11px; color: #bb0000;}
#system .calculations .exPrice ul li b{font-size: 14px; display: block; color: #666666;}
#system .calculations .exPrice .paycharge{font-size: 16px; font-weight: bold; color: #bb0000; text-align: right; margin-top: 5px;}
#system ul.comm{
  font-size:0.9em;
  width:340px;
  float:left;
  margin: 0;
  line-height: 1.8em;
  zoom: 1;
}
#system .chargeTable h4{
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
#system .chargeTable ul.comm{
  float: none;
  width: 100%;
  margin: 5px 0;
}
#system .chargeTable ul.comm .silverdocs{
  padding: 10px;
  background: #f9f9f9;
  border: 1px dotted #cccccc;
  margin-top: 5px;
}
#system #silverCourseTable{
  margin: 20px 0;
  padding: 20px 0;
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc;
  zoom: 1;
}
#system #silverCourseTable:after{content:""; display:block; clear:both; width:0; height:0;}
#system .chargeTable .more{float: right; zoom: 1; margin: 10px 0;}
#system ul.comm:after{content:""; display:block; clear:both; width:0; height:0;}
#system ul.commonComm .cardlogo ol{zoom: 1;}
#system ul.commonComm .cardlogo ol:after{content:""; display:block; clear:both; width:0; height:0;}
#system ul.commonComm .cardlogo ol li{float: left; width: 20%; text-align: center;}
#system ul.commonComm .cardlogo ol li img{width: 80%; height: auto; border: 1px solid #e1e1e1;}
#system ul.rightLinks{
  float:right;
  margin:3px 0 0 0;
  width: 200px;
  zoom: 1;
}
#system ul.rightLinks:after{content:""; display:block; clear:both; width:0; height:0;}
#system ul.rightLinks li{
  float: right;
  margin: 0 0 0 5px;
}
#system ul.rightLinks li a:hover img{
  opacity: 0.8;
  filter: alpha(opacty=80);
}
#system .groupe_com{
  display: block;
  font-size: 11px;
  margin: 5px 0;
  background:#f6f6f6;
  border: 1px solid #e1e1e1;
  padding:8px;
  border-radius: 3px;
  clear: both;
}
#system .frontphoto{
  background: #c97575;
  border-color: #cb7979;
  color: #ffffff;
  margin-top: 20px;
}

/*#concept
----------------------------------------------------------------------------------*/
#concept ul.shop{
  margin: 15px 0;
  zoom: 1;
}
#concept ul.shop:after{content:""; display:block; clear:both; width:0; height:0;}
#concept ul.shop li{
  float:left;
  width:25%;
  margin: 0;
  padding:0;
  text-align: center;
}
#concept ul.shop li a img{
  border: 3px solid #e1e1e1;
}
#concept ul.shop li a:hover img{
  opacity: 0.8;
  filter: alpha(opacty=80);
}

/*#infromation
----------------------------------------------------------------------------------*/
#infromation ul{zoom: 1;}
#infromation ul:after{content:""; display:block; clear:both; width:0; height:0;}
#infromation ul li{
  float: left;
  width: 50%;
  text-align:center;
  margin:0 0 10px 0;
}
#infromation > div{text-align: center;}
#infromation a:hover img,
#information a:hover img{
  opacity: 0.8;
  filter: alpha(opacty=80);
}
#information div{
  width: 100%;
  text-align:center;
  margin-bottom:10px;
}
#information div p{
  float:left;
  width:50%;
}

/*#grilsbana
----------------------------------------------------------------------------------*/
#wrap .mainCont #grilsbana p a:hover img{
  border-color: #fa94aa;
  opacity: 0.8;
  filter: alpha(opacty=80);
}

#pshot_block{
  width: 515px;
  padding: 5px;
  background: #414141;
  background: -webkit-linear-gradient(#616161 0%, #414141 100%);
  margin: 0 auto;
  border-radius: 3px;
}
#wrap #mainCont #pshot_block h2{
  background: none;
  text-shadow: none;
  color: #ffffff;
  text-align: center;
  width: auto;
  height: auto;
  padding: 5px 0;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
}


/** icon */
.time_icon{
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  background-size: 12px;
  vertical-align: top;
}

.time_icon.icon_haya{
  background: url("http://www.harenchi.co.jp/tokyo/ipn/shopmodule/images/syukkin/time_haya.png") no-repeat center bottom;
  background-size: 15px;
}
.time_icon.icon_oso{
  background: url("http://www.harenchi.co.jp/tokyo/ipn/shopmodule/images/syukkin/time_oso.png") no-repeat center;
  background-size: 15px;
}
.time_icon.icon-l{
  height: 20px;
  width: 20px;
}
.time_icon.icon-l.icon_haya,
.time_icon.icon-l.icon_oso{
    background-size: 20px;
}