html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-family:"Hiragino KAKU Gothic Pro", "ヒラギノ角ゴ Pro W3", 'メイリオ', Meiryo, sans-serif;
}
html {-webkit-text-size-adjust: none}

body {
	line-height:1;
	color:#333;
}

article, aside, dialog, figure, footer, header,
nav, section {
	display:block;
}
nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

.clearfix:after{
	content:".";
	clear:both;
	font-size:1px;
	visibility: hidden;
	display:block;
	height:0;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

img{
	vertical-align: top;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block;}

/* Hides from IE-mac ¥*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

body{
	background: url(../img/common/bg.png) repeat 0 0;
}
#main{
	position: relative;
}

/*-----------------------------------------------------
header
------------------------------------------------------*/
header{
	background: #000;
	width: 100%;
	position: relative;
	z-index: 2;
}
header nav{
	width: 960px;
	margin: 0 auto;
	position: relative;
}

header ul{

}
header ul.rollOverGoods{
	position: absolute;
	top:44px;
	left:808px;
}

header ul.rollOverMovie{
	position: absolute;
	top:44px;
	left:655px;
}

header ul:after{
	content: '';
	clear: both;
	display: block;
	zoom: 1;
}
header li{
	float: left;
}
header li a{
	display: block;
	height: 44px;
	background-image: url(../img/common/menu02.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
header li a:hover{
	opacity: 0.5;
}
header li.top a{  width: 191px;  background-position: -0px 0; }
header li.home a{  width: 76px;  background-position: -191px 0; }
header li.news a{  width: 71px;  background-position: -267px 0; }
header li.staffCast a{  width: 121px;  background-position: -338px 0; }
header li.character a{  width: 118px;  background-position: -459px 0; }
header li.story a{  width: 76px;  background-position: -577px 0; }
header li.movie a{  width: 75px;  background-position: -653px 0; }
header li.onair a{  width: 80px;  background-position: -728px 0; }
header li.goods a{  width: 75px;  background-position: -808px 0; }
header li.special a{  width: 77px;  background-position: -883px 0; }

header .rollOverMovie,
header .rollOverGoods{
	display: none;
	background: #000;
	padding-bottom: 5px;
}
header .rollOverMovie li,
header .rollOverGoods li{
	float: none;
}
header .rollOverMovie li a,
header .rollOverGoods li a{
	height: 28px;
}
header li.goods_bd_dvd a{  width: 84px;  background-position: -979px -8px; }
header li.goods_cd a{  width: 84px;  background-position: -1069px -8px; }
header li.goods_comic a{  width: 84px;  background-position: -1159px -8px; }
header li.goods_goods a{  width: 84px;  background-position: -1249px -8px; }
header li.goods_bd_dvd.active a{  width: 84px;  background-position: -979px -58px; }
header li.goods_cd.active a{  width: 84px;  background-position: -1069px -58px; }
header li.goods_comic.active a{  width: 84px;  background-position: -1159px -58px; }
header li.goods_goods.active a{  width: 84px;  background-position: -1249px -58px; }


header li.movie_story a{  width: 84px;  background-position: -1339px -8px; }
header li.movie_pvcomments a{  width: 135px;  background-position: -1429px -8px; }
header li.movie_story.active a{  width: 84px;  background-position: -1339px -58px; }
header li.movie_pvcomments.active a{  width: 135px;  background-position: -1429px -58px; }



/*-----------------------------------------------------
footer
------------------------------------------------------*/
footer{
	background: #000;
	padding: 24px 0 22px 0;
}
footer .innger{
	width: 960px;
	margin: 0 auto;
}

footer .banner{
	text-align: center;
	margin-bottom: 19px;
}
footer .banner li{
	display: inline-block;
	margin: 0 8px;
}
footer .copy{
	text-align: center;
}

#pageTop{
	position: fixed;
	right:70px;
	bottom:70px;
	margin-bottom: -300px;
}
#pageTop.active{
	margin-bottom: 0px;
}

#pageTop img{
	cursor: pointer;
}


.transitionAllLinear{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#main{
	width: 960px;
	margin: auto auto 100px auto;
}

