@charset "utf-8";
/* CSS Document */
html{
	margin: 0;
	padding: 0;
}
body { 
	color: #404040; 
	font-family: "Quicksand","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 12px; 
	/*background: #f1f1f1;*/
	background-image:url(../images/bg/bg_body.png);
	background-repeat:repeat;
	width: 100%; 
	margin: 0;
	padding: 0;
}
a { 
	color: #c3a370; 
	text-decoration: none; 
}
a:hover { 
	text-decoration: underline 
}
img{
	font-size: 0;
	line-height: 0;
	border: none;
}


.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
}

div{
	line-height: auto;
}
ul{
	margin: 0;
	padding: 0;
}
li{
	margin: 0;
	padding: 0;
	list-style: none;
}
h2{
	font-size: 18px!important;
	color:#fff!important;
	font-family: Meiryo;
	background:url(../images/bg/bg-h2.png) #464646 no-repeat;	
	display: block;
	margin: 0 0 10px 0!important;
	padding: 6px 10px 6px 20px!important; text-align: center;
}

.sp{display:none;}
h2.bdrPurple{
	border-left: 5px #af81bf solid;
}
h2.bdrLightgreen{
	border-left: 5px #dce579 solid;
}
h2.bdrOrange{
	border-left: 5px #e5a979 solid;
}
i.cDarkgreen{
	color: #1aa096;
}
i.cDarkpurple{
	color: #8e3acc;
}
i.cPink{
	color: #d444bb;
}
i.cYellow{
	color: #e5c700;
}
i.cDeepyellow{
	color: #eea423;
}

/*--------------common--------------*/
.wrapper{
	display: block;
	overflow: hidden;
	/*padding-bottom: 20px;*/
	background: url(../images/bg/pattern02.png) repeat;
}
.inner{
	display: block;
	width: 1047px;
	margin: 0 auto;
}

.banner-top h1{font-size: 10px;
    padding: 20px 0;}
	
.banner-top h1 a{color:#fff; text-decoration:none;}

.banner-top h1 a:hover{text-decoration:underline;}

#header{
	display: block;
	/*position: fixed;*/
	padding-bottom: 5px;
  	/*background-color: #efdecc;*/
	z-index: 999;
	width: 100%; background: url(../images/bg/hd_bk.png) repeat-x;
}

#header h1{font-size: 11px;
    margin: 0 auto;
    padding: 3px 0 0; width:1047px;
	text-align:right;
	}
	
#header h1 a{color:#fff;}
#header h1 a:hover{text-decoration:underline;}
	
.header-top{
	display: block;
	background-image:url(../images/bg/hd_bk.png);
	background-repeat:repeat-x;
	/*padding: 0px 0px 13px;*/
	overflow: hidden;
	height:103px;
}
.logo{
	display: inline-block;
	width: 312px;
	float: left;
	margin: 15px 0;
	height: 30px; padding-top: 10px;
}
/*.nav{float: left; padding: 20px 15px 15px 55px;}

.nav ul li{float: left; height: 40px;
    width: 120px; text-align: center;}
.nav ul li a{text-decoration:none; display: block;}
.nav ul li span{ color: #000;
    font-size: 14px;}
*/	

.banner-top{
	display: inline-block;
	float: right;
	line-height: 0;
}
.header-nav{
	display: block;
	height: 50px;
	background-color:#efdecc;
	box-shadow: 0 1px 4px rgba(180, 180, 180,1);
	/*background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FFFAF5),
		color-stop(1, #EBE1D4)
	);
	background-image: -o-linear-gradient(bottom, #FFFAF5 0%, #EBE1D4 100%);
	background-image: -moz-linear-gradient(bottom, #FFFAF5 0%, #EBE1D4 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFAF5 0%, #EBE1D4 100%);
	background-image: -ms-linear-gradient(bottom, #FFFAF5 0%, #EBE1D4 100%);
	background-image: linear-gradient(to bottom, #FFFAF5 0%, #EBE1D4 100%);
	border-bottom: 1px #c9c9c9 solid;
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	box-shadow: 0 1px 3px rgba(0,0,0,.2);*/

}
.header-nav ul{
	display: block;
	overflow: hidden;
	/*background: url(../images/bg/nav-border.jpg) right 1px no-repeat;*/
	
}
.header-nav ul li{
	display: inline-block;
	float: left;
	/*background: url(../images/bg/nav-border.jpg) left 1px no-repeat;*/
	height: 60px;
	width: 20%;
	text-align: center;	
}
.header-nav ul li .nav-inner{
	/*border-left: 2px dotted #505050;*/
	display: block;
	margin:0;
	height: 50px;	
	position: relative;
}
.header-nav ul li .lst-nav-inner{
	/*border-right: 2px dotted #505050;*/
}
.header-nav ul li .nav-inner-box{	
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	top:0;	
}
.header-nav ul li.bdr-green .nav-inner-box{
	border-bottom: 5px solid #e89150;
}
.header-nav ul li .nav-inner-box a{
	transition: all 0.2s ease 0s;
}
.header-nav ul li.bdr-green .nav-inner-box a{
	height: 35px;
    padding: 5px 0;    
}
.header-nav ul li.bdr-green .nav-inner-box a:hover{
	background-color:#e89150;
	color:#fff;
}


.header-nav ul li.bdr-deepPurple .nav-inner-box{
	border-bottom: 5px solid #d475a7;
}
.header-nav ul li.bdr-deepPurple .nav-inner-box a{
	height: 35px;
    padding: 5px 0;
}
.header-nav ul li.bdr-deepPurple .nav-inner-box a:hover{
	background-color:#d475a7;
	color:#fff;
}


