@charset "utf-8";

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

#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: 35px;
}


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

#topad { padding-bottom:5px; }

/* #top */
#btn-sbm {
	text-align: left;
	padding: 20px;
}

#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: 10px; }
#btn-sbm .btnGoogleCalendar { margin-right: 10px; }


/* テキスト指定 */
#article {
	font-size: small;
	line-height: 1.5;
	background-color: transparent;
}
.innerlink-head a {
	background-image: url(../images/innerlink-head_btn.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #000000;
	display: block;
	height: 40px;
	width: 115px;
	margin: 0 10px 0 auto;
	overflow: hidden;
}
.red {
	color: #C00;
}
.txt_medium {
	font-size: medium;
}
/*マジすか　ここから*/
body {
	background-image: url(../images/body_bg_re.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
#bg {
	background-image: url(../images/body_bg_m.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#wrapper {
	background-image: url(../images/wrapper_bg.png);
	background-repeat: repeat-y;
	background-position: center top;
}
#article * { background-repeat: no-repeat; background-position: left top; }
#article img {
	border: 0;
	padding: 0;
	vertical-align: top;
}
#article #header h1,
#article #header p,
#article #headerLow h1 a,
#main #article #headerLow p,
#nav ul li a,
#nav ul li span,
#article h2,
#article .innerlink-head a,
#article .episode .copyright,
#article #story .episode .image,
#article #story .episode .image_s,
#article #movie li a span,
#article .substitution *,
#article #bnrBoda,
#article .bnr_naviMail a { font-size: 0; line-height: 0; text-indent: -9999px; }

/* #header */
#main #article #header {
	background-image: url(../images/header_ttl_m.png);
	height: 470px;
	background-size: cover;
	overflow: hidden;
	margin-bottom: 5px;
}
#main #article #headerLow { background: url(../images/header_low_bg.png); height: 240px; position: relative; }
#main #article #headerLow h1 { position: absolute; top: 3px; left: 68px; }
#main #article #headerLow h1 a {
	background: url(../images/header_low_ttl.png) no-repeat 0px 0px;
	text-decoration: none;
	width: 546px;
	height: 180px;
	display: block;
	overflow: hidden;
}

#nav { width: 675px; height: 100px; position: relative; }
#nav ul li { position: absolute; }

#nav ul #link-intro { top: 0; left: 4px; }
#nav ul #link-story { top: 5px; left: 261px; }
#nav ul #link-movie { top: 0; left: 498px; }
#nav ul #link-chart { top: 53px; left: 0; }
#nav ul #link-staff { top: 53px; left: 262px; }
#nav ul #link-music { top: 53px; left: 498px; }

#nav ul li a, #nav ul li span {
	background-image: url(../images/nav_btn.png);
	background-position: left top;
	display: block;
	height: 45px;
	width: 176px;
	transition: none;
	overflow: hidden;
}
#nav ul li a:hover { -moz-opacity:1.0; opacity:1.0; }
#nav ul #link-intro a { background-position: 0 0; }
#nav ul #link-intro a:hover, #nav ul #link-intro a.active { background-position: 0 -54px; }
#nav ul #link-story a { background-position: 0 -108px; }
#nav ul #link-story a:hover, #nav ul #link-story a.active  { background-position: 0 -162px; }
#nav ul #link-movie a { background-position: 0 -216px; }
#nav ul #link-movie a:hover, #nav ul #link-movie a.active  { background-position: 0 -270px; }
#nav ul #link-chart a { background-position: 0 -324px; }
#nav ul #link-chart a:hover, #nav ul #link-chart a.active  { background-position: 0 -378px; }
#nav ul #link-staff a { background-position: 0 -432px; }
#nav ul #link-staff a:hover, #nav ul #link-staff a.active  { background-position: 0 -486px; }
#nav ul #link-music a { background-position: 0 -540px; }
#nav ul #link-music a:hover, #nav ul #link-music a.active  { background-position: 0 -594px; }
#nav ul #link-network a { background-position: 0 -648px; }
#nav ul #link-network a:hover, #nav ul #link-network a.active  { background-position: 0 -702px; }

#nav ul #link-music span { background-position: 0 -758px; }

#article .section h2 {
	background-image: url(../images/ttl.png);
	height: 54px;
}
#article #info h2 { background-position: 0px 0px; }
#article #story h2 { background-position: 0px -108px; }
#article #movie h2 { background-position: 0px -162px; }
#article #network h2 { background-position: 0px -54px; }
#article #music h2 { }

