@charset "UTF-8";
.wrap-init, header, #footer .ft-content, #top #main-flash, #top #top-glnv, #top #top-glnv nav, #top .top-info, #top .top-twitter, #top .top-topics .inside, #top .top-contents, #concept .inside, #story .inside, #outline .inside, #character .inside, #banner .inside, #special .inside, #digicon .inside, #illust .inside {
  text-align: left;
  margin: 0 auto;
  width: 1000px;
}

/*
@mixin inline_block {  
    display: inline-block;  
    *display: inline;  
    *zoom: 1;  
}
*/
/*================================================================================
	Reset (normalize)
================================================================================*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: sans-serif;
  color: #222;
}

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}

a:link, a:visited {
  color: #863234;
}

a:hover, a:active {
  color: #AA6F71;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

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

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

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

pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul, ol, ul li, ol li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}

dd {
  margin: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  cursor: pointer;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

button[disabled], input[disabled] {
  cursor: default;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

/*table { border-collapse: collapse; border-spacing: 0; }*/
td {
  vertical-align: top;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}

div, p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

/*--------------------------------------
	Default Settings
--------------------------------------*/
body {
  font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.8;
  color: #333;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
  display: block;
  margin: 0;
  padding: 0;
}

/*================================================================================
	Modules
================================================================================*/
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before, #top #top-glnv:before, #top .top-contents .top-update .box .logBox dl:before, #top .top-contents .top-publish dl:before, #character .inside .chara-navigation nav:before, #banner .inside .boxMiddle .insideBox ul.icons:before, #banner .inside .boxMiddle .insideBox ul.wallpaper:before, #banner .inside .boxMiddle .insideBox ul.bnnW120:before, #banner .inside .boxMiddle .insideBox ul.bnnW125:before, .clearfix:after, #top #top-glnv:after, #top .top-contents .top-update .box .logBox dl:after, #top .top-contents .top-publish dl:after, #character .inside .chara-navigation nav:after, #banner .inside .boxMiddle .insideBox ul.icons:after, #banner .inside .boxMiddle .insideBox ul.wallpaper:after, #banner .inside .boxMiddle .insideBox ul.bnnW120:after, #banner .inside .boxMiddle .insideBox ul.bnnW125:after {
  content: "";
  display: table;
}

.clearfix:after, #top #top-glnv:after, #top .top-contents .top-update .box .logBox dl:after, #top .top-contents .top-publish dl:after, #character .inside .chara-navigation nav:after, #banner .inside .boxMiddle .insideBox ul.icons:after, #banner .inside .boxMiddle .insideBox ul.wallpaper:after, #banner .inside .boxMiddle .insideBox ul.bnnW120:after, #banner .inside .boxMiddle .insideBox ul.bnnW125:after {
  clear: both;
}

.clearfix, #top #top-glnv, #top .top-contents .top-update .box .logBox dl, #top .top-contents .top-publish dl, #character .inside .chara-navigation nav, #banner .inside .boxMiddle .insideBox ul.icons, #banner .inside .boxMiddle .insideBox ul.wallpaper, #banner .inside .boxMiddle .insideBox ul.bnnW120, #banner .inside .boxMiddle .insideBox ul.bnnW125 {
  *zoom: 1;
}

.colorBrown {
  color: #703C1D;
}

.size10-fix {
  font-size: 10px;
  line-height: 1.5;
}

/*================================================================================
	Base Formats
================================================================================*/
/*--------------------------------------
	init
--------------------------------------*/
body {
  background: url(../img/bg_body.gif) 0 0 repeat;
}

#ill-background {
  background: url(../img/bg_body_illust.gif) 50% 0 no-repeat;
}

#cloud-background {
  text-align: center;
  background: url(../img/bg_header.png) 0 0 repeat-x;
}

#pagetopTarget {
  position: absolute;
  top: 0;
  left: 0;
}

.line-image {
  padding-top: 10px;
  margin-bottom: 10px;
  clear: both;
  text-align: center;
}