.header-nav ul li.bdr-purple .nav-inner-box{
	border-bottom: 5px solid #6f73b9;
}
.header-nav ul li.bdr-purple .nav-inner-box a{
	height: 35px;
    padding: 5px 0;
}
.header-nav ul li.bdr-purple .nav-inner-box a:hover{
	background-color:#6f73b9;
	color:#fff;
}


.header-nav ul li.bdr-pink .nav-inner-box{
	border-bottom: 5px solid #5ec3af;
}
.header-nav ul li.bdr-pink .nav-inner-box a{
	height: 35px;
    padding: 5px 0;
}
.header-nav ul li.bdr-pink .nav-inner-box a:hover{
	background-color:#5ec3af;
	color:#fff;
}


.header-nav ul li.bdr-orange .nav-inner-box{
	border-bottom: 5px solid #99cd5b;	
}
.header-nav ul li.bdr-orange .nav-inner-box a{
	height: 35px;
    padding: 5px 0;
}
.header-nav ul li.bdr-orange .nav-inner-box a:hover{
	background-color:#99cd5b;
	color:#fff;
}


.header-nav ul li.bdr-green .nav-inner-box i{	
	color: #649b24;
	font-size: 20px;
	padding-right: 5px
}
.header-nav ul li.bdr-deepPurple .nav-inner-box i{	
	color: #62659c;
	font-size: 20px;
	padding-right: 5px
}
.header-nav ul li.bdr-purple .nav-inner-box i{	
	color: #af81bf;
	font-size: 20px;
	padding-right: 5px
}
.header-nav ul li.bdr-pink .nav-inner-box i{	
	color: #c0789e;
	font-size: 20px;
	padding-right: 5px
}
.header-nav ul li.bdr-orange .nav-inner-box i{	
	color: #d5854a;
	font-size: 20px;
	padding-right: 5px
}

.header-nav ul li .nav-inner-box span.top{
	font-size: 15px;
	font-weight: bold;
	display: block;
	margin: 0;
	line-height: 20px;
	padding: 10px 0 0 0;
	text-align: center;
}
.header-nav ul li .nav-inner-box span.btm{
	color: #777777;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 5px 0;
	text-align: center;
}
.header-nav a{
	font-weight: bold;
	font-size: 14px;
	color: #505050;
	display: block;
} 
.header-nav a:hover{
	/*background: url(../images/icon/ico-arrow.png) center bottom no-repeat;*/
	text-decoration: none;
}
.breadcrumbs{
	display: block;
	overflow: hidden;
  padding: 6px 0;
}
.breadcrumbs span{
	display: block;
	text-align: left;
	color: #282828;
	font-weight: bold;
}
/*----- Content -----*/
.bgPattern01{	
	  /*background: url(../images/bg/pattern01.png) repeat;*/
	  background-color: #fff;
    /*border-top: 1px solid #c9c9c9;*/
    display: block;
    overflow: hidden;
    padding: 10px 0;
	width: 1074px;
	margin: 0px auto;
}
.bgPattern02{
	/*background: #efe7de;*/
}
.mainContianer{
	margin-bottom: 160px;
	width: 1074px;
	margin: 0 auto;
}
.content-wrap{
	padding: 20px 0 25px;
	overflow: hidden;
		width: 100%!important;
	/*background: url(../images/bg/bg-mainContainer.jpg) repeat;*/

}

.patarn03{background: url(../images/bg/bg-mainContainer.jpg) repeat;}
.content{
	display: inline-block;
	float: left;
	width: 695px;	
	overflow: hidden;
	margin: 10px 16px 0 0;
}
.box-content{
	margin: 0 0 10px 0;
	display: block;
	overflow: hidden;
	background: #fff; border-radius: 5px;
	/*padding: 8px;*/
	/*border: 1px #c8c8c8 solid;*/
}
.inner-box-content{
	display: block;
	padding: 15px 25px;
}
ul.allclub-list{
	display: block;
	overflow: hidden;
	margin-bottom: 15px;
}
ul.allclub-list li{
	display: block;
  	overflow: hidden;
  	padding: 15px 0 15px!important;
  	border-bottom: 1px #c8c8c8 solid;
}

ul.allclub-list li.pr{
	float: left;
    width: 315px;
}
ul.allclub-list li:hover .club-img img{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  	filter: alpha(opacity=70);
  	-moz-opacity: 0.7;
  	-khtml-opacity: 0.7;
  	opacity: 0.7;  	
}

ul.allclub-list li:first-child{
	padding-top: 0;
}
ul.allclub-list .club-img{
	display: inline-block;
  	width: 90px;
  	height: 90px;
  	overflow: hidden;
  	float: left;
  	position: relative;
}
ul.allclub-list .club-img span.club-cat{
	position: absolute;
  	left: 0;
  	bottom: 0;
  	color: #fff;
  	background: #161616;
  	font-size: 8px;
  	padding: 4px;
}
ul.allclub-list .club-img img{
	width: 100%;
}
ul.allclub-list .club-detail{
	display: inline-block;
	float: left;
	margin-left: 30px;
	width: 475px;
}

ul.allclub-list li.pr .club-detail{
	display: inline-block;
	float: left;
	margin-left: 18px;
	width: 520px;
}


.header-nav ul li .nav-inner-box span.btm {
    color: #777777;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 0;
    padding: 5px 0;
    text-align: center;
}
.header-nav a {
    color: #505050;
    font-size: 14px;
    font-weight: bold;
}
a {
    color: #c3a370;
}
.header-nav ul li {
    text-align: center;
}
li {
    list-style: outside none none;
}
body {
    color: #404040;
    font-size: 12px;
}
ul.allclub-list .club-detail {
    display: inline-block;
    float: left;
    margin-left: 18px;
    width: 475px;
}