/*-----------------------------------------------------
top
------------------------------------------------------*/
.top .bg1{
	/*background:url(../img/top/bg_text.png) no-repeat center 419px;*/
}
.top .bg2{
	background:url(../img/top/bg_chara.png) no-repeat center 44px;
}
.top #main{
	height: 1000px;
}
.top #main section{
	position:absolute;
}
#topLogo{
	top: 30px;
	left : -2px;
}
#topBnr{
	top:190px;
	left : 0px;
}
#topNews{
	width: 340px;
	position : absolute;
	top: 310px;
	left : 0px;
}
#topNews h1{
	line-height: 1;
	margin-bottom: 8px;
}
#topNews ul{
	height: 247px;
	overflow: hidden;
	list-style-type: none;
	/*background: url(../img/top/scroll_bar.png) no-repeat 328px center;*/
}
#topNews li{
	margin: 0 0 1px 0;
	padding-bottom: 2px;
	/*background: url(../img/top/news_line.png) no-repeat left bottom;*/
	padding-top: 2px;
	border-top: solid 1px;
	border-color: #47000F;
	border-color: rgba(71,0,15,0.7);
}
#topNews li .bg{
	/*background: url(../img/top/news_bg.png) repeat-y left top;*/
	background: #ffffff;
	background: rgba(255, 255, 255, 0.6);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#topNews li a{
	text-decoration: none;
}
#topNews li a .date{
	padding: 6px 6px 5px 6px;
	font-size: 10px;
	color: #E80000;
	
}
#topNews li a .body{
	padding: 0px 45px 7px 6px;
	font-size: 12px;
	line-height: 1.2;
	color:#000;
	text-decoration: underline;
	font-weight: bold;
}

#topPV{
	top:510px;
	left : 0px;
}
#topTwitter{
	position : absolute;
	top: 740px;
	left : 0px;
}
#topInfo{
	top : 995px;
	left : 520px;
}


/*-----------------------------------------------------
second pages
------------------------------------------------------*/
#main:after{
	content: '';
	clear: both;
	display: block;
	zoom: 1;
}
#title{
	width: 340px;
	float: left;
	margin: 0 40px 0 10px;
	padding-top: 256px;
}
#title .logo{
	margin-bottom: 10px;
}
#title .title{
	text-align: center;
	margin-bottom: 10px;
}
#contents{
	width: 560px;
	min-height: 600px;
	float: left;
	overflow: hidden;
}


#contents h1.title{
	border-bottom: solid 1px #910016;
	line-height: 1;
	padding-bottom: 8px;
	margin-bottom: 8px;
	position: relative;
}
#contents h1.title span.subtitle{
	position: absolute;
	top:6px;
	right:0px;
}



/*-----------------------------------------------------
second pages event
------------------------------------------------------*/

#contentsev{
	text-align: center;
	margin-top: 20px;
	width: 960px;
	min-height: 2700px;
	float: left;
	overflow: hidden;
}

/*-----------------------------------------------------
event
------------------------------------------------------*/

.event #contentsev{
	padding-top: 20px;
}
#contentsev #event h1.title{
	margin-bottom: 20px;
}

.boxarea02 {
	padding-top: 20px;
	padding-left: 20px;
	background-color: #FFF;
	text-align: left;
	height: 2600px;
	width: 960px;
}

#contents #event .body{
	text-align: right;
}

#contentsev #event h2.title{
	margin-top: 40px;
	margin-bottom: 10px;
}

#contentsev #event h3.bnr{
	text-align: center;
	margin-top: 40px;
	margin-bottom: 20px;
}

#contentsev #event p{
	font-size: 12px;
	line-height: 1.6em;
	color:#000;
	font-weight: normal;
}

#contentsev #event .plist{

}

#contentsev #event .plist li{
	margin-bottom: 20px;
	margin-left: 0;
	margin-right: 10px;
	margin-top: 20px;
	float: left;
	width: 300px;
	overflow: hidden;
}

#contentsev #event .plist li .ttl{
	margin-bottom: 2px;
	margin-top: 5px;
	line-height: 1.6em;
	color:#000;
	font-size: 14px;
	font-weight: bold;
}

#contentsev #event .plist li .caption{
	margin-bottom: 20px;
	margin-top: 5px;
	line-height: 1.5em;
	color:#000;
	font-size: 12px;
	font-weight: normal;
}


/*-----------------------------------------------------
news
------------------------------------------------------*/
.news #contents{
	padding-top: 117px;
}
#contents #news h1.title{
	margin-bottom: 14px;
}

