@charset "UTF-8";

/* -----------------------------------------------
FileName:module.css
----------------------------------------------- */

/* ===== index ===== */

#index {
	width: 960px;
	background: #000;
}

	#index h1 {
		padding: 184px 0 0 0;
	}

	#index .select {
		padding: 0 0 310px 375px;
		text-align: left;
	}

	#index .select ul {
		width: 210px;
	}

		#index ul li {
			float: left;
		}

#index .select ul:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

/* ===== top ===== */

#top-contents {
	width: 960px;
	height: 660px;
	background: url("../../images/bg_top_main.gif") no-repeat 0 0 #000;
	text-align: left;
	position: relative;
}

	#top-contents #top {
		width: 960px;
	}

	#top-contents #top #menu {
		float: left;
		width: 325px;
	}

		#top-contents #top #menu h1 {
			padding: 0 0 0 29px;
		}

		#top-contents #top #menu .brulay {
			padding: 0 0 0 29px;
		}

		#top-contents #top #menu .yokoku {
			padding: 10px 0 28px 29px;
		}

		#top-contents #top #menu .nav {
			padding: 30px 0 25px 29px;
			width: 350px;
		}

			#top-contents #top #menu .nav ul {
				float: left;
				width: 110px;
			}

				#top-contents #top #menu .nav ul li {
					display: inline;
				}

					#top-contents #top #menu .nav ul li img {
						display: block;
					}

			#top-contents #top #menu .nav .song {
				float: right;
				width: 200px;
			}

		#top-contents #top #menu .enbtn {
			padding: 0 0 0 29px;
		}

#top-contents #top #menu .nav:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

	#top-contents #top #main {
		float: right;
		width: 535px;
	}

#top-contents #top:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

#topnews {
	margin: 0 19px 15px 31px;
}

	#topnews dl {
		width: 914px;
		text-align: left;
	}

	#topnews dt {
		float: left;
		width: 111px;
	}

	#topnews dd {
		padding: 6px 0;
		float: left;
		width: 803px;
		background: #262626;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
	}

	#topnews dd a {
		margin-left: 0.5em;
		font-size: 12px;
	}

	#topnews dd a:link,
	#topnews dd a:visited {
		color: #02ADFC;
		text-decoration: underline;
	}

	#topnews dd a:hover,
	#topnews dd a:active {
		color: #a90303;
		text-decoration: none;
	}

#topnews dl:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

#topbanner {
	text-align: left;
}

	#topbanner ul.bnr01 {
		margin-bottom: 12px;
		margin-left: 32px;
		width: 960px;
	}

		#topbanner ul.bnr01 li {
			margin-right: 15px;
			float: left;
		}

	#topbanner ul.bnr02 {
		margin-bottom: 18px;
		margin-left: 142px;
		width: 750px;
	}

		#topbanner ul.bnr02 li {
			margin-right: 28px;
			float: left;
		}

#topbanner ul:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

/* ===== intro ===== */

.intro {
	margin: 0 0 45px 0;
	padding: 0 0 40px 0;
	width: 727px;
	background: url("../../intro/images/bg_intro_01.jpg") no-repeat 0 56px;
}

.intro .desc {
	margin: 67px 0 0 74px;
	padding: 0 0 20px 0;
	width: 579px;
	color: #000;
	background: url("../../intro/images/bg_intro_02.png") repeat-y 0 0;
}

*html .intro .desc {
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_intro_02.png", sizingMethod="scale");
}

	.intro .desc p {
		margin: 20px 35px 0 35px;
		font-size: 12px;
		line-height: 18px;
		position: relative;
	}

	.intro .desc .todetail {
		margin: 10px 25px 0 0;
		text-align: right;
		position: relative;
	}

	.intro .desc .todetail img {
		behavior: url("../common/scripts/pngbehavior.htc");
	}

.introdetail {
	margin: 0 0 30px 0;
	width: 727px;
}

.introdetail h3 {
	margin: 27px 0 0 0;
	text-align: right;
}

.introdetail .descdetail {
	padding: 30px 27px 0 27px;
	color: #fff;
	background: #333;
}

	.introdetail .descdetail h4 {
		padding: 0 0 25px 0;
	}

	.introdetail .descdetail p {
		padding: 0 0 15px 0;
		font-size: 12px;
		line-height: 18px;
	}

	.introdetail .descdetail .image_r {
		margin: 0 0 15px 0;
		float: right;
		width: 385px;
		text-align: right;
	}

	.introdetail .descdetail .page {
		text-align: right;
	}

	.introdetail .descdetail .pagelast {
		margin-right: -10px;
		text-align: right;
		position: relative;
	}

/* ===== story ===== */

.story {
	margin: 0 0 44px 0;
	padding: 0 0 51px 0;
	width: 727px;
	background: url("../../story/images/bg_story_01.jpg") no-repeat 0 56px;
}

.story .desc {
	margin: 67px 0 0 74px;
	padding: 0 0 30px 0;
	width: 579px;
	color: #000;
	background: url("../../story/images/bg_story_02.png") repeat-y 0 0;
}