#article h3 {
	background-image: url(../images/ttl_sub_bg.png);
	background-position: left top;
	line-height: 35px;
	width: 615px;
	margin: 0 auto;
	padding: 0 0 0 15px;
	box-sizing: border-box;
	font-size: 130%;
	font-weight: bold;
	color: #FFF;
}
#article .section {
	background-image: url(../images/section_bg_btm.png);
	background-position: left bottom;
	padding: 0 0 50px;
}
#article .section .inner {
	background-image: url(../images/section_bg.png);
	background-repeat: repeat-y;
}

/*---------------------------------------------TOPバナー*/
#article #bnr { width: 675px; margin-bottom: 10px; overflow: hidden; }
#article #bnr div { margin-bottom: 10px; }

#article #bnrBoda {
	background-repeat: no-repeat;
	background-position: left top;
	width: 334px;
	height: 100px;
	overflow: hidden;
}

.boda_close {background-image: url(../images/bnr_boda_close.jpg);}

.bnr_naviMail {
	width: 675px;
	height: 100px;
	margin-bottom: 10px;
}
.bnr_naviMail a {
	display: block;
	height: 100%;
	background: url(../images/bnr_navimail.jpg) no-repeat 0 0;

}
/*---------------------------------------------お知らせ*/
#article #info { padding: 0 0 30px; }
#article #info .inner { padding: 10px 15px 0 25px; }
#article #info .inner ul { overflow: auto; width: 100%; height: 4.8em;}
#article #info .inner time {
	font-weight: bold;
	margin-right: 10px;
}
#article #info .inner a { color: #AD300B; }
#article #info .inner a:hover {
	color: #5A1906;
	text-decoration: none;
}

/*---------------------------------------------イントロダクション*/
#article #intro {
	background-image: url(../images/intro_bg.png);
	height: 749px;
	padding: 0;
}

/*---------------------------------------------スタッフ*/
#article #staff { background-image: url(../images/staff_bg.png); height: 474px; }

/*---------------------------------------------music*/
#article #music {
	background-image: url(../images/music_bg.png);
	height: 707px;
	padding: 0;
}

/*---------------------------------------------予告動画*/
#article #movie .inner { padding: 15px 0 0 0; }
#article #movie #player { width: 615px; height: 346px; margin: 0 auto 20px; }
#article #movie #player_close { width: 615px; height: 346px; margin: 0 auto; }
#article #movie ul { width: 665px; box-sizing: border-box; margin-left: -10px; padding: 20px 0 0 40px; }
#article #movie ul:after{
	font-size: 0;
	line-height: 0;
	clear: both;
	height: 0px;
	content: ".";
	display: block;
	visibility: hidden;
}
#article #movie li {
    float: left;
	text-align: center;
	width: 142px;
    margin-bottom: 10px;
    margin-left: 10px;
	display: inline;
}
#article #movie li a { text-decoration: none; display: block; }
#article #movie li a p {
	font-weight: bold;
	color: #000000;
}
#article #movie li a span {
	display: block;
	height: 80px;
	width: 142px;
	margin: 0 auto;
	overflow: hidden;
}
#article #movie li a:hover p { color: #650a0e; }

#article .section#movie {
  background-image: url(../images/section_bg_btm.png);
  background-position: left bottom;
  padding: 0 0 30px;
}
/*---------------------------------------------ストーリー*/
#article #story .inner { padding-top: 15px; }
#article #story .inner a { outline: none; }/* colorbox用 */
#article #story #epList { margin: 0 0 15px 30px; }
#article #story #epList a {
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 40px;
	font-size: 123.1%;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	height: 40px;
	width: auto;
	margin-right: 4px;
	padding: 0 8px;
	display: inline-block;
}
#article #story #epList a:hover {
	color: #000000;
	background-color: #FF0000;
	opacity: 1.0;
}
#article .episode {
	background-image: url(../images/story_bg.png);
	background-position: center bottom;
}
#article .episode table { width: 649px; text-align: center; margin: 0 auto; }
#article .episode table td { padding: 10px 0;}
#article .episode .epTxt { width: 615px;  margin: 0 auto; }
#article .episode .look,
#article .episode .close {
	background-image: url(../images/story_look_btn.png);
	background-position: left top;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	height: 45px;
	width: 278px;
	margin: 20px auto 0;
	cursor: pointer;
	overflow: hidden;
}
#article .episode .close { background-image: url(../images/story_close_btn.png); }
#article .episode .copyright {
	background-image: url(../images/story_copyright_img.png);
	background-position: right top;
	margin: 20px 30px 0 0;
	height: 22px;
}
#article #story .innerlink-head a {
	background-image: url(../images/story_innerlink-head_btn.png);
	margin: 10px 30px 0 auto;
}