#preview {
  position: absolute;
  background: none;
  display: none;
}

.tableStyle01 {
  background-color: #854800;
}

.tableStyle01 th {
  padding: 4px;
}

.tableStyle01 td {
  padding: 4px;
  color: #666;
}

.tableStyle01 td.cellCap {
  background-color: #FFEEEA;
  color: #854800 !important;
  font-weight: bold;
}

.tableStyle01 td.tdCap {
  background-color: #FFFFFF;
  color: #666666 !important;
  padding: 5px;
}

.tableStyle01 tr.trCap td {
  background-color: #FFFFFF;
  color: #666666 !important;
  padding: 5px;
  vertical-align: middle;
  text-align: center !important;
  white-space: nowrap;
}

/*--------------------------------------
	Header
--------------------------------------*/
/*
.sampleBox {  
    @include inline_block;  
    background: #eee;  
		@extend .clearfix;
}*/
header {
  position: relative;
  height: 204px;
  z-index: 0;
  background: url(../img/bg_header_2nd.png) 0 0 repeat;
}
header h1 {
  position: absolute;
  left: 15px;
  top: 20px;
}
header #global-navigation {
  position: absolute;
  left: 294px;
  top: 18px;
}
header #global-navigation li {
  float: left;
}

/*--------------------------------------
	Container
--------------------------------------*/
/*--------------------------------------
	Footer
--------------------------------------*/
#footer {
  width: 100%;
  /*position:fixed;*/
  position: relative;
  left: 0;
  bottom: 0;
  background: url(../img/bg_footer.png) 0 100% repeat-x;
}
#footer .ft-content {
  position: relative;
  text-align: center;
  height: 135px;
}
#footer .ft-content .copyright {
  margin-top: -13px;
}
#footer .ft-content .btnPagetop {
  position: absolute;
  left: 930px;
  top: 94px;
}

/*--------------------------------------
	Modules
--------------------------------------*/
.tCenter {
  text-align: center !important;
}

.colorRed {
  color: #D83535;
}

.colorBrown {
  color: #822727;
}

.clear {
  clear: both;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb55 {
  margin-bottom: 55px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb65 {
  margin-bottom: 65px;
}

/*================================================================================
	Layout Formats
================================================================================*/
/*--------------------------------------
	Index
--------------------------------------*/
#index-body {
  height: 100%;
  width: 100%;
}

#index {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  line-height: 0;
}
#index .inside {
  width: 730px;
  height: 520px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -365px;
  margin-top: -260px;
  text-align: center;
}
#index .inside h1 {
  margin-bottom: 10px;
}
#index .inside .enterBox {
  width: 630px;
  height: 350px;
  margin: 0 auto;
  padding-top: 27px;
  background: url(../../img/index/bg_enter.png) 0 0 no-repeat;
}
#index .inside .enterBox p {
  margin-bottom: 27px;
}
#index .inside .enterBox .btnEnter {
  width: 185px;
  margin: 0 auto 27px auto;
}
#index .inside .enterBox .txtCaution {
  text-align: left;
  margin-left: 40px;
  color: #7d4523;
  font-size: 10px;
  line-height: 1.5;
}

