/*common.css*/

html{
	background:#fff;
	position:relative;
	background:url(../images/common/key_bg.png) 50% 0%;
}

.sb-site{
}

#headwrap{
width:100%;
position:fixed;
z-index:20;
padding-top:0px;
	background:url(../images/common/header_bg.jpg) 50% 0%;
}

#t-head{
	width:96%;
	max-width:800px;
	height:80px;
	margin:0 auto;

}

#underhead{
	height:10px;
	background:url(../images/common/head_under.png) 50% 0%;
}

#t-head #lhead{
	width:210px;
	float:left;
}

#t-head h1{
	width:210px;
	height:30px;
	font-size:10px;
	color:#fff;
	line-height:30px;
}

#h_glogo{
	width:210px;
	height:50px;
}

#h_logo{
	height:80px;
	float:right;
}

#h_logo img{
	height:60px;
}

#h_logo ul li{
	float:left;
	margin-left:5px;
	margin-top:10px;
}

#t-head #rhead{
	width:240px;
	float:right;
	height:80px;
}

#contact{
	width:240px;
	height:55px;
}

#mail{
	width:240px;
	height:25px;
}

#gnav{
	display:block;
	background:url(../images/common/nav/fixnavi.png) 50% 0%;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 5px 5px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 5px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 5px 5px 0px;
	z-index:10;
	position:relative;
}

#gnav ul{
	width:96%;
	max-width:800px;
	margin:0 auto;
	padding:0;
	line-height:0;
	background:#ccc;
}

#gnav ul li{
	display:inline;
	float:left;
}

#gnav ul li a{
	display:block;
	-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#gnav ul li a img{
	width:100%;
}

#gnav ul li a:hover{
	background:rgba(0,0,0,0.3);
}

/*スクロールで表示と固定*/

#fixnavi{
	height:80px;
	background:url(../images/common/nav/fixnavi.png) 50% 0%;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 5px 5px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 5px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 5px 5px 0px;
	z-index:100;
	position:fixed;
	top:82px;
	width:100%;
	
}

#fixnavi ul{
	width:1000px;
	margin:0 auto;
	padding:0;
	line-height:0;
	background:#ccc;
}

#fixnavi ul li{
	display:inline;
	float:left;
	width:168px;
}

#fixnavi ul li a{
	display:block;
	-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#fixnavi ul li a:hover{
	background:rgba(0,0,0,0.3);
}

/*スクロールで表示と固定-----------------*/


.hidenavi{
	background:#92103c;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 5px 5px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 5px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 5px 5px 0px;
}

.hidenavi li{
	text-align:center;
	height:44px;
	line-height:44px;
	border-top:1px solid #ff4352;
	border-bottom:1px solid #460a0f;

}

.hidenavi li a{
	display:block;
	height:44px;
	color:#eee;
	text-decoration:none;
	font-weight:bold;

}

#mainarea{
	position:relative;
	background:url(../images/common/bg.jpg) 50% 0%;	
	z-index:5;
	height:auto;
	padding-bottom:40px;
	width:100%;
	margin:0 auto;
}

#c_wrap{
	width:96%;
	max-width:800px;
	margin:0 auto;
	padding-top:20px;
}

#side{
	width:200px;
	float:left;
}

.sidenav li{
	margin-bottom:10px;
	line-height:0em;
}

.sidenav li a{
	display:block;
	-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.sidenav li a:hover{
	background:rgba(215,0,35,0.5);
}

#key{
	width:100%;
	margin:0 auto;
}

#key{
	width:100%;
}

#maincontents{
	width:96%;
	float:left;
	margin:0 0 0 0px;
}

.box1{
	border: 2px solid #f60a4f;
	padding:10px 0;
	margin-bottom:20px;
	box-shadow:rgba(0, 0, 0, 0.6) 2px 2px 2px 0px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.6) 2px 2px 2px 0px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.6) 2px 2px 2px 0px inset;
	background:url(../images/common/topibg.jpg);
	text-align:center;
}

.box1 h3{
	margin-bottom:10px;
}

.box1 .bigbana{
	margin-bottom:10px;
	max-width:96%;
	margin:0 auto 10px;
}


.box2wrap{
	font-size:13px;
	width:96%;
	margin:0 auto;
}

.box2wrap h3{
	height:40px;
	margin:0;
}

.box2wrap .date{
	margin:5px 0;
	color:#ff0000;
}

.box2wrap img{
	margin:0;
	line-height:0em;
}

.box2_l{
	width:380px;
	margin-right:20px;
	float:left;
}

.box2_r{
	width:100%;
	float:left;
}

.box2_box{
		border: 2px solid #ce003d;
		margin:0;
		height:220px;
		background:rgba(255,255,255,0.3);
		box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 3px 0px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 3px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 3px 0px;
		overflow:auto;
}

h3{
	width:100%;
	background:url(../images/top/topicsbg.png) 0 50%;
	text-align:center;
}

.topics{
	padding-bottom:10px;
	border-bottom:1px  solid #ccc;
	color:#333;
}

