@charset "utf-8";


/* 認証ページ */

img.bgmaximage{
	  position:fixed !important;
}
	 

div#maincontent #logo_bt {
height:250px;
width:100%;
position: absolute;
bottom:206px;
}

div#maincontent div#logo_bt div#box{
width:1075px;
margin:0 auto;
height:2241px;
position:relative;
}

div#maincontent div#logo_bt div#box p#att_logo{
position:absolute;
top:50px;
left:10px;
width:535px;
height:185px;
}

div#maincontent div#logo_bt div#box p#att_enter{
position:absolute;
top:0px;
left:630px;
width:241px;
height:241px;
}

div#maincontent div#logo_bt div#box p#att_leave{
position:absolute;
top:85px;
left:880px;
width:161px;
height:161px;
}


#att_footer_bg_color {
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
	height:286px;
	background-color:#000;
}

#att_footer {
  position: absolute;
  left: 0;
  bottom:0;
  z-index: 0;
  width: 100%;
  height:286px;
  background: url(./img/att_footer.png) repeat-x;
  }


#att_footer div#box{
height:174px;
margin:32px auto 0 auto;
width:1081px;
background: url(./img/footer_bg.png) no-repeat left top;
position:relative;
}

#att_footer div#box div#rg_bg{
position:absolute;
top:0px;
left:107px;
width:1187px;
height:64px;
background: url(./img/rg_bg.png) no-repeat left top;
}


#att_footer div#box div#rg_bg ul{
padding-left:120px;
padding-top:7px;
}

#att_footer div#box div#rg_bg ul li{
float:left;
width:88px;
height:31px;
margin-left:4px;
}


#att_footer div#box div#rg_bg p#bn_wjob{
width:263px;
height:55px;
position:absolute;
top:55px;
left:343px;
}

#att_footer div#box div#rg_bg p#bn_mjob{
width:263px;
height:55px;
position:absolute;
top:55px;
left:610px;
}


/* 認証ページ ここまで */


/* What's New */

#nf_tit{
  width:689px;
  height:38px;
  background: url(./img/whatsnew_tit.jpg);
  margin-bottom:1px;
  position:relative;
  }
  
#nf_tit a{
  position: absolute;
  top:11px;
  left:616px;
  height:18px;
  width:62px;
  background: url(./common/img/bt/more_bt.gif) no-repeat;
  text-indent:-1000000em;
  overflow:hidden;
}


#nf_tit a:hover{
background-position:0 -18px;
}



.nf_box{
  width:687px;
  height:281px;
  overflow-y:scroll;
  background: url(./img/nf_box_ba.gif);
  border: solid 1px #282724;
}


.nf_box li{
	padding-bottom:10px;
	margin-bottom:10px;
	overflow:hidden;

}

.t_wn_photo{
  width:169px;
  height:265px;
  padding:7px;
  margin-right:10px;
  float:left;
  position:relative;

}

.t_wn_gname{
position:absolute;
background:url(./img/t_wn_gname_ba.png) repeat;
font-size:14px;
width:105px;
height:23px;
top:229px;
left:7px;
padding-top:6px;
font-weight:bold;
text-align:center;
}


.t_wn_txt_box{
	width:372px;
	float:left;
  padding:7px 0 3px 0;
}

.t_wn_hl{
  width:362px;
  color:#ff0000;
  font-size:15px;
  font-weight:bold;
}

.t_wn_date{
font-size:11px;
}

.t_wn_txt{
	width:372px;
    font-size:14px;
	padding-top:5px;
	line-height:130%;
	white-space:normal;
}

#flash_img{
margin-bottom:5px;
}


div#infometion{
background:url(./img/infometion_ba.jpg) no-repeat;
width:689px;
height:39px;
position:relative;
margin-bottom:5px;}

div#infometion p#text{
position:absolute;
top:10px;
left:165px;
width:510px;
overflow:hidden;
color:#FFFF00;
}

#dec_box{
width:684px;
overflow:hidden;
margin-left:5px;
margin-top:15px;
}


div#dec_box p#dec6_bt a{
  background: url(./img/dec6_bt.jpg) no-repeat;
  width:684px;
  height:265px;
  text-indent:-1000000em;
  display:block;
  overflow:hidden;
}

