/*	hostclubch.css 
	for HOST-TV.COM
	Copyright(c) 2008 Codeworks Corp. All Rights Reserved.
		http://www.codeworks.co.jp
		info@codeworks.co.jp
	IE7, IE6, FireFox3, Opera9.5, Safari3.1(Win, Mac)
*/


/*-------------------------------------------------------*/
/* host club info */

#hostclubchinfo{
}
#hostclubchinfoheader{
	background-image:url("images/hime/info_header.gif");
	background-repeat: no-repeat;
	margin-left: 19px;
	width: 190px;
	height: 6px;
	overflow:hidden;
}
#hostclubchinfoheadertop{
	background-image:url("images/hime/infonametop_175_2.gif");
	background-repeat: no-repeat;
	/*margin: 10px 12px 0 12px;*/
	margin-left: 4px;
	overflow:hidden;
	width: 175px;
	height: 2px;
}
#hostclubchinfoheaderinner{
	background-image:url("images/hime/infonameedge_175_1.gif");
	background-repeat: repeat;
	/*margin: 0px 12px 0 12px;*/
	margin-left: 4px;
	overflow:hidden;
	width: 175px;
}
#hostclubchinfoheaderbottom{
	background-image:url("images/hime/infonamebottom_175_2.gif");
	background-repeat: no-repeat;
	/*margin: 0px 12px 10px 12px;*/
	margin-left: 4px;
	overflow:hidden;
	width: 175px;
	height: 2px;
}

#hcname{
	font-weight: bold;
	/*color: #0994e7;*/
	color: #f00;
	padding-left: 4px;
	padding-right: 4px;
}
#hostclubchinfoedge{
	background-image:url("images/hime/info_edge.gif");
	background-repeat: repeat-y;
	margin-left: 19px;
	width: 190px;
	overflow:hidden;
}
#hostclubchinfoedgeinner{
	margin: 2px 4px 4px 4px;
}
#hostclubchinfofooter{
	background-image:url("images/hime/info_footer.gif");
	background-repeat: no-repeat;
	margin-left: 19px;
	width: 190px;
	height: 6px;
	overflow:hidden;
}
.hcdesc{
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 8px;
}

.hcdeschr{
	background-image:url("images/ch/infohr_182_1_.gif");
	background-repeat: no-repeat;
	width: 182px;
	height: 1px;
	margin-top: 8px;
	overflow:hidden;
}
#hclinkdummy{
	margin-top: 8px;
}
#hclinkrec{
	background-image:url("images/blue_12_13.gif");
	background-repeat: no-repeat;
	padding-left:14px;
	margin-left: 4px;
}
#hclinkdis{
	background-image:url("images/pink_12_13.gif");
	background-repeat: no-repeat;
	padding-left:14px;
	margin-left: 4px;
}
#hclinkpre{
	background-image:url("images/yellow_12_13.gif");
	background-repeat: no-repeat;
	padding-left:14px;
	margin-left: 4px;
}
#hclinkouter{
	margin-left: 4px;
	margin-top: 8px;
	width: 182px;
	/*background-image:url("images/ch/outerlink.gif");*/
	background-repeat: no-repeat;
	background-position: 130px 0px;
}
#hclinkouter #hclink img{
	vertical-align:bottom;
	margin-left: 4px;
}
#hclink{
	width: 120px;
	background-image:url("images/litegreen_12_13.gif");
	background-repeat: no-repeat;
	padding-left:14px;
}

#hclinkouterAH{
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 14px;
	margin-bottom: 4px;
	background-color: #ffa;
	font-weight: bold;
}
#hclinkouterA{
	margin-top: 8px;
}
#hclinkA{
	margin-left: 4px;
	padding-left: 14px;
	background-image:url("images/yellow_2_12_13.gif");
	background-repeat: no-repeat;
	text-align: left;
	line-height: 110%;
}

#hchpbanner{
	background-color: #ccc;
	padding: 1px;
	width: 120px;
	height: 50px;
	overflow:hidden;
	margin-left: 28px;
	margin-top: 8px;
}

