@charset "UTF-8";

/* 基本スタイル
---------------------------------------------*/
* {
	margin		:0;
	padding		:0;
	font-size: 100%;

}
body {
	font-size: 75%;
	font-family: "MS UI GOTHIC","ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
}

a {
	text-decoration	: none;
	cursor			: pointer;
}

a:link {
	color			: #CC0000;
	text-decoration	: none;
	font-weight:500
}

a:visited {
	color			: #CC0000;
	font-weight:500
}
a:active {
	color			: #CC0000;
	text-decoration	:underline;
	
}
a:hover {
	color			: #CC0000;
	text-decoration	:underline;
}


img {
	border: none;
	vertical-align: top;
}

.font_style1 {color: #990000}



#wrapper {
	width	:100%;
	padding-top:0px;
	text-align:center;
}

#main_2 {
	width	:848px;
	border-color:#B5B5B5;
	border-left-style:solid;
	border-right-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	margin-left : auto;
	margin-right : auto;
	background-image: url(../img/vertical_hairline.jpg);
	background-repeat:repeat-y;
	background-color:#D5D5D5;
}

#main {
	width	:848px;
	margin-left : auto;
	margin-right : auto;
	background-repeat:repeat-y;
}




.c-both { clear:both }




/* ヘッダー情報 */

#header {
	width		:848px;
	height		:90px;
	background-image:url("../img/header_logo.gif");
	background-repeat:no-repeat;
	background-color:#ffffff;
}

#xacti_logo {
	margin-top:15px;
	width		:130px;
	height		:46px;
	float		:left;
}
#watchme_logo {
	margin-top:15px;
	padding-left:20px;
	_padding-left:40px;
	width		:155px;
	height		:46px;
	float		:left;
}

#header_right {
	width		:300px;
	height		:90px;
	float		:right;
	text-align: right;
}


.fc_og {
	color		:#ff5500;
}



/*ヘッダー検索プルダウン部分*/

#pulldown {
	width		:486px;
	height		:20px;
	float		:right
}

#half {
	width		:112px;
	height		:18px;
	float		:right
}

#searchBtn a {
	display		:block;
	width		:40px;
	height		:17px;
	background-image:url(../img/header_search_btn.gif);
	text-indent	:-150px;
	overflow	:visible;
	visibility	:inherit;
	z-index		:500;
	margin		:1px 8px 0px 3px;
	float		:right
}

#searchBtn a:hover{
	background-position:0px -17px;
	text-decoration:none;
}

#pulldownMenu {
	width		:90px;
	height		:18px;
	font-size	:11px;
	margin		:0px 1px 0px 5px;
	float		:right
}







/*フッター用パーツ*/

#footer {
	width		:848px;
	background-color:#ffffff;
	background-image:url("../img/footer_bar.gif");
	background-position:0px 15px;
	background-repeat:no-repeat;
	margin-top: 20px;
}

#footer_naviBar {
	width		:848px;
	height		:19px;
	text-align	:left;
	margin-bottom:20px;
}

#footer_naviBox {
	width		:500px;
	height		:19px;
	font-size	:10px;
	color		:#666666;
	line-height	:1.8em;
	float		:left;
}

#footer_copyright {
	width		:216px;
	height		:19px;
	background-image:url("../img/footer_copyright.gif");
	background-repeat:no-repeat;
	float		:right;
}

#footer_logo {
	width		:848px;
	height		:61px;
	background-image:url("../img/footer_logo.gif");
	background-repeat:no-repeat;
	text-align: left;
}
#footer_logo .leftLogo{
	width		:80px;
	height		:40px;
	padding-left:315px!important;
	float:left;
}
#footer_logo .rightLogo{
	width		:90px;
	height		:40px;
	margin-left:37px;
	float:left;
}





/*下部コンテンツエリア*/

#bottom {
	width	:848px;
	text-align:left;
	margin:0 auto;
}

#bottom_left {
	width	:586px;
	text-align	:left;
	margin-right:0;
	margin-bottom:20px;
	float	:left;
	background-image:url("../img/bg_leftside.gif");
	background-repeat:repeat-y;
	background-position:0px -62px;
}
/* Others */
* html body #bottom_left {
	width	:586px;
} /* WinIE,MacIE */

