<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
*{
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	text-align: center;
	background:url(../images/bgTop.png) top repeat-x #E7E7E7;
}
img {
	border: none;
}
a {
	color:#C00;}
a:hover{
	color:#F00;}

.mb10px { margin-bottom:10px;}
.mb20px { margin-bottom:20px;}
.mb30px { margin-bottom:30px;}
.mb40px { margin-bottom:40px;}
.mb50px { margin-bottom:50px;}
.mb60px { margin-bottom:60px;}
.mb70px { margin-bottom:70px;}
.mb80px { margin-bottom:80px;}
h1 a:hover,
a:hover img {
    filter: alpha(opacity=60);
    opacity: 0.6;
}
/*--------------------  wrapper  --------------------*/
div#wrapper{
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: left;
	width: 935px;
	display: inline-block;
}
div#wrapper:after {
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}
/*--------------------  header  --------------------*/
div#header{
	width: 100%;
	height: 115px;
	background:url(../images/bgTop.png) top repeat-x;
	margin:0 auto 5px auto;
	padding: 0;
	text-align:left;
}
div#header #headerPosition{
	position: relative;
	width: 935px;
	height: 115px;
	padding: 0;
	margin: 0 auto;
}
/*  ロゴ  */
div#header #logo a,
div#header h1 a{
	width: 198px;
	height: 0px;
	padding-top: 98px;
	background: url(../images/logo.gif) no-repeat;
	position:absolute;
	top: 11px;
	text-indent:-9999px;
	color: #F6F6F6;
	display:block;
	left: -2px;
}
/*  発売日  */
div#header #releaseDate {
	font-size: 14px;
	line-height:128%;
	font-weight:bold;
	position:absolute;
	top: 10px;
	left: 220px;
	width:460px;
}
/*  メインメニュー  */
div#header #mainMenu {
	width: 737px;
	text-align: right;
	height: 46px;
	margin: 0;
	padding: 0;
	position:absolute;
	left: 211px;
	top: 59px;
	background:url(../images/mainMenu.png) no-repeat;
}
div#header #mainMenu li {
	list-style:none;
	display:inline;
	float: none !important;
}

div#header #mainMenu a {
	display:block;
	height:0;
	font-size:0px;
	padding-top:46px;
	overflow:hidden;
	background-image:url(../images/mainMenu.png);
	float:left;
}
#firstIssue a {background-position:0 0px; width: 147px;}
#nextIssue a {background-position:-148px 0; width: 143px;}
#newsEvent a {background-position:-291px 0; width: 144px;}
#grandPrix a {background-position:-435px 0; width: 143px;}
#enquete a {background-position:-578px 0; width: 147px;}
#thisPageFirstIssue #firstIssue a, #firstIssue a:hover {background-position:0 -46px;}
#thisPageNextIssue #nextIssue a, #nextIssue a:hover {background-position:-148px -46px;}
#thisPageNewsEvent #newsEvent a, #newsEvent a:hover {background-position:-291px -46px;}
#thisPageGrandPrix #grandPrix a, #grandPrix a:hover {background-position:-435px -46px;}
#thisPageNextEnquete #enquete a, #enquete a:hover {background-position:-578px -46px;}
/*  言語切り替え  */
#changeLang{
	margin: 0;
	padding: 0;
	position:absolute;
	right: 0px;
	top: 0px;
	width:214px;
	list-style:none;
	}
#changeLang li a{
	margin-right:1px;
	list-style:none;
	float:left;
	width:105px;
	height:0;
	font-size:0px;
	padding-top:43px;
	overflow:hidden;
	float:left;
	display:block;
	background-image:url(../images/changeLang.png);
	}
#changeLang #en a{
	background-position:0px -43px;}
/*#changeLang #en a:hover{
	background-position:0px -0px;}*/
#changeLang #ja a{
	background-position:-105px -43px;}
#changeLang #ja a:hover{
	background-position:-105px 0;}