/*-------------------------------------------------------*/
/* banner area */
#hcbannerarea{
	background-image:url("images/hime/banner_frame739_120.gif");
	background-repeat: no-repeat;
	width: 739px;
	height: 120px;
	overflow:hidden;
}
#hcbannerareainner{
	margin: 10px 20px 10px 19px;
	width: 700px;
	height: 100px;
	overflow:hidden;
}


/*-------------------------------------------------------*/
/* movie area */

#movieareaheaderpre,
#movieareaheaderdis,
#movieareaheaderrec,
#movieareaheader{
	margin-top: 4px;
	background-image:url("images/hime/movie_header.gif");
	background-repeat: no-repeat;
	width: 739px;
	height: 36px;
	overflow:hidden;
	display: none;
}
#movieareaheader{
	display: block;
}
#movieareaheaderpre{background-image:url("images/hime/movie_header_pre.gif");}
#movieareaheaderdis{background-image:url("images/hime/movie_header.gif");}
#movieareaheaderrec{background-image:url("images/hime/movie_header.gif");}


#movieareaedge{
	background-image:url("images/hime/himeicon.gif");
	background-repeat: no-repeat;
	background-position: 510px 230px;
	width: 739px;
}

#movieviewarea{
	background-image:url("images/hime/movie_edge.gif");
	background-repeat: repeat-y;
	width: 739px;
}


#movieareafooter{
	background-image:url("images/hime/movie_bottom.gif");
	background-repeat: no-repeat;
	width: 739px;
	height: 10px;
	overflow:hidden;
}


#extbannerarea{
	margin-left:8px;
	width:480px;
	height:100px;
	overflow:hidden;
}
#movietitle{
/*	margin-top:4px;
	margin-bottom:4px;*/
	margin-left:12px;
	width:476px;
	height:0px;
	display:none;
}
#moviemain{
	margin-left:8px;
	width:480px;
	height:406px;
}

#moviearea{
	float:left;
	width:504px;
}
#moviedesc{
	float:left;
	width:222px;
	margin-left: 2px;
	margin-top: 8px;
}


#moviedescdatetitle,
#moviedesccounttitle,
#moviedesccategorytitle{
	width: 55px;
	padding-left: 8px;
	height: 20px;
	vertical-align: top;
	background-repeat: no-repeat;
}
#moviedescdate,
#moviedesccount,
#moviedesccategory{
	width: 155px;
	vertical-align: top;
}

#moviedescdatetitle{
	background-image:url("images/ch/bluebox_5_13.gif");
}
#moviedesccounttitle{
	background-image:url("images/ch/pinkbox_5_13.gif");
}
#moviedesccategorytitle{
	background-image:url("images/ch/yellowbox_5_13.gif");
}

#moviedesctext{
	margin-top: 6px;
	margin-left: 6px;
}
#moviedesctextimg{
	margin-top: 8px;
	margin-left: 4px;
	background-image:url("images/hime/moviedesctxtimg_215_13.gif");
	background-repeat: no-repeat;
	width: 215px;
	height: 13px;
}

.moviedeschr{
	background-image:url("images/ch/moviedescdot_215_1.gif");
	background-repeat: no-repeat;
	width: 215px;
	height: 1px;
	margin-top: 8px;
	margin-bottom: 8px;
}

#moviedescexbody{
	padding-left: 4px;
}

#moviedescexbodydiscount{
	padding-left: 4px;
	font-size:12px;
}
#presentextitle{
	padding-left: 4px;
	padding-bottom: 4px;
}
#presenteximage{
	margin-left: 8px;
	margin-right: 8px;

}

#discarea{
	margin-top: 8px;
	margin-bottom: 8px;
	color: #e38;
	font-weight:bold;
	text-align: center;
	line-height: 150%;
}

/*-------------------------------------------------------*/
/* lƂ */