div#dec_box p#dec6_bt a:hover{
background-position:0 -265px;
}


#dec_box_rline{
border:solid 1px #f90000;
width:682px;
}


ul#dec_course{
padding-left:15px;
width:667px;
height:163px;
background:#020202;
}

ul#dec_course li{
float:left;
}

ul#dec_course li#dec1_bt1 a{
  height:163px;
  width:159px;
  background: url(http://www.sp-yokujo.com/img/dec1_bt1.png) no-repeat;
  text-indent:-1000000em;
  display:block;
  overflow:hidden;
}

ul#dec_course li#dec1_bt1 a:hover{
background-position:0 -163px;
}

ul#dec_course li#dec1_bt2 a{
  height:163px;
  width:159px;
  background: url(http://www.sp-yokujo.com/img/dec1_bt2.png) no-repeat;
  text-indent:-1000000em;
  display:block;
  overflow:hidden;
}

ul#dec_course li#dec1_bt2 a:hover{
	background-position:0 -163px;
}

ul#dec_course li#dec1_bt3 a{
  height:163px;
  width:159px;
  background: url(http://www.sp-yokujo.com/img/dec1_bt3.png) no-repeat;
  text-indent:-1000000em;
  display:block;
  overflow:hidden;
}

ul#dec_course li#dec1_bt3 a:hover{
	background-position:0 -163px;
}

ul#dec_course li#dec1_bt4 a{
  height:163px;
  width:159px;
  background: url(http://www.sp-yokujo.com/img/dec1_bt4.png) no-repeat;
  text-indent:-1000000em;
  display:block;
  overflow:hidden;
}

ul#dec_course li#dec1_bt4 a:hover{
	background-position:0 -163px;
}



#sche_tit{
  width:689px;
  height:35px;
  background: url(./img/TodaysSchedule_tit.jpg);
  position:relative;
  }
  
#sche_tit a{
  position: absolute;
  top:11px;
  left:616px;
  height:18px;
  width:62px;
  background: url(./common/img/bt/more_bt.gif) no-repeat;
  text-indent:-1000000em;
  overflow:hidden;
}


#sche_tit a:hover{
background-position:0 -18px;
}


#sche_ba{
  background: url(./img/TodaysSchedule_ba.jpg);
  width:689px;
  height:35px;
  margin-top:5px;}

div#sche_ba #sche_ba_l{
width:373px;
height:35px;
float:left;
position:relative;
}

div#sche_ba div#sche_ba_l #com{
position:absolute;
top:9px;
left:20px;
}

div#sche_ba div#sche_ba_l #sche_a{
position:absolute;
top:9px;
right:10px;
}

div#sche_ba div#sche_ba_l #sche_b{
position:absolute;
top:9px;
right:57px;
}


div#sche_ba div#sche_ba_r{
width:316px;
height:35px;
float:left;
position:relative;
}

#sche_a_bt a{
position:absolute;
top:7px;
right:190px;
height:29px;
width:86px;
background: url(./img/sche_a_bt.png) no-repeat;
text-indent:-1000000em;
display:block;
overflow:hidden;
}

#sche_a_bt a:hover{
background-position:0 -29px;
}

#sche_b_bt a{
position:absolute;
top:7px;
right:99px;
height:29px;
width:86px;
background: url(./img/sche_b_bt.png) no-repeat;
text-indent:-1000000em;
display:block;
overflow:hidden;
}

#sche_b_bt a:hover{
background-position:0 -29px;
}


#sche_all_bt a{
position:absolute;
top:7px;
right:9px;
height:29px;
width:85px;
background: url(./img/sche_all_bt.png) no-repeat;
text-indent:-1000000em;
display:block;
overflow:hidden;
}

#sche_all_bt a:hover{
background-position:0 -29px;
}









#sche_girls{
  width:682px;
  height:670px;
  overflow-y:scroll;
  padding-left:7px;
  padding-top:4px;
}

ul#girls_list{
}

ul#girls_list li{
display:block;
float:left;
width:159px;
height:327px;
background: url(./img/girl_ba.jpg) no-repeat;
margin-right:7px;
margin-bottom:8px;
overflow:hidden;
}


ul#girls_list p.gimg{
height:200px;
width:145px;
padding-top:22px;
padding-left:14px;
}

ul#girls_list p.time{
text-align:center;
height:18px;
padding-top:8px;}

