@charset "utf-8";

/* clearfix */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
	line-height: 0;
  clear: both; 
  visibility: hidden;
}

.clearfix {
	display: inline-block;
}


html,body{
	margin  : 0;
	padding : 0;
	background-color : #b5b5b5;
}

img{
	border : none;
}

#container{
	width        : 1000px;
	height       : auto;
	margin-left  : auto;
	margin-right : auto;
	background-color : #ffffff;
}

#header{
	width        : 1000px;
	height       : auto;
	margin-left  : auto;
	margin-right : auto;
}
#backContents{
	width             : 1000px;
	height            : auto;
	background-image  : url("../../img/back.jpg");
	background-repeat : repeat-y;
	margin-left       : auto;
	margin-right      : auto;
}
#contents{
	width        : 740px;
	height       : auto;
	min-height   : 400px;
	margin-left  : auto;
	margin-right : auto;
	padding-top  : 10px;
}

.title{
	font-size : 15px;
}

.fontRed{
	margin-top : 10px;
	font-size  : 12px;
	color      : #ff3264;
}


.fontBlack{
	margin-top : 30px;
	font-size  : 12px;
	color      : #000000;
}

#footer{
	width             : auto;
	height            : 60px;
	background-image  : url("../../img/footer.jpg");
	background-repeat : repeat-x;
	margin-top        : 10px;
}

#navi{
	width        : 800px;
	height       : auto;
	margin-left  : auto;
	margin-right : auto;
	padding-top  : 20px;
}
	#navi li{
		margin-left  : 1px;
		margin-right : 1px;
		display      : inline;
		color        : #ffffff;
		float        : left;
		font-size    : 9px;

	}
	
	#navi li a:link{
		color           : #ffffff;
		text-decoration : none;
	}
	
	#navi li a:visited{
		color           : #ffffff;
		text-decoration : none;
	}
	
#copyright{
	padding-top : 5px;
	text-align  : center;
	font-size   : 10px;
	color       : #ffffff;
}

.clear{
	clear      : both;
}

#pageTop{
	text-align   : right;
	margin-top   : 20px;
	margin-right : 70px;
	font-size    : 9px;
}
	#pageTop a:link{
		color           : #000000;
		text-decoration : none;
	}
	
	#pageTop a:visited{
		color           : #000000;
		text-decoration : none;
	}

.pickup{
	width            : 740px;
	height           : 250px;
	background-image : url("../../img/pickupBg.jpg");
	margin-left      : auto;
	margin-right     : auto;
	position         : relative;
}

.pickupMark{
	width            : 183px;
	height           : 73px;
	background-image : url("../../img/pickup.png");
	position         : absolute;
	top              : 0px;
	left             : 0px;
}
.pickupPhoto1{
	width    : 200px;
	height   : 168px;
	position : absolute;
	top      : 53px;
	left     : 30px;
}

.pickupPhoto2{
	width    : 270px;
	height   : 172px;
	position : absolute;
	top      : 48px;
	left     : 240px;
}

.pickupPhoto1 img{
	width  : 235px;
	height : 175px;
}

.pickupPhoto2 img{
	width  : 235px;
	height : 175px;
}


.pickupName{
	font-size   : 16px;
	font-weight : 800;
	position    : absolute;
	top         : 45px;
	left        : 525px;
}

.pickupSpec{
	font-size   : 16px;
	font-weight : 800;
	position    : absolute;
	top         : 73px;
	left        : 525px;
}

.pickupNew{
	width       : 99px;
	height      : 41px;
	position    : absolute;
	top         : 35px;
	left        : 630px;
}
.pickupCommentTitle{
	font-size : 9px;
	position  : absolute;
	top       : 100px;
	left      : 525px;
}

.pickupGcomment{
	font-size : 12px;
	position  : absolute;
	top       : 115px;
	left      : 525px;
}

.pickupWork{
	width     : 82px;
	height    : 25px;
	position  : absolute;
	top       : 150px;
	left      : 528px;
}

.pickupMogami{
	width     : 82px;
	height    : 25px;
	position  : absolute;
	top       : 150px;
	left      : 630px;

}

.pickupItazura{
	width     : 81px;
	height    : 36px;
	position  : absolute;
	top       : 185px;
	left      : 528px;
}

.pickupMotto{
	width     : 81px;
	height    : 36px;
	position  : absolute;
	top       : 185px;
	left      : 630px;
}

.annotation{
	widht      : 720px;
	height     : auto;
	text-align : right;
	font-size  : 12px;
}

#bnList {
	padding:10px 0 0 30px;
}

