@charset "UTF-8";

/* 基本スタイル
---------------------------------------------*/
* {
	margin		:0;
	padding		:0;

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

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;
}
#wrapperTop {
	width	:100%;
	background:#ff8d40;
	padding-top:0px;
	text-align:center;
	background-image:url("../../../img/back.gif");
	background-color:#ff9022;
	background-position: center top;
}
#wrapperTop2 {
	width	:100%;
	background:#ff8d40;
	padding-top:0px;
	text-align:center;
	background-image:url("../../../img/back2.gif");
	background-color:#ff9022;
	background-position: center top;
}
.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-color:#FFFFFF;
}
.mainTop1 {
	width:			1030px;
	margin-left:		auto;
	margin-right:		auto;
}
.mainLeft {
	/*padding-left:5px;*/
	width:			157px;
	float:left;
	text-align:left;
}
.mainCenter {
	border-color:		#B5B5B5;
	border-left-style:	solid;
	border-right-style:	solid;
	border-left-width:	1px;
	border-right-width:	1px;
	background-color:#FFFFFF;
	width:			848px;
	float:left;
}
.mainCenterNew {
	width:			1002px;
	background-image:url("../../../img/3/bgContents.gif");
	background-repeat:no-repeat;
}
.mainRight {
	padding-left:5px;
	text-align:left;
	width:			185px;
	float:left;
}
.c-both { clear:both }

.bottomMarginBox{
	margin-bottom:10px;
}

/* ヘッダー情報 */

#header {
	width		:848px;
	height		:54px;
	background-image:url("../../../img/header_logo.gif");
	background-repeat:no-repeat;
	background-color:#ffffff;
}
#headerNew {
	width		:1002px;
	height		:66px;
	margin:0 auto;
}
#watchme_logo {
	width		:204px;
	height		:54px;
	float		:left;
}

#header_right {
	width		:644px;
	height		:43px;
	height		:54px;
	float		:right;
	/*margin-top:11px;*/
}


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

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

#login_box {
	width		:220px;
	width		:486px;
	height		:20px;
	font-size	:13px;
	margin-top:2px;
	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		:270px;
	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_naviBox {
	width		:100%;
	height		:39px;
	text-align	:center;
	background-color: #FFFFFF;
}
#header_navi {
	width		:848px;
	height		:19px;
	background-color:#000000;
	text-align	:center;
}
#header_naviNew {
	margin:0 auto;
	width		:1002px;
	height		:39px;
	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;
}

#footer2 {
	width		:100%;
	height		:80px;
	background-color:#ffffff;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color:#BAB6AE;
	background-image:url("../../../img/footerBg.gif");
	background-repeat:repeat-x;
}

#footerNew {
	width		:1200px;
	margin:0 auto;
	
}
#footer_naviBar {
	width		:848px;
	height		:19px;
	background-color:#000000;
	text-align	:left;
}
#footer_naviBarNew {
	width		:100%;
	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;
	text-align: right;
	font-size: 10px;
	color: #333333;
}
#footer_logoRight {
	margin-top:5px;
	margin-right:5px;
	float:right;
}





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

#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
}

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


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

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



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

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



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

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

.bg_FFFFFF {
	background:	#FFFFFF;
}

.bg_F0EFEF {
	background:	#F0EFEF;
}

.bg_gradation_yellow {
	height:		110;
	background-image:url("../../../img/2/bg_gradation_yellow.gif");
	background-repeat:repeat-x;
}


.ad_bunner {
	text-align:center;
}

.news {
	text-align:	left;
	color:		#7F7F7F;
	font-size:	10px;
	line-height:	12px;
}

.news_date {
	margin:0 0 5 0;
}

.news_body {
	margin:0 0 10 0;
	color:#3f3f3f;
	font-size:12px;
	line-height:15px;
	width:		270px;
	float:		left;
}

.news_link {
	width:		30px;
	float:	right;
}

.news_link a {
	color:		orange;
	font-weight:	bold;
}

.mailTextField{
	width:		120px;
	height:		20px;
}

.icon_mail {
	position:	relative;
	width:		19px;
	height:		14px;
	background-image:url( "../../../img/2/icon_mail.gif" );
	float:		left;
}

.mail_column {
	width:		250px;
	margin:0 auto;
}

.mail_title {
	padding:	0px 5px;
	float:left;
}

.mail_kaijo a {
	color:		orange;
	font-weight:	bold;
}

.osusume {
	padding:	10px 0 8px 0;
	border-style:	solid;
	border-color:	B5B5B5;
	border-width:	1px;
}

.qr_img {
	margin:		0px 10px;
	border-style:	solid;
	border-color:	B5B5B5;
	border-width:	1px;
	float:		left;
}

.qr_title {
}

.qr_body {
	margin:		15px 0px 0px 0px;
	text-align:	left;
	color:		#7F7F7F;
	font-size:	10px;
	line-height:	12px;
}

.btn_regist {
	width:		42px;
	height:		19px;
	background-image:url( "../../../img/2/btn_ml_regist.gif" );
	float:		left;
}

.btn_view_all a {
	width:		95px;
	height:		21px;
	background-image:url( "../../../img/2/btn_view_all.gif" );
	text-indent	:-3000px;
	float:		right;
}

.btn_kikaku_all a {
	width:		95px;
	height:		21px;
	background-image:url( "../../../img/2/btn_kikaku_all.gif" );
	text-indent	:-3000px;
	float:		right;
}

.icon_emergency {
	width:		18px;
	height:		17px;
	background-image:url( "../../../img/2/icon_emergency.gif" );
	float:		left;

}

.view_attension {
	width:		100%;
	text-align:	center;
}
.textAlignLeft {
	text-align:	left;
}

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

.bannerImpact{
	margin-top:7px;
}