@charset "utf-8";

body { background:#fff;} /* 全体の背景指定 */

 /* body { background:#fff url(../images/bg_body.jpg) repeat-x;}  */

#wrapper #contents { width: 1000px;}

/* anchor */
#wrapper a,
#wrapper .article{
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
}
#wrapper a:hover {
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	-moz-opacity:0.5;
	opacity:0.5;
}
/* NAVIめーる半透明回避 */
#wrapper #contents #side #banner_navimail a:hover {
	/*filter: alpha(opacity=100);*/
	-moz-opacity:1;
	opacity:1;
}

/* #main */
#main { 
	width: 675px;
	padding-bottom: 15px;
}

#wrapper #article { 
	/*background:url(../images/bg_article.png) no-repeat 73px top;*/
	background:url(../images/bg_article.jpg) no-repeat center 20px;
}

#main #article .item01{
	position:absolute;
	/*top:-480px;*/
	top:190px;
	right:-15px;
	z-index:2;
}

#main #article .item02{
	position:absolute;
	top:-60px;
	left:30px;
	z-index:2;
}

/* #side */
#side { padding: 10px 0px 0px; }

#side .box{
	/* border-radius */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#wrapper #contents #side .box .title {
	background: rgb(218,225,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(218,225,229,1)), color-stop(100%,rgba(238,241,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#dce2e6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* W3C */
}

#wrapper #contents #side #oa .info a,
#wrapper #contents #side #blog .info a{
	background-color: rgba(153,153,153,0.5);
	/* box-shadow */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}

/* #header */
#main #article #header {
	width: 675px;
	height: 645px;
	background-size: cover;
	position:relative;
	text-indent:-9999px;
}

#main #article #header h1 a{
	width: 416px;
	height:127px;
	background:url(../images/h1_header.png) no-repeat 0 0;
	position: absolute;
	left:128px;
	top: 310px;
}

#main #article #header h1 a:hover{
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	-moz-opacity:0.5;
	opacity:0.5 !important;
}

/*
#main #article #header h2 {
	width:278px;
	height:249px;
	background:url(../images/h2_header.png) no-repeat 0 0;
	position: absolute;
	left:375px;
	top: 350px;
}
*/

#main #article #header h3 {
	width:278px;
	height:34px;
	background:url(../images/h3_header.png) no-repeat 0 0;
	position: absolute;
	left:375px;
	top: 600px;
}

#main #article #header p{
	width:123px;
	height:16px;
	background:url(../images/txt_header.gif) no-repeat 0 0;
	position: absolute;
	left:15px;
	top: 621px;
}

#main #article #header p.copy{
	display:none;
}

/*
#main #article #header p.copy{
	width:36px;
	height:216px;
	background:url(../images/copy_header.gif) no-repeat 0 0;
	position: absolute;
	left:65px;
	top: 35px;
}
*/

#main #article #header h5{
	width:220px;
	height:63px;
	padding:10px;
	position: absolute;
	left:412px;
	top:35px;
	text-indent:0;
}

#main #article #visual{
	height:239px;
	margin-bottom:20px;
	background:url(../images/bg_visual.jpg) no-repeat center top;
	text-indent:-30000px;
}

@media print {
    #main #article #visual{
		display:none;
    }
	
	#main #article #disc table td.pic_dvd{
		background:none !important;
	}
}

#topad { padding-bottom:5px; }

/* #btn-sbm */

#btn-sbm {
	text-align: right;
	margin-bottom:-15px;
}

#btn-sbm li {
	display: inline-block;
	margin-left: 0px;
	margin-right: 5px;
	padding: 0px;
	line-height: normal;
	list-style: none;
	vertical-align: top;
}
*html #btn-sbm li { display: inline; } /* for IE6 */ 
*+html #btn-sbm li { display: inline; } /* for IE7 */

#btn-sbm li a { margin: 0px; }

#btn-sbm .btnFaceBook { width: 110px; }

#btn-sbm .btnHatenaBookmark { margin-right: 7px; }
#btn-sbm .btnGoogleCalendar { margin-right: 10px; }

#btn-sbm .btnTwitterFollow a{
	width:105px;
	height:20px;
	margin-right: 10px;
	background:url(../images/btn_twitter.gif) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	text-align:left;
}

/* .block */

#main #article .block{
	width:579px;
	margin:25px auto 5px;
	padding:30px;
	border:#eee 3px solid;
	background:url(../images/bg_block.png) repeat 0 0;
	text-align:center;
	position:relative;
}

#main #article .block h3{
	height:88px;
	margin-bottom:40px;
	text-indent:-9999px;
}

#main #article .block p{
	text-indent:-9999px;
}

/* .bnr */

#main #article .bnr{
	width:645px;
	margin:20px auto -10px;
}

#main #article .bnr p{
	margin-bottom:10px;
}

/* #intro */

#main #article #intro h3{
	background:url(../images/h3_intro.gif) no-repeat center top;
}

