@charset "euc-jp";
@import url("global.css");

ul,li{
	list-style-type:none;
}
#logo{
	position:absolute;
	top:0px;
	left:0px;
}

h2#feti-title{
	position:absolute;
	top:75px;
	left:10px;
	width:400px;
	height:50px;
	font-size:12px;
	color:black;
	/*color:white;*/
	/*border:1px solid white;*/
	text-align:left;
}
#key-area {
	width:100%;
	height:400px;
	position:relative;
	/*background:url(../content/feti/images/test.jpg) no-repeat;*/
/*	border:1px solid white;*/
}
/*-----共通ボタン----*/
a img.btn-link{
	opacity:0.7;filter:alpha(opacity=70); 
}
a:hover img.btn-link{
	opacity:1;filter:alpha(opacity=100); 
}

/*-----------------*/
/*----タブ関連-----*/
/*-----------------*/

#tab-area {
/*	border:1px solid white;*//*height:150px;*/
}
#tab-area ul {
	list-style-type:none;
	margin:0px 0 0 10px;
	padding:0px;/*border:1px solid white;*/
}
#tab-area li{
	margin:28px 0 0 0;
	/*padding:20px 0 0 0;*/
	/*border:1px solid white;*/
	float:left;
}
#tab-area li.selected {
/*padding:-20px 0 0 0;*/
	margin:0px;
	/*border:1px solid red;*/
}
#tab-area a{
	display:block;	
	width:215px;
	height:67px;
}
#tab-area a:hover{
	background-position:0 -67px;
	
}
#tab-area a.new{
	width:118px;
	background-image:url(../contents/feti/images/btn_new.jpg);
}
#tab-area a.bust{
	background-image:url(../contents/feti/images/btn_bust.jpg);
}
#tab-area a.legs{
	background-image:url(../contents/feti/images/btn_legs.jpg);
}
#tab-area a.hip{
	background-image:url(../contents/feti/images/btn_hip.jpg);
}

#tab-area li img {
	display:block;/*line-height:1;*/
	vertical-align:bottom;
}
#list-area {
	clear:both;
	width:97%;
	margin:0 auto;
	height:150	0px;
	background:#24104B;
	padding:5px;/*border:1px solid white;*/
}
/*-----------------*/
/*---ページャー----*/
/*-----------------*/
.pager {
	color:white;
	background:url(../contents/feti/images/pager_back.png) repeat-x;
	height:75px;
	width:98%;
	margin:10px auto 0px auto;
	padding:5px 0 0 0;
	/*border:1px solid white;*/
}
.page-select {
	width:95%;
	margin:5px 20px 0px 0px;
	_margin:7px 20px 0px 0px;
}

.page-select a, .page-select .selected{
	display:block;
	font-size:10px;
	line-height:2.5;
	color:#333;
	text-decoration:none;
	width:24px;
	height:24px;
	margin:0 0 0 5px;
	background:white;
	list-style-type:none;
	text-align:center;
	float:left;	
}
.page-select a{
	color:black;
	background:white;
}
.page-select a:hover {
	color:white;
	text-decoration:none;
	/*background:#b79dcb;*/
	background:#222;
}
.page-select .selected{
	color:white;
	background:black;
	border:1px solid white;
}
.categories {
	/*float:left;*/
}
.categories a {
	color:white;
	font-size:1.1em;
	font-weight:bold;
}
/*---------------------*/
/*--オススメフェチ用---*/
/*---------------------*/
#ranking {
	clear:both;
	width:250px;
	height:1400px;
	margin:0 0 0 10px;
	background:#1C0626;
	float:left;
}
img.recommend-thumb{
	border:1px solid #B8A4D7;
	float:left;
	opacity:0.7;filter:alpha(opacity=70); 
}
a:hover img.recommend-thumb{
	border:1px solid white;
	opacity:1;filter:alpha(opacity=100); 
}
#ranking ul {
	width:90%;
	font-size:0.7em;
	color:#EECAFF;
	list-style-type:none;
	margin:0px 0 0 10px;
	padding:0px;/*border:1px solid white;*/
}
#ranking li {
	height:80px;
	clear:both;
	line-height:1.2;
	text-indent:0px;
	padding:0px;
	margin:0px;
}
.ranking-detail {
	width:120px;
	margin:0 0 0 5px;
	float:right;
	text-align:left;
	/*border:1px solid white;*/
}
img.ricon{
	margin:0 0 0 10px;
}


/*--------------*/
/*---リスト用---*/
/*--------------*/

#list {
	/*margin:0 10px 0 0px;*/
	/*border:1px solid white;*/
	width:480px;
	float:right;
}
#list ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#list li{
	margin:0px;
	padding:10px 0 0 0px;
	/*height:250px;*/
	clear:both;
	text-indent:0px;
	/*border:1px solid red;*/
	/*float:none;*/
}