#bottom_left_movie {
	width	:560px;
	text-align	:left;
	margin-right:0;
	margin-bottom:20px;
	float	:left;
	background-image:url("../img/bg_leftside_movie.gif");
	background-repeat:repeat-y;
}
#bottom_left #movie_list{
	width:512px;
	_width:560px;
	font-size:12px;
	padding-left:53px;
	margin-bottom:20px;

}
#bottom_left .unit{
	padding-bottom:10px;
	padding-left:10px;
	background-color:#FFFFFF;
}

#bottom_left .caption{
	font-size:12px;
	font-weight:bold;
	padding-left:48px;
	margin-bottom:9px;
	background-image:url("../img/bg_leftsideCaption.gif");
	background-repeat:no-repeat;
	color: #ff2e2c;

}
#bottom_left .comment{
	width:502px;
	_width:550px;
	font-size:12px;
	padding-left:48px;
	margin-bottom:20px;

}
#bottom_left .comment2{
	width:550px;
	_width:510px;
	font-size:12px;
	padding-left:48px;
	margin-bottom:20px;

}

#bottom_left2 {
	width	:566px;
	text-align	:left;
	margin-right:0;
	margin-bottom:20px;
	float	:left;
}
/* Others */
* html body #bottom_left_2 {
	width	:578px;
	margin-left	:4px;
} /* WinIE,MacIE */


#bottom_right {
	width		:250px;
	text-align	:left;
	margin		:0px;
	float	:right
}
#bottom_right .unit{
	margin-bottom:10px;
}

#bottom_right_movie {
	width		:270px;
	text-align	:left;
	margin		:0px;
	float	:right
}
#bottom_right_movie .unit{
	margin-bottom:10px;
}

/*--Flashエリア--*/

#top_flash_area1 {
	width		:848px;
	height		:373px;
	margin		:0px;
}

#top_flash_area2 {
	width		:611px;
	height		:110px;
	margin		:0px;
	float		:left;
}
/* Others */
* html body #top_flash_area2 {
	margin-right:-12px;
} /* WinIE,MacIE */


/*トップページ広告バナー位置*/

.top_banner_area {
	width		:237px;
	height		:110px;
	margin		:0px;
	background-image: url(../img/top_banner_bg.gif);
	background-repeat:no-repeat;
	float		:right;
}
/* Others */
* html body .top_banner_area {
	width		:238px;
	margin-right:-2px;
} /* WinIE,MacIE */

.top_banner {
	width		:224px;
	height		:100px;
	margin-top	:5px;
	margin-right:10px;
	margin-left	:0px;
	margin-bottom:5px;
}
/* Others */
* html body .top_banner {
	margin-right:5px;
} /* WinIE,MacIE */


/*トップページ広告バナー位置(新トップ)*/

#top_banner_2 {
	width		:240px;
	height		:240px;
}



#top_shadow_area {
	width		:848px;
	height		:8px;
	margin		:0px;
	background-image: url(../img/top_shadow_area.gif);
	background-repeat:no-repeat;
	clear		:both;
}


#fullscreen{
	width:100%;
	height:100%;
}

/*トップランキング タイトル*/

#rank_title {
	width	:100%;
	margin:0;
}
/* Others */
* html body #rank_title {
	margin-bottom:-20px;
} /* WinIE,MacIE */



#rankTitle_gif {
	width	:169px;
	height	:18px;
	margin	:0;
	float	:left
}

#rankStatusText {
	width	:250px;
	height	:15px;
	margin-top:-1px;
	margin-left:10px;
	font-size	:1.1em;
	font-weight	:nomal;
	color		:#666668;
	float	:left
}


/*24h,1week,1month切り替えボタン*/

#rankbtn {
	width		:126px;
	height		:17px;
	list-style-type:none;
	background	:#C5C6C7;
	margin-right:15px;
	overflow	:visible;
	visibility	:inherit;
	z-index		:1000;
	float		:right
}
/* Others */
* html body #rankbtn {
	margin-right:9px;
} /* WinIE,MacIE */

#rankbtn li {
	float		:left;
	width		:42px;
}

#rankbtn li a {
	display		:block;
	overflow	:hidden;
	width		:100%;
	height		:0 !important;
	height /**/	:17px;
	padding-top	:17px;
	background-image:url(../img/rankbtn.gif);
	color		:#FFFFFF;
}
	