/*
#formareaheader,
#prformareaheader,
#recruitareaheader{
	background-image:url("img/ch/movie-exheader.gif");
	background-repeat: no-repeat;
	width: 739px;
	height: 31px;
	overflow:hidden;
}
#prformareaedge,
#recruitareaedge,
#formareaedge{
	background-image:url("img/ch/movie-exedge.gif");
	background-repeat: repeat-y;
	width: 739px;
}
#prformareafooter,
#recruitareafooter,
#formareafooter{
	background-image:url("img/ch/movie-exbottom.gif");
	background-repeat: no-repeat;
	width: 739px;
	height: 8px;
	overflow:hidden;
}
*/

#prformareactrl,
#recruitareactrl,
#extbannerarea{
	display: none;
}

/*-------------------------------------------------------*/
/* movie list */
#panebtn1,
#panebtn2,
#panebtn3,
#panebtnR{
	margin-top: 8px;
}

#movielistarea{
	width: 739px;
}
#movielistareaheader{
	height: 38px;
	overflow: hidden;
}
.movieselectbtn{
	cursor: pointer;
	float:left;
}

#movielistareabase01header,
#movielistareabase02header,
#movielistareabase03header{
	display: none;
}
#movielistareabase01edge{
	background-image:url("images/ch/movielist_edge_p.gif");
	background-repeat: repeat-y;
	width: 739px;
}
#movielistareabase01footer{
	background-image:url("images/ch/movielist_footer_p.gif");
	background-repeat: no-repeat;
	width: 739px;
	height:7px;
	overflow: hidden;
}
#movielistareabase02edge{
	background-image:url("images/ch/movielist_edge_b.gif");
	background-repeat: repeat-y;
	width: 739px;
}
#movielistareabase02footer{
	background-image:url("images/ch/movielist_footer_b.gif");
	background-repeat: no-repeat;
	width: 739px;
	height:7px;
	overflow: hidden;
}
#movielistareabase03edge{
	background-image:url("images/ch/movielist_edge_g.gif");
	background-repeat: repeat-y;
	width: 739px;
}
#movielistareabase03footer{
	background-image:url("images/ch/movielist_footer_g.gif");
	background-repeat: no-repeat;
	width: 739px;
	height:7px;
	overflow: hidden;
}

#movielistareabase01ctrl,
#movielistareabase02ctrl,
#movielistareabase03ctrl{
	width: 739px;
	display:none;
}

#movielistareabase01,
#movielistareabase02,
#movielistareabase03{
	margin-left: 6px;
	margin-right: 6px;
	width: 727px;
	height:500px;
	overflow: auto;
	position:relative;	/*must*/
}
#movielistareainner01,
#movielistareainner02,
#movielistareainner03{
	position:absolute;	/*must*/
	width:700px;
}

#prformareaheader{
	background-image:url("images/hime/exheader_present.gif");
	background-repeat: no-repeat;
	width: 739px;
	height:32px;
	overflow: hidden;
}
#recruitareaheader{
	background-image:url("images/ch/exheader_recruit.gif");
	background-repeat: no-repeat;
	width: 739px;
	height:32px;
	overflow: hidden;
}


#recruitareaedge{
	background-image:url("images/hime/movie_recedge.gif");
	background-repeat: repeat-y;
	width: 739px;
	overflow: hidden;
}
#prformareaedge{
	background-image:url("images/hime/movie_exedge.gif");
	background-repeat: repeat-y;
	width: 739px;
	overflow: hidden;
}
#recruitareafooter{
	background-image:url("images/ch/recfooter.gif");
	background-repeat: no-repeat;
	width: 739px;
	height:10px;
	overflow: hidden;
}
#prformareafooter{
	background-image:url("images/hime/extfooter.gif");
	background-repeat: no-repeat;
	width: 739px;
	height:10px;
	overflow: hidden;
}


/********************************************************************************/
/*---------------------------------*/
.movielistitem{
	margin: 6px;
	width: 126px;
	height: 240px;
	overflow: hidden;
	float:left;
}