*html .story .desc {
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_story_02.png", sizingMethod="scale");
}

.storydetail {
	margin: 0 0 30px 0;
	width: 727px;
}

.storydetail h3 {
	margin: 27px 0 0 0;
	text-align: right;
}

	.story .desc p {
		margin: 5px 35px 0 35px;
		font-size: 12px;
		line-height: 18px;
		position: relative;
	}

	.story .desc .todetail {
		margin: 0 25px 0 0;
		text-align: right;
		position: relative;
	}

	.story .desc .todetail img {
		behavior: url("../common/scripts/pngbehavior.htc");
	}

		.story .desc p a:link,
		.story .desc p a:visited {
			color: #00c;
		}

		.story .desc p a:hover,
		.story .desc p a:active {
			color: #a90303;
		}

.storydetail .descdetail {
	padding: 30px 27px 0 27px;
	color: #fff;
	background: #333;
}

	.storydetail .descdetail h4 {
		padding: 0 0 25px 0;
	}

	.storydetail .descdetail p {
		padding: 0 0 15px 0;
		font-size: 12px;
		line-height: 18px;
	}

		.storydetail .descdetail p a:link,
		.storydetail .descdetail p a:visited {
			color: #09f;
		}

		.storydetail .descdetail p a:hover,
		.storydetail .descdetail p a:active {
			color: #a90303;
		}

	.storydetail .descdetail .image_set {
		margin: 0 -11px 15px 0;
		width: 678px;
	}

		.storydetail .descdetail .image_set div {
			float: left;
			width: 226px;
		}

	.storydetail .descdetail .image_set:after {
		display:block;
		clear:both;
		height: 0;
		visibility:hidden;
		content:".";
		font-size:0;
		line-height:0;
	}

	.storydetail .descdetail .page {
		text-align: right;
	}

	.storydetail .descdetail .pagelast {
		margin-right: -10px;
		text-align: right;
		position: relative;
	}


/* ===== character ===== */

.character {
	padding: 0 0 112px 0;
	width: 727px;
	background: url("../../character/images/bg_chara_01.jpg") no-repeat 0 56px;
	text-align: center;
}

.character .profile {
	margin: 27px auto 0 auto;
	width: 579px;
	color: #000;
	background: url("../../character/images/bg_chara_02.png") repeat-y 0 0;
	text-align: left;
}

*html .character .profile {
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_chara_02.png", sizingMethod="scale");
}

	.character .profile h3 {
		padding: 30px 0 20px 35px;
	}

	.character .profile h3 img {
		behavior: url("../common/scripts/pngbehavior.htc");
	}

	.character .profile .p_detail {
		padding: 0 0 10px 0;
		width: 579px;
	}

	.character .profile .image {
		float: left;
		width: 340px;
	}

		.character .profile .image div {
			margin: 3px 0 0 35px;
		}

		.character .profile .image .caption {
			margin: 10px 0 0 35px;
			font-size: 10px;
		}

	.character .profile .desc {
		float: left;
		width: 210px;
	}

		.character .profile .desc p {
			margin-left: 15px;
			font-size: 12px;
			line-height: 18px;
			position: relative;
		}

		.character .profile p a:link,
		.character .profile p a:visited {
			color: #00c;
		}

		.character .profile p a:hover,
		.character .profile p a:active {
			color: #a90303;
		}

.character .profile .p_detail:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

	.character .profile .past {
		margin: 0 30px;
		padding: 5px 0 10px 0;
		border-top: 1px solid #000;
	}

		.character .profile .past dt {
			margin-right: 0.5em;
			display: inline;
		}

		.character .profile .past dt img {
			vertical-align: middle;
		}

		.character .profile .past dd {
			display: inline;
			font-size: 12px;
			line-height: 18px;
		}

/* ===== glossary ===== */

.glossary {
	padding: 0 0 35px 0;
	width: 749px;
}

	.glossary dd {
		padding: 5px 0 20px 0;
		width: 726px;
	}

		.glossary p {
			font-size: 12px;
			line-height: 18px;
		}

		.glossary .sleep_story {
			margin: 15px 0 0 0;
			padding: 13px 15px;
			background: #013248;
			font-size: 10px;
			line-height: 14px;
		}

		.glossary .g_text {
			float: left;
			width: 540px;
		}

			.glossary p a:link,
			.glossary p a:visited {
				color: #09f;
			}

			.glossary p a:hover,
			.glossary p a:active {
				color: #a90303;
			}

		.glossary .g_image {
			float: right;
			width: 165px;
		}

.glossary dd:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

	.glossary .g_image_m {
		margin-top: 10px;
		width: 749px;
	}

		.glossary .g_image_m div {
			float: left;
			width: 187px;
		}

		.glossary .g_image_m div p {
			margin: 5px 0 0 0;
			font-size: 12px;
		}

.glossary .g_image_m:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

/* ===== staffcast ===== */