/*--------------------------------------
	Top
--------------------------------------*/
#top {
  margin-bottom: 30px;
}
#top #main-flash {
  height: 860px;
  z-index: 10;
}
#top #main-flash .htmlContainer {
  height: 860px;
  background: url(../../img/top/bg_noPlugin.png) 0 0 no-repeat;
  position: relative;
}
#top #main-flash h1 {
  position: absolute;
  left: 140px;
  top: 14px;
}
#top #main-flash .none-flash {
  position: absolute;
  width: 900px;
  height: 220px;
  left: 50px;
  top: 400px;
  text-align: center;
  color: #863234;
}
#top #main-flash .none-flash p {
  margin-bottom: 15px;
}
#top #top-glnv {
  position: relative;
  height: 104px;
  margin-top: -48px;
  margin-bottom: 7px;
}
#top #top-glnv nav {
  position: absolute;
  z-index: 50;
}
#top #top-glnv nav li {
  float: left;
}
#top .top-info {
  text-align: center;
}
#top .top-info .inside {
  height: 40px;
  width: 945px;
  position: relative;
  margin: 0 auto;
  background: url(../../img/top/bg_info.png) 0 0 no-repeat;
}
#top .top-info ul.infoList {
  /* required styles */
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
  position: relative;
  overflow: hidden;
  /* optional styles for appearance */
  width: 945px;
  height: 22px;
  /* height should be included to reserve visual space for the marquee */
}
#top .top-info *:first-child + html ul.infoList {
  /*margin-left:-15px !important;*/
}
#top .top-info ul.infoList li {
  position: absolute;
  top: -999em;
  left: 0;
  display: block;
  white-space: nowrap;
  padding: 3px 0;
  margin-top: 2px;
  width: 945px;
}
#top .top-info ul.infoList li p {
  text-align: center;
}
#top .top-twitter {
  height: 63px;
  margin-bottom: 7px;
  position: relative;
  background: url(../../img/top/bg_twitter.png) 0 0 no-repeat;
  /*-- Twitter Widgets --*/
}
#top .top-twitter .ttl-twitter {
  position: absolute;
  left: 60px;
  top: 15px;
}
#top .top-twitter #twitter_ticker {
  position: absolute;
  width: 720px;
  left: 240px;
  top: 17px;
}
#top .top-twitter #twitter_ticker .twtr-hd {
  height: 0 !important;
  width: 0 !important;
  display: none !important;
}
#top .top-twitter #twitter_ticker .twtr-widget a img {
  height: 0 !important;
  width: 0 !important;
  display: none !important;
}
#top .top-twitter #twitter_ticker .twtr-widget .twtr-tweet-wrap {
  padding: 0 !important;
}
#top .top-twitter #twitter_ticker .twtr-timeline {
  height: 20px !important;
  margin: 0 !important;
}
#top .top-twitter #twitter_ticker .twtr-ft {
  height: 0 !important;
  width: 0 !important;
  display: none !important;
}
#top .top-twitter #twtr-widget-1 .twtr-bd, #top .top-twitter #twtr-widget-1 .twtr-timeline i a, #top .top-twitter #twtr-widget-1 .twtr-bd p {
  color: #666666 !important;
  font-size: 12px !important;
  height: 20px !important;
  line-height: 20px !important;
  overflow: hidden !important;
  background: none !important;
}
#top .top-topics {
  background: url(../../img/top/bg_topics.png) 50% 0 no-repeat;
}
#top .top-topics .inside {
  height: 273px;
  position: relative;
}
#top .top-topics li {
  position: absolute;
  width: 340px;
  height: 96px;
}
#top .top-topics .topics01 {
  left: 5px;
  top: 38px;
}
#top .top-topics .topics02 {
  left: 329px;
  top: 49px;
}
#top .top-topics .topics03 {
  left: 654px;
  top: 36px;
}
#top .top-topics .topics04 {
  left: 6px;
  top: 131px;
}
#top .top-topics .topics05 {
  left: 330px;
  top: 143px;
}
#top .top-topics .topics06 {
  left: 653px;
  top: 130px;
}
#top .top-contents {
  height: 360px;
  position: relative;
}
#top .top-contents p, #top .top-contents div {
  position: absolute;
}
#top .top-contents .top-blog {
  left: -14px;
}
#top .top-contents .top-update {
  left: -53px;
  top: 110px;
  width: 410px;
  height: 240px;
  color: #863234;
  background: url(../../img/top/bg_update.png) 0 0 no-repeat;
}
#top .top-contents .top-update a:link, #top .top-contents .top-update a:visited {
  color: #863234;
}
#top .top-contents .top-update a:hover, #top .top-contents .top-update a:active {
  color: #AA6F71;
}
#top .top-contents .top-update .box {
  position: relative;
}
#top .top-contents .top-update .box .btnRss {
  position: absolute;
  left: 315px;
  top: 30px;
}
#top .top-contents .top-update .box .logBox {
  width: 295px;
  height: 125px;
  position: absolute;
  left: 85px;
  top: 80px;
  overflow: hidden;
}
#top .top-contents .top-update .box .logBox dl {
  margin: 0 0 0 0;
}
#top .top-contents .top-update .box .logBox dt {
  width: 75px;
  float: left;
  display: block;
  margin: 0;
}
#top .top-contents .top-update .box .logBox dd {
  width: 215px;
  float: right;
  display: block;
  margin: 0;
}
#top .top-contents .top-movie {
  left: 360px;
  width: 430px;
  height: 331px;
  background: url(../../img/top/bg_movie.png) 0 0 no-repeat;
}
#top .top-contents .top-movie .box {
  position: relative;
}
#top .top-contents .top-movie .box .movieBox {
  position: absolute;
  left: 30px;
  height: 55px;
}
#top .top-contents .top-movie .box .imgUnderconst {
  position: absolute;
  left: 115px;
  top: 140px;
}
#top .top-contents .top-movie .box .movieBox {
  width: 370px;
  position: absolute;
  left: 25px;
  top: 55px;
}
#top .top-contents .top-publish {
  left: 790px;
  top: 4px;
  width: 200px;
  height: 356px;
  text-align: center;
  padding-top: 25px;
  background: url(../../img/top/bg_publish.png) 0 0 no-repeat;
}
#top .top-contents .top-publish dl {
  width: 165px;
  margin: 0 auto 18px auto;
}
#top .top-contents .top-publish dt {
  margin: 0;
  padding: 0;
  width: 69px;
  height: 93px;
  float: left;
  background: url(../../img/top/bg_publish_ph.png) 0 0 no-repeat;
}
#top .top-contents .top-publish dt p {
  padding-top: 4px;
  margin-left: 4px;
}
#top .top-contents .top-publish dd {
  margin: 0;
  padding: 0;
  width: 90px;
  float: right;
  text-align: left;
  color: #863234;
}
#top .top-contents .top-publish dd a:link, #top .top-contents .top-publish dd a:visited {
  color: #863234;
}
#top .top-contents .top-publish dd a:hover, #top .top-contents .top-publish dd a:active {
  color: #AA6F71;
}