.movielistdate{
	background-image:url("images/up.gif");
	background-position: 80px 0px;
	background-repeat: no-repeat;
	margin-left: 6px;
	height: 13px;
	width:120px;
	overflow: hidden;
	cursor: pointer;
}
.movielistimg{
	width: 126px;
	cursor: pointer;
}
.movielistdesc{
	width: 126px;
	cursor: pointer;
}


/********************************************************************************/
/*---------------------------------*/
#recruitarea{
	margin-left: 13px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 10px;
}
#recruitareaformheader{
	background-image:url("images/ch/recruitareaformheader_709_42.gif");
	background-position: 5px 0px;
	background-repeat: no-repeat;
	width: 709px;
	height: 34px;
	overflow: hidden;
}
#recruitareaforminner{
	background-image:url("images/ch/recruitareaforminner_704_1.gif");
	background-position: 5px 0px;
	background-repeat: repeat-y;
	width: 709px;
	height: 210px;
}
#recruitareaformfooter{
	background-image:url("images/ch/recruitareaformfooter_704_3.gif");
	background-position: 5px 0px;
	background-repeat: no-repeat;
	width: 709px;
	height: 3px;
	overflow: hidden;
}

/*--------------------------------------------------------------*/

#recruitareatable{
	margin-left: 5px;
	width: 704px;
	margin-bottom: 8px;
}
.rectblleft{
	background-color: #fdf1f6;
	text-align:center;
	width: 150px;
}
.rectblright{
	padding: 6px;
	line-height: 160%;
}
#recruitareaform{
	margin-left: 32px;
	padding-top: 8px;
}
.recruitareaformtxt{
}
.recruitareaformform{
	width: 250px;
}
.recruitareaformmsg{
	margin-left: 32px;
}
#recruitareafortxtarea{
	margin-left: 32px;
	width: 360px;
	height: 80px;
	margin-bottom: 8px;
}
#recruitareaformbtnarea{
	margin-left: 32px;
	width: 360px;
}
#recruitareaformbtna1{
	background-image:url("images/ch/formarrow_blue_38_23.gif");
	background-repeat: no-repeat;
	width: 38px;
	height: 23px;
	overflow:hidden;
}
#recruitareaformbtna2{
	background-image:url("images/ch/formarrow_black_38_23.gif");
	background-repeat: no-repeat;
	width: 38px;
	height: 23px;
	overflow:hidden;
}
#recruitareaformbtnc1,
#recruitareaformbtnc2{
	height: 23px;
	vertical-align:top;
	width: 160px;
}
#recruitareaformbtnb1,
#recruitareaformbtnb2{
	height: 23px;
	vertical-align:top;
}



/*--------------------------------------------------------------*/

/*---------------------------------*/

#prformarea{
	margin-left: 13px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 10px;
/*	height: 100px;*/
}

#preareaformheader{
	background-image:url("images/ch/preareaformheader_709_42.gif");
/*	background-position: 5px 0px;*/
	background-repeat: no-repeat;
	width: 709px;
	height: 42px;
	overflow: hidden;
}
#preareaforminner{
	background-image:url("images/ch/preareaforminner_704_1.gif");
/*	background-position: 5px 0px;*/
	background-repeat: repeat-y;
	width: 709px;
	height: 290px;
	overflow: hidden;
}
#preareafooter{
	background-image:url("images/ch/preareaformfooter_704_3.gif");
/*	background-position: 5px 0px;*/
	background-repeat: no-repeat;
	width: 709px;
	height: 3px;
	overflow: hidden;
}


/*--------------------------------------------------------------*/

.preformchkleft{
	text-align: center;
	line-height: 160%;
	width: 148px;
	height: 20px;
	padding-left: 6px;
	padding-right: 6px;
}

.preformchkright{
	width: 464px;
	padding-left: 6px;
	padding-right: 6px;
}

#preformchkleftmsg{
	height: 40px;
}



/*-----------------------------------------------------------------*/