.staffcast {
	padding: 0 0 35px 0;
	width: 749px;
}

	.staffcast dd {
		padding: 8px 0 33px 0;
		width: 727px;
	}

	.staffcast dd .image {
		float: left;
		width: 110px;
	}

	.staffcast dd .desc {
		float: left;
		width: 617px;
	}

		.staffcast p {
			font-size: 12px;
			line-height: 18px;
		}

		.staffcast p.work {
			margin: 10px 0 0 0;
			font-size: 10px;
			line-height: 16px;
		}

		.staffcast dd .iwahara {
			margin: 15px 0 0 0;
		}

			.staffcast dd .iwahara strong {
				color: #0099FF;
				font-size: 14px;
			}

		.staffcast p.misia {
			margin: 0 0 10px 0;
			font-style: oblique;
		}

		.staffcast a.site:link,
		.staffcast a.site:visited {
			color: #04A5F0;
		}

.staffcast dd:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

	.staffcast .other {
		margin: 0 23px 15px 0;
		padding: 10px 15px;
		background: #0A1937;
	}

/* ===== productionnote ===== */

.productionnote {
	padding: 0 0 35px 0;
	width: 729px;
}

	.productionnote h3 {
		padding: 13px 0;
	}

	.productionnote p {
		padding: 0 0 15px 0;
		font-size: 12px;
		line-height: 18px;
	}

	.productionnote .image_r {
		margin: 0 0 15px 0;
		float: right;
		width: 385px;
		text-align: right;
	}

/* ===== link ===== */

.link {
	margin: 0 0 43px 0;
	padding: 0 0 56px 0;
	width: 727px;
	background: url("../../link/images/bg_link_01.jpg") no-repeat 0 56px;
	text-align: center;
}

.link .list {
	margin: 67px auto 0 auto;
	padding: 50px 0 80px 0;
	width: 579px;
	color: #000;
	background: url("../../link/images/bg_link_02.png") repeat-y 0 0;
	text-align: left;
}

*html .link .list {
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_link_02.png", sizingMethod="scale");
}

	.link .list ul {
		float: left;
		width: 280px;
	}

	.link .list ul li {
		margin: 0 0 15px 40px;
		padding: 0 0 0 10px;
		font-weight: bold;
		font-size: 14px;
		color: #000;
		background: url("../../link/images/blt_link.gif") no-repeat 0 0.3em;
	}

		.link .list ul li a {
			position: relative;
			color: #000;
		}

		.link .list ul li a:link,
		.link .list ul li a:visted {
			color: #000;
		}

		.link .list ul li a:hover,
		.link .list ul li a:active {
			color: #000;
		}

.link .list:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

/* ===== products ===== */
.products {
	width: 728px;
}

	.products h3 {
		margin: 0 0 10px 0;
	}

	.products .products_block {
		width: 728px;
		margin: 0 0 20px 0;
	}

		.products .products_block .image {
			float: left;
			width: 148px;
		}

		.products .products_block .desc {
			float: left;
			width: 580px;
		}

.products .products_block:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

	.products .bluray table {
		margin-top: -10px;
		position: relative;
	}

	.products h4 {
		margin: 0 0 20px 0;
	}

	.products p {
		margin: 0 0 15px 0;
		font-size: 12px;
		line-height: 1.3;
	}

	.products p strong {
		color: #c7161e;
		font-size: 14px;
	}

	.products th {
		padding: 0 5px 5px 0;
		font-size: 12px;
		line-height: 1.3;
		text-align: left;
		font-weight: normal;
		vertical-align: top;
	}

	.products td {
		padding: 0 0 5px 0;
		font-size: 12px;
		line-height: 1.3;
		vertical-align: top;
	}

	.products .origin {
		margin: 15px 0 45px 0;
		padding: 8px 0 0 0;
		border-top: 1px solid #333;
		font-size: 10px;
	}


/* ===== movie ===== */

.movie {
	margin: 17px 0 48px 0;
	padding: 25px 0 10px 0;
	width: 728px;
	color: #fff;
	background: #333;
}

.movie .movie_main {
	margin: 0 auto 45px auto;
	width: 480px;
}

.movie .movie_list {
	margin: 0 0 20px 77px;
	width: 573px;
}

	.movie .movie_list01 {
		float: left;
		width: 240px;
	}

	.movie .movie_list02 {
		float: right;
		width: 240px;
	}

		.movie dl dt {
			display: inline;
		}

			.movie dl dt img {
				display: block;
			}

.movie .movie_list:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

	.movie .movie_list .bch {
		float: left;
		width: 324px;
	}

	.movie .movie_list .bch a {
		margin: 165px 0 0 81px;
		display: block;
	}

/* ===== special ===== */

.special {
	margin: 17px 0 32px 0;
	width: 728px;
}

.special h3 {
	margin: 13px 0 0 0;
	text-align: right;
}

.special #gallery {
	padding: 32px 27px 0 59px;
	color: #fff;
	background: #333;
}

	.special #gallery ul {
		width: 642px;
	}

	.special #gallery li {
		margin: 0 0 30px 0;
		float: left;
		width: 214px;
	}

.special #gallery ul:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}