﻿@charset "utf-8";

body {
	background:url(../images/bg_body.gif) repeat 0 0;
} /* 全体の背景指定 */

#wrapper #contents { width: 1000px; }

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

/* #article */
#wrapper #contents  #main #article {
	width:675px;
	
}

/* #btn-sbm */

ul#btn-sbm {
	padding:13px 0 9px 370px;
	float:left;
}

ul#btn-sbm li{
	float:left;
}

ul#btn-sbm li.btnTwitter{
	margin-right:10px;
}


/******************************/

/* #header */

#wrapper #contents  #main #article #header{
	width:675px;
	text-indent:-9999em;
	position:relative;
}

#wrapper #contents  #main #article #header h1{
	width:665px;
	height:563px;
	margin:10px 0 0;
	background:url(../images/pic_header.jpg) no-repeat center top;
	border:#fff solid 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#wrapper #contents  #main #article #header h1 a{
	width:665px;
	height:563px;
	display:block;
}

#wrapper #contents  #main #article #header h2{
	width:384px;
	height:94px;
	margin:0 auto 13px;
	background:url(../images/h2_header.png) no-repeat 0 0;
	display:none;
}

#wrapper #contents  #main #article #header ul#nav{
	padding-left:5px;
}

#wrapper #contents  #main #article #header ul#nav li{
	width:213px;
	height:57px;
	padding-top:10px;
	padding-right:13px;
	float:left;
}

#wrapper #contents  #main #article #header ul#nav li a{
	width:213px;
	height:57px;
	display:block;
}

#wrapper #contents  #main #article #header ul#nav li a:hover{
	text-decoration: none;
	/*filter: alpha(opacity=80);*/
	-moz-opacity:0.8;
	opacity:0.8;
}

#wrapper #contents  #main #article #header ul#nav li.list01 a{
	background:url(../images/list_nav.png) no-repeat 0 0;
}

#wrapper #contents  #main #article #header ul#nav li.list02 a{
	background:url(../images/list_nav.png) no-repeat -213px 0;
}

#wrapper #contents  #main #article #header ul#nav li.list03{
	padding-right:0;
}

#wrapper #contents  #main #article #header ul#nav li.list03 a{
	background:url(../images/list_nav.png) no-repeat -426px 0;
}

#wrapper #contents  #main #article #header ul#nav li.list04 a{
	background:url(../images/list_nav.png) no-repeat -639px 0;
}

#wrapper #contents  #main #article #header ul#nav li.list05 a{
	background:url(../images/list_nav.png) no-repeat -852px 0;
}

#wrapper #contents  #main #article #header ul#nav li.list06{
	padding-right:0;
}

#wrapper #contents  #main #article #header ul#nav li.list06 a{
	background:url(../images/list_nav.png) no-repeat -1065px 0;
}

#wrapper #contents  #main #article #header .prev{
	width:133px;
	height:123px;
	background:url(../images/bg_prev.png) no-repeat 0 0;
	position:absolute;
	top:415px;
	left:20px;
}

#wrapper #contents  #main #article #header .prev a{
	display:block;
}

#wrapper #contents  #main #article #header .prev .linkarea{
    width:133px;
	height:123px;
	position:relative;
}

#wrapper #contents  #main #article #header .prev .linkarea img {
    position:absolute;
    left:0;
    top:0;
}

/* .bnr */

#wrapper #contents  #main #article ul.bnr{
	margin-bottom:12px;
	text-align:center;
}

#wrapper #contents  #main #article ul.bnr li{
	margin:8px 0;
}

/* .block */

#wrapper #contents  #main #article .block{
	width:665px;
	background:url(../images/bg_block.gif) repeat 0 0;
	margin-bottom:15px;
	padding-bottom:40px;
	border:#fff solid 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	clear:both;
}

#wrapper #contents  #main #article .block h3{
	height:54px;
	padding:20px 0;
	text-indent:-9999em;
}

/* #pr_movie */

#wrapper #contents  #main #article #pr_movie h3{
	background:url(../images/h3_pr.png) no-repeat center center;
}

#wrapper #contents  #main #article #pr_movie .thumb{
	width:560px;
	height:315px;
	margin:5px auto 0;
	background:#000;
	text-indent:-9999em;
	background:url(../images/pic_pr.gif) no-repeat center center;
}

#wrapper #contents  #main #article #pr_movie .player{
	width:537px;
	height:314px;
	margin:5px auto 0;
}


/* #outline */

#wrapper #contents  #main #article #outline h3{
	background:url(../images/h3_outline.png) no-repeat center center;
}