#presentareaform{
	margin-left: 16px;
	padding-top: 16px;
}
.presentareaformtxt{
	padding-top: 8px;
}
.presentareaformform{
	width: 170px;
	margin-right: 16px;
}
.presentareaformmsg{
	padding-top: 8px;
/*	margin-left: 32px;*/
}


#presentareafortxtarea{
	/*margin-left: 32px;*/
	width: 280px;
	height: 80px;
	margin-bottom: 8px;
}

#presentareaformbtnc1,
#presentareaformbtnc2{
	padding-top: 8px;
	height: 48px;
	vertical-align:top;
	width: 280px;
	text-align:right;
}
#recruitareaformbtnb1,
#recruitareaformbtnb2{
	height: 23px;
	vertical-align:top;
	text-align:right;
}

#presenttareaformcheckbtn{
	margin-top: 4px;
	width: 640px;
	text-align:right;
}



/*-----------------------------------------------------------------*/
#recruitareaformcheck{
	margin-left: 36px;
	margin-top: 16px;
}
.recformchkleft{
	text-align: center;
	line-height: 160%;
	width: 148px;
	height: 20px;
	padding-left: 6px;
	padding-right: 6px;
}
.recformchkright{
	width: 464px;
	padding-left: 6px;
	padding-right: 6px;
}
#recformchkleftmsg{
	height: 40px;
}
#recformmsg{
	width: 464px;
	height: 40px;
	overflow:hidden;
}
#recruitareaformcheckbtn{
	width: 636px;
	margin-top: 8px;
	text-align: right;
}

/*-----------------------------------------------------------------*/
#presentareaformcheck{
	margin-left: 36px;
	margin-top: 16px;
}

/*-----------------------------------------------------------------*/
#recruitareaformsent{
	margin-left:100px;
	margin-top:25px;
}
#recruitareaformsentinner{
	width: 450px;
	height: 100px;
	background-color: #fff;
	padding-top: 50px;
	padding-left: 70px;
}
#formsentimg1{
	background-image:url("images/ch/mailsent_71_46.gif");
	background-repeat: no-repeat;
	width: 71px;
	height: 46px;
	overflow:hidden;
	padding-right: 16px;
}
#formsentimg2{
	background-image:url("images/ch/minilogo_blue_24_26.gif");
	background-repeat: no-repeat;
	background-position: 0 16px;
	width: 24px;
	height: 60px;
	overflow:hidden;
}
#formsenttxt{
	vertical-align:top;
	font-size: 11px;
}

/*-----------------------------------------------------------------*/
#presentareaformsentout{
	margin-left:100px;
	margin-top:60px;
}
#preformsentimg1out{
	background-image:url("images/ch/present_out_94_78.gif");
	background-repeat: no-repeat;
	width: 94px;
	height: 78px;
	overflow:hidden;
	padding-right: 16px;
}
#presentareaformsentinnerout{
	width: 450px;
	height: 120px;
	background-color: #fff;
	padding-top: 50px;
	padding-left: 70px;
}

/*-----------------------------------------------------------------*/
#presentareaformsent{
	margin-left:100px;
	margin-top:60px;
}
#presentareaformsentinner{
	width: 450px;
	height: 100px;
	background-color: #fff;
	padding-top: 50px;
	padding-left: 70px;
}
#preformsentimg1{
	background-image:url("images/ch/mailsent_71_46.gif");
	background-repeat: no-repeat;
	width: 71px;
	height: 46px;
	overflow:hidden;
	padding-right: 16px;
}
#preformsentimg2{
	background-image:url("images/ch/minilogo_pink_24_26.gif");
	background-repeat: no-repeat;
	background-position: 0 16px;
	width: 24px;
	height: 60px;
	overflow:hidden;
}
#preformsenttxt{
	vertical-align:top;
	font-size: 11px;
}

#prformareactrl,
#recruitareactrl,
#extbannerarea{
	display: none;
}


.hcname_hime_new{
	background-color: #F00;
}


.hclinkoutert{
	margin-left: 4px;
	margin-bottom: 4px;
}