/*  ソーシャルメニュー  */
div#header #socialMenu {
	margin: 0;
	padding: 0;
	position:absolute;
	left:210px;
	top: 33px;
	width:500px;
}
div#header #socialMenu ul{
	clear:both;
	padding-bottom:3px;
}
div#header #socialMenu li {
	float:right;
	list-style:none;
	height:25px;
	display:inline;
}
/* wrapper hd
---------------------------------------------------------------------------------------------*/
#wrapper .hd { width:930px; margin-bottom:20px;}
#wrapper .hd:after
 { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#wrapper .hd
 { display: inline-table; min-height: 1%; }
/* Hides from IE-mac \*/
* html #wrapper .hd
 { height: 1%; }
#wrapper .hd
 { display: block; }
/* End hide from IE-mac */

div#wrapper #socialMenu {
	margin: 0;
	padding: 0;
	float:right;
	width:530px;
}
div#wrapper #socialMenu li {
	float:right;
	list-style:none;
}
iframe.twitter-share-button {
    width: 105px!important;
}
/*--------------------  Contents（その他ページ）  --------------------*/
#contents{
	clear:both;
	width:935px;
	background:url("../images/contentsBg.png") repeat-y;
	}
#contents .contentsHBg,
#contents .contentsFBg{
	margin:0;
	padding:0;
	width:935px;
	height:13px;}
#contents .contentsHBg{
	background:url("../images/contentsHeader.png") no-repeat top;}
#contents .contentsFBg{
	clear:both;
	background:url("../images/contentsFooter.png") no-repeat bottom;}
#contents .Inner{
	margin:5px 12px;}

#worksbanner{
	clear:both;
	margin:20px 0;}
#worksbanner ul{
	list-style:none;
	margin:0;
	padding:0;}
#worksbanner li{
	float:left;
	display:inline;
	margin:4px 1px 4px 4px;}
#worksbanner li a{
	list-style:none;
	display:block;
	width:225px;
	height:0px;
	padding-top:75px;
	overflow:hidden;
	border:#CCC 1px solid;}
#worksbanner li a:hover{
	border:#C00 1px solid;}
#worksbanner .banner01 a{
	background:url("../images/banner001.png");}
#worksbanner .banner02 a{
	background:url("../images/banner002.png");}
#worksbanner .banner03 a{
	background:url("../images/banner003.png");}
#worksbanner .banner04 a{
	background:url("../images/banner004.png");}
#worksbanner .banner05 a{
	background:url("../images/banner005.png");}
#worksbanner .banner06 a{
	background:url("../images/banner006.png");}
#worksbanner .banner07 a{
	background:url("../images/banner007.png");}
#worksbanner .banner08 a{
	background:url("../images/banner008.png");}
#worksbanner .banner09 a{
	background:url("../images/banner009.png");}
#worksbanner .banner10 a{
	background:url("../images/banner010.png");}
#worksbanner .banner11 a{
	background:url("../images/banner011.png");}
#worksbanner .banner12 a{
	background:url("../images/banner012.png");}
#worksbanner .banner13 a{
	background:url("../images/banner013.png");}
#worksbanner .banner14 a{
	background:url("../images/banner014.png");}
#worksbanner .banner15 a{
	background:url("../images/banner015.png");}
#worksbanner .banner16 a{
	background:url("../images/banner016.png");}
#worksbanner .banner17 a{
	background:url("../images/banner017.png");}
#worksbanner .banner18 a{
	background:url("../images/banner018.png");}
#worksbanner .banner19 a{
	background:url("../images/banner019.png");}
#worksbanner .banner20 a{
	background:url("../images/banner020.png");}
#worksbanner .banner21 a{
	background:url("../images/banner021.png");}
#worksbanner .banner22 a{
	background:url("../images/banner022.png");}
#worksbanner .banner23 a{
	background:url("../images/banner023.png");}
#worksbanner .banner24 a{
	background:url("../images/banner024.png");}
#worksbanner .banner25 a{
	background:url("../images/banner025.png");}
#worksbanner .banner26 a{
	background:url("../images/banner026.png");}
#worksbanner .banner27 a{
	background:url("../images/banner027.png");}
#worksbanner .banner30 a{
	background:url("../images/banner030.png");}