.box2_box .left{
	width:30%;
	max-width:140px;
	float:left;
	margin-left:4%;
}

.box2_box .left img{
	width:100%;
	border:1px solid #ccc;
}

.box2_box .right{
	margin:5px 4% 5px 1%;
	width:61%;
	float:left;
	line-height:1.4em;
}

.news{
	margin:5px 10px 20px;
	color:#fff;

}

.news a{
	color:#f8dd6b;
}

.groupinfo{
	width:100%;
	margin:0 auto 10px;
}

.group_l{
	width::96%;
	max-width:540px;
	margin:0 auto;
}

.group_l img{
	width:100%;
}

.group_r{
	text-align:left;
	width::94%;
	
	margin:10px auto 20px;
	background:rgba(255,255,255,0.5);
	padding: 5px 2%;
	font-size:14px;
	line-height:1.5em;
	min-height:42px;
}

.newface{
	margin:20px auto 0;
	width:96%;
}

.newface h3,.schedule h3{
	height:40px;
}

.listbg{
	background:url(../images/common/listbg.png);
	border:2px solid #f3ca51;
	border-top:0px none;
	padding:14px 0 0px 2%;
}

.listbg a{
	color:#4b0714;
	text-decoration:none;
}

.newgirl{
	text-align:center;
	width:23%;
	min-width:115px;
	height:auto;
background: #61c419; /* Old browsers */
background: -moz-linear-gradient(left, #61c419 0%, #d5ea9f 50%, #61c419 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#61c419), color-stop(50%,#d5ea9f), color-stop(100%,#61c419)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #61c419 0%,#d5ea9f 50%,#61c419 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #61c419 0%,#d5ea9f 50%,#61c419 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #61c419 0%,#d5ea9f 50%,#61c419 100%); /* IE10+ */
background: linear-gradient(to right, #61c419 0%,#d5ea9f 50%,#61c419 100%); /* W3C */
		box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 3px 0px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 3px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 3px 0px;
	float:left;
	margin:0 2% 12px 0;
	padding-bottom:5px;
}

.new_thumb{
	margin:5px auto;
	width:96%
}

.new_thumb img{
	width:100%;
}

.newgirl .spec{
	margin-top:11px;
}

.newgirl .spec .name{
	font-size:15px;
	font-weight:bold;
}

.newgirl .spec .size{
	font-size:13px;
	margin-top:2px;
}

.newgirl .spec .date{
	font-size:14px;
	margin-top:3px;
	color:#dd0043;
}

.schedule{
	margin:20px auto 0;
	width:100%;
	position:relative;
}

.schedule .today{
	background:rgba(0,0,0,0.7);
	color:#fff;
	height:24px;
	line-height:24px;
	margin:0 10px 10px 0;
	padding:3px 0px; 
}

.schedule .today span{
	color:#e41956;
}

.schedule .girl{
	text-align:center;
	width:23%;
	min-width:115px;
	height:auto;
background: rgb(255,92,92); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,92,92,1) 0%, rgba(255,170,170,1) 50%, rgba(255,92,92,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,92,92,1)), color-stop(50%,rgba(255,170,170,1)), color-stop(100%,rgba(255,92,92,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,92,92,1) 0%,rgba(255,170,170,1) 50%,rgba(255,92,92,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,92,92,1) 0%,rgba(255,170,170,1) 50%,rgba(255,92,92,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,92,92,1) 0%,rgba(255,170,170,1) 50%,rgba(255,92,92,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,92,92,1) 0%,rgba(255,170,170,1) 50%,rgba(255,92,92,1) 100%); /* W3C */
		box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 3px 0px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 3px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 3px 0px;
	float:left;
	margin:0 2% 12px 0;
	padding-bottom:5px;
}

.girl_new{
	text-align:center;
	width:23%;
	min-width:115px;
	height:auto;
background: #61c419; /* Old browsers */
background: -moz-linear-gradient(left, #61c419 0%, #d5ea9f 50%, #61c419 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#61c419), color-stop(50%,#d5ea9f), color-stop(100%,#61c419)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #61c419 0%,#d5ea9f 50%,#61c419 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #61c419 0%,#d5ea9f 50%,#61c419 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #61c419 0%,#d5ea9f 50%,#61c419 100%); /* IE10+ */
background: linear-gradient(to right, #61c419 0%,#d5ea9f 50%,#61c419 100%); /* W3C */
		box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 3px 0px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 3px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 3px 0px;
	float:left;
	margin:0 2% 12px 0;
	padding-bottom:5px;
}

.schedule .spec{
	margin-top:11px;
}

.schedule .spec .cach{
	font-size:12px;
}

.schedule .spec .name{
	font-size:15px;
	font-weight:bold;
	margin-top:3px;
}

.schedule .spec .shift{
	font-size:14px;
	font-weight:bold;
	margin-top:2px;
}

#footer{
	margin-top:0px;
}

#footer_group{
	height:auto;
	background:url(../images/common/footer/footer_group.jpg) repeat-x 50% 0%;
}

