@charset "UTF-8";
body, header, hgroup, footer, section, article, aside, nav, div, h1, h2, h3, h4, h5, h6, p, blockquote, address, pre, ol, ul, li, dl, dt, dd, table, tr, th, td, img, object, param, embed, script, noscript, form, fieldset, input, textarea, select, button, legend, label, cite, q, em, strong, span, abbr, code, figure, figcaption, time { margin: 0; padding: 0; line-height: 1; letter-spacing: 0; font-style: normal; }

img { -ms-interpolation-mode: bicubic; }

img, object, embed, param { vertical-align: bottom; border: none; }

object, embed, param { outline: none; }

li { list-style: none; }

input, select, textarea, button { line-height: 1; vertical-align: middle; }

button, input[type=button], input[type=submit], input[type=reset] { cursor: pointer; }

optgroup { font-style: normal; }

fieldset { border: none; }

legend, cite, q, em, strong, span, abbr, code { font-size: inherit; }

abbr { text-transform: uppercase; text-decoration: none; }

br { letter-spacing: 0 !important; }

hr { clear: both; }

header, hgroup, footer, section, article, aside, nav, figure, figcaption { display: block; }

.ie body, .ie div, .ie fieldset, .ie dl, .ie header, .ie hgroup, .ie footer, .ie section, .ie article, .ie aside, .ie nav, .ie figure, .ie figcaption, .ie .inner, .ie .header, .ie .footer, .ie .section, .ie .article, .ie .aside, .ie .nav, .ie .wrapper, .ie .wrap { zoom: 1; }

body { font-size: 0.75em; }

#page-comic #comic-contents #comic-article .comic-footer .copyright { font-size: 0.833em; }

#global-navigation ul, #main-contents, #main-contents .sub-top-frame, #page-top #grid-top .container section#frame #global-navigation ul, #page-top #grid-top .container section#board .bnr-list ul, #page-character #main-article.character-01 section.detail02 ul, #page-character #main-article.character-04 section.detail02 ul, #page-character #main-article.character-05 section.detail02 ul, #page-character #main-article.character-06 section.detail02 ul, #page-product #main-article.product-03 section.detail02 ul, #page-product #main-article.product-04 section.detail02 ul, #page-guide #main-article section.detail02 ul, #page-life #main-article section.detail02 ul, #page-life #main-article.life-01 section.detail02 ul, #page-life #main-article.life-03 section.detail02 ul, #page-life #main-article.life-04 section.detail02 ul, #page-life #main-article.life-05 section.detail02 ul, #page-life #main-article.life-06 section.detail02 ul, #page-communication #main-contents section.detail02 ul, #page-comic #comic-contents, #page-special #main-article.special-02 section.detail05 ul, #page-special #main-article.special-02 section.detail05 ul li .btn-col1 .btn-row1, #page-special #main-article.special-02 section.detail05 ul li .btn-col1 .btn-row2, #page-special #main-article.special-02 section.detail05 ul li .btn-col2 .btn-row1, #page-special #main-article.special-02 section.detail05 ul li .btn-col2 .btn-row2, #page-special #main-article.special-02 section.detail02 ul, #page-special #main-article.special-02 section.detail02 ul li .btn-col1 .btn-row1, #page-special #main-article.special-02 section.detail02 ul li .btn-col1 .btn-row2, #page-special #main-article.special-02 section.detail02 ul li .btn-col2 .btn-row1, #page-special #main-article.special-02 section.detail02 ul li .btn-col2 .btn-row2, #page-special #main-article.special-02 section.detail03 .btn-row1, #page-special #main-article.special-02 section.detail03 .btn-row2 { zoom: 1; }
#global-navigation ul:after, #main-contents:after, #main-contents .sub-top-frame:after, #page-top #grid-top .container section#frame #global-navigation ul:after, #page-top #grid-top .container section#board .bnr-list ul:after, #page-character #main-article.character-01 section.detail02 ul:after, #page-character #main-article.character-04 section.detail02 ul:after, #page-character #main-article.character-05 section.detail02 ul:after, #page-character #main-article.character-06 section.detail02 ul:after, #page-product #main-article.product-03 section.detail02 ul:after, #page-product #main-article.product-04 section.detail02 ul:after, #page-guide #main-article section.detail02 ul:after, #page-life #main-article section.detail02 ul:after, #page-life #main-article.life-01 section.detail02 ul:after, #page-life #main-article.life-03 section.detail02 ul:after, #page-life #main-article.life-04 section.detail02 ul:after, #page-life #main-article.life-05 section.detail02 ul:after, #page-life #main-article.life-06 section.detail02 ul:after, #page-communication #main-contents section.detail02 ul:after, #page-comic #comic-contents:after, #page-special #main-article.special-02 section.detail05 ul:after, #page-special #main-article.special-02 section.detail05 ul li .btn-col1 .btn-row1:after, #page-special #main-article.special-02 section.detail05 ul li .btn-col1 .btn-row2:after, #page-special #main-article.special-02 section.detail05 ul li .btn-col2 .btn-row1:after, #page-special #main-article.special-02 section.detail05 ul li .btn-col2 .btn-row2:after, #page-special #main-article.special-02 section.detail02 ul:after, #page-special #main-article.special-02 section.detail02 ul li .btn-col1 .btn-row1:after, #page-special #main-article.special-02 section.detail02 ul li .btn-col1 .btn-row2:after, #page-special #main-article.special-02 section.detail02 ul li .btn-col2 .btn-row1:after, #page-special #main-article.special-02 section.detail02 ul li .btn-col2 .btn-row2:after, #page-special #main-article.special-02 section.detail03 .btn-row1:after, #page-special #main-article.special-02 section.detail03 .btn-row2:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; }

.to-top-bottom, #main-contents #main-article .article-navigation ul li a, #main-contents #main-article .article-navigation ul li em, #global-footer .to-top-bottom-link a, #page-top #grid-top .container section#frame #main-visual li.mv01 .limited-link p.textlink a, #page-character #main-article .article-navigation ul li a, #page-character #main-article .article-navigation ul li em, #page-product #main-article .article-navigation ul li a, #page-product #main-article .article-navigation ul li em, #page-movie #main-article .article-navigation ul li a, #page-movie #main-article .article-navigation ul li em, #page-life #main-article .article-navigation ul li a, #page-life #main-article .article-navigation ul li em, #page-special #main-article .article-navigation ul li a, #page-special #main-article .article-navigation ul li em { overflow: hidden; text-indent: 100%; text-decoration: none; white-space: nowrap; }

#global-navigation ul li a, #global-navigation ul li em, #main-contents #main-article .article-navigation ul li a, #main-contents #main-article .article-navigation ul li em, #global-footer .to-top-bottom-link a, #page-top #grid-top .container section#frame #main-visual li.mv01 .limited-link p.textlink a, #page-top #grid-top .container section#frame #global-navigation ul li a, #page-top #grid-top .container section#frame #global-navigation ul li em, #page-character #main-article .article-navigation ul li a, #page-character #main-article .article-navigation ul li em, #page-product #main-article .article-navigation ul li a, #page-product #main-article .article-navigation ul li em, #page-movie #main-article .article-navigation ul li a, #page-movie #main-article .article-navigation ul li em, #page-life #main-article .article-navigation ul li a, #page-life #main-article .article-navigation ul li em, #page-special #main-article .article-navigation ul li a, #page-special #main-article .article-navigation ul li em { display: block; content: ""; width: 100%; height: 100%; }

#page-guide #main-article section.detail02 ul li a, #page-guide #main-article section.detail02 ul li input { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#page-guide #main-article section.detail02 ul li a:hover, #page-guide #main-article section.detail02 ul li input:hover { opacity: 0.8; filter: alpha(opacity=80); }

body { font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; }

#debug { background: #e9e9e9; padding: 10px; }
#debug section { font-size: 12px; line-height: 18px; }

/* ------------------------------------
# Defoult TAG Setting
------------------------------------ */
body { line-height: 0; vertical-align: bottom; }