#news article{
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 20px 20px 20px 0;
	margin-bottom: 18px;
}
#news article .date{
	width: 91px;
	height: 18px;
	box-sizing: border-box;
	padding-top: 3px;
	padding-left: 10px;
	background: #E80000;
	margin-bottom: 9px;
}
#news article .date p{
	color: #ffffff;
	font-size: 12px;
	line-height: 1;
}
#news article h1{
	line-height: 1.2;
	font-size: 18px;
	border-bottom: solid 1px #dddddd;
	margin: 0 0 10px 10px;
}
#news article .articleBody{
	padding: 0 0 0 10px;
}

#news article .articleBody h2,
#news article .articleBody h3,
#news article .articleBody h4,
#news article .articleBody h5,
#news article .articleBody h6,
#news article .articleBody p,
#news article .articleBody ul,
#news article .articleBody ol,
#news article .articleBody dl,
#news article .articleBody table{
	margin-bottom: 20px;
}
#news article .articleBody ul{
	list-style-type: disc;
	list-style-position:outside;
	margin-left: 1em;
}
#news article .articleBody ol{
	list-style-type: decimal;
	margin-left: 1em;
}

#news article .articleBody dt{
	font-weight: bold;
}
#news article .articleBody li,
#news article .articleBody dt,
#news article .articleBody dd{
	margin-bottom: 10px;
}
#news article .articleBody p,
#news article .articleBody li,
#news article .articleBody dt,
#news article .articleBody dd,
#news article .articleBody td,
#news article .articleBody th{
	font-size: 12px;
	line-height: 1.6;
	text-align: left;
}
#news article .articleBody table{
	border-collapse: collapse;
}
#news article .articleBody td,
#news article .articleBody th {
	border: solid 1px #cccccc;
	padding: 10px;
}
#news article .articleBody th{
	font-weight: bold;
	background: #e0e0e0;
}

#news article .articleBody:after{
	content: '';
	display: block;
	clear: both;
	zoom: 1;
}
#news article .articleBody .body{
	
}

#news article .articleBody.hasImage .body{
	float: left;
	width: 360px;
}

#news article .articleBody .image{
	float: right;
	width: 160px;
}

#news nav.page{
	padding-bottom: 5px;
	border-bottom: solid 1px #428A8B;
}
#news nav ul{

}

#news nav ul:after{
	content: '';
	display: block;
	clear: both;
	zoom: 1;
}
#news nav li.prev{
	float: left;
}
#news nav li.next{
	float: right;
}
#news nav li a{
	color: #E90F12;
	display: inline-block;
	padding-bottom: 3px;
	border-bottom: solid 2px #E90F12;
	text-decoration: none;
	font-weight: bold;
}
#news nav li a:hover{
	opacity: 0.8;
}


/*-----------------------------------------------------
on air
------------------------------------------------------*/
.onair #contents{
	padding-top: 117px;
}

#contents #onair h1.title{
	margin-bottom: 20px;
}


#contents #onair h2{
	margin-top: 20px;
	margin-bottom: 20px;
}



/*-----------------------------------------------------
character
------------------------------------------------------*/
.character #contents{
	padding-top: 80px;
	overflow: visible;
	width: 600px;
}

.character #title{
	margin-right: 10px;
}

.character #title .title{
	margin-bottom: 16px;
}
.character #title nav ul{
	width: 240px;
	margin: 0 auto 0 63px;
	padding: 0;
	text-align: left;
}
.character #title nav li{
	margin: 4px 4px;
	line-height: 1;
	vertical-align: top;
	display: inline-block;
	cursor: pointer;
}
.character #title nav li:hover{
	opacity: 0.8;
}
#character{
	overflow: visible;
	height: 750px;
	position: relative;
}
#character .item{
	display: none;
	position: absolute;
	top:80px;
	left:0px;
}
#character .item:after{
	content: '';
	clear: both;
	display: block;
	zoom: 1;
}
#character .item .image{
	float: left;
	width: 300px;
}

#character .item .image img{
	display: none;
}
#character .item .image.select1 img.image1{
	display: block;
}
#character .item .image.select2 img.image2{
	display: block;
}
#character .item .image.select3 img.image3{
	display: block;
}

#character .item .txt{
	float: right;
	width: 300px;
	padding-top: 42px;
}
#character .item .txt p{
	margin-bottom: 60px;
}
#character .item .txt nav ul{
	margin: 0;
	padding: 0;
}
#character .item .txt nav li{
	width: 28px;
	height: 28px;
	line-height: 1;
	background-image:url(../img/character/nav.png);
	background-repeat: none;
	float: left;
	margin-right: 2px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}
