@charset "Shift_JIS";

@import "common/layout.css";

/*-------------------------------------------------------------------------
	All
/*-----------------------------------------------------------------------*/
#all {
	min-width:1000px;
}

	#all .wrap {
		width:1000px;
	}

/*-------------------------------------------------------------------------
	Header
/*-----------------------------------------------------------------------*/
#header {
	margin-bottom:-30px;
	z-index:1;
}

	#header-link  {
		padding-bottom:15px;
		background:url(../img/index/header/bg.png) repeat-x center bottom;
	}

/*-------------------------------------------------------------------------
	Title
/*-----------------------------------------------------------------------*/
#title {
	height:560px;
	background:#fff url(../img/index/title/bg.jpg) no-repeat center top;
}

	#title h1 {
		text-align:center;
	}

	#title p {
		position:absolute;
	}

	#title .btn {
		left:0;
		top:234px;
	}

		#title .btn span {
			position:absolute;
		}

		#title .btn .mc {
			left:0;
			top:0;
			z-index:1;
		}

		#title .btn .text {
			left:75px;
			top:90px;
			z-index:0;
		}

	#title .assistant {
		left:685px;
		top:360px;
	}

/*-------------------------------------------------------------------------
	Main
/*-----------------------------------------------------------------------*/
#main {
	overflow:visible;
	padding-top:20px;
	background:url(../img/index/main/bg.png) repeat-x center top;
}

	#main-content {
		border:none;
		background:none;
		margin-bottom:130px;
	}

	#main-content,
	#premiumset {
		left:25px;
		width:960px;
	}

/*-------------------------------------------------------------------------
	Main Navi
/*-----------------------------------------------------------------------*/
#main-navi {
	padding-top: 20px;
}

	#main-navi li {
		display:inline;
		float:left;
	}

		#main-navi li a {
			display:block;
			position:relative;
			height:278px;
		}

			#main-navi li a span {
				position:absolute;
			}

			#main-navi li a .obj {
			}

				#main-navi li a .obj img {
					position:relative;
				}

			#main-navi li.tv a .obj,
			#main-navi li.table a .obj {
				overflow:hidden;
				width:188px;
			}

			#main-navi li.tv a .obj {
				left:46px;
				top:-10px;
			}

				#main-navi li.tv a .obj img {
					left:-30px;
					top:90px;
				}

			#main-navi li.living a .obj {
				left:48px;
				top:-30px;
			}

			#main-navi li.table a .obj {
				left:26px;
				top:90px;
			}

			#main-navi li.mini a .obj {
				left:25px;
				top:-20px;
			}

			#main-navi li a .text {
				left:20px;
				top:22px;
			}

			#main-navi li.tv a .text {
				left:38px;
			}

			#main-navi li.living a .text {
				top:106px;
			}

			#main-navi li.mini a .text {
				top:134px;
			}

		#main-navi li.tv a,
		#main-navi li.mini a {
			width:260px;
		}

		#main-navi li.living a,
		#main-navi li.table a {
			width:240px;
		}

		#main-navi li.tv a {
			background:url(../img/index/main/navi/tv/bg.png) no-repeat center top;
		}

		#main-navi li.living a {
			background:url(../img/index/main/navi/living/bg.png) no-repeat center top;
		}

		#main-navi li.table a {
			background:url(../img/index/main/navi/table/bg.png) no-repeat center top;
		}

		#main-navi li.mini a {
			background:url(../img/index/main/navi/mini/bg.png) no-repeat center top;
		}

		#main-navi li.tv a.active {
			background-image:url(../img/index/main/navi/tv/bg_on.png);
		}

		#main-navi li.living a.active {
			background-image:url(../img/index/main/navi/living/bg_on.png);
		}

		#main-navi li.table a.active {
			background-image:url(../img/index/main/navi/table/bg_on.png);
		}

		#main-navi li.mini a.active {
			background-image:url(../img/index/main/navi/mini/bg_on.png);
		}

/*-------------------------------------------------------------------------
	Main Content
/*-----------------------------------------------------------------------*/
#main-content {
	padding:15px 0 0 0;
}


/*-------------------------------------------------------------------------
	Info
/*-----------------------------------------------------------------------*/
#info {
	width:652px;
	height:170px;
	margin:0 auto 30px auto;
	padding:35px 24px;
	background:url(../img/index/main/info/bg.png) no-repeat center top;
}

	#info .image,
	#info .detail {
		display:inline;
		float:left;
	}

	#info .image {
		width:150px;
		margin-right:12px;
	}

		#info .image p {
			display:inline;
			float:left;
			text-align:center;
		}

		#info .image .package {
			margin-right:4px;
		}

		#info .image .icon,
		#info .image .cero {
			position:relative;
			top:22px;
			width:52px;
		}

		#info .image .icon {
			margin-bottom:4px;
		}

	#info .detail {
	}

		#info .detail .link,
		#info .detail .online,
		#info .detail .btn {
			position:absolute;
		}

		#info .detail .link {
			left:25px;
			top:122px;
		}

		#info .detail .online {
			left:258px;
			top:142px;
		}

			#info .detail .link a,
			#info .detail .online a {
				display:block;
				padding:5px;
			}

			#info .detail .link .bubble {
				display:none;
				position:absolute;
				left:-20px;
				top:-220px;
			}

		#info .detail .btn {
			right:-34px;
			top:-10px;
		}

	#info .network {
		position:absolute;
		left:24px;
		bottom:30px;
	}

/*-------------------------------------------------------------------------
	Side
/*-----------------------------------------------------------------------*/
#side {
	top:-14px;
}

	#side .btn {
		position:relative;
	}

	.noscript #side .btn.movie,
	.nonFP #side .btn.movie {
		display:none;
	}