/*--------------------------------------
	Concept
--------------------------------------*/
#concept {
  margin-top: -96px;
}
#concept .inside {
  position: relative;
}
#concept .concept01 {
  height: 420px;
  background: url(../../img/concept/img_concept01.png) 50% 50px no-repeat;
}
#concept .concept01 h2 {
  margin-left: 16px;
}
#concept .concept02 {
  height: 590px;
  background: url(../../img/concept/img_concept02.png) 50% 0 no-repeat;
}
#concept .concept02 .word01 {
  position: absolute;
  left: 80px;
  top: 215px;
}
#concept .concept02 .word02 {
  position: absolute;
  left: 330px;
  top: 215px;
}
#concept .concept02 .word03 {
  position: absolute;
  left: 250px;
  top: 260px;
}
#concept .concept02 .word04 {
  position: absolute;
  left: 380px;
  top: 310px;
}
#concept .concept03 {
  margin-bottom: 30px;
  height: 1425px;
  background: url(../../img/concept/img_concept03.png) 50% 0 no-repeat;
}
#concept .concept03 .inside {
  text-align: center !important;
}
#concept .concept03 .inside .box {
  text-align: left;
  width: 900px;
  margin: 0 auto;
}
#concept .concept03 h3 {
  margin-bottom: 25px;
}
#concept .concept03 .copy {
  margin-bottom: 45px;
}
#concept .concept03 .movie-wrap {
  width: 640px;
  margin: 0 auto 45px auto;
}