a { text-decoration: none; color: #bd0000; }
a:hover { text-decoration: underline; }

/* ------------------------------------
# Class
------------------------------------ */
.container { width: 1040px; margin: 0 auto; position: relative; }
.bottom-index .container { width: 1020px; }

.sns-group { background: url("../images/bg/bg_snsgroup.png") 0 0 no-repeat; width: 473px; height: 53px; margin: 0 auto; }
.sns-group p, .sns-group ul, .sns-group li { display: inline-block; }
.sns-group .label { padding: 14px 50px 0 22px; }
.sns-group ul li { vertical-align: bottom; }
.sns-group ul li.line { vertical-align: top; }

.to-top-bottom { position: absolute; bottom: -110px; right: 20px; background: url("../images/common/btn_totop.png") 0 0 no-repeat; width: 148px; height: 82px; }

/* ------------------------------------
# .grid-base
------------------------------------ */
.grid-base { position: relative; }
.grid-base#grid-top { background: #4591e8; }
.grid-base#grid-top .cloud { background: url("../images/bg/bg_cloud.png") center 0 no-repeat; }
.grid-base#grid-top .sky-grad { background: url("../images/bg/bg_sky_grad.png") center bottom repeat-x; }
.grid-base#grid-top .rainbow { background: url("../images/bg/bg_rainbow.png") center bottom no-repeat; }
.grid-base#grid-top .illust-farm { background: url("../images/bg/bg_illust_base.png") center bottom no-repeat; }
.grid-base#grid-top .illust-objects { background: url("../images/bg/bg_bottom_objects.png") center bottom no-repeat; padding: 0 0 110px; }
.grid-base#grid-top .grass { position: absolute; width: 100%; height: 30px; bottom: -2px; left: 0; background: url("../images/bg/bg_grass.png") center 0 repeat-x; z-index: 500; }
.grid-base#grid-bottom { position: relative; background: #dcecff; padding: 2px 0 0 0; }
.grid-base#grid-bottom .illust-flowers { position: absolute; height: 116px; width: 100%; top: -80px; z-index: 1000; background: url("../images/bg/bg_ilust_flowers.png") center 0 no-repeat; }
.grid-base#grid-bottom .green { background: #56aa20; }

#grid-header-group { width: 980px; height: 141px; margin: 0 auto; position: relative; }

/* ------------------------------------
# #global-header
------------------------------------ */
#global-header { width: 178px; height: 123px; left: 3px; top: 18px; text-align: center; position: absolute; z-index: 5000; }

/* ------------------------------------
# #global-navigation
------------------------------------ */
#global-navigation { position: absolute; width: 800px; height: 120px; right: 0px; top: 10px; }
#global-navigation ul li { float: left; width: 84px; padding-top: 50px; position: relative; }
#global-navigation ul li a, #global-navigation ul li em { height: 69px; text-indent: -9999px; background: url("../images/common/btn_navigation.png") 0 0 no-repeat; position: absolute; left: 0px; top: 50px; z-index: 4000; }
#global-navigation ul li:first-child a, #global-navigation ul li:first-child em { top: 0; }
#global-navigation ul li span { opacity: 0; filter: alpha(opacity=0); position: absolute; z-index: 2000; background: url("../images/common/navi_animals_s.png") 0 0 no-repeat; width: 60px; height: 85px; left: 10px; top: 50px; }
#global-navigation ul li span.parrots { background-position: -60px 0; }
#global-navigation ul li span.reindeer { background-position: -120px 0; }
#global-navigation ul li span.araucana { background-position: -180px 0; }
#global-navigation ul li span.cow { background-position: -240px 0; }
#global-navigation ul li span.sheep { background-position: -300px 0; }
#global-navigation ul li span.alpaca { background-position: -360px 0; }
#global-navigation ul li span.rabbit { background-position: -420px 0; }
#global-navigation ul li span.chiken { background-position: -480px 0; }
#global-navigation ul li a:hover { background-position: 0 -290px; }
#global-navigation ul li.nav01 { width: 128px; height: 120px; padding-top: 0; }
#global-navigation ul li.nav01 a { height: 100%; }
#global-navigation ul li.nav01 a.hover, #global-navigation ul li.nav01 a:hover { background-position: 0 -240px; }
#global-navigation ul li.nav02 { width: 79px; }
#global-navigation ul li.nav02 a { background-position: -128px -50px; }
#global-navigation ul li.nav02 a.hover, #global-navigation ul li.nav02 a:hover { background-position: -128px -290px; }
#global-navigation ul li.nav02 a.current { background-position: -128px -410px; }
#global-navigation ul li.nav02 em { background-position: -128px -170px; }
#global-navigation ul li.nav03 { width: 84px; }
#global-navigation ul li.nav03 a { background-position: -207px -50px; }
#global-navigation ul li.nav03 a.hover, #global-navigation ul li.nav03 a:hover { background-position: -207px -290px; }
#global-navigation ul li.nav03 a.current { background-position: -207px -410px; }
#global-navigation ul li.nav03 em { background-position: -207px -170px; }
#global-navigation ul li.nav04 { width: 84px; }
#global-navigation ul li.nav04 a { background-position: -291px -50px; }
#global-navigation ul li.nav04 a.hover, #global-navigation ul li.nav04 a:hover { background-position: -291px -290px; }
#global-navigation ul li.nav04 a.current { background-position: -291px -410px; }
#global-navigation ul li.nav04 em { background-position: -291px -170px; }
#global-navigation ul li.nav05 { width: 83px; }
#global-navigation ul li.nav05 a { background-position: -375px -50px; }
#global-navigation ul li.nav05 a.hover, #global-navigation ul li.nav05 a:hover { background-position: -375px -290px; }
#global-navigation ul li.nav05 a.current { background-position: -375px -410px; }
#global-navigation ul li.nav05 em { background-position: -375px -170px; }
#global-navigation ul li.nav06 { width: 84px; }
#global-navigation ul li.nav06 a { background-position: -458px -50px; }
#global-navigation ul li.nav06 a.hover, #global-navigation ul li.nav06 a:hover { background-position: -458px -290px; }
#global-navigation ul li.nav06 a.current { background-position: -458px -410px; }
#global-navigation ul li.nav06 em { background-position: -458px -170px; }
#global-navigation ul li.nav07 { width: 83px; }
#global-navigation ul li.nav07 a { background-position: -542px -50px; }
#global-navigation ul li.nav07 a.hover, #global-navigation ul li.nav07 a:hover { background-position: -542px -290px; }
#global-navigation ul li.nav07 a.current { background-position: -542px -410px; }
#global-navigation ul li.nav07 em { background-position: -542px -170px; }
#global-navigation ul li.nav08 { width: 83px; }
#global-navigation ul li.nav08 a { background-position: -625px -50px; }
#global-navigation ul li.nav08 a.hover, #global-navigation ul li.nav08 a:hover { background-position: -625px -290px; }
#global-navigation ul li.nav08 a.current { background-position: -625px -410px; }
#global-navigation ul li.nav08 em { background-position: -625px -170px; }
#global-navigation ul li.nav09 { width: 91px; }
#global-navigation ul li.nav09 a { background-position: -708px -50px; }
#global-navigation ul li.nav09 a.hover, #global-navigation ul li.nav09 a:hover { background-position: -708px -290px; }
#global-navigation ul li.nav09 a.current { background-position: -708px -410px; }
#global-navigation ul li.nav09 em { background-position: -708px -170px; }
#global-navigation ul li a.new1 { background: url("../images/common/navi_bottom_new.png") center 0 no-repeat; height: 18px; left: 0px; top: 90px; z-index: 9999; }
#global-navigation ul li a.new1:hover { background: url("../images/common/navi_bottom_new.png") center 0 no-repeat; }

/* ------------------------------------
# #main-contents
------------------------------------ */
#main-contents { position: relative; }
#main-contents .main-frame { background: url("../images/bg/bg_bottom_frame_middle.png") 28px 0 repeat-y; }
#main-contents .sub-top-frame { background: url("../images/bg/bg_bottom_frame_top.png") 28px 0 no-repeat; }
#main-contents .bottom-frame { background: url("../images/bg/bg_bottom_frame_bottom.png") 0 0 no-repeat; height: 10px; margin: 0 0 0 28px; }
#main-contents .bottom-ivy { background: url("../images/common/illust_object_bottom_ivy.png") left bottom no-repeat; width: 248px; height: 229px; position: absolute; bottom: -28px; left: 0; }
#main-contents #main-article { position: relative; width: 960px; background: #c0ee93; margin: 0 0 0 38px; padding: 92px 0 0 0; }
#main-contents #main-article .page-title { text-align: center; background: url("../images/bg/bg_bottom_header.png") 0 0 no-repeat; width: 1024px; height: 137px; position: absolute; top: -24px; left: -38px; }
#main-contents #main-article .page-title h1 { padding: 20px 0 0; }
#main-contents #main-article .article-navigation { padding: 5px 0 0 0; }
#main-contents #main-article .article-navigation ul { background: url("../images/bg/bg_cork.png") 0 0 repeat; height: 49px; padding: 19px 0 0 0; }
#main-contents #main-article .article-navigation ul li { float: left; width: 272px; height: 49px; margin-right: 15px; }
#main-contents #main-article .article-navigation ul li a, #main-contents #main-article .article-navigation ul li em { background: url("../images//page/product/tab.png") -60px 0 no-repeat; }
#main-contents #main-article .article-navigation ul li em { background-position: -60px -49px; }
#main-contents #main-article .article-navigation ul li:first-child { margin-left: 60px; }
#main-contents #main-article .article-navigation ul li:last-child { margin: 0; }
#main-contents #main-article .article-navigation ul li.nav01 a { background-position: -60px 0; }
#main-contents #main-article .article-navigation ul li.nav01 a:hover { background-position: -60px -98px; }
#main-contents #main-article .article-navigation ul li.nav01 em.current { background-position: -60px -147px; }
#main-contents #main-article .article-navigation ul li.nav02.current { background-position: -350px -147px; }
#main-contents #main-article .article-navigation ul li.nav02 a { background-position: -350px 0; }
#main-contents #main-article .article-navigation ul li.nav02 a:hover { background-position: -350px -98px; }
#main-contents #main-article .article-navigation ul li.nav02 em.current { background-position: -60px -147px; }
#main-contents #main-article .article-navigation ul li.nav03 a { background-position: -630px 0; }
#main-contents #main-article .article-navigation ul li.nav03 a:hover { background-position: -630px -98px; }
#main-contents #main-article .article-navigation ul li.nav03 em { background-position: -630px -49px; }
#main-contents #main-article .article-navigation ul li.nav03 em.current { background-position: -630px -147px; }
#main-contents #main-article section.sns-section { padding: 13px 0 26px; }

/* ------------------------------------
# #global-aside
------------------------------------ */
/* ------------------------------------
# #global-footer
------------------------------------ */
#global-footer .to-top-bottom-link { position: absolute; width: 148px; height: 41px; z-index: 9999; right: 20px; top: -80px; }
#global-footer .to-top-bottom-link a { background: url("../images/common/btn_totop_board.png") 0 0 no-repeat; }
#global-footer #footer-navigation { text-align: center; }
#global-footer #footer-navigation ul { padding: 32px 0 10px; }
#global-footer #footer-navigation ul li { display: inline-block; color: white; }
#global-footer #footer-navigation ul li:after { content: " ｜"; }
#global-footer #footer-navigation ul li:last-child:after { content: ''; }
#global-footer #footer-navigation ul li a { color: white; text-decoration: underline; }
#global-footer #footer-navigation ul li a:hover { text-decoration: none; }
#global-footer #footer-navigation ul li em { opacity: 0.5; filter: alpha(opacity=50); }
#global-footer .copyright { color: #FFF; text-align: center; line-height: 1.5; padding: 0 0 42px; }
#global-footer .container-top { width: 960px; margin: 0 auto; padding-top: 10px; }
#global-footer .container-top ul li:first-child { float: left; }
#global-footer .container-top .copyright-top { color: #FFF; text-align: right; line-height: 1.3; padding: 0 0 42px; }

/* ------------------------------------
# .convertion
------------------------------------ */
.convertion { height: 0; overflow: hidden; }

/* ------------------------------------------
# #page-top
------------------------------------------ */
#page-top #grid-top .container { height: 1120px; position: relative; }
#page-top #grid-top .container section#frame .frame-board { background: url("../images/top/frame_main.png") 0 0 no-repeat; width: 1036px; height: 715px; position: absolute; z-index: 5000; }
#page-top #grid-top .container section#frame #main-visual { position: absolute; left: 62px; top: 30px; }
#page-top #grid-top .container section#frame #main-visual li { float: left; width: 922px; height: 592px; }
#page-top #grid-top .container section#frame #main-visual li.mv01 { position: absolute; background: url("../images/top/frame_mainvisual001.jpg") 0 0 no-repeat; }
#page-top #grid-top .container section#frame #main-visual li.mv01 .limited-link { left: 675px; top: 145px; position: absolute; }
#page-top #grid-top .container section#frame #main-visual li.mv01 .limited-link .inner { position: relative; }
#page-top #grid-top .container section#frame #main-visual li.mv01 .limited-link p.textlink { position: absolute; width: 220px; height: 136px; left: 18px; top: -8px; z-index: 5100; }
#page-top #grid-top .container section#frame #main-visual li.mv01 .limited-link p.textlink a { background: url("../images/top/limited_text.png") 0 0 no-repeat; }
#page-top #grid-top .container section#frame #main-visual li.mv01 .limited-link p.textlink a:hover { background-position: -220px 0; }
#page-top #grid-top .container section#frame #main-visual li.mv01 .limited-link p.textlink a.hover { background-position: -220px 0; }
#page-top #grid-top .container section#frame #main-visual li.mv01 .limited-link .textlink2 { position: absolute; width: 220px; height: 136px; left: 18px; top: -8px; z-index: 6000; }
#page-top #grid-top .container section#frame #main-visual li.mv01 .limited-link figure { position: absolute; }
#page-top #grid-top .container section#frame #main-visual li.mv01 .limited-link figure.labbit { z-index: 5000; left: 68px; top: -62px; }
#page-top #grid-top .container section#frame #main-visual li.mv01 .limited-link figure.shadow { z-index: 4950; left: 77px; top: 20px; }
#page-top #grid-top .container section#frame #main-visual li.mv01 .limited-link figure.cloud { z-index: 4900; left: 0px; top: 0px; }
#page-top #grid-top .container section#frame #main-visual li.mv01 .comic-link { left: 758px; top: 67px; position: absolute; z-index: 5000; }
#page-top #grid-top .container section#frame #main-visual li.mv01 .comic-click { left: 758px; top: 67px; width: 148px; height: 126px; position: absolute; z-index: 6000; }
#page-top #grid-top .container section#frame #main-visual li.mv01 .comic2-link { left: 758px; top: 196px; position: absolute; z-index: 5000; }
#page-top #grid-top .container section#frame #main-visual li.mv01 .comic2-click { left: 758px; top: 196px; width: 148px; height: 126px; position: absolute; z-index: 6000; }
#page-top #grid-top .container section#frame #main-visual li.mv01 .update-link { left: 126px; top: 443px; position: absolute; z-index: 5000; }
#page-top #grid-top .container section#frame #global-navigation { position: absolute; width: auto; left: 44px; top: 535px; z-index: 5200; }
#page-top #grid-top .container section#frame #global-navigation ul li { float: left; width: 97px; padding-top: 80px; }
#page-top #grid-top .container section#frame #global-navigation ul li a, #page-top #grid-top .container section#frame #global-navigation ul li em { left: 0px; top: 80px; height: 70px; text-indent: -9999px; background: url("../images/top/navi.png") 0 0 no-repeat; }
#page-top #grid-top .container section#frame #global-navigation ul li:first-child a, #page-top #grid-top .container section#frame #global-navigation ul li:first-child em { top: 0; }
#page-top #grid-top .container section#frame #global-navigation ul li span { background: url("../images/common/navi_animals_l.png") 0 0 no-repeat; width: 80px; height: 109px; left: 15px; top: 50px; }
#page-top #grid-top .container section#frame #global-navigation ul li span.parrots { background-position: -80px 0; }
#page-top #grid-top .container section#frame #global-navigation ul li span.reindeer { background-position: -160px 0; }
#page-top #grid-top .container section#frame #global-navigation ul li span.araucana { background-position: -240px 0; }
#page-top #grid-top .container section#frame #global-navigation ul li span.cow { background-position: -320px 0; }
#page-top #grid-top .container section#frame #global-navigation ul li span.sheep { background-position: -400px 0; }
#page-top #grid-top .container section#frame #global-navigation ul li span.alpaca { background-position: -480px 0; }
#page-top #grid-top .container section#frame #global-navigation ul li span.rabbit { background-position: -560px 0; }
#page-top #grid-top .container section#frame #global-navigation ul li span.chiken { background-position: -640px 0; }
#page-top #grid-top .container section#frame #global-navigation ul li a:hover { background-position: 0 -380px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav01 { width: 154px; height: 150px; padding-top: 0; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav01 a { height: 100%; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav01 a.hover, #page-top #grid-top .container section#frame #global-navigation ul li.nav01 a:hover { background-position: 0 -300px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav01 a.current { background-position: 0 -530px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav02 { width: 102px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav02 a { background-position: -154px -80px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav02 a.hover, #page-top #grid-top .container section#frame #global-navigation ul li.nav02 a:hover { background-position: -154px -380px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav02 a.current { background-position: -154px -530px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav02 em { background-position: -154px -230px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav03 { width: 97px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav03 a { background-position: -256px -80px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav03 a.hover, #page-top #grid-top .container section#frame #global-navigation ul li.nav03 a:hover { background-position: -256px -380px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav03 a.current { background-position: -256px -530px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav03 em { background-position: -256px -230px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav04 { width: 97px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav04 a { background-position: -353px -80px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav04 a.hover, #page-top #grid-top .container section#frame #global-navigation ul li.nav04 a:hover { background-position: -353px -380px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav04 a.current { background-position: -353px -530px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav04 em { background-position: -353px -230px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav05 { width: 97px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav05 a { background-position: -450px -80px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav05 a.hover, #page-top #grid-top .container section#frame #global-navigation ul li.nav05 a:hover { background-position: -450px -380px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav05 a.current { background-position: -450px -530px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav05 em { background-position: -450px -230px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav06 { width: 97px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav06 a { background-position: -547px -80px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav06 a.hover, #page-top #grid-top .container section#frame #global-navigation ul li.nav06 a:hover { background-position: -547px -380px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav06 a.current { background-position: -547px -530px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav06 em { background-position: -547px -230px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav07 { width: 97px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav07 a { background-position: -644px -80px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav07 a.hover, #page-top #grid-top .container section#frame #global-navigation ul li.nav07 a:hover { background-position: -644px -380px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav07 a.current { background-position: -644px -530px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav07 em { background-position: -644px -230px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav08 { width: 97px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav08 a { background-position: -741px -80px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav08 a.hover, #page-top #grid-top .container section#frame #global-navigation ul li.nav08 a:hover { background-position: -741px -380px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav08 a.current { background-position: -741px -530px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav08 em { background-position: -741px -230px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav09 { width: 117px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav09 a { background-position: -838px -80px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav09 a.hover, #page-top #grid-top .container section#frame #global-navigation ul li.nav09 a:hover { background-position: -838px -380px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav09 a.current { background-position: -838px -530px; }
#page-top #grid-top .container section#frame #global-navigation ul li.nav09 em { background-position: -838px -230px; }
#page-top #grid-top .container section#frame #global-navigation ul li a.new1 { background: url("../images/common/navi_bottom_new.png") center 0 no-repeat; height: 18px; left: 0px; top: 125px; z-index: 9999; }
#page-top #grid-top .container section#frame #global-navigation ul li a.new1:hover, #page-top #grid-top .container section#frame #global-navigation ul li a.new1.hover { background: url("../images/common/navi_bottom_new.png") center 0 no-repeat; }
#page-top #grid-top .container section#board { position: absolute; bottom: 8px; left: 22px; background: url("../images/top/board_bg_pack.png") 0 0 no-repeat; width: 987px; height: 420px; }
#page-top #grid-top .container section#board .boad-frame { position: relative; width: 987px; height: 420px; }
#page-top #grid-top .container section#board .twitter-widget { width: 414px;height: 275px; position: absolute; left: 48px; top: 80px; overflow: hidden;}
#page-top #grid-top .container section#board .twitter-widget a { display: none; }
#page-top #grid-top .container section#board .twitter-widget #twitter-widget-0,#page-top #grid-top .container section#board .twitter-widget #twitter-widget-1{height: 275px!important;}
#page-top #grid-top .container section#board .sns-group { position: absolute; background: none; left: 489px; top: 35px; }
#page-top #grid-top .container section#board .bnr-list { position: absolute; width: 480px; height: 80px; left: 484px; top: 103px; }
#page-top #grid-top .container section#board .bnr-list ul li { float: left; }
#page-top #grid-top .container section#board .bnr-list ul li.right { padding: 0 0 0 3px; }
#page-top #grid-top .container section#board .bnr-list ul li a { background: url("../images/top/bg_bnr.png") 0 0 no-repeat; padding: 0 3px 5px 4px; display: block; }
#page-top #grid-top .container section#board .bnr-list ul li a:hover { background: none; }
#page-top #grid-top .container section#board .detail { position: absolute; left: 489px; top: 189px; }

/* ------------------------------------------
# #page-new
------------------------------------------ */
/* ------------------------------------------
# #page-character
------------------------------------------ */
#page-character #main-article.character-01 section.detail02 ul li { float: left; }
#page-character #main-article.character-01 section.detail02 ul li .movie-block-01 { margin: 10px 0 10px 97px; }
#page-character #main-article.character-01 section.detail02 ul li .movie-block-02 { margin: 10px 0 10px 44px; }
#page-character #main-article.character-01 section.detail02 ul .li-01 { background: url("../images//page/character/01/bg_section_05_01.png") 0 0 no-repeat; width: 480px; height: 260px; }
#page-character #main-article.character-01 section.detail02 ul .li-02 { background: url("../images//page/character/01/bg_section_05_02.png") 0 0 no-repeat; width: 480px; height: 260px; }
#page-character #main-article.character-01 section.sns-section { padding: 30px 0 26px; }
#page-character #main-article.character-04 section.detail02 ul li { float: left; width: 480px; }
#page-character #main-article.character-04 section.sns-section { padding: 0 0 26px; }
#page-character #main-article.character-05 section.detail02 ul li { float: left; width: 480px; }
#page-character #main-article.character-05 section.sns-section { padding: 0 0 26px; }
#page-character #main-article.character-06 section.detail02 ul li { float: left; width: 480px; }
#page-character #main-article.character-06 section.sns-section { padding: 16px 0 26px; }
#page-character #main-article .article-navigation { padding: 5px 0 0 0; }
#page-character #main-article .article-navigation ul { width: 960px; height: 49px; padding: 23px 0 0 0; }
#page-character #main-article .article-navigation ul li { float: left; width: 136px; height: 49px; margin-right: 5px; position: relative; }
#page-character #main-article .article-navigation ul li a, #page-character #main-article .article-navigation ul li em { background: url("../images//page/character/tab.png") -60px 0 no-repeat; }
#page-character #main-article .article-navigation ul li em { background-position: -60px -49px; }
#page-character #main-article .article-navigation ul li:first-child { margin-left: 60px; }
#page-character #main-article .article-navigation ul li:last-child { margin: 0; }
#page-character #main-article .article-navigation ul li.nav01.current { background-position: -60px -147px; }
#page-character #main-article .article-navigation ul li.nav01 a { background-position: -60px 0; }
#page-character #main-article .article-navigation ul li.nav01 a.hover, #page-character #main-article .article-navigation ul li.nav01 a:hover { background-position: -60px -98px; }
#page-character #main-article .article-navigation ul li.nav01 em { background-position: -60px -49px; }
#page-character #main-article .article-navigation ul li.nav01 em.current { background-position: -60px -147px; }
#page-character #main-article .article-navigation ul li.nav02.current { background-position: -201px -147px; }
#page-character #main-article .article-navigation ul li.nav02 a { background-position: -201px 0; }
#page-character #main-article .article-navigation ul li.nav02 a.hover, #page-character #main-article .article-navigation ul li.nav02 a:hover { background-position: -201px -98px; }
#page-character #main-article .article-navigation ul li.nav02 em { background-position: -201px -49px; }
#page-character #main-article .article-navigation ul li.nav02 em.current { background-position: -201px -147px; }
#page-character #main-article .article-navigation ul li.nav03.current { background-position: -342px -147px; }
#page-character #main-article .article-navigation ul li.nav03 a { background-position: -342px 0; }
#page-character #main-article .article-navigation ul li.nav03 a.hover, #page-character #main-article .article-navigation ul li.nav03 a:hover { background-position: -342px -98px; }
#page-character #main-article .article-navigation ul li.nav03 em { background-position: -342px -49px; }
#page-character #main-article .article-navigation ul li.nav03 em.current { background-position: -342px -147px; }
#page-character #main-article .article-navigation ul li.nav04.current { background-position: -483px -147px; }
#page-character #main-article .article-navigation ul li.nav04 a { background-position: -483px 0; }
#page-character #main-article .article-navigation ul li.nav04 a.hover, #page-character #main-article .article-navigation ul li.nav04 a:hover { background-position: -483px -98px; }
#page-character #main-article .article-navigation ul li.nav04 em { background-position: -483px -49px; }
#page-character #main-article .article-navigation ul li.nav04 em.current { background-position: -483px -147px; }
#page-character #main-article .article-navigation ul li.nav05.current { background-position: -624px -147px; }
#page-character #main-article .article-navigation ul li.nav05 a { background-position: -624px 0; }
#page-character #main-article .article-navigation ul li.nav05 a.hover, #page-character #main-article .article-navigation ul li.nav05 a:hover { background-position: -624px -98px; }
#page-character #main-article .article-navigation ul li.nav05 em { background-position: -624px -49px; }
#page-character #main-article .article-navigation ul li.nav05 em.current { background-position: -624px -147px; }
#page-character #main-article .article-navigation ul li.nav06.current { background-position: -765px -147px; }
#page-character #main-article .article-navigation ul li.nav06 a { background-position: -765px 0; }
#page-character #main-article .article-navigation ul li.nav06 a.hover, #page-character #main-article .article-navigation ul li.nav06 a:hover { background-position: -765px -98px; }
#page-character #main-article .article-navigation ul li.nav06 em { background-position: -765px -49px; }
#page-character #main-article .article-navigation ul li.nav06 em.current { background-position: -765px -147px; }
#page-character #main-article .article-navigation ul li a.new1 { position: absolute; background: url("../images/common/tab_new_s.png") center 0 no-repeat; height: 13px; left: 0px; top: 40px; z-index: 9999; }
#page-character #main-article .article-navigation ul li a.new1:hover { background: url("../images/common/tab_new_s.png") center 0 no-repeat; }

/* ------------------------------------------
# #page-product
------------------------------------------ */
#page-product #main-article.product-01 section.detail01 { position: relative; }
#page-product #main-article.product-01 section.detail01 .btn { position: absolute; right: 61px; bottom: 0; }
#page-product #main-article.product-03 section.detail02 { background: white 0 0 no-repeat; height: 1025px; width: 761px; margin: 0 0 7px 100px; position: relative; }
#page-product #main-article.product-03 section.detail02 ul { padding: 20px 0; margin-left: 56px; }
#page-product #main-article.product-03 section.detail02 ul li { float: left; }
#page-product #main-article.product-03 section.detail02 .geo { margin: 16px 68px 0 0px; }
#page-product #main-article.product-03 section.detail02 .furuhon { margin: 16px 68px 0 0px; }
#page-product #main-article.product-03 section.detail02 .stellaworth { margin: 0 35px 20px 0; }
#page-product #main-article.product-03 section.detail02 .wondergoo { margin: 0 100px 0px 0; }
#page-product #main-article.product-03 section.detail02 hr { border: none; border-top: 1px #c0ee93 solid; width: 95%; }
#page-product #main-article.product-03 section.detail02 .btn-tenpo { margin: 12px 0 0 65px; }
#page-product #main-article.product-03 section.detail02 .btn-buy { margin: 12px 0 0 65px; }
#page-product #main-article.product-03 section.detail03 p { margin: 9px 0 0 100px; }
#page-product #main-article.product-04 section.detail02 { width: 860px; height: 86px; margin: 24px 0 24px 60px; }
#page-product #main-article.product-04 section.detail02 ul li { float: left; margin: 0 20px 10px 0; }
#page-product #main-article.product-04 section.sns-section { padding: 20px 0 26px; }
#page-product #main-article .article-navigation { padding: 5px 0 0 0; }
#page-product #main-article .article-navigation ul { width: 960px; height: 49px; padding: 23px 0 0 0; }
#page-product #main-article .article-navigation ul li { float: left; width: 160px; height: 49px; margin-right: 10px; position: relative; }
#page-product #main-article .article-navigation ul li a, #page-product #main-article .article-navigation ul li em { background: url("../images//page/product/tab.png") -60px 0 no-repeat; }
#page-product #main-article .article-navigation ul li em { background-position: -60px -49px; }
#page-product #main-article .article-navigation ul li:first-child { margin-left: 60px; }
#page-product #main-article .article-navigation ul li:last-child { margin: 0; }
#page-product #main-article .article-navigation ul li.nav01.current { background-position: -60px -147px; }
#page-product #main-article .article-navigation ul li.nav01 a { background-position: -60px 0; }
#page-product #main-article .article-navigation ul li.nav01 a:hover { background-position: -60px -98px; }
#page-product #main-article .article-navigation ul li.nav01 em { background-position: -60px -49px; }
#page-product #main-article .article-navigation ul li.nav01 em.current { background-position: -60px -147px; }
#page-product #main-article .article-navigation ul li.nav02.current { background-position: -230px -147px; }
#page-product #main-article .article-navigation ul li.nav02 a { background-position: -230px 0; }
#page-product #main-article .article-navigation ul li.nav02 a:hover { background-position: -230px -98px; }
#page-product #main-article .article-navigation ul li.nav02 em { background-position: -230px -49px; }
#page-product #main-article .article-navigation ul li.nav02 em.current { background-position: -230px -147px; }
#page-product #main-article .article-navigation ul li.nav03.current { background-position: -400px -147px; }
#page-product #main-article .article-navigation ul li.nav03 a { background-position: -400px 0; }
#page-product #main-article .article-navigation ul li.nav03 a:hover { background-position: -400px -98px; }
#page-product #main-article .article-navigation ul li.nav03 em { background-position: -400px -49px; }
#page-product #main-article .article-navigation ul li.nav03 em.current { background-position: -400px -147px; }
#page-product #main-article .article-navigation ul li.nav04.current { background-position: -570px -147px; }
#page-product #main-article .article-navigation ul li.nav04 a { background-position: -570px 0; }
#page-product #main-article .article-navigation ul li.nav04 a:hover { background-position: -570px -98px; }
#page-product #main-article .article-navigation ul li.nav04 em { background-position: -570px -49px; }
#page-product #main-article .article-navigation ul li.nav04 em.current { background-position: -570px -147px; }
#page-product #main-article .article-navigation ul li.nav05.current { background-position: -740px -147px; }
#page-product #main-article .article-navigation ul li.nav05 a { background-position: -740px 0; }
#page-product #main-article .article-navigation ul li.nav05 a:hover { background-position: -740px -98px; }
#page-product #main-article .article-navigation ul li.nav05 em { background-position: -740px -49px; }
#page-product #main-article .article-navigation ul li.nav05 em.current { background-position: -740px -147px; }
#page-product #main-article .article-navigation ul li a.new1 { position: absolute; background: url("../images/common/tab_new_s.png") center 0 no-repeat; height: 13px; left: 0px; top: 40px; z-index: 9999; }
#page-product #main-article .article-navigation ul li a.new1:hover { background: url("../images/common/tab_new_s.png") center 0 no-repeat; }

/* ------------------------------------------
# #page-guide
------------------------------------------ */
#page-guide #main-article section.detail02 ul { padding: 0 0 0 95px; }
#page-guide #main-article section.detail02 ul li { float: left; background: white; position: relative; width: 240px; height: 100px; margin: 25px 25px 0 0; }
#page-guide #main-article section.detail02 ul li:nth-child(1), #page-guide #main-article section.detail02 ul li:nth-child(2), #page-guide #main-article section.detail02 ul li:nth-child(3) { margin-top: 0; }
#page-guide #main-article section.detail02 ul li a { position: absolute; z-index: 9999; }
#page-guide #main-article section.sns-section { padding: 0 0 26px; }

/* ------------------------------------------
# #page-guide
------------------------------------------ */
#page-prologue #main-contents #main-article .page-title h1 { padding: 16px 0 0; }
#page-prologue #main-contents section.sns-section { padding: 30px 0 33px; }

/* ------------------------------------------
# #page-movie
------------------------------------------ */
#page-movie #main-article section.sns-section { padding: 0px 0 33px; }
#page-movie #main-article section.detail03 { background: url("../images/page/movie/bg_section_02.png") 0 0 no-repeat; height: 420px; margin-bottom: 20px; }
#page-movie #main-article section.detail03 .movie-block { text-align: center; padding: 30px; }
#page-movie #main-article section.detail03 .close { padding-top: 194px; font-size: 30px; font-weight: bold; color: #884e1c; }
#page-movie #main-article section.detail02 .tieup { text-align: center; margin-bottom: 16px; }
#page-movie #main-article section.detail02 .tieup .bnr { margin-bottom: 10px; }
#page-movie #main-article a { color: #1ba253; text-decoration: underline; }
#page-movie #main-article a:hover { color: #2bb263; }
#page-movie #main-article .article-navigation { padding: 5px 0 0 0; }
#page-movie #main-article .article-navigation ul { height: 49px; padding: 19px 0 0 0; }
#page-movie #main-article .article-navigation ul li { float: left; width: 415px; height: 49px; margin-right: 10px; position: relative; }
#page-movie #main-article .article-navigation ul li a, #page-movie #main-article .article-navigation ul li em { background: url("../images//page/movie/tab.png") -60px 0 no-repeat; }
#page-movie #main-article .article-navigation ul li em { background-position: -60px -50px; }
#page-movie #main-article .article-navigation ul li:first-child { margin-left: 60px; }
#page-movie #main-article .article-navigation ul li:last-child { margin: 0; }
#page-movie #main-article .article-navigation ul li.nav01.current { background-position: -60px -147px; }
#page-movie #main-article .article-navigation ul li.nav01 a { background-position: -60px 0; }
#page-movie #main-article .article-navigation ul li.nav01 a.hover, #page-movie #main-article .article-navigation ul li.nav01 a:hover { background-position: -60px -98px; }
#page-movie #main-article .article-navigation ul li.nav01 em { background-position: -60px -50px; }
#page-movie #main-article .article-navigation ul li.nav01 em.current { background-position: -60px -147px; }
#page-movie #main-article .article-navigation ul li.nav02.current { background-position: -485px -147px; }
#page-movie #main-article .article-navigation ul li.nav02 a { background-position: -485px 0; }
#page-movie #main-article .article-navigation ul li.nav02 a.hover, #page-movie #main-article .article-navigation ul li.nav02 a:hover { background-position: -485px -98px; }
#page-movie #main-article .article-navigation ul li.nav02 em { background-position: -485px -50px; }
#page-movie #main-article .article-navigation ul li.nav02 em.current { background-position: -485px -147px; }
#page-movie #main-article .article-navigation ul li a.new1 { position: absolute; background: url("../images/common/tab_new_s.png") center 0 no-repeat; height: 13px; left: 0px; top: 46px; z-index: 9999; }
#page-movie #main-article .article-navigation ul li a.new1:hover { background: url("../images/common/tab_new_s.png") center 0 no-repeat; }

/* ------------------------------------------
# #page-life
------------------------------------------ */
#page-life #main-article { /* .labbit { background: url('../images//page/life/animals.png') ($animal_width * 0 * -1) 0 no-repeat ; position: absolute ; width: $animal_width; height: 124px; overflow: hidden; top: 260px ; left: 46px ; z-index: 5001; } .parrot { background: url('../images//page/life/animals.png') ($animal_width * -1) 0 no-repeat ; position: absolute ; width: $animal_width; height: 124px; overflow: hidden; top: 788px ; left: 4px ; z-index: 5001; } .reindeer { background: url('../images//page/life/animals.png') ($animal_width * 2 * -1) 0 no-repeat ; position: absolute ; width: $animal_width; height: 138px; overflow: hidden; top: 505px ; left: 850px ; z-index: 5001; }
*/ /*     &.life-02 { .reindeer { background: url('../images//page/life/animals.png') ($animal_width * 2 * -1) 0 no-repeat ; position: absolute ; width: $animal_width; height: 138px; overflow: hidden; top: 210px ; left: 832px ; z-index: 5001; } }
*/ }
#page-life #main-article section.detail02 ul li { float: left; }
#page-life #main-article.life-01 section.detail02 ul { margin-bottom: 14px; }
#page-life #main-article.life-01 section.detail02 ul li { float: left; }
#page-life #main-article.life-01 section.detail02 ul li .movie-block { margin: 59px 0 0 22px; }
#page-life #main-article.life-03 section.detail02 ul li { float: left; }
#page-life #main-article.life-03 section.detail02 ul li .movie-block { margin-top: 49px; }
#page-life #main-article.life-04 section.detail02 ul li { float: left; }
#page-life #main-article.life-04 section.detail02 ul li .movie-block { margin: 20px 0 0 111px; }
#page-life #main-article.life-04 section.detail02 ul li .safari { margin-left: 29px; }
#page-life #main-article.life-05 section.detail02 ul li { float: left; }
#page-life #main-article.life-05 section.detail02 ul li .movie-block { margin: 20px 0 0 111px; }
#page-life #main-article.life-05 section.detail02 ul li .river { margin-left: 29px; }
#page-life #main-article.life-06 section.detail02 ul li { float: left; }
#page-life #main-article.life-06 section.sns-section { padding: 0 0 33px; }
#page-life #main-article.life-07 section.detail04 { background: url("../images//page/life/07/bg_section_06.jpg") 0 0 no-repeat; width: 960px; height: 430px; }
#page-life #main-article.life-07 section.detail04 .elise { position: relative; top: 182px; left: 265px; }
#page-life #main-article.life-07 section.detail04 .fritz { position: relative; top: 142px; left: 675px; }
#page-life #main-article.life-07 section.detail05 { margin-bottom: 7px; }
#page-life #main-article .article-navigation { padding: 5px 0 0 0; }
#page-life #main-article .article-navigation ul { height: 49px; padding: 19px 0 0 0; }
#page-life #main-article .article-navigation ul li { float: left; width: 101px; height: 49px; margin-right: 5px; position: relative; }
#page-life #main-article .article-navigation ul li a, #page-life #main-article .article-navigation ul li em { background: url("../images//page/life/tab.png") -60px 0 no-repeat; }
#page-life #main-article .article-navigation ul li em { background-position: -60px -50px; }
#page-life #main-article .article-navigation ul li:first-child { margin-left: 60px; }
#page-life #main-article .article-navigation ul li:last-child { margin: 0; }
#page-life #main-article .article-navigation ul li.nav01.current { background-position: -60px -147px; }
#page-life #main-article .article-navigation ul li.nav01 a { background-position: -60px 0; }
#page-life #main-article .article-navigation ul li.nav01 a.hover, #page-life #main-article .article-navigation ul li.nav01 a:hover { background-position: -60px -98px; }
#page-life #main-article .article-navigation ul li.nav01 em { background-position: -60px -50px; }
#page-life #main-article .article-navigation ul li.nav01 em.current { background-position: -60px -147px; }
#page-life #main-article .article-navigation ul li.nav02.current { background-position: -166px -147px; }
#page-life #main-article .article-navigation ul li.nav02 a { background-position: -166px 0; }
#page-life #main-article .article-navigation ul li.nav02 a.hover, #page-life #main-article .article-navigation ul li.nav02 a:hover { background-position: -166px -98px; }
#page-life #main-article .article-navigation ul li.nav02 em { background-position: -166px -50px; }
#page-life #main-article .article-navigation ul li.nav02 em.current { background-position: -166px -147px; }
#page-life #main-article .article-navigation ul li.nav03.current { background-position: -272px -147px; }
#page-life #main-article .article-navigation ul li.nav03 a { background-position: -272px 0; }
#page-life #main-article .article-navigation ul li.nav03 a.hover, #page-life #main-article .article-navigation ul li.nav03 a:hover { background-position: -272px -98px; }
#page-life #main-article .article-navigation ul li.nav03 em { background-position: -272px -50px; }
#page-life #main-article .article-navigation ul li.nav03 em.current { background-position: -272px -147px; }
#page-life #main-article .article-navigation ul li.nav04.current { background-position: -378px -147px; }
#page-life #main-article .article-navigation ul li.nav04 a { background-position: -378px 0; }
#page-life #main-article .article-navigation ul li.nav04 a.hover, #page-life #main-article .article-navigation ul li.nav04 a:hover { background-position: -378px -98px; }
#page-life #main-article .article-navigation ul li.nav04 em { background-position: -378px -50px; }
#page-life #main-article .article-navigation ul li.nav04 em.current { background-position: -378px -147px; }
#page-life #main-article .article-navigation ul li.nav05.current { background-position: -484px -147px; }
#page-life #main-article .article-navigation ul li.nav05 a { background-position: -484px 0; }
#page-life #main-article .article-navigation ul li.nav05 a.hover, #page-life #main-article .article-navigation ul li.nav05 a:hover { background-position: -484px -98px; }
#page-life #main-article .article-navigation ul li.nav05 em { background-position: -484px -50px; }
#page-life #main-article .article-navigation ul li.nav05 em.current { background-position: -484px -147px; }
#page-life #main-article .article-navigation ul li.nav06.current { background-position: -590px -147px; }
#page-life #main-article .article-navigation ul li.nav06 a { background-position: -590px 0; }
#page-life #main-article .article-navigation ul li.nav06 a.hover, #page-life #main-article .article-navigation ul li.nav06 a:hover { background-position: -590px -98px; }
#page-life #main-article .article-navigation ul li.nav06 em { background-position: -590px -50px; }
#page-life #main-article .article-navigation ul li.nav06 em.current { background-position: -590px -147px; }
#page-life #main-article .article-navigation ul li.nav07.current { background-position: -696px -147px; }
#page-life #main-article .article-navigation ul li.nav07 a { background-position: -696px 0; }
#page-life #main-article .article-navigation ul li.nav07 a.hover, #page-life #main-article .article-navigation ul li.nav07 a:hover { background-position: -696px -98px; }
#page-life #main-article .article-navigation ul li.nav07 em { background-position: -696px -50px; }
#page-life #main-article .article-navigation ul li.nav07 em.current { background-position: -696px -147px; }
#page-life #main-article .article-navigation ul li.nav08.current { background-position: -802px -147px; }
#page-life #main-article .article-navigation ul li.nav08 a { background-position: -802px 0; }
#page-life #main-article .article-navigation ul li.nav08 a.hover, #page-life #main-article .article-navigation ul li.nav08 a:hover { background-position: -802px -98px; }
#page-life #main-article .article-navigation ul li.nav08 em { background-position: -802px -50px; }
#page-life #main-article .article-navigation ul li.nav08 em.current { background-position: -802px -147px; }
#page-life #main-article .article-navigation ul li a.new1 { position: absolute; background: url("../images/common/tab_new_s.png") center 0 no-repeat; height: 13px; left: 0px; top: 46px; z-index: 9999; }
#page-life #main-article .article-navigation ul li a.new1:hover { background: url("../images/common/tab_new_s.png") center 0 no-repeat; }

