/*-----------------------    mList    -----------------------------------*/
#mList      { clear: both; background-color: #ffffff; }
.mListMovie{
	display:block;
	position:relative;
	float:left;

	margin:1px;
	padding:1px 3px 3px 4px;
	font-size : 11px;
	background-color: #ffffff;
	text-align:center;
	
	border-top:    1px solid #cccccc;	border-right:  1px solid #cccccc;
	border-bottom: 1px solid #cccccc;	border-left:   1px solid #cccccc;
	
}
.mListMovie H2{ margin:0; padding:2px 0 2px 0; font-size: 13px; }
.mListMovie H3{ margin:0; padding:2px 0 2px 0; font-size: 12px; }

.mListMovie H4,H5{ margin:0; padding:0; font-weight: normal; color : #006600; font-size: 11px; text-align:left; }

.mListMovie p{ text-align:left;}
	.mListMovie  a{       xcolor:#00ee00; text-decoration:underline; padding:0;}
	.mListMovie  a:hover{ color:red; text-decoration:none; }
	
	.mListMovie UL{
		padding:5px 0 0 0; 
		margin:0;
	}
	.mListMovie LI{
		float:left;
		list-style: none;
		font-size: 11px;
		padding:1px;
		margin:0 5px 0 5px;
	}
	.mListMovie img{
		padding:4px 0 0 0; 
		margin:0; text-align:center;
	}

/*-----------------------    movPrice Box    -----------------------------------*/
#kanriComment{ 
	text-align: left;
	margin:0;
	padding:0 0 0 5px;
	color:#666; 
}
#kanriComment H2{ 	font-size: 14px;  }
#kanriComment H3{ 	 font-weight: normal; }


/*-----------------------    movPrice Box    -----------------------------------*/
.detailActress{
clear:both;
white-space:nowrap; 
margin:0 0 0 7px;
}
.detailActress h2{ font-size: 12px;  }
.detailHaishin{ 
white-space:nowrap;  
margin:0 7px 0 0;
}
.detailHaishin h3{ font-size: 12px;  }
/*-----------------------    movPrice Box    -----------------------------------*/
  .btn-onoff{ 
    text-align: center;
	height:20px; line-height:20px;
	border-right:1px solid #999;
	margin:4px 2px 4px 0;
	xpadding:3px 0 0 0;
	font-size: 13px;color:#fff;
 }
  .btn-on-bk{   background: url(/images/btn/btn-onoff.gif) repeat-x 0 0; }
  .btn-off-bk{  background: url(/images/btn/btn-onoff.gif) repeat-x 0 -20px; }
  .btn-on-gr{   background: url(/images/btn/btn-onoff.gif) repeat-x 0 -40px; }
/*-----------------------    movPrice Box    -----------------------------------*/
.gNavi { 
	clear:both;
	width:99%; height:20px; line-height:20px;
	padding:1px 4px 0 0;
	margin:0;
	background-color: #EFECDE;
	border-bottom:1px solid #D8D2BD;	border-top:1px solid #D8D2BD; border-right:3px solid #EFECDE;
	color:#666;
	xfont-family: "Courier New", Courier, mono;
	font-size: 12px;
	text-align: center;
}
.gNavi a{ 
	color:#666; 
}
.gNavi span{ 
	margin:0 5px 0 5px; padding:0 0 0 7px; border-left:2px solid olive;
}
.gNavi .ad a{ 
	color:red; 
}
/*-----------------------    movPrice Box    -----------------------------------*/
#movPrice{ 
	clear:both;
	text-align: left;
	margin:0;
	padding:0 0 0 5px;
	color:#666; 
}
#movPrice a{ xfont-size: 11px; text-decoration:none; color:#666;}
#movPrice a:hover{ text-decoration:underline;}
#movPrice H2{ font-size: 14px; margin:0;padding:0;}

#movPrice table{ 
	border-top: 1px solid #ccc;
	border-left:1px solid #ccc;
	padding:0; margin:0;
}
#movPrice tr{ padding:0; margin:0;}
#movPrice td{ text-align: center; margin:0; xfont-size: 14px; padding:2px; border-right:1px solid #9baab1;  border-bottom:1px solid #9baab1;}
 #movPrice strong{ color:red; font-weight: normal; }
 #movPrice .bikou{ vertical-align: top; text-align: left; }

 #movPrice UL{
 	
	list-style: none;
	font-size: 12px;	
	text-align: left;
	margin:0 0 0 0px;padding:3px 0 0 0px;
 }
 #movPrice LI{ 
	background-image: url(/images/ico_arrow2.gif);
	background-repeat: no-repeat;
	margin:0 0 0 -2px;padding:0 0 0 8px;
 }