#article #story .episode .image {
	display: block;
	height: 192px;
	width: 288px;
	margin: 0 auto;
}
#article #story .episode .image_s {
	display: block;
	height: 85px;
	width: 128px;
	margin: 0 auto;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-ms-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
@media print{
	#article .episode h3 { margin-bottom: 20px; }
	#article .episode table, #article #chart, #article #movie li a span, #article #bnrBoda a, img.cboxPhoto,.detail_dvd .img_detail_dvd { display:none; }
}

/*---------------------------------------------ネットワーク局*/
#article #network .inner {
    padding: 20px 25px 0;
}
#article #network li {
	font-size: 138.5%;
	font-weight: bold;
}
#article #network p {
	color: #C00;
	text-indent: -1em;
	margin: 10px 0 0 1em;
}
/*---------------------------------------------DVD*/
#dvd h2.ttl_dvd {
	background-image: url(../images/ttl_dvd.png);
}
#dvd .inner {
    padding: 30px 30px 0;
}
#dvd .inner h3 {
    margin-bottom: 15px;
}
#dvd .tx_dvd01 {
	background: url(../images/tx_dvd01.png) no-repeat 0 0 transparent;
	height: 70px;
}
#dvd .tx_dvd02 {
	background: url(../images/tx_dvd02.png) no-repeat 0 0 transparent;
	height: 106px;
}
#dvd .detail_dvd {
	padding: 0 10px;
}
#dvd .detail_dvd .img_detail_dvd {
	float: left;
	width: 200px;
	height: 240px;/*default*/
	overflow: hidden;
	white-space: nowrap;
	text-indent: -9999px;
	line-height: 1;
	font-size: 1;
}
#dvd .detail_dvd .nowprint {
	background: url(../images/img_dvd_nowprinting.jpg) no-repeat 0 0;
	height: 240px;
}
#dvd .detail_dvd .dvd_dvd01 {
	background: url(../images/img_dvd_dvd01.jpg) no-repeat 0 0;
	height: 148px;
}
#dvd .detail_dvd .dvd_bd01 {
	background: url(../images/img_dvd_bd01.jpg) no-repeat 0 0;
	height: 148px;
}
#dvd .detail_dvd .dvd_spdvd01 {
	background: url(../images/img_dvd_spdvd01.jpg) no-repeat 0 0;
	height: 270px;
}
#dvd .detail_dvd .dvd_spbd01 {
	background: url(../images/img_dvd_spbd01.jpg) no-repeat 0 0;
	height: 270px;
}

#dvd .detail_dvd .tx_detail_dvd {
	margin-left: 230px;
	line-height: 1.8;
	padding-top: 15px;
}
#dvd .detail_dvd .btn_dvd01 {
	width: 307px;
	height: 79px;
	margin: 0 auto;
}
#dvd .detail_dvd .btn_dvd01 a {
	display: block;
	height: 79px;
	background: url(../images/btn_dvd01.png) no-repeat 0 0 transparent;
	overflow: hidden;
	white-space: nowrap;
	text-indent: -9999px;
	line-height: 1;
	font-size: 1;
}
#dvd .detail_dvd .btn_dvd02 {
	width: 280px;
	height: 50px;
	margin: 20px auto 0;
}
#dvd .detail_dvd .btn_dvd02 a {
	display: block;
	height: 50px;
	background: url(../images/btn_dvd02.png) no-repeat 0 0 transparent;
	overflow: hidden;
	white-space: nowrap;
	text-indent: -9999px;
	line-height: 1;
	font-size: 1;
}
#dvd .dvd_special {
	border: 2px solid #9b0000;
	padding: 20px;
}
#dvd .tx_brown { color: #9b0000;}
#dvd .sub_ttl_dvd {
	text-align: center;
	background: #9b0000;
	line-height: 300%;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}
#dvd strong {
	font-size: 15px;
	line-height: 2;
}

/* module
**********************************/



/* text-hidden
**********************************/
.to {
  overflow: hidden;
  white-space: nowrap;
  text-indent: -9999px;
  line-height: 1;
  font-size: 1;
}

/* text-align
**********************************/
.tc { text-align: center !important; }
.tr { text-align: right !important; }

/* text
**********************************/
strong {
	font-weight: bold;
}
.tx_min {
	font-size: 12px !important;
}

/* margin
**********************************/
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.ml10 { margin-left: 10px !important; }
.pdl10 { padding-left: 10px !important; }
.pdb80 { padding-bottom: 80px !important; }

/* float
**********************************/
.fl { float: left; }
.fr { float: right; }
.clearfix {
  overflow: hidden;
  *zoom: 1;
}