#main #article #intro p{
	height:310px;
	background:url(../images/txt_intro.gif) no-repeat center top;
}

/* #trailer */

#main #article #trailer h3{
	background:url(../images/h3_trailer.gif) no-repeat center top;
}

#main #article #trailer #player{
	margin-top:-10px;
}

#main #article #trailer #back{
	margin:15px 0 12px;
	text-align:right;
}

#main #article #trailer #bn{
	padding:23px 0 8px;
	background:#eee;
}

#main #article #trailer #bn h4{
	height:43px;
	background:url(../trailer/images/h4_bn.gif) no-repeat 196px top;
	text-indent:-9999px;
}

#main #article #trailer #bn table {
	margin:0 auto;
}

#main #article #trailer #bn table td{
	width:174px;
	padding:0 7px 15px;
}

#main #article #trailer #bn table td p{
	margin-top:5px;
	text-indent:0;
	font-size:13px;
	font-weight:bold;
}


@media print {
    #trailer {
		display:none;
    }
}

/* #cast */

#main #article #cast h3{
	background:url(../images/h3_cast.gif) no-repeat center top;
}

#main #article #cast p{
	height:550px;
	background:url(../images/txt_cast.gif) no-repeat 245px top;
}

/* #story */

#main #article #story{
	padding-bottom:25px;
}

#main #article #story h3{
	background:url(../images/h3_story.gif) no-repeat center top;
}

#main #article #story h4{
	margin:-5px 5px 15px;
	text-align:left;
}

#main #article #story p{
	padding:0 5px 20px;
	text-align:left; 
	font-size:16px; 
	line-height:2em;
	text-indent:0;
}

#main #article #story .btn{
	padding:5px 5px 5px 0;
	text-align:right;
}

#is2nd #main #article #story {
	margin-top:25px;
}

#is2nd #main #article #story .ep{
	margin-bottom:35px;
	padding-bottom:10px;
	border-bottom:#e57081 dashed 1px;
}

#is2nd #main #article #story .ep_end{
	border-bottom:none !important;
}

#is2nd #main #article #story .btn{
	margin-top:-45px;
}

/* #staff */

#main #article #staff h3{
	background:url(../images/h3_staff.gif) no-repeat center top;
}

#main #article #staff p{
	height:520px;
	background:url(../images/txt_staff.gif) no-repeat center top;
}

/* #original */

#main #article #original h3{
	background:url(../images/h3_original.gif) no-repeat center top;
}

#main #article #original p{
	height:39px;
	background:url(../images/txt_original.gif) no-repeat center top;
}

#main #article #original img{
	margin-bottom:10px;
}

/* #network */

#main #article #network h3{
	background:url(../images/h3_network.gif) no-repeat center top;
	margin-bottom:30px;
}

#main #article #network p{
	margin:12px;
	font-size:16px;
	line-height:1.8em;
	text-align:left;
	text-indent:0;
}

.pagetop{
	margin: 20px 20px 0 0 ;
	text-align:right;
}

#is2nd #header{
	height:620px !important;
}

/* #disc */

#main #article #disc{
	padding-bottom:25px;
}

#main #article #disc h3{
	background:url(../disc/images/h3_disc.gif) no-repeat center top;
}

#main #article #disc h4{
	height:125px;
	background:url(../disc/images/h4_disc.gif) no-repeat center top;
	text-indent:-9999em;
}

#main #article #disc h5{
	margin:0 0 3px;
	font-size:16px;
	font-weight:bold;
}

#main #article #disc .box{
	margin-bottom:35px;
}

#main #article #disc .dvd{
	padding-bottom:30px;
	border-bottom:#aaa 1px dashed;
}

#main #article #disc table td.pic_dvd{
	width:220px;
	height:163px;
	padding:0 10px;
	background:url(../disc/images/pic_dvd.jpg) no-repeat center top;
	text-indent:-9999em;
}

#main #article #disc table table.detail th,
#main #article #disc table table.detail td{
	padding:2px;
	text-align:left;
	vertical-align:top;
	font-size:14px;
	line-height:1.8em;
}

#main #article #disc table table.detail th{
	white-space:nowrap;
}

#main #article #disc table td img{
	margin-top:15px;
}

#main #article #disc #special{
	margin:20px 0 10px;
	padding:20px 20px 10px;
	background:#f8f3dd;
	text-align:left;
	font-size:14px;
}

#main #article #disc #special .tit_special{
	padding:5px 10px;
	font-size:16px;
	font-weight:bold;
}

#main #article #disc #special .tokuten{
	padding:10px;
}

#main #article #disc #special .tokuten h6{
	margin-bottom:5px;
	font-weight:bold;
}

#main #article #disc .notice{
	margin:20px 0 30px;
}

#main #article #disc .notice p{
	margin-bottom:5px;
	text-indent:0;
	text-align:left;
	font-size:12px;
}

#main #article #disc .btn{
	padding:5px 5px 5px 0;
	text-align:right;
}


/* テキスト指定 */