#wrapper #contents  #main #article #outline p{
	height:707px;
	background:url(../images/txt_outline.png) no-repeat center center;
	text-indent:-9999em;
}

/* #cast */

#wrapper #contents  #main #article #cast{
	position:relative;
}

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

#wrapper #contents  #main #article #cast h4{
	width:511px;
	height:270px;
	margin:10px auto;
	background:url(../images/h4_cast.png) no-repeat center center;
	text-indent:-9999em;
}

#wrapper #contents  #main #article #cast h5{
	width:53px;
	height:14px;
	background:url(../images/h5_cast.gif) no-repeat 0 0;
	position:absolute;
	right:27px;
	bottom:17px;
	text-indent:-9999em;
}

#wrapper #contents  #main #article #cast ul{
	width:632px;
	padding:10px 0 0 18px;
	float:left;
	text-indent:-9999em;
}

#wrapper #contents  #main #article #cast ul li{
	width:138px;
	height:198px;
	padding:10px;
	float:left;
}

#wrapper #contents  #main #article #cast ul li.cast01{
	background:url(../images/cast/pic01_cast.png) no-repeat center center;
}

#wrapper #contents  #main #article #cast ul li.cast02{
	background:url(../images/cast/pic02_cast.png) no-repeat center center;
}

#wrapper #contents  #main #article #cast ul li.cast03{
	background:url(../images/cast/pic03_cast.png) no-repeat center center;
}

#wrapper #contents  #main #article #cast ul li.cast04{
	background:url(../images/cast/pic04_cast.png) no-repeat center center;
}

#wrapper #contents  #main #article #cast ul li.cast05{
	background:url(../images/cast/pic05_cast.png) no-repeat center center;
}

#wrapper #contents  #main #article #cast ul li.cast06{
	background:url(../images/cast/pic06_cast.png) no-repeat center center;
}

#wrapper #contents  #main #article #cast ul li.cast07{
	background:url(../images/cast/pic07_cast.png) no-repeat center center;
}

#wrapper #contents  #main #article #cast ul li.cast08{
	background:url(../images/cast/pic08_cast.png) no-repeat center center;
}

#wrapper #contents  #main #article #cast ul li.cast09{
	background:url(../images/cast/pic09_cast.png) no-repeat center center;
}

#wrapper #contents  #main #article #cast ul li.cast10{
	background:url(../images/cast/pic10_cast.png) no-repeat center center;
}

#wrapper #contents  #main #article #cast ul li.cast11{
	background:url(../images/cast/pic11_cast.png) no-repeat center center;
}

#wrapper #contents  #main #article #cast ul li.cast12{
	background:url(../images/cast/pic12_cast.png) no-repeat center center;
}

#wrapper #contents  #main #article #cast ul li.cast13{
	background:url(../images/cast/pic13_cast.png) no-repeat center center;
}

#wrapper #contents  #main #article #cast ul li.cast14{
	background:url(../images/cast/pic14_cast.png) no-repeat center center;
}

#wrapper #contents  #main #article #cast ul li.cast15{
	background:url(../images/cast/pic15_cast.png) no-repeat center center;
}

#wrapper #contents  #main #article #cast ul li.cast16{
	background:url(../images/cast/pic16_cast.png) no-repeat center center;
}

#wrapper #contents  #main #article #cast ul li.cast17{
	background:url(../images/cast/pic17_cast.png) no-repeat center center;
}

#wrapper #contents  #main #article #cast ul li.cast18{
	background:url(../images/cast/pic18_cast.png) no-repeat center center;
}

#wrapper #contents  #main #article #cast ul li.other{
	width:246px;
	height:55px;
	background:url(../images/other_cast.png) no-repeat 0 0;
	position:relative;
	top:60px;
	left:35px;
}

/* #movie */

#wrapper #contents  #main #article #movie{
	text-align:center;
}

#wrapper #contents  #main #article #movie h3{
	background:url(../images/h3_movie.png) no-repeat center center;
}

#wrapper #contents  #main #article #movie p{
	height:60px;
	text-indent:-9999em;
}

#wrapper #contents  #main #article #movie img{
	margin:15px 0 0;
}

#wrapper #contents  #main #article #movie .hulu p{
	background:url(../images/txt01_movie.png) no-repeat center center;
	margin-bottom:10px;
}

#wrapper #contents  #main #article #movie .nod p{
	background:url(../images/txt02_movie.png) no-repeat center bottom;
	margin:15px 20px 5px;
	padding-top:25px;
	border-top:#d3ccce 1px dashed;
}

/* #staff */

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

#wrapper #contents  #main #article #staff p{
	height:329px;
	margin-top:10px;
	background:url(../images/txt_staff.png) no-repeat center center;
	text-indent:-9999em;
}