/*-----------------------    srchForm    -----------------------------------*/
.adMovDetail { clear:both; xwidth:610px;margin:4px auto; text-align:center; xborder: 1px solid #ccc; xbackground-color: #FFFFFF; }



/*-----------------------    srchForm    -----------------------------------*/
#srchForm {
width:525px;
xfloat:left; margin:0 0 0 150px;
}

#srchForm .boxSearchBtm .box-top {
height:11px;
line-height:0;
background:url(http://www.eroole.com/images/srch/box_group_all.gif) no-repeat 0 -16px;
}
#srchForm .boxSearchBtm .box-top2 {
height:15px;
width:495px;
background:url(http://www.eroole.com/images/srch/box_group_all.gif) no-repeat 0 -26px;
clear:both;
vertical-align:bottom;
}

#srchForm .boxSearchBtm {
padding-bottom:10px;
background:url(http://www.eroole.com/images/srch/box_search_btm.gif) no-repeat left bottom;
}
#srchForm .boxSearch {
text-align:center;
background:url(http://www.eroole.com/images/srch/menu_boxall_bg.gif) repeat-y -1725px 0px;
width:525px;
overflow:hidden;
}
#srchForm .boxSearch input {
vertical-align:middle;
xmargin:0  0 0 34px; xheight:40px;
}

#srchForm .boxKeywordBtm {
width:495px;
background:url(http://www.eroole.com/images/srch/box_keyword_btm.gif) no-repeat left bottom;
padding:5px;
}
#srchForm .boxKeyword {
width:495px;
font-size:92%;
background:url(http://www.eroole.com/images/srch/menu_boxall_bg.gif) repeat-y -2250px 0px;
margin:0 15px;
}
*html #srchForm .boxKeyword{
overflow:hidden;
}
#srchForm .boxKeyword span {
color:#686767;
white-space:nowrap;
float:left; margin:0 6px 0 0;
}
#srchForm .boxKeyword a{       color : #666; text-decoration: underline;font-size:12px; padding-top:2px;}
#srchForm .boxKeyword a:hover{ color : #0066FF;  }

#srchForm .keywordBox {
width:280px;
border-left:#808080 solid 2px;
border-top:#808080 solid 2px;
border-right:#c3c3c3 solid 1px;
border-bottom:#c3c3c3 solid 1px;
height:25px;font-size:16px;
padding:2px; margin:0  0 0 34px;
display:block;
float:left;
}


#srchForm .boxGroup .boxLow:after,
#srchForm .boxKeywordBtm:after {
clear:both;
height:0;
visibility:hidden;
display:block;
content:".";
}




/*-----------------------    srchForm small    -----------------------------------*/
DIV#srchForm2 { clear:both; width:180px; text-align:center; border: 1px solid #ccc; background-color: #FFFFFF; }
  xINPUT#srchtxt2 { margin: 5px 0 5px 0; height:15px; font-size: 12px; border: 1px solid #999; background-color: #eee;}
  #srchForm2 INPUT{ margin: 3px 0 3px 0; height:18px; font-size: 12px; border: 1px solid #999; background-color: #eee;}

/*-----------------------    switPageLists    -----------------------------------*/
.switPageLists {  clear:both; text-align:center;
	padding:20px 0 10px 10px; xborder: 1px solid red;
}
	.switPageLists:after {
	    content: "";
	    display: block;
	    clear: both;
	    height: 1px;
	    overflow: hidden;
	}
	
	/*\*/
	* html .switPageLists {
	    height: 1em;
	    overflow: visible;
	}
	/**/
	
.switPageLists UL{ margin:0; padding:0; } 
.switPageLists LI{ 
	float:left;
	list-style: none;
	font-size: 14px;
	margin:0 2px 0 0;
	padding:0 5px 0 0;
}
.switPageLists .on{  border-left: 5px solid red; padding:0 3px 0 3px; margin:0 5px 0 5px;  }
	.switPageLists .on a{  color:red; text-decoration:none;       }
	.switPageLists a{      color:#666; text-decoration:underline;  }
	.switPageLists a:hover{ color:red; text-decoration:none;       }
.switPageLists P{  font-size: 14px; margin:4px 0 0 0; }

/*-----------------------    gLists    -----------------------------------*/
#gLists {  clear:both; 
	padding:0 0 0px 0; xborder: 1px solid red;
}
#gLists H2{ 
		font-size: 14px;
}
#gLists UL{ margin:0; padding:0; } 
	#gLists a{      color:#666; text-decoration:none;  }
	#gLists a:hover{ color:red; text-decoration:underline;       }