/*  NAVI背景画像の位置 ------------------------*/
	
	/* 通常 */
	#rankbtn01 a { background-position:   0px  0px; }
	#rankbtn02 a { background-position:  -42px 0px; }
	#rankbtn03 a { background-position: -84px 0px; }

	/* オンマウス */
	#rankbtn01 a:hover { background-position:   0px  -17px; }	
	#rankbtn02 a:hover { background-position:  -42px -17px; }
	#rankbtn03 a:hover { background-position: -84px -17px; }

/*  NAVI背景画像の位置　終わり ------------------------*/


/*トップランキング用 動画サムネール表示BOX*/

#rank_list {
	width	:100%;
	margin:0 auto;
}

.sam_box {
	width		:105px;
	height		:205px;
	margin-top	:10px;
	margin-right:10px;
	line-height	:1.2em;
	float		:left;
}
/* Others */
* html body .sam_box {
	width		:100px;
	margin-right:10px;
} /* WinIE,MacIE */

.move_sam {
	margin-bottom:4px;
}

.move_sam_yymmddtt {
	font-size	:0.8em;
	color		:#85766B;
}

.move_sam_cat {
	font-size	:1.0em;
	font-weight	:bold;
	color:#FF9900;
}

.move_sam_title {
	font-size	:1.0em;
	font-weight	:bold;
	color		:#d91a21;
}

.move_sam_username {
	font-size	:1.0em;
	font-weight	:bold;
	color		:#716A63;
}

.move_sam_view {
	font-size	:0.9em;
	color		:#818181;
}

.move_sam_comment {
	font-size	:1.0em;
	color		:#4D4D4D;
	line-height	:1.3em;
}

#bottom_left .hr{
	width:495px;
	height:24px;
	font-size:12px;
	background:url(../img/hr_movieList.gif) 5px 7px repeat-x;
	clear:both;
}
.allMoveList {
	width		:560px;
	background-image:url(../img/hr_movieList.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:8px;
	font-size	:10px;
	color		:#5B595A;
	font-weight	:normal;
	text-align	:right;
}


/*メールマガジン用パーツ*/

#mailmag_title {
	width		:113px;
	height		:18px;
	margin-top	:10px;
	margin-left	:15px;
}

#mailmag_title_2 {
	width		:250px;
	height		:23px;
	margin-top	:15px;
	background-image:url("../img/mailmag_titlebg.gif");
	background-repeat:no-repeat;
}

#mailmag_box {
	width		:250px;
	height		:20px;
	margin-top	:5px;
}

#e-mail {
	color		:#4D4D4D;
	font-size	:1.1em;
	margin-top	:2px;
	margin-left	:15px;
	float		:left
}

#mail_add{
	width		:125px;
	height		:18px;
	margin-right:5px;
	float		:right
}

#mailmag_btn {
	width		:41px;
	height		:17px;
	margin-top	:1px;
	margin-right:13px;
	float		:right
}

#mailadd_ok {
	color		:#ff9900;
	font-size	:13px;
	font-weight	:bold;
	margin-top	:2px;
	margin-left	:15px;
	float		:left
}




/*お勧め映像用パーツ*/

#recommend_title {
	width		:186px;
	height		:18px;
	margin-top	:15px;
	margin-left	:15px;
}

.recommend_box {
	width		:220px;
	height		:101px;
	margin-top	:4px;
	margin-left	:15px;
	background-image:url(../img/recommend_bg.jpg);
}

.recommend_box1 {
	width		:200px;
	height		:40px;
}

.reco_man {
	width		:40px;
	height		:40px;
	margin-top	:5px;
	margin-left	:8px;
	float		:left
}

.recommend_box1-1 {
	width		:147px;
	height		:40px;
	margin-top	:5px;
	margin-left	:3px;
	line-height	:1.1em;
	float		:right
}

.reco_reco_mmyydd {
	font-size	:0.8em;
	color		:#797979;
}

.reco_man1 {
	font-size	:0.9em;
	color		:#3E3E3E;
}

.reco_man2 {
	font-size	:1.0em;
	font-weight	:bold;
	color		:#797979;
}

.recommend_box2 {
	width		:200px;
	height		:40px;
}

.reco_move {
	width		:60px;
	height		:45px;
	margin-top	:3px;
	margin-left	:8px;
	float		:left
}