/*--------------------------------------
	Story
--------------------------------------*/
#story {
  margin-top: -96px;
  height: 866px;
  background: url(../../img/story/img_story.png) 50% 16px no-repeat;
}
#story .inside {
  position: relative;
}
#story .inside h2 {
  margin-left: 16px;
}
#story .inside .word01 {
  position: absolute;
  left: 58px;
  top: 140px;
}
#story .inside .word02 {
  position: absolute;
  left: 170px;
  top: 295px;
}
#story .inside .word02-2 {
  position: absolute;
  left: 220px;
  top: 345px;
}
#story .inside .word02-3 {
  position: absolute;
  left: 210px;
  top: 540px;
}
#story .inside .word03 {
  position: absolute;
  left: 53px;
  top: 490px;
}
#story .inside .word04 {
  position: absolute;
  left: 392px;
  top: 539px;
}

/*--------------------------------------
	Outline
--------------------------------------*/
#outline {
  margin-top: -96px;
  margin-bottom: 30px;
}
#outline .inside {
  position: relative;
  text-align: center;
}
#outline .inside .systemBox {
  height: 1090px;
  background: url(../../img/outline/bg_outline.png) 50% 10px no-repeat;
}
#outline .inside .boxTop {
  height: 58px;
  width: 1000px;
  background: url(../img/bg_format02_top.png) 0 10px no-repeat;
}
#outline .inside .boxMiddle {
  text-align: center;
  background: url(../img/bg_format02_middle.png) 0 50px repeat-y;
}
#outline .inside .boxMiddle .insideBox {
  margin: 0 auto;
  padding-bottom: 20px;
  text-align: left;
}
#outline .inside .boxMiddle .insideBox p {
  margin-bottom: 15px;
}
#outline .inside .boxMiddle .insideBox p.shopName {
  float: left;
  margin-right: 10px;
  margin-bottom: 0;
  margin-top: 5px;
}
#outline .inside .boxMiddle .insideBox p.btnReserve {
  float: left;
  margin-bottom: 0;
}
#outline .inside .boxBottom {
  height: 45px;
  margin-bottom: 10px;
  clear: both;
  background: url(../img/bg_format02_bottom.png) 0 0 no-repeat;
}
#outline .inside h2 {
  margin-left: 16px;
  margin-bottom: 10px;
  text-align: left;
}
#outline .inside h3 {
  margin-left: 87px;
  text-align: left;
}
#outline .inside .box {
  width: 790px;
  margin: 0 auto;
  text-align: left;
}

/*--------------------------------------
	Character
--------------------------------------*/
#character {
  margin-top: -91px;
  margin-bottom: 30px;
}
#character .inside {
  position: relative;
}
#character .inside h2 {
  margin-left: 16px;
  margin-bottom: 10px;
  text-align: left;
}
#character .inside .diagram {
  position: relative;
  height: 960px;
  background: url(../../img/character/bg_character_diagram.png) 0 0 no-repeat;
}
#character .inside .diagram li {
  position: absolute;
}
#character .inside .diagram .chara01 {
  left: 492px;
  top: 246px;
}
#character .inside .diagram .chara02 {
  left: 245px;
  top: 309px;
}
#character .inside .diagram .chara03 {
  left: 758px;
  top: 232px;
}
#character .inside .diagram .chara04 {
  left: 510px;
  top: 515px;
}
#character .inside .diagram .chara05 {
  left: 353px;
  top: 9px;
}
#character .inside .diagram .chara06 {
  left: 606px;
  top: 34px;
}
#character .inside .diagram .chara07 {
  left: 243px;
  top: 76px;
}
#character .inside .diagram .chara08 {
  left: 840px;
  top: 27px;
}
#character .inside .diagram .chara09 {
  left: 298px;
  top: 609px;
}
#character .inside .diagram .chara10 {
  left: 49px;
  top: 39px;
}
#character .inside .diagram .chara11 {
  left: 758px;
  top: 538px;
}
#character .inside .diagram .chara12 {
  left: 296px;
  top: 771px;
}
#character .inside .diagram .chara13 {
  left: 45px;
  top: 393px;
}
#character .inside .diagram .chara14 {
  left: 549px;
  top: 762px;
}
#character .inside .diagram .chara15 {
  left: 81px;
  top: 636px;
}
#character .inside .diagram .chara16 {
  left: 802px;
  top: 740px;
}
#character .inside .chara-navigation {
  text-align: center;
  margin-top: -20px;
}
#character .inside .chara-navigation nav {
  width: 980px;
  margin: 0 auto;
}
#character .inside .chara-navigation nav li {
  float: left;
}
#character .inside .detail-nav {
  margin-top: -5px !important;
}
#character .chara-detail {
  width: 100%;
  height: 810px;
  position: relative;
  background: url(../../img/character/bg_character_detail.png) 50% 0 no-repeat;
}
#character .chara-detail #charaFlash {
  z-index: 50;
  margin-top: 26px;
}
#character .chara-detail .btnBack {
  width: 98px;
  height: 96px;
  position: absolute;
  left: 50%;
  top: 706px;
  z-index: 100;
  margin-left: 388px;
}