/* ------------------------------------------
# #page-communication
------------------------------------------ */
#page-communication #main-contents section.sns-section { padding: 18px 0 28px; }
#page-communication #main-contents section.detail01 { margin-top: 7px; }
#page-communication #main-contents section.detail02 { background: url("../images/page/communication/bg_section_02.png") 0 0 no-repeat; width: 960px; height: 292px; }
#page-communication #main-contents section.detail02 ul li { float: left; }
#page-communication #main-contents section.detail02 ul li .movie-block { margin: 20px 0 0 111px; }
#page-communication #main-contents section.detail02 ul li .movie-desc { margin: 100px 0 0 20px; }

/* ------------------------------------------
# #page-comic
------------------------------------------ */
#page-comic .container { width: 800px; }
#page-comic #comic-contents { position: relative; }
#page-comic #comic-contents #comic-article { position: relative; }
#page-comic #comic-contents #comic-article .comic-header { /* position: relative; background: url('../images/page/comic/bg_header.png') center 0 no-repeat ; width: 800px; height: 112px;
*/ }
#page-comic #comic-contents #comic-article .comic-body { position: relative; background: url("../images/page/comic/body.png") center 0 no-repeat; width: 800px; height: 880px; }
#page-comic #comic-contents #comic-article .comic-body .content { position: absolute; top: 20px; left: 111px; }
#page-comic #comic-contents #comic-article .comic-body .btn-next { position: absolute; top: 408px; left: 40px; }
#page-comic #comic-contents #comic-article .comic-body .btn-back { position: absolute; top: 408px; left: 706px; }
#page-comic #comic-contents #comic-article .comic-body .omake { position: absolute; top: 18px; left: 696px; }
#page-comic #comic-contents #comic-article .comic-footer { background: url("../images/page/comic/footer.png") center 0 no-repeat; width: 800px; height: 83px; }
#page-comic #comic-contents #comic-article .comic-footer .copyright { padding: 10px 0 0 42px; line-height: 1.4; }
#page-comic #comic-contents #comic-article .comic-footer .site-top { padding: 8px 0 0 42px; }
#page-comic #comic-contents #comic-article .comic-footer a { color: white; }