.recommend_box2-1 {
	width		:129px;
	height		:50px;
	margin-top	:2px;
	margin-left	:3px;
	line-height	:1.0em;
	float		:right
}

.reco_moveTitle {
	font-size	:11px;
	font-weight	:bold;
	color		:#4F4F4F;
}

.reco_moveComme {
	font-size	:0.9em;
	color		:#3E3E3E;
}

/*タグ用パーツ*/

#tag_title {
	width		:74px;
	height		:18px;
	margin-top	:15px;
	margin-left	:15px;
}

#tag_title_2 {
	width		:250px;
	height		:23px;
	margin-top	:15px;
	background-image:url("../img/tag_titlebg.gif");
	background-repeat:no-repeat;
}


.tag_box {
	width		:220px;
	margin-top	:4px;
	margin-left	:15px;
	color		:#3E3E3E;
	line-height	:1.8em;
}


/*新着情報用パーツ*/

#whatsnew_title {
	width		:250px;
	height		:23px;
	margin-top	:15px;
	background-image:url("../img/whatsnew_titlebg.gif");
	background-repeat:no-repeat;
}

#whatxnew_body {
	width		:240px;
	margin-top	:5px;
	margin-left	:10px;
}

.whatxnew_clum {
	width		:100%;
}

.whatxnew_mmdd {
	width		:30px;
	color		:#CC6633;
	font-size	:0.9em;
	float		:left
}

.whatxnew_text {
	width		:200px;
	color		:#403E3D;
	font-size	:1.0em;
	float		:left
}



/*カテゴリートップFlashエリア*/

#flash_area {
	width		:848px;
	margin		:0px;
}


/*カテゴリートップ用広告バナーパーツ（右側224x100）*/

.ad_area224 {
	margin-top:10px;
	margin-left:14px;
}


/*広告バナーパーツ（右側240x240）*/

.ad_area {
	margin-top:10px;
	margin-left:5px;
}

#300250area {
	width		:300px;
	height		:250px;
	margin-top	:30px;
	margin-left	:135px;
	margin-right:135px;
}





/*動画一覧用パーツ*/

.move_list_box {
	width		:560px;
	margin-top	:10px;
	margin-right:10px;
}

.move_list_sam {
	width		:110px;
	float		:left
}

.move_list_textBox {
	width		:450px;
	float		:right
}

.move_list_sam_yymmddtt {
	font-size	:0.9em;
	color		:#85766B;
}

.move_list_sam_title {
	font-size	:1.0em;
	font-weight	:bold;
	color		:#BB6425;
}

.move_list_sam_username {
	font-size	:1.0em;
	font-weight	:bold;
	color		:#716A63;
}

.move_list_sam_allTime {
	font-size	:0.95em;
	color		:#4D4D4D;
}

.move_list_sam_view {
	font-size	:0.9em;
	color		:#818181;
}

.move_list_sam_comment {
	font-size	:0.9em;
	color		:#4D4D4D;
}

.move_list_underline {
	width		:560px;
	height		:1px;
	margin-top	:-5px;
	border-bottom:dotted 1px #cccccc
}
/* Others */
* html body .move_list_underline {
	margin-top	:-25px;
	height		:1px;
} /* WinIE,MacIE */

	/*--動画サムネール３枚用css--*/

.move_list_sam_3mov {
	width		:330px;
	float		:left;
}

.move_list_sam_img {
	width		:100px;
	margin-right:10px;
	margin-bottom:5px;
	float		:left;
}

.move_list_textBox_3mov {
	width		:225px;
	float		:right;
}

.move_list_commentBox {
	width		:100%;
	margin-top	:10px;
	clear		:both;
}

	/*--動画サムネール３枚用css end--*/

/*--ユーザ＆マイページ動画一覧画面--*/