/*--------------------------------------
	Banner
--------------------------------------*/
#banner {
  margin-top: -96px;
  margin-bottom: 30px;
}
#banner .inside {
  position: relative;
}
#banner .inside h2 {
  margin-left: 16px;
  text-align: left;
}
#banner .inside .boxTop {
  height: 67px;
  background: url(../img/bg_format01_top.png) 0 0 no-repeat;
}
#banner .inside .boxTop h3 {
  margin-left: 87px;
  text-align: left;
}
#banner .inside .boxMiddle {
  text-align: center;
  background: url(../img/bg_format01_middle.png) 0 0 repeat-y;
}
#banner .inside .boxMiddle .insideBox {
  margin: 0 auto;
  text-align: left;
}
#banner .inside .boxMiddle .insideBox li.last {
  margin-right: 0 !important;
}
#banner .inside .boxMiddle .insideBox ul.icons {
  margin-bottom: 20px;
}
#banner .inside .boxMiddle .insideBox ul.icons li {
  margin-right: 25px;
  float: left;
}
#banner .inside .boxMiddle .insideBox ul.wallpaper li {
  margin-right: 10px;
  float: left;
}
#banner .inside .boxMiddle .insideBox ul.bnnW710 li {
  margin-bottom: 20px;
}
#banner .inside .boxMiddle .insideBox ul.bnnW120 {
  text-align: center;
  margin-bottom: 20px;
}
#banner .inside .boxMiddle .insideBox ul.bnnW120 li {
  margin-right: 15px;
  display: inline;
}
#banner .inside .boxMiddle .insideBox ul.bnnW125 {
  text-align: center;
  margin-bottom: 20px;
}
#banner .inside .boxMiddle .insideBox ul.bnnW125 li {
  margin-right: 10px;
  display: inline;
}
#banner .inside .boxBottom {
  height: 67px;
  margin-bottom: 20px;
  clear: both;
  background: url(../img/bg_format01_bottom.png) 0 0 no-repeat;
}

/*--------------------------------------
	Special
--------------------------------------*/
#special {
  margin-top: -96px;
  margin-bottom: 30px;
}
#special .inside {
  position: relative;
}
#special .inside h2 {
  margin-left: 16px;
  text-align: left;
}
#special .inside .boxTop {
  height: 48px;
  width: 1000px;
  background: url(../img/bg_format02_top.png) 0 0 no-repeat;
}
#special .inside .boxMiddle {
  text-align: center;
  background: url(../img/bg_format02_middle.png) 0 50px repeat-y;
}
#special .inside .boxMiddle .insideBox {
  margin: 0 auto;
  padding-bottom: 20px;
  text-align: left;
}
#special .inside .boxMiddle .insideBox p {
	margin-bottom: 15px;
	text-align: left;
}
#special .inside .boxBottom {
  height: 45px;
  margin-bottom: 10px;
  clear: both;
  background: url(../img/bg_format02_bottom.png) 0 0 no-repeat;
}