ul#girls_list p.gname a{
text-align:center;
height:16px;
padding-top:9px;
color:#ff0066;
display:block;}

*html ul#girls_list p.gname a{
text-align:center;
height:20px;
padding-top:5px;
color:#ff0066;
display:block;}


ul#girls_list p.gthr{
height:19px;
padding-top:1px;
text-align:center;
}

*html ul#girls_list p.gthr{
height:18px;
padding-top:0px;
text-align:center;
}


ul#girls_list p.gicon{
height:28px;
width:148px;
padding-top:4px;
padding-left:9px;
}


ul#girls_list p.gicon img{
margin-right:3px;
}



/*--ランキング・新人情報--*/

#rank-tit {
	width:65px;
	height:24px;
	padding:10px 0 0 210px;
	margin:0 10px 0 0;
	background:url(./img/side/side_ranking.png) left top no-repeat;
}

#rankArea {
	width:275px;
	padding:0 5px 5px;
	margin:0 10px 0 0;
}

#rankList {
}

#rankList li {
	display:block;
	width:275px;
	clear:both;
	padding:5px 0;
	background:url(./img/side/side_dotted_01.png) left bottom repeat-x;
}

#rankList li:after {/*高さを出すため clearfix*/
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}  

.rankList-01 {
	width:275px;
}

.rankPicture {
	width:118px;
	height:114px;
	float:left;
	padding:12px 0 0 12px;
	position:relative;
}

.rankIcon {
	position:absolute;
	bottom:0;
	left:0;
}

.rankList-01 .rankPicture {
	background:url(./img/side/side_bg_01.png) left top no-repeat;
}

.rankList-02 .rankPicture {
	background:url(./img/side/side_bg_02.png) left top no-repeat;
}

.rankList-03 .rankPicture {
	background:url(./img/side/side_bg_03.png) left top no-repeat;
}

.rankList-04 .rankPicture {
	background:url(./img/side/side_bg_04.png) left top no-repeat;
}

.ranktxt {
	width:145px;
	float:right;
	background:#101010;
}

.ranktxt dl {
	width:135px;
	padding:5px 0 0 5px;
	height:43px;
}

.ranktxt dl dt a {
	color:#ffffff;
	text-decoration:none;
}

.ranktxt dl dd {
	color:#726e6e;
}

.rankComment {
	width:120px;
	height:42px;
	padding:7px 10px 5px 15px;
	color:#ffffff;
	font-size:11px;
	line-height:1.2em;
	overflow:hidden;
	background:url(./img/side/side_bg_05.png) left top no-repeat #101010;
}





#newFace-tit {
	width:65px;
	height:24px;
	padding:10px 0 0 210px;
	margin:0 10px 0 0;
	background:url(./img/side/side_newFace.png) left top no-repeat;
}

#newFaceArea {
	height:539px;
	width:275px;
	margin:0 10px 5px 0;
	overflow:auto;
	position:relative;
}

#newFaceList {
}

#newFaceList li {
	display:block;
	width:256px;
	clear:both;
	padding:5px 0;
	background:url(./img/side/side_dotted_02.png) left bottom repeat-x;
}

#newFaceList li:after {/*高さを出すため clearfix*/
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}  

.newFaceList-01 {
	width:256px;
}

.newFacePicture {
	width:118px;
	height:114px;
	float:left;
	padding:12px 0 0 12px;
}

.newFaceIcon {
	position:relative;
	top:-3px;
	left:52px;
	z-index:100;
}

.newFaceImg {
	position:relative;
	top:-52px;
	left:0px;
	z-index:10;
}

.newFaceList-01 .newFacePicture {
	background:url(./img/side/side_bg_06.png) left top no-repeat;
}

.newFacetxt {
	width:126px;
	float:right;
	background:#101010;
}

.newFacetxt p {
	background:url(./img/side/side_newTit_01.png) left top no-repeat;
	text-align:center;
	color:#f6fc00;
	height:19px;
	padding-bottom:5px;
}


.newFacetxt dl {
	width:116px;
	padding:5px 0 0 5px;
	height:43px;
}

.newFacetxt dl dt a {
	color:#ffffff;
	text-decoration:none;
}

.newFacetxt dl dd {
	color:#726e6e;
	font-size:11px;
}