#fg_in{
	width:1000px;
	margin:0 auto;
	padding:10px 0;
}

#fg_title{
	margin: 10px 0;
}

.fg_wrap{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	background:#530c21;
}

h5{
	width:110px;
	background:#530c21;
	color:#fff;
	font-size:11px;
	height:20px;
	line-height:20px;
	padding:0 5px;
}

#fg_wrap img {
	margin:5px 5px 0 0;
} 

#footerfoot{
	height:70px;
	background:#b70e47;
	text-align:center;
	color:#fff;
	line-height:70px;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right:5px;
    font-size: 77%;
	z-index:20;
	line-height:15px;
}
#page-top a {
    background: #d7004a;
    text-decoration: none;
    color: #fff;
    width: 50px;
    height:40px;
	padding-top:10px;
    text-align: center;
	vertical-align:middle;
    display: block;
    -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#page-top a:hover {
    text-decoration: none;
    background: #570101;
}



/*--ナビ アコーディオン-----------------------------------------------*/


.top {
  background: #212121;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 2;
  overflow: hidden;
}
a.menu {
  position: absolute;
  z-index: 3;
  border:1px solid white;
  text-decoration: none;
  top: 1.6em;
  right: 1.6em;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.65em;
  padding: 0.4em 0.7em;
  border-radius: 4px;
}
a.menu span {
  font-size:1.6em;
  vertical-align: -0.15em;
}
nav ul {
list-style:none;
}
nav ul li a {
display: block;
text-decoration: none;
background: rgba(0,0,0,0.3);
color: white;
padding: 1em;
margin-bottom: 1px;
}
.drawer {
  -webkit-transform: translate3d(0, -131px, 0);
  -moz-transform: translate3d(0, -131px, 0);
  -o-transform: translate3d(0, -131px, 0);
  transform: translate3d(0, -131px, 0);
  -webkit-transition:-webkit-transform 0.25s linear;
  -moz-transition:-moz-transform 0.25s linear;
  -o-transition:-o-transform 0.25s linear;
  transition:transform 0.25s linear;
}
.drawer.active {
  -webkit-transform: translate3d(0,129px,0)
  -moz-transform: translate3d(0,129px,0)
  -o-transform: translate3d(0,129px,0)
  transform: translate3d(0,129px,0)
}

/* Fallbacks */

.no-csstransforms .top {
  position: static;
}

.no-csstransforms .drawer nav {
  display: none;
}

.no-csstransforms .drawer.active nav {
  display: block;
}

.menubtn{
	text-align:center;
	height:54px;
	line-height:54px;
	width:96%;
	max-width:800px;
	margin: 0 auto;
background: #b70e47; /* Old browsers */
background: -moz-linear-gradient(top, #b70e47 0%, #6b082f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b70e47), color-stop(100%,#6b082f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b70e47 0%,#6b082f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b70e47 0%,#6b082f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b70e47 0%,#6b082f 100%); /* IE10+ */
background: linear-gradient(to bottom, #b70e47 0%,#6b082f 100%); /* W3C */
	color:#fff;
	font-weight:bold;
	border-radius: 5px;        /* CSS3草案 */  
    	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
   	 -moz-border-radius: 5px;   /* Firefox用 */
	    border:2px solid #fff;
	    	box-shadow:rgba(0, 0, 0, 0.4) 0px 4px 5px 0px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 4px 5px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 4px 5px 0px;
}

.telbtn a{
	display:block;
	text-align:center;
	height:54px;
	line-height:54px;
	width:96%;
	max-width:800px;
	margin: 20px auto 10px;
background: #435c8e; /* Old browsers */
background: -moz-linear-gradient(top, #435c8e 0%, #0f1054 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#435c8e), color-stop(100%,#0f1054)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #435c8e 0%,#0f1054 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #435c8e 0%,#0f1054 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #435c8e 0%,#0f1054 100%); /* IE10+ */
background: linear-gradient(to bottom, #435c8e 0%,#0f1054 100%); /* W3C */
	color:#fff;
	font-weight:bold;
	border-radius: 5px;        /* CSS3草案 */  
    	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
   	 -moz-border-radius: 5px;   /* Firefox用 */
	    border:2px solid #fff;
	    	box-shadow:rgba(0, 0, 0, 0.4) 0px 4px 5px 0px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 4px 5px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 4px 5px 0px;
		text-decoration:none;
}

.telbtn a span{
	font-weight:normal;
	font-size:0.8em;
}

#btn_wrapper{
	background:url(../images/common/bg.jpg) 50% 0%;	
	padding:20px 0;
	
}

.main{
	width:100%;
}

.main img{
	width:100%;
}

.btn_wrap{
	margin:20px auto;
	width:100%;
	max-width:800px;
}

.enter{
	float:left;
	width:45%;
	margin-right:2%;
}

.exit{
	float:left;
	width:45%;
	margin-right:3%;
}

.enter img, .exit img{
	width:100%;
}

#allwrap{
	width:100%;
	max-width:800px;
	over-flow:hidden;
}