/*--------------------------------------
	DigitalContents
--------------------------------------*/
#digicon {
  margin-top: -96px;
  margin-bottom: 30px;
}
#digicon .inside {
  position: relative;
}
#digicon .inside h2 {
  margin-left: 16px;
  text-align: left;
}
#digicon .inside h3 {
  margin-left: 87px;
  margin-bottom: 30px;
  text-align: left;
}
#digicon .inside .box {
  margin: 0 auto;
  text-align: left;
}
#digicon .inside .bg01 {
  height: 510px;
  text-align: center !important;
  background: url(../../img/digicon/bg_digicon1.png) 0 0 no-repeat;
}
#digicon .inside .bg01 .box {
  width: 640px;
}
#digicon .inside .bg02 {
  height: 510px;
  text-align: center !important;
  background: url(../../img/digicon/bg_digicon2.png) 0 0 no-repeat;
}
#digicon .inside .bg02 .box {
  width: 640px;
}
#digicon .inside .bg03 {
  height: 510px;
  text-align: center !important;
  background: url(../../img/digicon/bg_digicon3.png) 0 0 no-repeat;
}
#digicon .inside .bg03 .box {
  width: 640px;
}
#digicon .inside .bg04 {
  height: 510px;
  text-align: center !important;
  background: url(../../img/digicon/bg_digicon4.png) 0 0 no-repeat;
}
#digicon .inside .bg04 .box {
  width: 640px;
}
#digicon .inside .bg05 {
  height: 510px;
  text-align: center !important;
  background: url(../../img/digicon/bg_digicon5.png) 0 0 no-repeat;
}
#digicon .inside .bg05 .box {
  width: 640px;
}
#digicon .inside .boxTop {
  height: 75px;
  background: url(../../img/digicon/bg_repeat_top.png) 0 0 no-repeat;
}
#digicon .inside .boxTop h3 {
  margin: 0 0 0 73px !important;
}
#digicon .inside .boxMiddle {
  text-align: center;
  background: url(../../img/digicon/bg_repeat_middle.png) 0 0 repeat-y;
}
#digicon .inside .boxMiddle .insideBox {
  margin: 0 auto;
  padding-bottom: 20px;
  text-align: left;
}
#digicon .inside .boxMiddle .dlButton {
  margin: 0 auto;
}
#digicon .inside .boxBottom {
  height: 17px;
  line-height: 17px;
  font-size: 17px;
  background: url(../../img/digicon/bg_repeat_bottom.png) 0 0 no-repeat;
}
#digicon .inside .dlTitle {
  margin: 0 0 25px 22px;
}

/*--------------------------------------
	Character
--------------------------------------*/
#illust {
  margin-top: -91px;
  margin-bottom: 30px;
}
#illust .inside {
  position: relative;
}
#illust .inside h2 {
  margin-left: 16px;
  text-align: left;
}
#illust .inside .box {
  height: 724px;
  background: url(../../img/illust/bg_illust.png) 0 0 no-repeat;
}
#illust .inside .box .phList {
  margin: 0 0 0 56px;
  padding-top: 61px;
  display: block;
}
#illust .inside .box .phList li {
  width: 224px;
  height: 136px;
  float: left;
  margin-bottom: 6px;
  background: url(../../img/illust/bg_ph.png) 0 0 no-repeat;
}
#illust .inside .box .phList li a {
  display: block;
  margin: 11px 0 0 11px;
  width: 200px;
}
#illust #detailPh,
#illust #detailPh div {
  display: none;
  text-align: auto !important;
  background: none !important;
}

/*================================================================================
	Media Queries
================================================================================*/
/*
@media only screen and (min-width: 35em) {
	#story,
	#top{
		width:960px;
	}
}
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
  	/*
    #story,
  	#top,
  	#character,
  	#graphic,
  	#special,
  	#spec,
  	#wrapper2nd,
  	#fancybox-overlay, #fancybox-outer, #fancybox-hide-sel-frame, #fancybox-img, #fancybox-frame, #fancybox-bg-n,
  	#diagram,
  	#diagram_wrap{
  		width:960px !important;
  	}
  	*/
}
/*================================================================================
	Print Styles
================================================================================*/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a, a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }
}