#bnList li {
	float:left;
	list-style:none;
	margin-right:10px;
}

#hmenu{
	width            : 1000px;
	height           : 62px;
	background-image : url("../../img/menu_back.jpg");
	margin-top       : 4px;
}

#hlist{
	width        : 1000px;
	height       : 62px;
	margin       : 0;
	padding-left : 42px;
}
	#hlist li{
		margin-left : 4px;
		float       : left;
		display     : inline;
	}


.navi {
}
.navi ul {
	width: 100%;
	background-color: #1e90ff;
	padding: 0 !important;
	margin: 0 0 20px !important;
}
.navi ul li {
	float: left;
	list-style: none;
	text-align: center;
	border-right: 1px solid #FFF;
}
.navi ul li:last-child {
	border-right: none;
}
.navi ul li a {
	display: block;
	text-decoration: none;
	font-size: 12px;
	width: 82.3px;
	height: 28px;
	line-height: 28px;
	background-color: #1e90ff;
	color: #FFF;
	overflow: hidden;
}
.navi ul li a:hover {
	background-color: #F00;
	color: #FFF;
}

div .credit {
	width: 100%;
	text-align: center;
	margin: 0 auto 20px;
}
div .credit a {
	display: block;
	text-decoration: none;
	font-size: 22px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	background-color: #1e90ff;
	color: #FFF;
	overflow: hidden;
}
div.credit a:hover {
	background-color: #F00;
	color: #FFF;
}

.mb10 {
	margin-bottom: 10px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}


.hl, .hl2, .hl3 {
	color: #ffffff !important;
	background-color: #1e90ff;
}
.hl {
	text-align: center;
	font-size: 20px;
	padding: 10px 0;
	margin: 0 0 10px;
}
.hl2 {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.hl2, .hl3 {
	width: auto;
	color: #FFF;
	box-shadow: 1px 1px 3px #666;
	-moz-box-shadow: 1px 1px 3px #666;
	-webkit-box-shadow: 1px 1px 3px #666;
}




/**************************************************************************
イベント
**************************************************************************/
.event_area {
}
ul.event {
	text-align: center;
	margin: 0;
	padding: 0;
}
ul.event li img {
	width: 100%;
}
ul.event li {
	list-style: none;
	margin: 0 0 2px;
}
ul.event .text {
	color: #000;
	font-size: 16px;
	text-align: left;
}






.girls_box {
	float: left;
	width: 134px;
	color: #000;
	padding: 4px;
	margin: 0 2px 4px 0;
	font-size: 14px;
	text-align: center;
	border: 2px solid #1e90ff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	/*
	box-shadow: 0 0 5px #666;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	*/
}
.girls_box.col2:nth-of-type(5) {
	margin-right: 0;
	width: 134px;
}
.girls_box dl {
}
.girls_box dt {
}
.girls_box dt img {
	width: 100%;
	margin: 0 0 2px;
}
.girls_box dd {
}
.girls_box li {
	line-height: 1.1em;
	height: 1.1em;
	overflow: hidden;
}
.girls_box li:last-child {
	margin: 0;
}

.girls_box2 {
	float: left;
	box-sizing: border-box;
	width: 240px;
	color: #666;
	padding: 6px 0;
	margin: 0 4px 4px 0;
	font-size: 12px;
	text-align: center;
	border: 2px solid #1e90ff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	/*
	box-shadow: 0 0 5px #666;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	*/
}
.girls_box2.col2:nth-of-type(2) {
	margin-right: 0;
}
.girls_box2.col3:nth-of-type(3) {
	margin-right: 0;
}
.girls_box2 dl {
	margin: 0 auto;
}
.girls_box2 dt {
}
.girls_box2 dt img {
	width: 100%;
}
.girls_box2 dd {
}
.girls_box2 li {
	line-height: 1.1em;
	height: 1.2em;
	overflow: hidden;
}
.girls_box2 li:last-child {
	margin: 0;
}


.gravure_box {
	float: left;
	width: 370px;
	color: #000;
	margin: 0 10px 10px 0;
	font-size: 14px;
}
.gravure_box:nth-of-type(even) {
	margin-bottom: ;
}
.gravure_box dl {
}
.gravure_box dt {
	text-align: center;
}
.gravure_box dt img {
	width: 100%;
	margin: 0 0 2px;
}
.gravure_box dd {
	text-align: left;
}
.gravure_box li {
	line-height: 1.1em;
	height: 1.1em;
	overflow: hidden;
}
.gravure_box li:last-child {
	margin: 0;
}