ul.allclub-list .club-detail p{ 
	/*border-bottom: 1px #666 dotted;*/
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 10px 0;
	color: #404040;
  	transition: all 0.3s ease 0s;
}
ul.allclub-list li:hover .club-detail p{
	color: #c63d91;
}
ul.allclub-list li.pr p{border-bottom: 1px dotted #999;
    font-size: 12px;
    padding-top: 10px;
    width: 290px;}

ul.allclub-list .club-detail p.detail{border-bottom: 0 none;
    color: #c63d91;
    font-size: 12px;
    font-weight: normal;
    padding: 10px 0 10px; width: 290px;
}


.header-nav ul li .nav-inner-box span.btm {
    color: #777777;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 0;
    padding: 5px 0;
    text-align: center;
}
.header-nav a {
    color: #505050;
    font-size: 14px;
    font-weight: bold;
}
a {
    color: #c3a370;
}
.header-nav ul li {
    text-align: center;
}
li {
    list-style: outside none none;
}
body {
    color: #404040;
    font-size: 12px;
}


ul.allclub-list li.pr {
    border-bottom: 0;
    display: block;
    overflow: hidden;
    padding: 0!important;
}



ul.allclub-list .club-detail p a{
	color: #404040;
	transition: all 0.3s ease 0s;
}
ul.allclub-list li:hover .club-detail p a{
	color: #c63d91;
	text-decoration: none;
}
ul.allclub-list .club-detail .club-info{
	display: block;
  	overflow: hidden;
  	margin: 12px 0 0 0;
  	padding-left: 10px;
}
ul.allclub-list .club-detail .club-info span{
	font-size: 13px;
	color: #292929;	
	line-height: 13px;
	display: inline-block;
}
ul.allclub-list .club-detail .club-info span.cat{
	background: #ccaae6;
	padding: 5px 20px;
	font-size: 12px;
	color: #fff;
	line-height: 12px; font-weight: bold; margin-left: 10px; border-radius: 5px;
}
ul.allclub-list .club-detail .club-info span.cat-recommended{
	background: #8f8cd2;
	padding: 5px 20px;
	font-size: 12px;
	color: #fff;
	line-height: 12px; font-weight: normal; margin-left: 10px; border-radius: 5px;
}
ul.allclub-list .club-detail .club-info span.cat-culture{
	background: #74d18f;
	padding: 5px 20px;
	font-size: 12px;
	color: #fff;
	line-height: 12px; font-weight: normal; margin-left: 10px; border-radius: 5px;
}

ul.allclub-list .club-detail .club-info span.cat-girl{
	background: #dc79c4;
	padding: 5px 20px;
	font-size: 12px;
	color: #fff;
	line-height: 12px; font-weight: normal; margin-left: 10px; border-radius: 5px;
}

ul.allclub-list .club-detail .club-info span.cat-pickup {
	background: #f2dd2f;
	padding: 5px 20px;
	font-size: 12px;
	color: #fff;
	line-height: 12px; font-weight: normal; margin-left: 10px; border-radius: 5px;
}


ul.allclub-list .club-detail .club-info span.cat a{
	color: #fff;
	display: block;
}
ul.cat-label{
	display: block;
	padding: 0.5%;
	  overflow: hidden;
}
ul.cat-label li{
	display: inline-block;
	float: left;
	width: 24%;
	margin: 0.5%;
}


.content-sec01{
	display: block;
	padding: 0 0;	
}
.selected-girl{
	display: inline-block;
	float: left;
	width: 418px;
	/*margin-right: 8px;*/
	position: relative;
	overflow: hidden;
}
.selected-girl .selected-img{
	display: block;
	height: 312px;
	overflow: hidden;
	position: relative;
	  margin: 0;
	background: #000; 
}
.selected-girl img{
	width: 100%;
	transition: all 0.3s ease 0s;
	z-index: 0;
}
.selected-girl .selected-img:hover img{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  	filter: alpha(opacity=70);
  	-moz-opacity: 0.7;
  	-khtml-opacity: 0.7;
  	opacity: 0.7;  	
}
.selected-girl ul.sub_girl{margin:0;}
.selected-girl ul.sub_girl li{float: left;}
.selected-girl ul.sub_girl span{display: block;
    height: 57px;
    overflow: hidden;}
.selected-girl ul.sub_girl img{width: 91.25px;}