/* #backnumber */

#wrapper #contents  #main #article #backnumber{
	margin-top:15px;
}

#wrapper #contents  #main #article #backnumber h3{
	background:url(../backnumber/images/h3_backnumber.png) no-repeat center center;
}

#wrapper #contents  #main #article #backnumber .box{
	margin:0 30px 20px;
	padding:5px 0 25px;
	max-height:100%;
	border-bottom:#884545 1px dashed;
}

#wrapper #contents  #main #article #backnumber .box_bottom{
	margin-bottom:-20px;
	border-bottom:none;
}

#wrapper #contents  #main #article #backnumber h4{
	margin:0 0 8px;
	padding:0 0 12px 5px;
	background:url(../backnumber/images/bg_h4.gif) no-repeat bottom center;
	font-size:24px;
	font-weight:bold;
}

#wrapper #contents  #main #article #backnumber h4 span{
	font-size:18px;
}

#wrapper #contents  #main #article #backnumber p{
	padding:5px 0;
	font-size:16px;
	line-height:1.7em;
}

/* #bd */

#wrapper #contents  #main #article #bd{
	margin-top:15px;
}

#wrapper #contents  #main #article #bd #frame{
	padding:0 30px;
}

#wrapper #contents  #main #article #bd h3{
	background:url(../bd/images/h3_bd.png) no-repeat center center;
}

#wrapper #contents  #main #article #bd p.desc{
	height:144px;
	margin-top:10px;
	background:url(../bd/images/desc_bd.png) no-repeat 0 0;
	text-indent:-9999px;
}

#wrapper #contents  #main #article #bd p.date{
	height:32px;
	margin:30px 0;
	background:url(../bd/images/date_bd.png) no-repeat 0 0;
	text-indent:-9999px;
}

#wrapper #contents  #main #article #bd p.attention{
	margin-top:15px;
	font-size:13px;
}

#wrapper #contents  #main #article #bd .section{
	margin-bottom:30px;
}

#wrapper #contents  #main #article #bd .section h4{
	height:75px;
	margin-bottom:20px;
	text-indent:-9999px;
}

#wrapper #contents  #main #article #bd .section .left{
	width:245px;
	float:left;
}

#wrapper #contents  #main #article #bd .section .left img{
	margin-left:9px;
}

#wrapper #contents  #main #article #bd .section .right{
	width:340px;
	padding:5px 0 5px 20px;
	float:left;
}

#wrapper #contents  #main #article #bd .section .right ul li{
	margin-bottom:3px;
	font-size:14px;
	line-height:1.8em;
}

#wrapper #contents  #main #article #bd .section .right p{
	margin-top:10px;
	font-size:14px;
	line-height:1.6em;
}

#wrapper #contents  #main #article #bd .section .right p.limited{
	margin-top:6px;
	color:#f23d70;
}

#wrapper #contents  #main #article #bd .section .right h5{
	width:95px;
	margin-top:10px;
	padding:2px 2px 1px;
	border:#f23d70 2px solid;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#f23d70;
}

#wrapper #contents  #main #article #bd .section .right p.btn{
	margin-top:30px;
	text-align:center;
}

#wrapper #contents  #main #article #bd #bluray h4{
	background:url(../bd/images/h4_bluray.png) no-repeat -5px 0;
}

#wrapper #contents  #main #article #bd #dvd h4{
	background:url(../bd/images/h4_dvd.png) no-repeat -5px 0;
}

#wrapper #contents  #main #article #bd #detail{
	padding:20px 20px 15px;
	background:#ccc;
	background:url(../bd/images/bg_detail.gif) repeat;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#wrapper #contents  #main #article #bd #detail h5{
	height:23px;
	margin-bottom:12px;
	background:url(../bd/images/h5_detail.png) no-repeat center top;
	text-indent:-9999px;
}

#wrapper #contents  #main #article #bd #detail p{
	margin-bottom:10px;
	font-size:14px;
	line-height:1.8em;
}

#wrapper #contents  #main #article #bd #detail p span{
	font-size:15px;
	font-weight:bold;
}

#wrapper #contents  #main #article #bd #detail p.tokuten span{
	color:#f23d70;
}

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

#topad { padding-bottom:5px; }

.innerlink-head {
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: absolute;
	z-index: 9999;
	display: none;
}
.innerlink-head a {
	display: block;
	width: 70px;
	height: 70px;
	background: url(../images/btn_totop.png) no-repeat 0 0;
}
.innerlink-head a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}

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

#side div#banner_navimail { width: 100%; height: 105px;}