#character .item .txt nav li:hover{
	opacity: 0.8;
}
#character .item .txt nav li.prev{
	background-position: 0px 0px;
}

#character .item .txt nav li.next {
	background-position: -30px 0;
	background-position: -30px 0;
}
/*-----------------------------------------------------
movie
------------------------------------------------------*/
.movie #contents{
	padding-top: 117px;
}

#movieNav{

}
#movieNav ul{
	padding-top: 10px;
	margin-left: 89px;
}
#movieNav ul:after{
	content: '';
	clear: both;
	display: block;
	zoom: 1;
}
#movieNav li{
	float: left;
}
#movieNav li a{
	display: block;
	height: 30px;
	background-image: url(../img/movie/nav.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#movieNav li a:hover{
	opacity: 0.5;
}
#movieNav li.movie a{  width: 57px;  background-position: -0px -0px; }
#movieNav li.movie.active a{  width: 57px;  background-position: -0px -30px; }
#movieNav li.movie_pvcomments a{  width: 108px;  background-position: -57px -0px; }
#movieNav li.movie_pvcomments.active a{  width: 108px;  background-position: -57px -30px; }



#contents #movie h1.title{
	margin-bottom: 23px;
}

#contents #movie h2.subttl{
	border-bottom: solid 1px #910016;
	line-height: 1.3;
	margin-bottom: 25px;
}

#contents #movie .movList{

}
#contents #movie .movList li{
	float: left;
	width: 280px;
	overflow: hidden;
	margin: 0 0 28px 0;
}
#contents #movie .movList li a{
	display: block;
	line-height: 1;
	vertical-align: top;
	margin: 0 0 2px 0;
}
#contents #movie .movList li .caption{
	color:#fff;
	font-size: 12px;
	font-weight: normal;
}


#contents #movie .body{
	text-align: right;
}
#contents #movie .body img{
	padding-bottom: 25px;
	display: block;
	margin-bottom: 25px;
	font-size: 10px;
}
#contents #movie p{
	margin-top: 25px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	text-align: left;
}
#contents #movie nav.page{
	margin-top: 150px;
}
#movie nav.page{
	padding-bottom: 5px;
	border-bottom: solid 1px #428A8B;
}
#movie nav ul{

}
#movie nav ul:after{
	content: '';
	display: block;
	clear: both;
	zoom: 1;
}
#movie nav li{
	display: inline-block;
}
#movie nav li a{
	display: inline-block;
	padding-bottom: 3px;
	border-bottom: solid 2px transparent;
	text-decoration: none;
	font-weight: bold;
	color:#000;
}
#movie nav li.active a{
	color: #E90F12;
	border-bottom: solid 2px #E90F12;
}

#movie nav li a:hover{
	opacity: 0.8;
}

/*-----------------------------------------------------
staff and cast
------------------------------------------------------*/
.staffAndCast #contents{
	padding-top: 100px;
}
.staffAndCast #contents .staff{
	float: left;
	width: 233px;
	margin: 0 17px 0 0;
}
.staffAndCast #contents .cast{
	float: left;
	width: 299px;
	margin: 0;
}

/*-----------------------------------------------------
goods
------------------------------------------------------*/
#goodsNav{

}
#goodsNav ul{
	margin-left: 44px;
}
#goodsNav ul:after{
	content: '';
	clear: both;
	display: block;
	zoom: 1;
}
#goodsNav li{
	float: left;
}
#goodsNav li a{
	display: block;
	height: 30px;
	background-image: url(../img/goods/nav.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#goodsNav li a:hover{
	opacity: 0.5;
}
#goodsNav li.goods_bd_dvd a{  width: 72px;  background-position: -0px -0px; }
#goodsNav li.goods_cd a{  width: 39px;  background-position: -72px -0px; }
#goodsNav li.goods_comic a{  width: 64px;  background-position: -111px -0px; }
#goodsNav li.goods_goods a{  width: 62px;  background-position: -173px -0px; }
#goodsNav li.goods_bd_dvd.active a{  width: 72px;  background-position: -0px -30px; }
#goodsNav li.goods_cd.active a{  width: 39px;  background-position: -72px -30px; }
#goodsNav li.goods_comic.active a{  width: 64px;  background-position: -111px -30px; }
#goodsNav li.goods_goods.active a{  width: 62px;  background-position: -173px -30px; }