.selected-girl .caption{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 273px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    left: 0;
    padding: 8px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.selected-girl .caption span{
	display: block;
	/*border-bottom: 1px #fff dotted;*/
	padding: 0 0 3px 0;

}
.selected-girl .caption span a{
	color: #fff;
	display: block;
}
.selected-girl .caption p{
	margin: 10px 0 0 0;
}
.picupLabel{
	width: 172px;
  	height: 172px;
  	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  	position: absolute;
  	left: -86px;
  	top: -86px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    z-index: 1;
}
.picupLabel span{
	color: #fff;
  	font-weight: bold;
  	font-size: 16px;
  	position: absolute;
  	bottom: 80px;
  	right: -5px;
  	-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  	transform: rotate(-90deg);
}
.btn-box{
	display: block;
	overflow: hidden;
    height: 37px;
}
.btn-box i{
	margin-right: 5px;
	font-size: 16px;
}
.btn-box a{
	font-size: 12px;
	color: #464646;
	font-weight: bold;
	display: block;
}
.btn-box a:hover{
	text-decoration: none;
}
.btn-box span.buttonSty1{
	  background: #f5f5f5;
	  display: block;
	  text-align: center;
	  border-radius: 2px;
	  padding: 8px 0;
	  box-shadow: 0 2px 0px rgba(180, 180, 180,1);
	  transition: all 0.3s ease 0s;
	  cursor: pointer;
	  margin: 0;
}
.btn-box span.buttonSty1:hover{
	box-shadow: 0 1px 0px rgba(180, 180, 180,1);
	  margin-top: 1px;
}


.btn-boxlist{
	display: block;
	overflow: hidden;
    height: 37px;
}
.btn-box i{
	margin-right: 5px;
	font-size: 16px;
}
.btn-boxlist a{
	font-size: 12px;
	color: #3d3d3d!important;
	font-weight: bold;
	display: block;
}
.btn-boxlist a:hover{
	text-decoration: none;
}
.btn-boxlist span.buttonSty1{
	  background: #f5f5f5;
	  display: block;
	  text-align: center;
	  border-radius: 2px;
	  padding: 8px 0;
	  box-shadow: 0 2px 0px rgba(150, 150, 150,1);
	  transition: all 0.3s ease 0s;
	  cursor: pointer;
	  margin: 0;
}
.btn-boxlist span.buttonSty1:hover{
	box-shadow: 0 1px 0px rgba(150, 150, 150,1);
	  margin-top: 1px;
}
.clublist{
	display: inline-block;
  float: left;
  width: 296px;
  padding: 0px 0px 0px 18px; background-color: #f1f1f1;
}


.clublist1 {
    background-color: #f1f1f1;
    display: inline-block;
    float: left;
    padding: 0 0 0 18px;
    width: 296px;
}


.clublist ul{
	display: block;
	overflow: hidden;
	margin-bottom: 0px;
	padding-top:10px;
}
.clublist1 ul{
	display: block;
	overflow: hidden;
	margin-bottom: 0px;
	padding-top:10px;
}

.clublist li{
	/*border-bottom:1px solid #ccc;*/
	display: block;
	padding: 11px 0;
	overflow: hidden;
}

.clublist1 li{
	/*border-bottom:1px solid #ccc;*/
	display: block;
	padding: 11px 0;
	overflow: hidden;
}

.clublist li:last-child{
	border: none;
	padding-bottom: 10px;
}

.clublist1 li:last-child{
	border: none;
	padding-bottom: 10px;
}


.clublist li:first-child{
	padding-top: 0;
}

.clublist1 li:first-child{
	padding-top: 0;
}

.clublist li .club-img{
	display: inline-block;
	width: 75px;
	height: 75px;
	overflow: hidden;
	float: left;
	position: relative;
}

.clublist1 li .club-img{
	display: inline-block;
	width: 75px;
	height: 75px;
	overflow: hidden;
	float: left;
	position: relative;
}


.clublist1 li .club-img2{
	display: inline-block;
    float: left;
    height: 218px;
    position: static;
    width: 305px;
}


.clublist li .club-img img{
	width: 75px;
	/*background: #000;*/
	transition: all 0.3s ease 0s;
}

.clublist1 li .club-img2 img{
	width: 305px;
	height:218px;
	/*background: #000;*/
	transition: all 0.3s ease 0s;
}

.clublist li:hover .club-img img{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  	filter: alpha(opacity=70);
  	-moz-opacity: 0.7;
  	-khtml-opacity: 0.7;
  	opacity: 0.7;
}
.clublist li .club-img span{
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	background: #161616;
	font-size: 8px;
	padding: 4px;
}
.clublist li .club-detail{
	  display: inline-block;
	  float: left;
	  /*overflow: hidden;*/
	  margin: 0 0 0 10px;
	  width: 200px;
	  font-size: 13px;
	  color: #282828;
	  font-weight: bold;
}

.clublist1 li .club-detail2{
	  display: inline-block;
	  /*overflow: hidden;*/
	  width: 298px;
	  font-size: 13px;
	  color: #282828;
	  font-weight: bold;
}

.clublist1 li .club-detail2 p.detail {
    color: #282828;
    font-size: 12px;
    font-weight:normal;
	line-height: 22px;
}
.clublist1 li .club-detail2 h4 {
	font-weight: bold;
	margin: 5px 0px;
	font-size:14px;
	
}

.clublist li .club-detail span{
	display: block;
	line-height: 13px;
}
.clublist li .club-detail p{
	margin:0;
	color: #282828;
	transition: all 0.3s ease 0s; font-size: 12px;
    font-weight: bold;
}
.clublist li:hover .club-detail p{
	color: #c63d91;
    text-decoration: none;
}
.clublist li .club-detail p a{
	color: #282828;
	transition: all 0.3s ease 0s;
}
.clublist li:hover .club-detail p a{
	color: #c63d91;
    text-decoration: none;
}
.clublist li .club-detail span.buttonSty2{
	display: block;
	font-size: 11px;
	background: #e8b5cd;
	padding: 3px 25px;
	border-radius: 3px;
	text-align: center;
	margin-top: 13px;
}
.clublist li .club-detail span.buttonSty2 a{
	color: #282828;
}
.clublist li .club-detail .btm-detail{
	display: block;
  overflow: hidden; /*bottom: -19px; position: relative;*/
}
.clublist li .club-detail .btm-detail .cicle-img{
	display: inline-block;
	float: left;
	width: 20px;
	height: 19px;
	overflow: hidden;
	border-radius: 50%;
	margin-right: 5px;
	  margin: 2px 5px 2px 0;
}
.clublist li .club-detail .btm-detail .cicle-img img{
	width: 100%
}
.clublist li .club-detail .btm-detail span.name-prf{
	font-size: 11px;
	display: inline-block;
	float: left;
	line-height: 27px;
}
.clublist li .club-detail .btm-detail span.detail-btn{
	border-radius: 3px;
    display: inline-block;
    /*float: right;*/
    font-size: 14px;
    font-weight: normal;
    padding: 0 0 8px;
}

.sidebar{
	display: inline-block;
	width: 320px;
	overflow:hidden;
	float: left;
	margin: 10px 0 0 16px;


}
.bannerSty1{
	display: block;
	overflow: hidden;
	height: 120px;
	margin: 0 0 20px 0;
}
.bannerSty2{
	display: block;
	overflow: hidden;
	margin: 0 0 10px 0;
}
.bannerSty3{
	margin: 0 0 10px 0;
  	display: block;
  	overflow: hidden;
  	background: #fff;
  	/*border: 1px #c8c8c8 solid;*/
  	padding: 14px;
	border-radius: 5px;
}
.bannerSty3 .bannerSty3-img{
	display: block;
	overflow: hidden;
}
.bannerSty3 .bannerSty3-img img{
	/*width: 100%;*/
}
.bannerSty4{
	margin: 0 0 10px 0;
  	display: block;
  	overflow: hidden;
  	background: #fff;
  	/*border: 1px #c8c8c8 solid;*/
  	padding: 0; border-radius: 5px;
}
.bannerSty4 .bannerSty4-img{
	display: block;
	overflow: hidden;
}
.bannerSty4 .bannerSty4-img a{
	display: block;
	  font-size: 0;
	overflow: hidden;
}
.bannerSty4 .bannerSty4-img img{
	width: 100%;
}
.bannerSty4 .bannerSty4-content{
	display: block;
  	overflow: hidden;
  	padding: 13px;
}
.bannerSty4 p.title {
   background-color: #74c2c0;
  color: #fff;
  padding: 4px;
  text-align: center;
  margin-top: 0;
  line-height: 12px;
  border-radius: 2px;
}
.bannerSty4 h4 {
  margin: 5px 0;
  padding: 0 0 0px;
  font-size: 13px;
  font-weight: bold;
}
.bannerSty4 p.detail {
  padding-bottom: 5px;
  font-size: 12px;
}
.footer{
	display: block;
	background: #fff;
	padding: 0px 0 0 0;

}
.footer-inner{
	display: block;	
	position: relative;
	padding: 30px 0 0
}
.goTop{
	background-attachment: scroll;
    background-clip: border-box;
    background-color: #e6e6e6 !important;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #fff;
    cursor: pointer;
    display: block;
    padding: 6px 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.footer-content{
	display: block;
	text-align: right;
	overflow: hidden;
	padding-left: 70px;
}
.footer-part{
	display: inline-block;
  	width: 325px;
  	height: 200px;
  	color: #959595;
  	/*margin: 0 25px;*/
  	text-align: left;
  	float: left;
 }
 .footer-part p{
 	  margin: 72px 0 30px 0;
 }
.footer-part h3{
	font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px;
}
.footer-part ul{
	display: inline-block;
	width: 50%;
	float: left;
	overflow: hidden;
}
.footer-part li{
	display: block;
  	padding: 5px 0 0;
}
.footer-part li a{
	color: #959595;
	font-size: 12px;
}
.footer-part li i{
	margin-right: 5px;
}
.footer .copyright{
	background-color: #74c3c0;
    /*border-top: 2px solid #333;*/
    color: #fff;
    display: block;
    font-size: 11px;
    padding: 15px;
    text-align: center;
}

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

.inner-box-content ul.allclub-list .club-img {
    display: inline-block;
    float: left;
    height: 108px;
    overflow: hidden;
    position: relative;
    width: 148px;
}

.inner-box-content ul.allclub-list .club-img img {
    width: 100%;
    /*background: #000;*/
    transition: all 0.3s ease 0s;
}


.btm-detail2 {
bottom: 23px;
    display: block;
    left: 200px;
    overflow: hidden;
    position: relative;
}

.btm-detail2 .cicle-img {
    border-radius: 50%;
    display: inline-block;
    float: left;
    height: 19px;
    margin: 2px 5px 2px 0;
    overflow: hidden;
    width: 20px;
}

.btm-detail2 .cicle-img img {
    width: 100%;
}

.btm-detail2 span.name-prf {
    display: inline-block !important;
    float: left;
    font-size: 12px !important;
    font-weight: bold;
    line-height: 27px !important;
}

.bannerSty3 h3{margin:0; padding:0;}
.bannerSty3 p.title{background-color: #464646;
    color: #fff;
    padding: 5px;
    text-align: center;}
.bannerSty3 h4{border-bottom: 1px dotted;
    margin: 0;
    padding: 0 0 10px;}
.bannerSty3 p.detail{padding-bottom: 5px;}



.btm-detail3 {
overflow: hidden;
    padding: 10px 0;
}

.btm-detail3 .cicle-img {
    border-radius: 50%;
    display: inline-block;
    float: left;
    height: 19px;
    margin: 2px 5px 2px 0;
    overflow: hidden;
    width: 20px;
}

.btm-detail3 .cicle-img img {
    width: 100%;
}

.btm-detail3 span.name-prf {
    display: inline-block !important;
    float: left;
    font-size: 12px !important;
    font-weight: bold;
    line-height: 27px !important;
}
.ranking{
	display: block;
	overflow: hidden;
}
.ranking .ranking-header{
	display: block;
	overflow: hidden;
}
.ranking .ranking-header .rankTitle{
	display: inline-block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	background: #464646;
	color: #fff;
	padding: 5px 10px;
	width: 114px;
  	text-align: center;
}

.ranking .ranking-header .rankBy{}
.ranking .ranking-header .rankBy ul{
	display: inline-block;
	background: #fff;
	border: 1px #b4b4b4 solid;
	border-bottom:0px!important;
	float: right;
}
.ranking .ranking-header .rankBy ol{
	display: inline-block;
	padding: 5px 9px;
	border-right: 1px #b4b4b4 solid;
	float: left;
	border-bottom:1px solid #b4b4b4;
}
.ranking .ranking-header .rankBy ol.on{
	background: #f8f0e7;
	border-bottom:0px!important;
}
.ranking .ranking-header .rankBy ol:last-child{
	border: none;
	border-bottom:1px solid #b4b4b4;
}
.ranking .ranking-header .rankBy ol:hover{
	background: #f8f0e7;
}
.ranking .ranking-header .rankBy ol a{
	color: #000;
	font-size: 13px
}
.ranking .ranking-header .rankBy ol a:hover{
	text-decoration: none;
}
.ranking{}
.rankingList{
	display: block;
	overflow: hidden;
}
.rankingList li{
	display: block;
	overflow: hidden;
	padding: 10px 0;
	border-bottom: 1px #969696 solid;
}
.rankingList li a{
	display: block;
	overflow: hidden;
}
.rankingList li:last-child{
	border-bottom:none;
	padding-bottom: 0;
}
.rankingList li .rankNo {
   width: 40px;
   height: 40px;
   background: #f57582;
   position: relative;
   display: inline-block;
   margin-right: 28px;
   float: left;
}
.rankingList li .rankNo:after {
  	content: "";
	position: absolute;
	left: 100%;
	top: 12px;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-left: 10px solid #f57582;
	border-bottom: 8px solid transparent;
}
.rankingList li .rankNo span{
	  display: block;
  text-align: center;
  color: #fff;
  font-size: 18px;
  padding: 7px 0;
  font-weight: bold;
}
.rankingList li .rankDetail{
	  display: inline-block;
  float: left;
  overflow: hidden;
  width: 224px;
}
.rankingList li .rankDetail p{
	  display: block;
  margin: 0;
  font-size: 13px;
  line-height: 16px;
  color: #282828;
}
.rankingList li:hover .rankDetail p{
	color: #c63d91;
}
  
}
.rankingList li .rankDetail a{
	color: #000;
}
.bannerImg{
	display: block;
	overflow: hidden;
}
.bannerImg a{
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
	font-size: 0;
	/*background: #000;*/
}
.bannerImg a.noPdd{
	margin-bottom: 0;
}
.bannerImg img{
	transition: all 0.3s ease 0s;
}
.bannerImg a:hover img{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  	filter: alpha(opacity=70);
  	-moz-opacity: 0.7;
  	-khtml-opacity: 0.7;
  	opacity: 0.7;
}

/*------ slider -------*/
#slider1_container{
	position: relative; 
	width: 418px; 
	height: 386px; 
	overflow: hidden;
	background: #000;
}
.sdUslide{
	cursor: pointer; 
	position: absolute; 
	left: 0px; top: 0px; 
	width: 418px; 
	height: 386px;
	overflow: hidden;
}
.inner-slide{
	/*transition: all 0.3s ease 0s;*/
}
.inner-slide:hover{
	opacity:0.7; 
	filter: alpha(opacity=70); 
}
.sdGirlTitle{
	position: absolute; 
	height: 20px; 
	left: 0px; 
	right: 0; 
	bottom: 64px; 
	overflow: hidden;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  	color: #fff;
  	font-size: 14px;
  	font-weight: bold;
  	padding: 8px;
  	z-index: 1;
}
.sdUthumbnavigator{
	position: absolute; 
	width: 418px; 
	height: 64px; 
	left: 0px; 
	bottom: 0px; 
	overflow: hidden;
	
}
.sdLoading{
	position: absolute; 
	top: 0px; 
	left: 0px;
}
.sdLoading .sdLoading-01{
	filter: alpha(opacity=70); 
	opacity:0.7; 
	position: 
	absolute; 
	display: block;
	background-color: #000; 
	top: 0px; 
	left: 0px;
	width: 100%;
	height:100%;
}
.sdLoading .sdLoading-02{
	position: absolute; 
	display: block; 
	background: url(../images/img/loading.gif) 
	no-repeat center center;
	top: 0px; 
	left: 0px;
	width: 100%;

	height:100%;
}
.sdSkinDiv{
	background-color: #000; 
	filter:alpha(opacity=50); 
	opacity:.5; 
	width: 100%; 
	height:100%;
}
.sdPrototypeP{

}
.thumbnailtemplate{
	position:absolute;
}

