@charset "UTF-8";
/*
YUI 3.17.1 (build 0eb5a52)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html { color: #000; background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

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

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

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

abbr, acronym { border: 0; font-variant: normal; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; }

legend { color: #000; }

#yui3-css-stamp.cssreset { display: none; }

.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

body, html { width: 100%; font-size: 62.5%; background: #000; }

img { vertical-align: bottom; }

body { background: url(../img/common/bg_mark.gif) fixed center top #37373d;
	color: #f1f1f1; line-height: 1; width: 100%; font-size: 13px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, sans-serif;
    min-width:1024px}
body .bg1 { background: url(../img/common/bg_pattern.gif) center top; width: 100%;
	min-width:1024px;
	height: 2993px; position: absolute; left: -18px; overflow: hidden; }

#wrapper { width: 1024px; margin: auto; position: relative; z-index: 1; overflow:hidden;}
#wrapper .bullet { position: absolute; height: 2px; }
#wrapper .bullet img { vertical-align: top; }

header { padding-top: 64px; height: 226px; z-index: 100; width: 1024px; position: relative; }
header .h01 { top: 32px; left: 0; }
header .h02 { top: 32px; right: 0; }
header .title { float: left; margin-right: 64px; }
header .title h1 { margin-bottom: 28px; }
header nav { float: right; margin-right: 32px; }
header nav ul { float: left; margin-right: 32px; }
header nav ul:last-child { margin-right: 0; }
header nav ul li { width: 137px; height: 29px; background: url("../img/common/menu/menu.png") no-repeat; margin-bottom: 4px; }
header nav ul li a { display: block; width: 100%; height: 100%; }
header nav ul li a p { background: url("../img/common/menu/menu.png") no-repeat; height: 29px; width: 0; }
header nav ul li.top { background-position: left top; }
header nav ul li.top p { background-position: left -29px; }
header nav ul li.news { background-position: left -66px; }
header nav ul li.news p { background-position: left -95px; }
header nav ul li.introduction { background-position: left -132px; }
header nav ul li.introduction p { background-position: left -161px; }
header nav ul li.story { background-position: left -198px; }
header nav ul li.story p { background-position: left -227px; }
header nav ul li.staffcast { background-position: left -264px; }
header nav ul li.staffcast p { background-position: left -293px; }
header nav ul li.character { background-position: left -330px; }
header nav ul li.character p { background-position: left -359px; }
header nav ul li.onair { background-position: left -396px; }
header nav ul li.onair p { background-position: left -425px; }
header nav ul li.music { background-position: left -462px; }
header nav ul li.music p { background-position: left -491px; }
header nav ul li.special { background-position: left -528px; }
header nav ul li.special p { background-position: left -557px; }
header nav ul li.movie { background-position: left -594px; }
header nav ul li.movie p { background-position: left -623px; }
header nav ul li.radio { background-position: left -660px; }
header nav ul li.radio p { background-position: left -689px; }
header nav ul li.bluray { background-position: left -726px; }
header nav ul li.bluray p { background-position: left -755px; }
header nav ul li.books { background-position: left -792px; }
header nav ul li.books p { background-position: left -821px; }
header nav ul li.goods { background-position: left -857px;}
header nav ul li.goods p { background-position: left -886px; }
header nav ul li.twitter { background-position: left -924px; }
header nav ul li.twitter p { background-position: left -953px; }
header nav ul li.chatroom { background-position: left -990px; }
header nav ul li.chatroom p { background-position: left -1019px; }
header nav ul li.ova { background-position: left -1056px; }
header nav ul li.ova p { background-position: left -1085px; }

footer { margin-top: 96px; position: relative; padding: 32px 0 70px 0; }
footer #pageTop { position: absolute; top: -52px; right: 0; line-height: 0; cursor: pointer; }
footer .f01 { top: 0px; left: 0; }
footer .f02 { top: 0; right: 0; }
footer .navigation { float: left; }
footer .navigation nav ul { float: left; margin-right: 13px; }
footer .navigation nav ul li { width: 150px; height: 10px; margin-bottom: 14px; background: url("../img/common/menu/footer_menu.png") no-repeat; }
footer .navigation nav ul li a { display: block; width: 100%; height: 10px; }
footer .navigation nav ul li.top { background-position: left top; }
footer .navigation nav ul li.news { background-position: left -10px; }
footer .navigation nav ul li.intro { background-position: left -20px; }
footer .navigation nav ul li.story { background-position: left -30px; }
footer .navigation nav ul li.staff { background-position: left -40px; }
footer .navigation nav ul li.chara { background-position: left -50px; }
footer .navigation nav ul li.onair { background-position: left -60px; }
footer .navigation nav ul li.music { background-position: left -70px; }
footer .navigation nav ul li.special { background-position: left -80px; }
footer .navigation nav ul li.movie { background-position: left -90px; }
footer .navigation nav ul li.radio { background-position: left -100px; }
footer .navigation nav ul li.bluray { background-position: left -110px; }
footer .navigation nav ul li.books { background-position: left -120px; }
footer .navigation nav ul li.goods { background-position: left -130px; }
footer .navigation nav ul li.twitter { background-position: left -140px; }
footer .navigation nav ul li.chatroom { background-position: left -150px; }
footer .navigation nav ul li.ova { background-position: left -160px; }

footer .navigation .foot { margin-top: 93px; }
footer .navigation .foot ul { margin-bottom: 35px; }
footer .navigation .foot ul li { float: left; font-size: 10px; font-size: 1rem; padding-right: 8px; }
footer .navigation .foot ul li:after { content: "/"; color: #5d5d5d; margin-left: 8px; }
footer .navigation .foot ul li:last-child { padding-right: 0; }
footer .navigation .foot ul li:last-child:after { content: ""; }
footer .navigation .foot ul li a { color: #f1f1f1; }
footer .navigation .foot p { font-size: 10px; font-size: 1rem; line-height: 1.5; }
footer .navigation .foot p.copyright { margin-top: 27px; }
footer .banner { width: 510px; float: right; background: url("../img/common/footer/banner/banner_line_yoko.png") repeat-x top; }
footer .banner ul { background: url("../img/common/footer/banner/banner_line_tate.png") repeat-y left; }
footer .banner ul li { width: 255px; float: left; text-align: center; background: url("../img/common/footer/banner/banner_line_tate.png") repeat-y right; }
footer .banner ul li a { display: block; width: 100%; padding: 16px 0; background: url("../img/common/footer/banner/banner_line_yoko.png") repeat-x bottom; }

#twitter_update_list { background: #0F0F0D; line-height: 1.2em; margin-top: 25px; margin-bottom: 20px; }

#sideContents #twitter dl { border-bottom: 1px solid #000000; padding: 20px 20px 10px; }

#sideContents #twitter dl dt p.image { float: left; }

#sideContents #twitter dl dt div { margin-left: 60px; }

#sideContents #twitter dl dt div .title { font-size: 12px; }

#sideContents #twitter dl dt div .id { font-size: 10px; }

#sideContents #twitter dl dt div .time { font-size: 10px; margin-top: 6px; }

#sideContents #twitter dl dt div .time a { color: #878787; text-decoration: none; }

#sideContents #twitter dl dt div .time a:hover { text-decoration: underline; }

#sideContents #twitter dl dd { margin-top: 10px; line-height: 1.3em; }

#sideContents #twitter dl dd.icon { line-height: 0; }

#sideContents #twitter dl dd.icon ul li { float: right; margin-left: 5px; }


#sideContents .forrowBTn { text-align: center; margin-top: 15px; }

#loading { background: #37373d; width: 100%; height: 100%; position: fixed; z-index: 100; }
#loading p { position: absolute; left: 50%; margin-left: -254px; top: 50%; margin-top: -59px; display: none; }

#floatMovie { position: fixed; z-index: 1000; width: 100%; height: 100%; background: #000; background: rgba(0,0,0, 0.8); opacity: 0; filter: alpha(opacity=0); display: none; }
#floatMovie .over { width: 100%; height: 100%; position: absolute; }
#floatMovie .close { position: absolute; cursor: pointer; right: 30px; top: 50%; margin-top: -300px; }
#floatMovie .frame { position: absolute; top: 50%; }

.catch { position: relative; padding-top: 31px; }
.catch .c01 { top: 0; }
.catch .c02 { top: 0; right: 0; }

#mainContents { margin-top: 59px; position: relative; float: left; }
#mainContents .m01 { top: -32px; }
#mainContents .m02 { left: 0; bottom: -24px; }
#mainContents .intro { margin-top: 132px; }
#mainContents .staff { margin-top: 91px; }
#mainContents .staff ul li { font-size: 16px; line-height: 1em; margin-bottom: 15px; font-family: "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
#mainContents .movie { margin-top: 95px; }
#mainContents #mainVisual { position: relative; }
#mainContents #mainVisual .mainImages { position: relative; height: 1000px; }
#mainContents #mainVisual .mainImages p { position: absolute; top: 0; left: 0; opacity: 0; }
#mainContents #mainVisual .mainImages .kvImages {    border:1px solid #46464d;}


#sideContents { position: relative; float: right; width: 256px; margin-top: 59px;height: 1015px;}
#sideContents .s01 { top: -32px; left: 0; }
#sideContents .s02 { top: -32px; right: 0; }
#sideContents .s03 { right: 0; bottom: -30px; }
#sideContents .banner { position: relative; margin-bottom: 48px; cursor: pointer; }
#sideContents .movie { position: relative; margin-bottom: 48px; cursor: pointer; }
#sideContents .movie .over { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }
#sideContents .topics { margin-bottom: 37px; }
#sideContents .topics h1 { position: relative; margin-bottom: 32px; }
#sideContents .topics h1 p { position: absolute; top: 0; right: 0; }
#sideContents .topics ul li { width: 256px; margin-bottom: 23px; }
#sideContents .topics ul li a { color: #f1f1f1; text-decoration: none; }
#sideContents .topics ul li a:hover { text-decoration: underline; }
#sideContents .topics ul li p.title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; font-size: 12px; font-size: 1.2rem; margin-bottom: 5px; }
#sideContents .topics ul li p.date { font-size: 10px; font-size: 1rem; font-family: "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-style: italic; }
#sideContents #twitter { position: relative; }
#sideContents #twitter h1, #sideContents #theater img { position: relative; margin-bottom: 36px; }
#sideContents #twitter h1 p { position: absolute; right: 0; top: 0; }
#sideContents #twitter .sns, #sideContents #theater .sns { position: relative; left: 50%; margin-left: -37px; }
#sideContents #twitter .sns li, #sideContents #theater .sns li{ float: left; margin-right: 10px; }

#topNews { margin-top: 41px; }
#topNews ul li { float: left; width: 232px; margin-right: 32px; margin-top: 55px; background: url("../img/common/line/line_white.png") no-repeat left top; }
#topNews ul li:hover { background: url("../img/common/line/line_over.png") no-repeat left top; }
#topNews ul li .img { background: url("../img/top/news/no_img.png") no-repeat left bottom; padding-top: 18px; width: 232px; height: 174px; position: relative; overflow: hidden; }
#topNews ul li .img p { position: absolute; bottom: 0; width: 232px; height: 174px; z-index: 10; background: no-repeat center; }
#topNews ul li .img a { display: block; width: 100%; height: 100%; position: absolute; z-index: 20; }
#topNews ul li dl { margin-top: 15px; }
#topNews ul li dl dt { font-size: 14px; font-size: 1.4rem; line-height: 1.5; }
#topNews ul li dl dd { font-size: 10px; font-size: 1rem; font-family: "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-style: italic; margin-top: 10px; }
#topNews ul li:nth-child(4n) { margin-right: 0; }
#topNews .more { text-align: center; margin-top: 64px; }
#topNews .more a { text-decoration: none; background: url("../img/common/line/line_dot_pattern.png") repeat-x bottom; padding-bottom: 3px; color: #FFF; }