#list .thumb-area {
	width:220px;
	height:160px;
	margin:0px 0 0 5px;
	padding:0px;
	/*clear:both;*/
	float:left;
	clear:both;
	position:relative;
	/*border:1px solid white;*/
}
img.thumb{
	border:1px solid white;
	/*
	border:1px solid #B8A4D7;
	border:1px solid black;
	*/
}
.list1{
	background:#341f5e;
	/*background:red;*/
	/*background:black;*/
}
.list2{
	background:#422d6d;
}
.shadow {
	position:absolute;
	top:0px;
	left:0px;
}
.shadow img{
	border:1px solid #B8A4D7;
	/*border:1px solid white;*/
}
#list .info-area {
	color:white;
	font-size:12px;
	width:250px;
	/*height:180px;*/
	margin:0px 0 10px 0;
	padding:0px;
	/*clear:both;*/
	float:right;
	/*border:1px solid white;*/
}

#list .title,#playing-info .title {
	color:white;
	font-family: serif;
	font-size:1.5em;
	font-weight:bold;
	font:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 vertical-align:middle;
}
#list .title img, #playing-info .title img {
	vertical-align:middle;
	margin-right:2px;
}
#list p {
	color:#FBF5FF;
	font-size:11px;
	line-height:1.2;
	margin:5px 0 0 0;
}
#list .info {
	color:#EECAFF
}
#list .info a {
	color:#EECAFF;
	padding:2px;
}
#list .info a:hover{
	color:white;
	background:#120430;
	
}
#list .tsize{
	color:#A08DB2;
	font-size:10px;
}

#list a.btn-view-area{
	display:block;
	text-align:right;
	width:95%;
	height:25px;
	margin:7px 0 0 0;
	line-height:1;
	background:black;
}

/*-------------------*/
/*---個別ページ用----*/
/*-------------------*/
#player-comp {
	/*border:1px solid white;*/
	/*position:relative;*/
	/*top:65px;*/
	background:url(../contents/feti/images/back_ind.jpg) no-repeat;
	_position:absolute;
	_top:0px;
}
#subtitle{
	position:absolute;
	right:0px;
	text-align:right;
	/*border:1px solid white;*/
	_top:0px;
}
#player-area {
	float:left;
	width:475px;
	height:340px;
	margin:80px 0 0 20px;
	_margin:80px 0 0 10px;
	/*border:1px solid white;*/
}
#playing-info-area {
	float:right;
	width:260px;
	height:350px;
	margin:0px 10px 0 0;
	_margin:0px 5px 0 0;
	font-weight:bold;
	/*border:1px solid white;*/
}
#playing-info {
	/*border:1px solid white;*/
	height:310px;
	background:#220f4a url(../contents/feti/images/playing_info_back.jpg) no-repeat right top;
	margin:80px 0 18px 0;
}
#play-info-comp{
	overflow:auto;
	/*overflow-y:scroll;*/
	position:relative;
	margin:20px auto 0 auto;
	width:95%;
	height:230px;
}


/*--写真コンテンツの場合----*/
#photo-area{
	width:100%;
	height:310px;
	position:relative;
}
#photo-area-back{
	position:absolute;
	top:0px;
	left:0px;
	background:#220f4a url(../contents/feti/images/playing_info_back.jpg) no-repeat right top;
	width:100%;
	height:310px;
}
#photo-area-photo{
	position:absolute;
	top:0px;
	left:0px;
}
img.mainimage{
	margin:10px 0 0 15px;
}
#photo-area ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	margin:0 0 0 15px;
	position:relative;
	top:10px;
}
#photo-area li{
	width:90px;
	height:70px;
	margin:0px;
	padding:0px;
		float:left;
}
#photo-area li img{
	border:2px solid white;
}

/*旧動画の場合*/
.movie-btn-area{
	line-height:0.8;
	margin:35px 0 0 0;float:left;height:130px;
}

.title-episode{
	color:#b797c7;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	margin:0px 0 5px 10px;
}
#playing-info p.episode {
	font-size:0.8em;
	color:#f9ddff;
	width:90%;
	margin:0px auto 5px auto;
}
#playing-info p.comment {
	font-size:0.8em;
	line-height:1.4em;
	color:white;
	width:90%;
	margin:10px auto 0 auto;
}
img.cameraman{
	float:left;
	margin:0 5px 0 0;
}

.detail-title {
	position:relative;
	top:10px;
	left:10px;
	width:90%;
	font-size:50%;/*margin:10px 0 0 0;*/
}








#vote {
	margin:10px 0 0 0;
	background:white;
	width:100%;
	height:98px;
	text-align:center;
	font-size:0.8em;
}
#vote h2 {
	font-size:12px;
	text-align:center;
	color:white;
	background:#7B1A43;
}

#info-table-area {
/*background:white;*/
}
#info-table-area table {
	/*color:white;*/
	font-size:0.8em;
	width:770px;
	margin:0 auto 10px auto;
	background:white;
	border:2px solid #A30ED1;
}
#info-table-area td {
	width:25%;
	padding:5px;
	vertical-align:top;
}
h3 {
	font-size:13px;
	font-weight:bold;
	text-indent:5px;
	height:20px;
	margin:0 0 20px 0;
	color:white;
	background:#90278E;
	clear:both;
}