#contents.goods{
	padding-top: 120px;
}

#contents.goods .description{
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 20px;
	color:#fff;
}
#contents.goods .description a{
	color:#fff;
}
#contents.goods .description.last{
	margin-bottom: 40px;
}


.goodsCd #contents .item,
.goodsCd #contents .item a{
	color:#fff;
}

.goodsCd #contents .item {
	margin-bottom: 50px;
}
.goodsCd #contents .item:after{
	content: '';
	clear: both;
	display: block;
	zoom: 1;
}
.goodsCd #contents .item .text{
	width: 329px;
	float: left;
	margin: 0;
	padding-top: 7px;
}
.goodsCd #contents .item h2{
	font-size: 22px;
	border-bottom: dashed 1px #3F8284;
	padding-bottom: 10px;
	margin-bottom: 10px;
	/*color: #000;*/
}
.goodsCd #contents .item .data{
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 12px;
}
.goodsCd #contents .item .data02{
	margin-top: 12px;
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 12px;
}

.goodsCd #contents .item .image{
	width: 220px;
	float: left;
	margin: 0 0 0 10px;
}

.goodsComic #contents .description{
	margin-bottom: 50px;
}

.goodsComic #contents .item {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: solid 1px #910016;
}
.goodsComic #contents .item:after{
	content: '';
	clear: both;
	display: block;
	zoom: 1;
}

.goodsComic #contents .item .image{
	width: 170px;
	float: left;
}
.goodsComic #contents .item .text{
	width: 280px;
	float: right;
	padding-top: 83px;
}
.goodsComic #contents .item h2{
	text-align: center;
	font-size: 20px;
	margin: 0 auto 22px auto;
	color:#fff;
}
.goodsComic #contents .item h2 span{
	display: inline-block;
	border-bottom: dashed 1px #3F8284;
	padding-bottom: 10px;
}

.goodsComic #contents .item h3{
	text-align: center;
	font-size: 16px;
	margin: 0 auto 22px auto;
	color:#fff;
}
.goodsComic #contents .item h3 span{
	display: inline-block;
	border-bottom: dashed 1px #3F8284;
	padding-bottom: 10px;
}

.goodsComic #contents .item .text p{
	margin: 0;
	text-align: center;
}

.goodsGoods #contents.goods,
.goodsGoods #contents.goods a{
	color:#fff;
}

.goodsGoods #contents.goods .wrapper{
	width: 560px;
	height: 2000px;
	position: relative;
	overflow: visible;
}

.goodsGoods #contents.goods .list{
	position: absolute;
	top:0px;
	left:0px;
}
.goodsGoods #contents.goods .detail{
	position: absolute;
	top:0px;
	left:570px;
}


.goodsGoods #contents.goods h1{
	margin-bottom: 25px;
}
.goodsGoods #contents.goods nav{
	position: relative;
	border-bottom:solid 1px #910016;
	margin-bottom: 60px;
	padding-bottom: 2px;
}
.goodsGoods #contents.goods nav p.back{
	display: none;
	font-weight: bold;
	font-size: 15px;
	line-height: 1;
	margin-top: -1px;
}
.goodsGoods #contents.goods nav p.back span{
	color: #E90F12;
	color: #fff;
	padding-bottom: 1px;
	margin-bottom: 2px;
	border-bottom: solid 2px #E90F12;
	border-bottom: solid 2px #fff;
	cursor: pointer;
	line-height: 21px;

}
.goodsGoods #contents.goods nav ul{

}

.goodsGoods #contents.goods nav li{
	display: inline-block;
	font-size: 16px;
	color: #000000;
	cursor: pointer;
	font-weight: bold;
	margin-right: 5px;
}
.goodsGoods #contents.goods nav li:hover{
	opacity: 0.7;
}
.goodsGoods #contents.goods nav li.active{
	color: #E90F12;
	color:#fff;
	padding-bottom: 1px;
	border-bottom: solid 2px #E90F12;
	border-bottom: solid 2px #fff;
}

.goodsGoods #contents.goods .items{
	list-style-type: none;
	width: 570px;
}

.goodsGoods #contents.goods .items li{
	cursor: pointer;
	float: left;
	width: 180px;
	margin: 0 10px 20px 0;
	font-size: 12px;
	display: none;
}
.goodsGoods #contents.goods .items li:hover{
	opacity: 0.7;
}

