@charset "UTF-8";

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

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

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

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

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


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

.font_style1 {color: #990000}



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

#main {
	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_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/vartical_bg.gif);
	background-repeat:repeat-y;
	background-color:#D5D5D5;
}




.c-both { clear:both }




/* ヘッダー情報 */

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

#watchme_logo {
	width		:204px;
	height		:54px;
	float		:left;
}

#header_right {
	width		:644px;
	height		:54px;
	float		:right;
}


/*ヘッダーログインネーム部分*/

#login_box_top {
	width		:644px;
	height		:10px;
	float		:right;
}

#login_box {
	width		:486px;
	height		:20px;
	font-size	:11px;
	float		:right
}

#login_rightSpace {
	width		:6px;
	height		:10px;
	float		:right
}

#login_name {
	color		:#4D4D4D;
	margin-right:5px;
	float		:right;
}

#login_logout {
	height		:17px;
	float		: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
}



/*ヘッダーNAVI部分*/

#header_navi {
	width		:848px;
	height		:19px;
	background-color:#000000;
	text-align	:center;
}

/*グローバルナビゲーション*/

#globalNav {
	width		:847px;
	height		:19px;
	margin-left	:1px;
	list-style-type:none;
	background	:#000000;
	overflow	:visible;
	visibility	:inherit;
	z-index		:1000;
}

#globalNav li {
	float		:left;
	width		:121px;
}

#globalNav li a {
	display		:block;
	overflow	:hidden;
	width		:100%;
	height		: 0 !important;
	height /**/	:19px;
	padding-top	:19px;
	background-image:url(../img/header_navi_btn.gif);
	color		:#000000;
}
	
/*  NAVI背景画像の位置 ------------------------*/
	
	/* 通常 */
	#nav00 a { background-position:   0px  0px; }
	#nav01 a { background-position: -121px 0px; }
	#nav02 a { background-position: -242px 0px; }
	#nav03 a { background-position: -363px 0px; }
	#nav04 a { background-position: -484px 0px; }
	#nav05 a { background-position: -605px 0px; }
	#nav06 a { background-position: -726px 0px; }

	
	/* 現在位置 */
	#nav00 a.stay { background-position:   0px  -19px; }
	#nav01 a.stay { background-position: -121px -19px; }
	#nav02 a.stay { background-position: -242px -19px; }
	#nav03 a.stay { background-position: -363px -19px; }
	#nav04 a.stay { background-position: -484px -19px; }
	#nav05 a.stay { background-position: -605px -19px; }
	#nav06 a.stay { background-position: -726px -19px; }

	
	/* オンマウス */
	#nav00 a:hover { background-position:   0px  -19px; }
	#nav01 a:hover { background-position: -121px -19px; }
	#nav02 a:hover { background-position: -242px -19px; }
	#nav03 a:hover { background-position: -363px -19px; }
	#nav04 a:hover { background-position: -484px -19px; }
	#nav05 a:hover { background-position: -605px -19px; }
	#nav06 a:hover { background-position: -726px -19px; }

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

/*検索*/




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

#footer {
	width		:848px;
	height		:80px;
	background-color:#ffffff;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color:#BAB6AE;
}

#footer_naviBar {
	width		:848px;
	height		:19px;
	background-color:#000000;
	text-align	:left;
}

#footer_naviBox {
	width		:550px;
	height		:19px;
	margin-left	:10px;
	font-size	:10px;
	color		:#ffffff;
	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;
}
#footer_logo {
	width		:848px;
	height		:61px;
	background-image:url("../../../img/footer_logo.gif");
	background-repeat:no-repeat;
	text-align: right;
	font-size: 10px;
	color: #333333;
}
#footer_logoRight {
margin-top:5px;
margin-right:5px;
}






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

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

#bottom_left {
	width	:578px;
	text-align	:left;
	margin-top	:10px;
	margin-right:0;
	margin-bottom:20px;
	margin-left	:20px;
	float	:left
}
/* Others */
* html body #bottom_left {
	width	:574px;
	margin-left	:8px;
} /* WinIE,MacIE */

#bottom_left_2 {
	width		:578px;
	text-align	:left;
	margin-top	:0px;
	margin-right:0;
	margin-bottom:20px;
	margin-left	:10px;
	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
}

/*--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		:224px;
	height		:100px;
	margin-top	:10px;
	margin-left	:15px;
}



#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_title {
	font-size	:1.0em;
	font-weight	:bold;
	color		:#BB6425;
}

.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;
}

.allMoveList {
	width		:560px;
	background-image:url(../img/contents_tx_dot.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
}

.bannerInCenterBox{
	margin:0 auto;
	width:100%;
	text-align:center;
	padding-left:2px;
	_padding-left:4px;
}