.newFaceComment {
	width:101px;
	height:42px;
	padding:7px 10px 5px 15px;
	color:#ffffff;
	font-size:11px;
	line-height:1.2em;
	overflow:hidden;
	background:url(./img/side/side_bg_07.png) left top no-repeat #101010;
}

#rank-tit a,
#newFace-tit a {
	display:block;
	width:62px;
	height:18px;
	background:url(./common/img/bt/more_bt.gif) left top no-repeat;
	text-indent:-9999px;
}

#rank-tit a:hover,
#newFace-tit a:hover {
	background-position:0 -18px;
}


/* まんがで体験 */

div#pmanga_box{
width:671px;
height:344px;
position:relative;
margin-left:10px;
}

div#pmanga_box #pmanga_bt a{
position:absolute;
top:277px;
left:25px;
display:block;
width:634px;
height:51px;}

#pmovie_box{
width:671px;
height:1250px;
margin-left:13px;
margin-top:0px;
}


#playimage{
margin-left:10px;
width:662px;
height:248px;}

#system_price{
width:661px;
margin-left:10px;
padding-top:10xp;
margin-bottom:10px;
margin-top:10px;
}

div#dec_box p#dec6_bt a{
  background: url(./img/dec6_bt.jpg) no-repeat;
  width:684px;
  height:265px;
  text-indent:-1000000em;
  display:block;
  overflow:hidden;
}

div#dec_box p#dec6_bt a:hover{
background-position:0 -265px;
}

.pv_1{
	background-image: url(./play/img/image_b_01.jpg);
	background-repeat: no-repeat;
	width: 671px;
	height: 209px;
	margin: 0px;
	padding: 0px;
}
.pv_1 a{
	background-image: url(./play/img/pv1.jpg);
	background-repeat: no-repeat;
	width: 254px;
	height: 155px;
	text-indent: -9999px;
	display: block;
	position: relative;
	left: 373px;
	top: 26px;
}
.pv_1 a:hover{
	background-image: url(./play/img/pv1_ov.jpg);
}

.pv_2{
	background-image: url(./play/img/image_b_02.jpg);
	background-repeat: no-repeat;
	width: 671px;
	height: 211px;
	margin: 0px;
	padding: 0px;
}

.pv_2 a{
	background-image: url(./play/img/pv2.jpg);
	background-repeat: no-repeat;
	width: 254px;
	height: 155px;
	text-indent: -9999px;
	display: block;
	position: relative;
	left: 373px;
	top: 28px;
}
.pv_2 a:hover{
	background-image: url(./play/img/pv2_ov.jpg);
}

.pv_3{
	background-image: url(./play/img/image_b_03.jpg);
	background-repeat: no-repeat;
	width: 671px;
	height: 211px;
	margin: 0px;
	padding: 0px;
}

.pv_3 a{
	background-image: url(./play/img/pv3.jpg);
	background-repeat: no-repeat;
	width: 254px;
	height: 155px;
	text-indent: -9999px;
	display: block;
	position: relative;
	left: 373px;
	top: 28px;
}
.pv_3 a:hover{
	background-image: url(./play/img/pv3_ov.jpg);
}

.pv_4{
	background-image: url(./play/img/image_b_04.jpg);
	background-repeat: no-repeat;
	width: 671px;
	height: 208px;
	margin: 0px;
	padding: 0px;
}

.pv_4 a{
	background-image: url(./play/img/pv4.jpg);
	background-repeat: no-repeat;
	width: 254px;
	height: 155px;
	text-indent: -9999px;
	display: block;
	position: relative;
	left: 373px;
	top: 27px;
}
.pv_4 a:hover{
	background-image: url(./play/img/pv4_ov.jpg);
}

.pv_5{
	background-image: url(./play/img/image_b_05.jpg);
	background-repeat: no-repeat;
	width: 671px;
	height: 239px;
	margin: 0px;
	padding: 0px;
}

.pv_5 a{
	background-image: url(./play/img/pv5.jpg);
	background-repeat: no-repeat;
	width: 254px;
	height: 155px;
	text-indent: -9999px;
	display: block;
	position: relative;
	left: 373px;
	top: 29px;
}
.pv_5 a:hover{
	background-image: url(/play/img/pv5_ov.jpg);
}