.goodsGoods #contents.goods .items li img{
	display: block;
	margin-bottom: 3px;
}
.goodsGoods #contents.goods .detail h1{
	border: none;
	margin-bottom: 20px;
}
.goodsGoods #contents.goods .detail p{
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 17px;
}
.goodsGoods #contents.goods .detail .item{
	display: none;
}


.goodsGoods #contents.goods .wrapper{
	width: 560px;
	height: 1500px;
	position: relative;
	overflow: visible;
}

.goodsGoods #contents.goods .list{
	position: absolute;
	top:0px;
	left:0px;
}
.goodsGoods #contents.goods .detail{
	position: absolute;
	top:0px;
	left:570px;
}

.goodsBdDvd #contents nav{
	margin: 0 0 14px 0;
}

.goodsBdDvd #contents nav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.goodsBdDvd #contents nav li{
	float: left;
	margin: 0;
}
.goodsBdDvd #contents nav a{
	display: block;
	width: 52px;
	height: 35px;
	line-height: 1;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(../img/goods/bddvd/nav.png);
	background-repeat: no-repeat;
}
.goodsBdDvd #contents nav .disc1 a{  background-position: 0px 0px;}
.goodsBdDvd #contents nav .disc1 a:hover,
.goodsBdDvd #contents nav .disc1 a.active{  background-position: 0px -46px;  }
.goodsBdDvd #contents nav .disc2 a{  background-position: -52px 0px;}
.goodsBdDvd #contents nav .disc2 a:hover,
.goodsBdDvd #contents nav .disc2 a.active{  background-position: -52px -46px;  }
.goodsBdDvd #contents nav .disc3 a{  background-position: -104px 0px;}
.goodsBdDvd #contents nav .disc3 a:hover,
.goodsBdDvd #contents nav .disc3 a.active{  background-position: -104px -46px;  }
.goodsBdDvd #contents nav .disc4 a{  background-position: -156px 0px;}
.goodsBdDvd #contents nav .disc4 a:hover,
.goodsBdDvd #contents nav .disc4 a.active{  background-position: -156px -46px;  }
.goodsBdDvd #contents nav .disc5 a{  background-position: -208px 0px;}
.goodsBdDvd #contents nav .disc5 a:hover,
.goodsBdDvd #contents nav .disc5 a.active{  background-position: -208px -46px;  }
.goodsBdDvd #contents nav .disc6 a{  background-position: -260px 0px;}
.goodsBdDvd #contents nav .disc6 a:hover,
.goodsBdDvd #contents nav .disc6 a.active{  background-position: -260px -46px;  }
.goodsBdDvd #contents nav .discbd a{
	width: 124px;
	background-position: -312px 0px;
}
.goodsBdDvd #contents nav .discbd a:hover,
.goodsBdDvd #contents nav .discbd a.active{  background-position: -312px -46px;  }
.goodsBdDvd #contents nav .disccom a{
	width: 124px;
	background-position: -436px 0px;
}
.goodsBdDvd #contents nav .disccom a:hover,
.goodsBdDvd #contents nav .disccom a.active{  background-position: -436px -46px;  }

.goodsBdDvd #contents .item{
	display: none;
}
.goodsBdDvd #contents .body,
.goodsBdDvd #contents .body a{
	color:#fff;

}
.goodsBdDvd #contents .item.active{
	display: block;
}
.goodsBdDvd #contents .item h1{
	font-size: 20px;
	background: #ffffff;
	line-height: 1;
	padding: 20px 3px;
	margin: 0 0 18px 0;
}
.goodsBdDvd #contents .body{
	margin-bottom: 30px;
}
.goodsBdDvd #contents .body.white{
	background: #ffffff;
	padding: 10px;
}

.goodsBdDvd #contents .body:after{
	content: '';
	display: block;
	clear: both;
	zoom: 1;
}

.goodsBdDvd #contents .imgwide{
	margin: 0 0 10px 0;
}

.goodsBdDvd #contents .body .text{
	width: 375px;
	float: left;
}
.goodsBdDvd #contents .body h2{
	font-size: 14px;
	margin: 0 0 5px 0;
	line-height: 1;
	font-weight: bold;
}
.goodsBdDvd #contents .body h2.head-space{
	margin-bottom: 20px;
}
.goodsBdDvd #contents .body p{
	font-size: 12px;
	line-height: 1.4;
	margin: 0 0px 20px 0px;
}
.goodsBdDvd #contents .body.white p{
	margin: 0 0px 20px 0px;
}
.goodsBdDvd #contents .body.white h2,
.goodsBdDvd #contents .body.white p{
	color: #000000;
}