/* ------------------------------------
# .comic-base
------------------------------------ */
.comic-base { position: relative; }
.comic-base#comic-top { background: #4591e8; height: 1075px; overflow: hidden; }
.comic-base#comic-top .cloud { background: url("../images/bg/bg_cloud.png") center 0 no-repeat; }
.comic-base#comic-top .sky-grad { background: url("../images/bg/bg_sky_grad.png") center bottom repeat-x; }

/* ------------------------------------------
# #page-special
------------------------------------------ */
#page-special #main-article.special-01 section.sns-section { padding: 0 0 26px; }
#page-special #main-article.special-02 section.detail05 { position: relative; }
#page-special #main-article.special-02 section.detail05 ul li { float: left; }
#page-special #main-article.special-02 section.detail05 ul li .btn-col1 { background: url("../images/page/special/02/section_02_04.png") 0 0 no-repeat; width: 480px; height: 178px; }
#page-special #main-article.special-02 section.detail05 ul li .btn-col1 .btn-row1 { padding: 10px 0 0px 123px; }
#page-special #main-article.special-02 section.detail05 ul li .btn-col1 .btn-row1 > li { float: left; margin-right: 16px; }
#page-special #main-article.special-02 section.detail05 ul li .btn-col1 .btn-row2 { margin: 10px 0 0 195px; }
#page-special #main-article.special-02 section.detail05 ul li .btn-col2 { background: url("../images/page/special/02/section_02_05.png") 0 0 no-repeat; width: 480px; height: 178px; }
#page-special #main-article.special-02 section.detail05 ul li .btn-col2 .btn-row1 { padding: 10px 0 0px 42px; }
#page-special #main-article.special-02 section.detail05 ul li .btn-col2 .btn-row1 > li { float: left; margin-right: 16px; }
#page-special #main-article.special-02 section.detail05 ul li .btn-col2 .btn-row2 { margin: 10px 0 0 114px; }
#page-special #main-article.special-02 section.detail02 { position: relative; }
#page-special #main-article.special-02 section.detail02 ul li { float: left; }
#page-special #main-article.special-02 section.detail02 ul li .btn-col1 { background: url("../images/page/special/02/section_01_04.png") 0 0 no-repeat; width: 480px; height: 178px; }
#page-special #main-article.special-02 section.detail02 ul li .btn-col1 .btn-row1 { padding: 10px 0 0px 123px; }
#page-special #main-article.special-02 section.detail02 ul li .btn-col1 .btn-row1 > li { float: left; margin-right: 16px; }
#page-special #main-article.special-02 section.detail02 ul li .btn-col1 .btn-row2 { margin: 10px 0 0 195px; }
#page-special #main-article.special-02 section.detail02 ul li .btn-col2 { background: url("../images/page/special/02/section_01_05.png") 0 0 no-repeat; width: 480px; height: 178px; }
#page-special #main-article.special-02 section.detail02 ul li .btn-col2 .btn-row1 { padding: 10px 0 0px 42px; }
#page-special #main-article.special-02 section.detail02 ul li .btn-col2 .btn-row1 > li { float: left; margin-right: 16px; }
#page-special #main-article.special-02 section.detail02 ul li .btn-col2 .btn-row2 { margin: 10px 0 0 114px; }
#page-special #main-article.special-02 section.detail03 { background: url("../images/page/special/02/btn_bg.png") 0 0 no-repeat; width: 960px; height: 165px; }
#page-special #main-article.special-02 section.detail03 .btn-row1 { padding: 20px 0 10px 240px; }
#page-special #main-article.special-02 section.detail03 .btn-row1 > li { float: left; margin-right: 16px; }
#page-special #main-article.special-02 section.detail03 .btn-row2 { padding-left: 323px; }
#page-special #main-article.special-02 section.detail03 .btn-row2 > li { float: left; margin-right: 16px; }
#page-special #main-article.special-02 section.detail04 { background: url("../images/page/special/03/btn_bg.png") 0 0 no-repeat; width: 960px; height: 107px; }
#page-special #main-article.special-02 section.detail04 .btn { padding: 20px 0 10px 240px; }
#page-special #main-article.special-02 section.sns-section { padding: 0 0 26px; }
#page-special #main-article.special-03 section.detail03 .btn { padding: 20px 0 10px 305px; }
#page-special #main-article.special-03 section.sns-section { padding: 0 0 26px; }
#page-special #main-article.special-04 section.detail03 .btn { padding: 20px 0 10px 305px; }
#page-special #main-article.special-04 section.sns-section { padding: 0 0 26px; }
#page-special #main-article.special-05 section.detail02 { position: relative; }
#page-special #main-article.special-05 section.detail02 .official-link { position: absolute; z-index: 10; top: 73px; left: 348px; }
#page-special #main-article.special-05 section.detail03 { background: url("../images/page/special/05/btn_bg.png") 0 0 no-repeat; width: 960px; height: 131px; }
#page-special #main-article.special-05 section.detail03 .btn { padding: 20px 0 10px 355px; }
#page-special #main-article.special-05 section.sns-section { padding: 0 0 26px; }
#page-special #main-article .article-navigation { padding: 5px 0 0 0; }
#page-special #main-article .article-navigation ul { height: 49px; padding: 19px 0 0 0; }
#page-special #main-article .article-navigation ul li { float: left; width: 160px; height: 49px; margin-right: 10px; position: relative; }
#page-special #main-article .article-navigation ul li a, #page-special #main-article .article-navigation ul li em { background: url("../images//page/special/tab.png") -60px 0 no-repeat; }
#page-special #main-article .article-navigation ul li em { background-position: -60px -50px; }
#page-special #main-article .article-navigation ul li:first-child { margin-left: 60px; }
#page-special #main-article .article-navigation ul li:last-child { margin: 0; }
#page-special #main-article .article-navigation ul li.nav01.current { background-position: -60px -147px; }
#page-special #main-article .article-navigation ul li.nav01 a { background-position: -60px 0; }
#page-special #main-article .article-navigation ul li.nav01 a.hover, #page-special #main-article .article-navigation ul li.nav01 a:hover { background-position: -60px -98px; }
#page-special #main-article .article-navigation ul li.nav01 em { background-position: -60px -50px; }
#page-special #main-article .article-navigation ul li.nav01 em.current { background-position: -60px -147px; }
#page-special #main-article .article-navigation ul li.nav02.current { background-position: -230px -147px; }
#page-special #main-article .article-navigation ul li.nav02 a { background-position: -230px 0; }
#page-special #main-article .article-navigation ul li.nav02 a.hover, #page-special #main-article .article-navigation ul li.nav02 a:hover { background-position: -230px -98px; }
#page-special #main-article .article-navigation ul li.nav02 em { background-position: -230px -50px; }
#page-special #main-article .article-navigation ul li.nav02 em.current { background-position: -230px -147px; }
#page-special #main-article .article-navigation ul li.nav03.current { background-position: -400px -147px; }
#page-special #main-article .article-navigation ul li.nav03 a { background-position: -400px 0; }
#page-special #main-article .article-navigation ul li.nav03 a.hover, #page-special #main-article .article-navigation ul li.nav03 a:hover { background-position: -400px -98px; }
#page-special #main-article .article-navigation ul li.nav03 em { background-position: -400px -50px; }
#page-special #main-article .article-navigation ul li.nav03 em.current { background-position: -400px -147px; }
#page-special #main-article .article-navigation ul li.nav04.current { background-position: -570px -147px; }
#page-special #main-article .article-navigation ul li.nav04 a { background-position: -570px 0; }
#page-special #main-article .article-navigation ul li.nav04 a.hover, #page-special #main-article .article-navigation ul li.nav04 a:hover { background-position: -570px -98px; }
#page-special #main-article .article-navigation ul li.nav04 em { background-position: -570px -50px; }
#page-special #main-article .article-navigation ul li.nav04 em.current { background-position: -570px -147px; }
#page-special #main-article .article-navigation ul li.nav05.current { background-position: -740px -147px; }
#page-special #main-article .article-navigation ul li.nav05 a { background-position: -740px 0; }
#page-special #main-article .article-navigation ul li.nav05 a.hover, #page-special #main-article .article-navigation ul li.nav05 a:hover { background-position: -740px -98px; }
#page-special #main-article .article-navigation ul li.nav05 em { background-position: -740px -50px; }
#page-special #main-article .article-navigation ul li.nav05 em.current { background-position: -740px -147px; }
#page-special #main-article .article-navigation ul li.nav06.current { background-position: -910px -147px; }
#page-special #main-article .article-navigation ul li.nav06 a { background-position: -910px 0; }
#page-special #main-article .article-navigation ul li.nav06 a.hover, #page-special #main-article .article-navigation ul li.nav06 a:hover { background-position: -910px -98px; }
#page-special #main-article .article-navigation ul li.nav06 em { background-position: -910px -50px; }
#page-special #main-article .article-navigation ul li.nav06 em.current { background-position: -910px -147px; }
#page-special #main-article .article-navigation ul li a.new1 { position: absolute; background: url("../images/common/tab_new_s.png") center 0 no-repeat; height: 13px; left: 0px; top: 46px; z-index: 9999; }
#page-special #main-article .article-navigation ul li a.new1:hover { background: url("../images/common/tab_new_s.png") center 0 no-repeat; }