#gLists .dot{
	clear:both; 
	background-image: url(/images/ico/ico-list-dot.gif);
	background-repeat : no-repeat;
	background-position: left center; 

	xfloat:left;
	list-style: none;
	font-size: 14px; height:20px;line-height:20px;
	margin:0 0 0 0;
	padding:5px 0 0 10px;
}
#gLists .on a{  color:red; text-decoration:none;    }
#gLists .doton{
	clear:both; 
	background-image: url(/images/ico/ico-list-dot-rd.gif);
	background-repeat : no-repeat;
	background-position: left center; 

	xfloat:left;
	list-style: none;
	font-size: 14px; height:20px;line-height:20px;
	margin:0 0 0 0;
	padding:5px 0 0 10px;
}
#gLists .extra{
	float:left;
	list-style: none;
	font-size: 11px;xheight:20px;
	xmargin:0 0 0 10px;
	padding:0 0 0 15px;
}
/*-----------------------    gLists    -----------------------------------*/
#srsLists {  clear:both; 
	padding:0 0 0px 0; xborder: 1px solid red;
}
#srsLists H2{ 
		font-size: 14px;
}
#srsLists UL{ margin:0; padding:0; } 
	#srsLists a{      color:#666; text-decoration:none;  }
	#srsLists a:hover{ color:red; text-decoration:underline;       }
	
#srsLists .dot{
	clear:both; 
	background-image: url(/images/ico/ico-list-dot.gif);
	background-repeat : no-repeat;
	background-position: left top; 

	xfloat:left;
	list-style: none;
	font-size: 12px; xheight:20px;xline-height:20px;
	margin:0 0 0 0;
	padding:5px 0 0 10px;
}
#srsLists .on a{  color:red; text-decoration:none;    }
#srsLists .doton{
	clear:both; 
	background-image: url(/images/ico/ico-list-dot-rd.gif);
	background-repeat : no-repeat;
	background-position: left center; 

	xfloat:left;
	list-style: none;
	font-size: 14px; height:20px;line-height:20px;
	margin:0 0 0 0;
	padding:5px 0 0 10px;
}
#srsLists .extra{
	float:left;
	list-style: none;
	font-size: 11px;xheight:20px;
	xmargin:0 0 0 10px;
	padding:0 0 0 15px;
}
/*-----------------------    subjpg    -----------------------------------*/
.subjpg {  clear:both; 
	padding:2px 0 10px 0; xborder: 1px solid red;
}
/*-----------------------    genre    -----------------------------------*/
.gnrLists {  clear:both; 
	padding:10px 0 10px 0; xborder: 1px solid red;
}
.gnrLists H3{ font-size: 12px; margin:0; padding:0;} 
.gnrLists UL{ margin:0; padding:0; } 
.gnrLists LI{ 
	background-image: url(/images/ico/ico-check-br.gif);
	background-repeat : no-repeat;
	background-position: left center; 

	list-style: none;
	font-size: 14px;
	margin:0 0 0 15px;
	padding:0 0 0 18px;
}
.xgnrLists .on{  border: 1px solid red; padding:0 3px 0 3px;   }
	.xgnrLists .on a{  color:#666; text-decoration:none;       }
	.gnrLists a{      color:#666; text-decoration:underline;  }
	.gnrLists a:hover{ color:red; text-decoration:none;       }


/*-----------------------    affLink    -----------------------------------*/
.affLink   { float:right; margin:0; padding:0 200px 0 0; xborder: 1px solid orange;} 
.affLink UL{ margin:0; padding:0px 0 0 0; } 
.affLink LI{
	float:right;
	background-image: url(/images/btn_link.gif);
	background-repeat : no-repeat;
	background-position: left center; 
	width:76px;
	height:25px;
	list-style: none;
	font-size: 13px;
	margin:0 0 0 4px;
	padding:7px 0 0 15px;
}
	.affLink LI a{       color:#fff; text-decoration:none; }
	.affLink LI a:hover{ color:#eee; text-decoration:underline; }

/*-----------------------    layout    -----------------------------------*/

DIV#CoverPageLeft {
    width: 800px; padding:0; margin:0;
	float:left;   	border-right:1px solid #D8D2BD;
}
DIV#CoverPageRight{
    width: 180px;  padding:5px 5px 5px 10px;margin:0;
	float:left;    xborder: 1px solid blue;
}
	#xCoverPageLeft LI{
		float:left;
		list-style: none;
		font-size: 10px;

		margin:0 5px 0 5px;
	}

/*-----------------------    ad    -----------------------------------*/
#AdBox { 
	padding:0 0 10px 0; xborder: 1px solid red;
}
	#AdBox UL{ margin:0; padding:0; } 
	#AdBox LI{ 
		float:left;
		list-style: none;
		font-size: 10px;
		margin:0 2px 0 0;
		padding:3px;
	}