#worksbanner .banner31 a{
	background:url("../images/banner031.png");}
#worksbanner .banner32 a{
	background:url("../images/banner032.png");}


.newsTitle,
.aboutTitle,
.contactTitle,
.sitemapTitle,
.privacyTitle
{
	margin:20px;
	border-bottom:#000 5px solid;
	padding:15px 0;
	font-size:20px;}

/*--------------------  container（作品ページ）  --------------------*/
#footprint {
	float:left;
	width: 400px;
	margin: 4px auto 10px;
	font-size: 12px;
	color: #000;
}
#footprint a {
	color: #000;
}
/*  作品ビジュアル  */
#mainBox {
	clear: both;
	width: 924px;
	height: 346px;
	margin-left: auto;
	margin-right: auto;
}
.enMain { margin-bottom:20px;}
#imgMain {
	width: 870px;
	height: 338px;
	border: solid 4px;
	margin: 0px;
	float: left;
}
#imgMain ul,
#imgMain li{
	list-style:none;}
#imgMain h1 {
	width: 857px;
	height: 40px;
	line-height: 40px;
	margin: 0px;
	padding-left: 13px;
	font-size: 14px;
	font-weight: normal;
}
#imgMain p.copyrighttext {
	color: #FFF;
	float: right;
	margin-top: -28px;
	margin-right: 13px;
}
/*  戻る・進むボタン  */
#btnPrev,#btnNext {
	width: 23px;
	height: 346px;
	margin: 0px;
	float: left;
}

/*  ニュース  */
#thisPageWorks #newsBox{
/*	width: 856px; */
	width: 926px;
	margin: 20px auto;
/*	padding-left: 70px; */
	clear: both;
}
#thisPageWorks #newsBox:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#thisPageWorks #newsBoxEn{
/*	width: 856px; */
	width: 926px;
	margin: 11px auto;
/*	padding-left: 70px; */
	clear: both;
}
#thisPageWorks #newsBoxEn:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
/* ul#news{
	width: 566px;
	display: block;
	padding-left: 10px;
	border-left: solid 1px #333;
	float: left;
	min-height:70px;
    height: auto !important;
    height: 70px;
}
ul#news li{
	width: 578px;
	list-style: none;
	margin-bottom: 3px;
}
ul#news li,ul#news li a{
	font-size: 12px;
	font-weight: bold;
	line-height: 140%;
}

ul#news .news-date{
	float: left;
	margin-right:1em;
}
ul#news .news-text{
	width: 560px;
	overflow:hidden;
	margin:5px;
} */
#btnRead{
	padding: 20px 0 0 0;
}
#worksNavi{
	clear:both;
	margin-left:5px;
	width:924px;
}
#worksNavi li{
	float:left;
	list-style:none;
	margin-right:10px;
}
#worksNavi li a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

/*--------------------  mainContent（作品ページ）  --------------------*/
#thisPageWorks #mainContent {
	width: 924px;
	margin: 0px auto;
	clear: both;
	position:relative;
}
#thisPageWorks .worksIcon{
	float:left;
	padding-right:5px;}
/*  朗読ムービー  */
#akbReadBox{
	width:824px;
	height:400px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 3px 50px 0px;
	background:url("../works/images/movieBg.png") no-repeat;
}
#akbReadBox h2 {
	width: 700px;
	margin: 0px 60px 3px auto;
	padding: 0;
	text-align: center;
}
div#movie {
	width: 486px;
	margin: 0px;
	text-align: center;
	float: left;
}
div#movie h3 {
	width: 486px;
	margin: 0;
	padding: 0;
}
div#movie h2 img {
	display: block;
	margin: 0px auto;
}
div#slider{
	width: 870px;
	height: 298px;
	overflow: hidden;}