.jssort07 .i {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 57px;
    filter: alpha(opacity=80);
    opacity: .8;
}

.jssort07 .p:hover .i, .jssort07 .pav .i {
    filter: alpha(opacity=100);
    opacity: 1;
}

.jssort07 .o {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 98px;
    height: 55px;
    border: 1px solid #464646;
    transition: border-color .6s;
    -moz-transition: border-color .6s;
    -webkit-transition: border-color .6s;
    -o-transition: border-color .6s;
}

* html .jssort07 .o {
    /* ie quirks mode adjust */
    width /**/: 98px;
    height /**/: 55px;
}

.jssort07 .pav .o, .jssort07 .p:hover .o {
    border-color: #fff;
}

.jssort07 .pav:hover .o {
    border-color: #0099FF;
}

.jssort07 .p:hover .o {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}




ul.allclubLabel{
	display: block;
	padding: 0;
	background: #fff;
	margin: 5px auto 5px;
	width: 645px;
	height: 38px;
}
ul.allclubLabel li {
	display: inline-block;
	float: left;
	width: 128px;
	text-align: center;
}
ul.allclubLabel li.on{
	background: #f8f0e7;
}
ul.allclubLabel li:hover{
	background: #fff;
}
ul.allclubLabel li span{
	display: block;
	text-align: center;
	font-size: 12px;
	color:#3c3c3c;
	line-height: 12px;
    padding: 8px 0;
}
ul.allclubLabel li a{
	font-size: 12px;
	color:#3c3c3c;
	font-weight: bold;
	display: inline-block;
	width: 128px;
	padding: 5px 0 0;
	height: 23px;
	border-top: 1px #b4b4b4 solid;
	border-right: 1px #b4b4b4 solid;
	border-bottom: 1px #b4b4b4 solid;
	
}
ul.allclubLabel li i{
	padding-right: 3px;
}
ul.allclubLabel li:last-child span{
	border-right: none;
}
ul.allclubLabel li.all a {border-left: 1px #b4b4b4 solid;}
ul.allclubLabel li.all a:hover {
	background: url(../images/bg/bg-all.png) no-repeat; 
	position: relative; 
	margin: 0; 
	width: 129px; 
	height: 38px; 
	border: none!important;
	display: block;
	color: #fff!important;
	text-decoration: none;
	}
ul.allclubLabel li.all .selected {
	background: url(../images/bg/bg-all.png) no-repeat; 
	position: relative; 
	margin: 0; 
	width: 129px; 
	height: 38px; 
	border: none!important;
	display: block;
	color: #fff!important;
	text-decoration: none;
	}
ul.allclubLabel li.recommended  a {border-left: 1px #b4b4b4 solid;}
ul.allclubLabel li.recommended a:hover {
	background: url(../images/bg/bg-recommended.png) no-repeat; 
	position: relative; 
	margin: 0; 
	width: 129px; 
	height: 38px; 
	border: none!important;
	display: block;
	color: #fff!important;
	text-decoration: none;
	}
ul.allclubLabel li.recommended .selected {
	background: url(../images/bg/bg-recommended.png) no-repeat; 
	position: relative; 
	margin: 0; 
	width: 129px; 
	height: 38px; 
	border: none!important;
	display: block;
	color: #fff!important;
	text-decoration: none;
	}

ul.allclubLabel li.culture  a {border-left: 1px #b4b4b4 solid;}
ul.allclubLabel li.culture a:hover {
	background: url(../images/bg/bg-culture.png) no-repeat; 
	position: relative; 
	margin: 0; 
	width: 129px; 
	height: 38px; 
	border: none!important;
	display: block;
	color: #fff!important;
	text-decoration: none;
	}
ul.allclubLabel li.culture .selected {
	background: url(../images/bg/bg-culture.png) no-repeat; 
	position: relative; 
	margin: 0; 
	width: 129px; 
	height: 38px; 
	border: none!important;
	display: block;
	color: #fff!important;
	text-decoration: none;
	}
ul.allclubLabel li.girl  a {border-left: 1px #b4b4b4 solid;}
ul.allclubLabel li.girl a:hover {
	background: url(../images/bg/bg-girl.png) no-repeat; 
	position: relative; 
	margin: 0; 
	width: 129px; 
	height: 38px; 
	border: none!important;
	display: block;
	color: #fff!important;
	text-decoration: none;
	}
ul.allclubLabel li.girl .selected {
	background: url(../images/bg/bg-girl.png) no-repeat; 
	position: relative; 
	margin: 0; 
	width: 129px; 
	height: 38px; 
	border: none!important;
	display: block;
	color: #fff!important;
	text-decoration: none;
	}
ul.allclubLabel li.pickup  a {border-left: 1px #b4b4b4 solid;}
ul.allclubLabel li.pickup a:hover {
	background: url(../images/bg/bg-pickup.png) no-repeat; 
	position: relative; 
	margin: 0; 
	width: 129px; 
	height: 38px; 
	border: none!important;
	display: block;
	color: #fff!important;
	text-decoration: none;
	}
ul.allclubLabel li.pickup .selected {
	background: url(../images/bg/bg-pickup.png) no-repeat; 
	position: relative; 
	margin: 0; 
	width: 129px; 
	height: 38px; 
	border: none!important;
	display: block;
	color: #fff!important;
	text-decoration: none;
	}
/*----------data----------*/
.clublist1 div.data{background-color: #f47582;
    border-radius: 45px;
    color: #fff;
    font-weight: bold;
    padding: 3px 15px 17px 8px;
    position: relative;
    top: 0px;
	left:-18px;
    width: 60px;
	height:60px; text-align: center; line-height: 1.4em; z-index: 999}
	
.clublist1 div.data span.year{font-size: 14px; margin-top:3px;}
.clublist1 div.data span.dm{font-size: 22px;}
.clublist1 div.data span.day{font-size: 14px;}
	
ul.main_t{height: 371px;
    margin-top: -75px;
    padding: 10px 0 0;}
	
ul.main_t li a:hover {opacity: 0.7; color: #c63d91;} 
ul.main_t li a:hover p {color: #c63d91!important;}
ul.main_t li a:hover h4 {color: #c63d91!important;}
/*#gnav {
    float: left;
    padding:19px 0 0 20px;
    position: relative;
    width: 510px;
}


#gnav > ul > li:first-child:after {
    margin:0;
}
#gnav > ul > li:after {
    content: "";
    display: inline-block;
    height: 14px;
    margin: 0 0 0 10px;
    vertical-align: top;
}

#gnav > ul > li {
    float: left;
    height: 60px;
    margin: 0;
    position: relative;
    z-index: 300;
}
*/
/*------------------*/


.btn-box2 {
    display: block;
    height: 37px;
    overflow: hidden;
    width: 205px;
	position:relative;
	top:24px;
	border-radius: 30px;
}

.btn-box2 span.buttonSty1 {
    background: none repeat scroll 0 0 #f57582;
    border-radius: 20px;
    box-shadow: 0 5px 0 #be5661, 0 16px 0 rgba(255, 255, 255, 1);
    cursor: pointer;
    display: block;
    height: 18px;
    margin: 0;
    padding: 8px 0;
    text-align: center;
    transition: all 0.3s ease 0s;
}

.btn-box2 a {
    color: #fff!important;
    display: block;
    font-size: 12px;
    font-weight: bold;
	font-size: 14px;
}

.btn-box2 .buttonSty1:hover{box-shadow:0 5px 0 #be5661, 0 16px 0 rgba(255, 255, 255, 1);
	  margin-top: 1px;}

/*===============================================
●tablet.css 画面の横幅が1000pxまで
===============================================*/
@media screen and (max-width: 1024px){
.clublist{width:274px;}
.clublist li .club-detail{width:180px;}
#gnav{padding: 19px 0 0 15px;}
.btn-box2{width:183px; left: -22px;}
.sidebar{margin: 10px 0 0 -7px;}
.mainContianer {
    margin-bottom: 70px;
}
.footer-part{width:318px;}
}

/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
.inner{width:100%;}
.content-sec01{width:100%;}
.clublist{width:60%; float:right;}
.clublist1{display:none;}
.selected-girl{float:left; /*margin-right:15px;*/ width:38%;}

.content{width:100%;}

.sidebar{width:100%; margin: 10px 0 0 16px;}
.bannerSty4{width:32%; margin-right:25px; float:left;}
.bannerSty3{width:64%;}
.bannerImg a{
    float: left;
    margin-left: 30px;
    width: 43%;}
.rankingList li .rankDetail{
    padding-top: 12px;
    width: 80%;}
.btm-detail3{height: 39px;}
.bannerSty4 p.detail{height:54px;}

#gnav{display:none;}
.btn-box2{position: relative;
    top: 24px;
    left: 205px;}
	
.mainContianer {
    margin-bottom: 35px;
}
.box-content{border-radius: 0px; width:70%;}
.inner{width:97%;}
}



/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
.clublist{display:none;}

.selected-girl {
    margin-top: 0;
    width: 100%;
}

.sp{display:block; background-color: #fff;}
#gnav_sp ul li{border-bottom: 1px dotted #ddd;
    border-right: 1px dotted #ddd;
    float: left;
    padding: 10px 0;
    text-align: center;
    width: 49.7%;}
#gnav_sp ul li img{height: 45px;}


.content {
    width: 58%;
}


.sidebar{margin: 10px 0 0 16px;}
.inner-box-content{padding: 15px 0;}
ul.allclubLabel li span{height: 22px;}
ul.allclubLabel li i{display:none;}
ul.allclubLabel li span{10px;}
ul.allclub-list .club-detail{width: 64%;}
.inner-box-content ul.allclub-list .club-img{width: 30%;}
.bannerSty4{width: 27%; clear:both;}
.bannerSty3{width: 24.4%;}
.rankingList li .rankDetail {
    padding-top: 0;
    width: 72%;
}
.bannerImg a {
    width: 80%;
}

.footer-part p {
}
.footer-part{margin: 0 0 0 -35px;}
.ranking .ranking-header .rankTitle{width:30%;}

.mainContianer {
    margin-bottom: 35px;
}

.box-content{border-radius: 0px; width: 53%;}


.logo {
    padding-left: 58px; padding-top:10px;
    width: 100%;
}

.logo img{width:20%; text-align:center;}
.footer-part img{width:80%;}


#header h1 {
    font-size: 8px;
    line-height: 9px;
    text-align:left;
    width: 100%;
}

.btn-box2{display:none;}

.footer-inner{width:100%!important;}
ul.allclubLabel li a{width:64px; font-size:8px; height: 19px;}
ul.allclubLabel li{width:64px;}
ul.allclubLabel li.culture .selected{width:65px; height: 24px;}
ul.allclubLabel li.recommended .selected{width:65px; height: 24px;}
ul.allclubLabel li.all .selected{width:65px; height: 24px;}
ul.allclubLabel li.girl .selected{width:65px; height: 24px;}
ul.allclubLabel li.pickup .selected{width:65px; height: 24px;}


ul.allclubLabel li.culture a:hover{width:65px; height: 24px;}
ul.allclubLabel li.recommended a:hover{width:65px; height: 24px;}
ul.allclubLabel li.all a:hover{width:65px; height: 24px;}
ul.allclubLabel li.girl a:hover{width:65px; height: 24px;}
ul.allclubLabel li.pickup a:hover{width:65px; height: 24px;}


ul.allclub-list .club-detail .club-info{margin:0; padding:0;}
ul.allclub-list .club-detail .club-info span.cat-culture{font-size:10px;}
ul.allclub-list .club-detail .club-info span.cat-recommended{font-size:10px;}
ul.allclub-list .club-detail .club-info span.cat-all{font-size:10px;}
ul.allclub-list .club-detail .club-info span.cat-girl{font-size:10px;}
ul.allclub-list .club-detail .club-info span.cat-pickup{font-size:10px;}
ul.allclub-list .club-detail .club-info span.cat-pickup{padding:5px 15px;}
}