.goodsBdDvd #contents .body .img{
	width: 170px;
	float: right;
}

.goodsBdDvd #contents .body.border{
	border-bottom: dotted 1px #ffffff;
	padding-bottom: 10px;
}

/*-----------------------------------------------------
special
------------------------------------------------------*/

.special #contents{
	padding-top: 117px;
}
#contents #special h1.title{
	margin-bottom: 23px;
}

.boxarea {
	background-color: #FFF;
	text-align: left;
	height: 2100px;
	width: 560px;
}


#contents #special .body{
	text-align: right;
}

#contents #special .boxarea img{
	padding-top: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	display: block;
	margin-bottom: 10px;
}

#contents #special h2{
	padding-right: 19px;
	margin-left: 19px;
	margin-bottom: 8px;
	margin-right: 0;
	margin-top: 0;
	line-height: 1.2;
	font-size: 14px;
	font-weight: bold;
}


#contents #special p{
	padding-right: 19px;
	margin-left: 39px;
	margin-right: 0;
	margin-top: 2;
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	text-align: left;
	line-height: 1.5;
}

#special .twitter{
	background-color: #FFF;
	text-align: left;
	width: 560px;
	padding: 15px 0 20px 0;
}
#special .twitter h1{
	line-height: 1;
	text-align: center;
	margin: 0 0 43px 0;
}
#special .twitter ul{
	list-style-type: none;
	margin: 0 0 10px 15px;
	padding: 0;
}
#special .twitter li{
	float: left;
	margin: 0 0 5px 5px;
}
#special .twitter .info{
	font-size: 14px;
	margin-bottom: 20px;
}

#special .cast{
	background-color: #FFF;
	text-align: left;
	width: 560px;
	padding: 15px 0 20px 0;
}
#special .cast h1{
	line-height: 1;
	text-align: center;
	margin: 0 0 43px 0;
}

#special .cast h3{
	padding-right: 19px;
	color: #bc0028;
	margin-top: 30px;
	margin-left: 39px;
	line-height: 1.2px;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 30px;
}

#special .cast h4{
	color: #bc0028;
	margin-top: 30px;
	margin-left: 15px;
	line-height: 1.2px;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 15px;
}


#contents #special .cast p{
	padding-right: 19px;
	margin-left: 39px;
	margin-right: 0;
	margin-top: 2;
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	text-align: left;
	line-height: 1.7;
}

/*-----------------------------------------------------
story
------------------------------------------------------*/
.story #contents{
	padding-top: 117px;
}
#contents #story h1.title{
	margin-bottom: 12px;
}
#contents #story nav.page{
	margin-top: 150px;
}

#story nav.page{
	padding-bottom: 5px;
	border-bottom: solid 1px #910016;
}

#story nav ul{

}

#story nav ul:after{
	content: '';
	display: block;
	clear: both;
	zoom: 1;
}
#story nav li{
	display: inline-block;
}
#story nav li a{
	display: inline-block;
	padding-bottom: 3px;
	border-bottom: solid 2px transparent;
	text-decoration: none;
	font-weight: bold;
	color:#000;
}
#story nav li.active a{
	color: #E90F12;
	border-bottom: solid 2px #E90F12;
}

#story nav li a:hover{
	opacity: 0.8;
}

.story #title .title{
	margin-bottom: 55px;
}
.story #title nav li{
	text-align: center;
	border-bottom: solid 1px #8F001F;
	line-height: 1;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.story #title nav li a:hover{
	opacity: 0.5;
}
.story #title nav li img{
	vertical-align: top;
}
#contents #story h1.title
.story #contents h1.title{
	margin-bottom: 12px;
}

#story .body h1{
	padding-bottom: 20px;
	margin-bottom: 12px;
	line-height: 1;
	border-bottom: dashed 1px #fff;
}
#story .body p.description{
	font-size: 14px;
	color:#fff;
	line-height: 1.8;
	font-weight: normal;
	margin-bottom: 20px;
}

#story .body p.photo{
	text-align: center;
	margin: 40px 0;
}