/*  音声  */
div#sound {
	width: 305px;
	margin: 0 auto 10px 0;
	text-align: center;
	float: right;
}
div#sound h3 {
	width: 305px;
	margin:0;
	padding: 0;
}
/*  コスプレムービー  */
div#costume {
	width: 660px;
	margin: 0 auto 10px 0;
	padding-top: 5px;
	padding-bottom:7px;
	text-align: center;
	background:#000;
}
div#costume h2 {
	width: 660px;
	margin: 0 0 3px 0;
	padding: 0;
}
div#costume .comingsoon{
	color:#FFF;
	font-weight:bold;
	padding:50px 0;
}

#worksMovie h4{
	margin-top:10px;
	color:#FFFFFF;
	padding:10px;
	text-align:left;
	border-bottom:#999 3px solid;
	margin-bottom:10px;}
#worksMovie{
	text-align:center;}
#worksMovie p{
	margin:10px;}
/*  あらすじ・作者プロフィール  */
div#informationBox {
	width: 924px;
	margin: 15px auto 0 auto;
	clear: both;
}
div#informationBox:after  {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
div#storyBox {
	width: 508px;
	margin: 0px;
	padding: 0px;
	float: left;
}
div#profileBox {
	width: 405px;
	margin: 0px;
	padding: 0px;
	float: right;
}
h3#titStory img,h3#titProfile img {
	display: block;
	margin: 0px;
}
p#textStory,p.textProfile {
	padding: 5px 25px 2px;
	font-size: 12px;
	font-weight: bold;
	line-height: 160%;
}
p#textStory,p.textProfile {
	padding: 5px 25px 2px;
	font-size: 12px;
	font-weight: bold;
	line-height: 160%;
}
p#textStory,p.textProfileHeromask {
	padding: 5px 25px 2px;
	font-size: 12px;
	font-weight: bold;
	line-height: 135%;
}
p#imgStory,p#btnStory {
	width: 488px;
	text-align: center;
	margin: 5px auto 13px;
}
#profileBox h4 {
	margin: 0px 20px;
	padding: 5px 5px 2px 5px;
	font-size: 16px;
	font-weight: bold;
}
#profileBox h4.border {
	border-top: solid 2px;
	padding-top:12px;
	margin-top: 13px;
}
#profileBox h4.borderBtm {
	border-bottom: solid 2px;
	padding-bottom:12px;
	margin-bottom: 12px;
}
#profileBox h4.borderHeromask {
	border-top: solid 2px;
	padding-top:8px;
	margin-top: 10px;
}
p.btnProfile {
	text-align: right;
	margin: 5px 15px 0px;
}
/*  キャラクター相関図  */
.character{
	position:absolute;
}
/*  バナー  */
#bannerBox {
	width: 932px;
	margin: 23px auto;
	clear: both;
}
#bannerBox:after  {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#bannerBox a {
	border: none;
}
#bannerBox .bnr {
	margin: 3px;
	padding: 0px;
	border: solid 2px #FFFFFF;
	float:left;
}
/*  作品一覧  */
#worksList {
	width: 932px;
	margin: 0px auto 25px;
	clear: both;
}
#worksList h3 {
	font-size:14px;
	font-weight: bold;
	padding-left:4px;
	margin-bottom:0px;
}
#worksList .bnr {
	margin: 3px 3px 8px 3px;
	padding: 0px;
	border: solid 1px #CCC;
	float:left;
}

/*--------------------  footer  --------------------*/
div#footer {
	clear: both;
	width: 100%;
	background: #FFF;
}
div#footer #footerMenu {
	margin: 0 auto;
	padding: 21px 0 0;
	text-align: left;
	width: 935px;
	height: 38px;
}
#footerMenu ul {
	list-style:none;
	display:inline;
}
#footerMenu li {
	float:left;
}
#footerMenu ul a {
	display: block;
	font-size:11px;
	color: #666;
	text-decoration: none;
}
#footerMenu p {
	float: right;
	margin: 0;
	font-size: 12px;
	color: #666;
}
#footerCompany a {
	padding-right:10px;
	border-right: 1px solid #666;
}
#footerSitemap a {
	padding: 0 10px;
	border-right: 1px solid #666;
}
#footerContact a {
	padding: 0 10px;
	border-right: 1px solid #666;
}
#footerPrivacy a {
	padding-left:10px;
}
</pre></body></html>