@charset "UTF-8";

/*
**************************************************
 1: COMMON SETTING
     1-1: Font
	 1-2: Headline
	 1-3: Link
	 1-4: Category Label
 2: LAYOUT SETTING
 3: BREADCRUMBS
 4: LOCAL NAVIGATION SETTING
     4-1: Local Naviton
	 4-2: Search
 5: CONTENT SETTING
     5-1: Main Content
     5-2: Slidebar
 6: OTHER SETTING
**************************************************
*/




/*
**************************************************
 1: COMMON SETTING
**************************************************
*/
html>/**/body .clearfix { display /*\**/: block\9 }
/* -- 1-0: Backgroud Color --------------- */
body {
	background-color: #ffffff;
	}

/* -- 1-1: Font -------------------------- */
.movie_container {
	color: #fff;
	line-height: 1.0;
	}

/* -- 1-3: Link -------------------------- */
.movie_container a:link {
	color: #3fa8f2;
	text-decoration: none;
	cursor: pointer;
	}
.movie_container a:visited { color: #3fa8f2; }
.movie_container a:hover {
	color: #3fa8f2;
	text-decoration: underline;
	}
.movie_container a:active { color: #3fa8f2; }
.movie_container a:focus { outline: none }

/* -- 1-4: Category Label ----------------- */
.movie_container .category_label {
	background-image: url(../img/category_label.png);
	background-repeat: no-repeat;
	display: block;
	height: 14px;
	text-indent: -9999px;
	}

	.movie_container .category_label_live { background-position: 0 0; width: 64px;}
	.movie_container .category_label_news { background-position: 0 -14px; width: 108px;}
	.movie_container .category_label_lesson { background-position: 0 -28px; width: 64px;}
	.movie_container .category_label_gear { background-position: 0 -42px; width: 64px;}
	.movie_container .category_label_interview { background-position: 0 -56px; width: 64px;}
	.movie_container .category_label_variety { background-position: 0 -70px; width: 64px;}


/*
**************************************************
 2: LAYOUT SETTING
**************************************************
*/

.movie_container {
	background: #000;
	}

.movie_container .lnav {
	background: url(../img/lnav_bg.gif) repeat-x 0 0;
	height: 41px;
	}

.movie_container .content {
	width: 960px;
	padding-top: 40px;
	}

.movie_container .wrapper {
	width: 960px;
	margin: 0 auto;
	}


/*
**************************************************
 2: LAYOUT SETTING
**************************************************
*/

.movie_container .breadcrumbs {
	margin: 13px 0;
	}

	.movie_container .breadcrumbs ul li {
		float: left;
		line-height: 1.2;
		}

		.movie_container .breadcrumbs ul li a {
			color: #fff;
			text-decoration: underline;
			}

			.movie_container .breadcrumbs ul li a:hover {
				color: #3fa8f2;
				text-decoration: none;
				}


/*
**************************************************
 4: LOCAL NAVIGATION SETTING
**************************************************
*/

/* -- 4-1: Local Navigation ---------------- */
.movie_container .lnav ul {
	float: left;
	width: 741px;
	}

	.movie_container .lnav ul li {
		float: left;
		}

		.movie_container .lnav ul li a {
			background-image: url(../img/lnav.gif);
			background-repeat: no-repeat;
			display: block;
			height: 40px;
			text-indent: -9999px;
			overflow: hidden;
			}

		.movie_container .lnav ul li.top a { background-position: 0 0; width: 80px; }
		.movie_container .lnav ul li.live a { background-position: -80px 0; width: 100px; }
		.movie_container .lnav ul li.news a { background-position: -180px 0; width: 160px; }
		.movie_container .lnav ul li.lesson a { background-position: -340px 0; width: 100px; }
		.movie_container .lnav ul li.gear a { background-position: -440px 0; width: 100px; }
		.movie_container .lnav ul li.gear a { background-position: -440px 0; width: 100px; }
		.movie_container .lnav ul li.interview a { background-position: -540px 0; width: 100px; }
		.movie_container .lnav ul li.variety a { background-position: -640px 0; width: 101px; }

		.movie_container .lnav ul li.top a:hover,
		.movie_container .lnav ul li.top a.active { background-position: 0 -40px; }
		.movie_container .lnav ul li.live a:hover,
		.movie_container .lnav ul li.live a.active { background-position: -80px -40px; }
		.movie_container .lnav ul li.news a:hover,
		.movie_container .lnav ul li.news a.active { background-position: -180px -40px; }
		.movie_container .lnav ul li.lesson a:hover,
		.movie_container .lnav ul li.lesson a.active { background-position: -340px -40px; }
		.movie_container .lnav ul li.gear a:hover,
		.movie_container .lnav ul li.gear a.active { background-position: -440px -40px; }
		.movie_container .lnav ul li.interview a:hover,
		.movie_container .lnav ul li.interview a.active { background-position: -540px -40px; }
		.movie_container .lnav ul li.variety a:hover,
		.movie_container .lnav ul li.variety a.active { background-position: -640px -40px; }

/* -- 4-2: Search ------------------------ */
.movie_container .lnav .search {
	width: 207px;
	float: right;
	position: relative;
	}

	.movie_container .lnav .search input.search_text {
		width: 159px;
		height: 25px;
		padding: 0 7px;
		line-height: 25px;
		border: 0;
		position: absolute;
		left: 0;
		top: 7px;
		font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
		font-size: 12px;
		}

	@media screen and (-webkit-min-device-pixel-ratio:0) { /* for Webkit */
		.movie_container .lnav .search input.search_text {
			height: 19px;
			padding: 3px 7px;
			line-height: 1.0;
			}
		}

		.movie_container .lnav .search input.water {
			color: #ccc;
			}

	.movie_container .lnav .search input.search_button {
		background: url(../img/search_btn.gif) no-repeat;
		display: block;
		width: 34px;
		height: 25px;
		border: 0;
		cursor: pointer;
		position: absolute;
		right: 0;
		top: 7px;
		}


/*
**************************************************
 5: CONTENT SETTING
**************************************************
*/

/* -- 5-1: Main Content ------------------ */
.movie_container .content .main_content {
	float: right;
	width: 620px;
	margin-bottom: 20px;
	}

	.movie_container .content .main_content dl {
		margin-bottom: 40px;
		}

		.movie_container .content .main_content dl dl {
			margin-bottom: 0;
			}

	/* -- sort -- */
	.movie_container .content .main_content ul.sort li {
		float: left;
		padding-left: 3px;
		}

		.movie_container .content .main_content ul.sort li a {
			display: block;
			width: 61px;
			height: 20px;
			line-height: 20px;
			text-align: center;
			color: #fff;
			}

			.movie_container .content .main_content ul.sort li a:hover,
			.movie_container .content .main_content ul.sort li a.active {
				background: url(../img/sort_bg.png) no-repeat 0 0;
				color: #fff;
				text-decoration: none;
				}

	/* -- ranking -- */
	.movie_container .content .main_content dl.ranking {
		background: #282828;
		padding-top: 15px;
		border-top: 3px solid #0071BE;
		}

		.movie_container .content .main_content dl.ranking dt {
			background: url(../img/ranking_title.gif) no-repeat 14px 0;
			padding-top: 3px;
			}

			.movie_container .content .main_content dl.ranking dt .title {
				padding-left: 44px;
				line-height: 1.2;
				font-size: 14px;
				font-weight: bold;
				}

			.movie_container .content .main_content dl.ranking dt .subtitle {
				padding-left: 8px;
				font-size: 12px;
				}

		.movie_container .content .main_content dl.ranking dd {
			margin-top: 18px;
			}

			.movie_container .content .main_content dl.ranking dd ul.ranking_list {
				padding-left: 30px;
				padding-bottom: 15px;
				margin-left: -16px;
				}

				.movie_container .content .main_content dl.ranking dd ul.ranking_list li.list {
					float: left;
					width: 128px;
					padding-left: 16px;
					}

					.movie_container .content .main_content dl.ranking dd ul.ranking_list li.list dl {
						padding-top: 18px;
						overflow: hidden;
						}

					.movie_container .content .main_content dl.ranking dd ul.ranking_list li.list dl.no1 { background: url(../img/ranking_no.gif) no-repeat 0 0; }
					.movie_container .content .main_content dl.ranking dd ul.ranking_list li.list dl.no2 { background: url(../img/ranking_no.gif) no-repeat -128px 0; }
					.movie_container .content .main_content dl.ranking dd ul.ranking_list li.list dl.no3 { background: url(../img/ranking_no.gif) no-repeat -256px 0; }

						.movie_container .content .main_content dl.ranking dd ul.ranking_list li.list dl dt {
							background: #fff;
							display: block;
							width: 128px;
							height: 73px;
							margin: 0;
							padding: 0;
							overflow: hidden;
							}

						.movie_container .content .main_content dl.ranking dd ul.ranking_list li.list dl dd {
							margin: 8px 0 0 0;
							padding: 0;
							}

							.movie_container .content .main_content dl.ranking dd ul.ranking_list li.list dl dd ul li {
								line-height: 1.2;
								font-size: 11px;
								}

							.movie_container .content .main_content dl.ranking dd ul.ranking_list li.list dl dd ul li.category {
								margin-bottom: 3px;
								}

								.movie_container .content .main_content dl.ranking dd ul.ranking_list li.list dl dd ul li a {
									color: #fff;
									}

									.movie_container .content .main_content dl.ranking dd ul.ranking_list li.list dl dd ul li a:hover {
										color: #3fa8f2;
										text-decoration: none;
										}


	/* -- more btn -- */
	/* more btn01 */
	.movie_container .content .main_content .more_btn01 a {
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		height: 36px;
		line-height: 36px;
		text-align: center;
		color: #999;
		font-size: 14px;
		font-weight: bold;
		}

		.movie_container .content .main_content .more_btn01 a:hover {
			background-position: 0 -36px;
			text-decoration: none;
			}

	.movie_container .content .main_content .more_btn01_small a {
		background-image: url(../img/more_btn01.gif);
		width: 620px;
		}

	.movie_container .content .main_content .more_btn01_large a {
		background-image: url(../img/more_btn01_large.gif);
		width: 640px;
		}

	/* more btn02 */
	.movie_container .content .main_content .more_btn02 a {
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		height: 42px;
		line-height: 42px;
		text-align: center;
		color: #999;
		font-size: 14px;
		font-weight: bold;
		}

		.movie_container .content .main_content .more_btn02 a:hover {
			background-position: 0 -42px;
			text-decoration: none;
			}

		.movie_container .content .main_content .more_btn02_small a {
			background-image: url(../img/more_btn02.gif);
			width: 620px;
			}

		.movie_container .content .main_content .more_btn02_large a {
			background-image: url(../img/more_btn02_large.gif);
			width: 640px;
			}

	/* more btn03 */
	.movie_container .content .main_content .more_btn03 {
		width: 120px;
		margin: 0 auto;
		}

		.movie_container .content .main_content .more_btn03 a {
			background: url(../img/more_btn03.gif) no-repeat 0 50%;
			display: block;
			width: 120px;
			height: 15px;
			line-height: 15px;
			text-align: center;
			color: #666;
			}

			.movie_container .content .main_content .more_btn03 a:hover {
				color: #999;
				text-decoration: none;
				}

/* -- 5-2: Sidebar ----------------------- */
.movie_container .content ul.sidebar {
	float: left;
	width: 300px;
	margin-bottom: 40px;
	}

	.movie_container .content ul.sidebar li {
		margin-bottom: 20px;
		}

	/* -- category -- */
	.movie_container .content ul.sidebar li.category dl dt {
		background: url(../img/sidebar_category_title.gif) no-repeat;
		display: block;
		width: 300px;
		height: 24px;
		text-indent: -9999px;
		}

	.movie_container .content ul.sidebar li.category dl dd ul li {
		background: #282828;
		margin-bottom: 0;
		position: relative;
		}

		.movie_container .content ul.sidebar li.category dl dd ul li .status {
			background: url(../img/sidebar_category_status_top.gif) no-repeat 0 0;
			display: block;
			width: 240px;
			padding: 8px 30px 7px 30px;
			position: relative;
			line-height: 1.2;
			font-size: 12px;
			font-weight: bold;
			}

		.movie_container .content ul.sidebar li.category dl dd ul li.active .status {
			background: url(../img/sidebar_category_status_top.gif) no-repeat -300px 0;
			}

			.movie_container .content ul.sidebar li.category dl dd ul li .status a {
				color: #fff;
				display:block;
				}

			.movie_container .content ul.sidebar li.category dl dd ul li .status a:hover {
				color: #3fa8f2;
				text-decoration: none;
				}

			.movie_container .content ul.sidebar li.category dl dd ul li .status a.hideshow {
				background-image: url(../img/sidebar_category_hideshow_btn.gif);
				background-repeat: no-repeat;
				display: block;
				width: 16px;
				height: 16px;
				position: absolute;
				right: 8px;
				top: 7px;
				}

			.movie_container .content ul.sidebar li.category dl dd ul li .status a.show { background-position: 0 0; }
			.movie_container .content ul.sidebar li.category dl dd ul li .status a.hide { background-position: -16px 0; }

			.movie_container .content ul.sidebar li.category dl dd ul li .status a.show:hover { background-position: 0 -16px; }
			.movie_container .content ul.sidebar li.category dl dd ul li .status a.hide:hover { background-position: -16px -16px; }

		.movie_container .content ul.sidebar li.category dl dd ul li ul {
			background: #333 url(../img/sidebar_category_status_bottom.gif) no-repeat 0 0;
			padding: 5px 0 4px 0;
			}

			.movie_container .content ul.sidebar li.category dl dd ul li ul li {
				background: none;
				margin-bottom: 1px;
				line-height: 1.2;
				position: static;
				}

				.movie_container .content ul.sidebar li.category dl dd ul li ul li a {
					background: url(../img/sidebar_category_status_child.gif) no-repeat 18px 7px;
					display: block;
					padding: 3px 18px 3px 28px;
					color: #ccc;
					}

				.movie_container .content ul.sidebar li.category dl dd ul li ul li a:hover,
				.movie_container .content ul.sidebar li.category dl dd ul li ul li a.active {
					background: #444 url(../img/sidebar_category_status_child.gif) no-repeat -282px 7px;
					text-decoration: none;
					color: #fff;
					}

	/* -- pickup -- */
	.movie_container .content ul.sidebar li.category dl dt.titlepickup {
		background: url(../img/sidebar_pickup_title.gif) no-repeat;
		display: block;
		width: 300px;
		height: 24px;
		text-indent: -9999px;
		}

	/* -- banner -- */
	.movie_container .content ul.sidebar li.banner {
		width: 300px;
		height: 250px;
		overflow: hidden;
		}


/*
**************************************************
 6: OTHER SETTING
**************************************************
*/

/* -- Clearfix -------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}