/*-----------------------    price    -----------------------------------*/
#priceList { 
	padding:0 0 10px 100px; xborder: 1px solid red;
}
	#priceList UL{ margin:0; padding:0; } 
	#priceList LI{ 
		float:left;
		list-style: none;
		font-size: 10px;
		margin:0 2px 0 0;
		padding:3px;
	}
	#priceList .on{  border: 1px solid red; padding:3px; }
	
	
	#priceList H2{	font-size: 12px; font-weight: normal; margin:0; padding:0;}
	#priceList H3{	float:left; font-size: 14px; font-weight: normal; margin:0 10px 0 0;padding:0;}
	

/*-----------------------    movLists    -----------------------------------*/
.movListBox{
	clear:both; xborder: 1px solid red;
	padding:10px 0 10px 10px;
}
	.movListBox:after {
	    content: "";
	    display: block;
	    clear: both;
	    height: 1px;
	    overflow: hidden;
	}
	
	/*\*/
	* html .movListBox {
	    height: 1em;
	    overflow: visible;
	}
	/**/

.movListBox H2{
	clear:both; float:left;
	border-left: 5px solid midnightblue;

	font-size: 22px;
	font-weight: normal;
	padding:5px 5px 5px 15px;
	margin:1px;
}
	.movListBox H2 a{ xcolor:#666; text-decoration:underline; }
	.movListBox H2 a:hover{ color:red; text-decoration:none; }

.movListBox .comment{

	color:orange;

}

.movListBox P{
	clear:both; xwidth:370px;
	border: 1px solid #cccccc;
	font-size: 16px;
	line-height:1.8em; 
	font-weight: normal;
	padding:5px;
	margin:0px 5px 5px 0;
}
.movListBox H3{
	clear:both;
	xfloat:left; xwidth:60px;
	xfont-size: 12px;
	font-weight: normal;
	padding:1px;
	margin:0 5px 0 5px;
}
.movListBox H4{
	xfloat:left; display:block;
	xborder: 1px solid #cccccc;
	xfont-size: 12px;
	font-weight: normal;
	padding:1px;
	margin:0 5px 0 5px;
}
	.movListBox H4 a{ color:#666; font-weight: normal;text-decoration:underline; }
	.movListBox H4 a:hover{ color:red; text-decoration:none; }
	.movListBox .on a{ color:red;   }

	
.movListPic{
	float:left;
	xclear:both; xborder: 1px solid red;
	padding:2px  0 3px 5px;
	text-align:left;
}
	.movListPic:after {
	    content: "";
	    display: block;
	    clear: both;
	    height: 1px;
	    overflow: hidden;
	}
	
	/*\*/
	* html .movListPic {
	    height: 1em;
	    overflow: visible;
	}
	/**/


	.movMsg a{ color:#666; font-weight: normal;text-decoration:underline; }
	.movMsg a:hover{ color:red; text-decoration:none; }
	.movMsg .on a{ color:red; text-decoration:none; }


/*-----------------------    movLists    -----------------------------------*/
.movListsTop{
	float:left;
	width:190px; xborder-top: 1px solid #ccc;
	margin:10px 0 20px 5px;
}
	.movListsTop:after {
	    content: "";
	    display: block;
	    clear: both;
	    height: 1px;
	    overflow: hidden;
	}
	
	/*\*/
	* html .movListsTop {
	    height: 1em;
	    overflow: visible;
	}
	/**/

.movListsTop H2{
	clear:both; float:left;
	border-left: 5px solid midnightblue;
	xborder-bottom: 1px solid red;

	font-size: 15px;
	font-weight: normal;
	padding:5px 2px 5px 5px;
	margin:1px;
}
	.movListsTop H2 a{ xcolor:#666; text-decoration:underline; }
	.movListsTop H2 a:hover{ color:red; text-decoration:none; }
	.movListsTop H3 a{ color:lightseagreen; text-decoration:underline; }
	.movListsTop H3 a:hover{ color:red; text-decoration:none; }
	.movListsTop H4 a{ color:#666; font-weight: normal;text-decoration:underline; }
	.movListsTop H4 a:hover{ color:red; text-decoration:none; }
	.movListsTop .on a{ color:red;   }

.movListsTop .comment{
	color:orange;
}
.movListsTop .gnrLists H3{ font-size: 14px; margin: 0; padding:0;
	color:orange;
}
.movListsTop .subjpg{  clear:both; 
	padding:2px 0 1px 0; xborder: 1px solid red;
}
.movListsTop P{
	clear:both; xwidth:370px;
	border: 1px solid #cccccc;
	font-size: 13px;
	line-height:1.3em; 
	font-weight: normal;
	padding:4px;
	margin:0px;
}
.movListsTop H3{
	clear:both;
	font-weight: normal;
	padding:1px;
	margin:0 5px 0 5px;
}
.movListsTop H4{
	font-weight: normal;
	padding:1px;
	margin:0 5px 0 5px;
}