#move_list_title {
	width		:560px;
	height		:25px;
	background-image:url(../img/contents_tx_dot.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

/*--ユーザ＆マイページ動画一覧画面 終わり--*/


/*ページリンク/前へ/次へテキストエリア*/

.linkArea {
	width		:100%;
}

.linkArea-left {
	width		:520px;
	height		:18px;
	margin-top	:5px;
	float		:left
}

.linkArea-back {
	width		:50px;
	float		:left
}

.link_back_next {
	font-size	:1.0em;
	color		:#ee9900;
}

.linkArea-nom {
	width		:470px;
	text-align	:center;
	float		:right
}

.linkArea-next {
	width		:50px;
	height		:18px;
	margin-top	:5px;
	margin-right:3px;
	float		:right
}
/* Others */
* html body .linkArea-next {
	width		:45px;
} /* WinIE,MacIE */


/*編集・削除ボタン*/

.edit_erase {
	width		:560px;
	height		:20px;
	border-top	:dotted 1px #D2CCC5
}
.editEraseBtn {
	width		:68px;
	height		:17px;
	margin-top	:2px;
	list-style-type:none;
	overflow	:visible;
	visibility	:inherit;
	z-index		:1000;
	float		:right
}

.editEraseBtn li {
	float		:left;
	width		:34px;
}

.editEraseBtn li a {
	display		:block;
	overflow	:hidden;
	width		:100%;
	height		:0 !important;
	height /**/	:17px;
	padding-top	:17px;
	background-image:url(../img/edit_erase_btn.gif);
	color		:#FFFFFF;
}
	
/*  NAVI背景画像の位置 ------------------------*/
	
	/* 通常 */
	.edit a { background-position:   0px  0px; }
	.erase a { background-position:  -34px 0px; }

	/* オンマウス */
	.edit a:hover { background-position:   0px  -17px; }	
	.erase a:hover { background-position:  -34px -17px; }

/*  NAVI背景画像の位置　終わり ------------------------*/



/* 登録系ページのフォント指定素材 */

.error_text1 {
	font-size:12px;
	color:#ff0000;
	font-weight:normal;
	line-height:20px;
}

.check_text1 {
	font-size:12px;
	color:#555555;
	font-weight:normal;
	line-height:20px;
}

/* 登録系ページのフォント指定素材 終わり */


/*--エラーページ用--*/

.error_area {
	width			:100%;
	text-align		:center;
}

.error_img {
	width			:150px;
	height			:100px;
	padding-top		:30px;
	padding-bottom	:10px;
}

.error_text {
	width			:100%;
	padding-bottom	:40px;
	text-align		:center;
	color			:#ff0000;
	font-weight		:bold;
	font-size		:12px;
}

.error_bottom {
	width			:560px;
	height			:25px;
	padding-top		:10px;
	background-image:url(../img/contents_tx_dot.gif);
	background-repeat:repeat-x;
	background-position:top;
	text-align		:center
}
#movieBox{
margin-left:30px;

}
#movieTop{
	background-image:url(../img/movieBox.gif);
	width:486px;
	height:28px;

}
#movieTitle{
	background:url(../img/movieBox.gif) 0px -28px;
	width:433px;
	_width:486px;
	height:34px;
	padding-left:53px;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
}
#swfBox{
	background:url(../img/movieBox.gif) 0px -53px;
	width:486px;
	height:371px;
	text-align:center;
}
.movieInfoBox{
	background:url(../img/movieBox.gif) 0px -53px;
	width:486px;
	height:19px;
	padding-top: 3px;
}
#movieUpTime{
	float:left;
	padding-left:23px;
	color:#333333;
}
#movieUpUser{
	color:#333333;
	float:right;
	padding-right:23px;
	text-align:right;
}
#movieTagBox{
	background:url(../img/movieBox.gif) 0px -53px;
	width:463px;
	_width:486px;
	height:17px;
	padding-left:23px;
}
#movieBottom{
	background:url(../img/movieBox.gif) 0px 23px;
	width:486px;
	height:23px;

}
.move_link {
	width:335px;
	height:18px;
}
/* Others */
* html body .move_link {
	width	:335px;
} /* WinIE,MacIE */

#bottom_right_movie .unit #movieThumbBox img{
	margin-right:3px;
	margin-bottom:3px;
}

#movieTagBox .tag_left{
	width:105px;
	font-weight:bold;
	color:#333333;
	float:left;
	padding-top: 7px;

}

#movieTagBox .tag_right{
	width:335px;
	float:left;
	padding-top: 5px;

}
.rightText{
	width:240px;
	text-align:right;
	_padding-bottom:3px;
}

.rightText a:link,
.rightText a:visited,
.rightText a:hover{
	font-weight:bold;
	text-decoration: underline;
}