/*@charset "utf-8";*/

html, body {margin:0; padding:0; border:0; width:100%;height:100%;font-family:Arial, Verdana, Helvetica,\5FAE\8EDF\6B63\9ED1\9AD4,Microsoft JhengHei,MingLiU,sans-serif;font-size:12px;}
body,html{overflow:hidden}
body.jp{font-family:Arial, Verdana, Helvetica,'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
*{outline:0;}
body {-webkit-text-size-adjust:none; width:100%;background:#FFFFFF;font-size:1em !important;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;  }
a {  text-decoration:underline; color:inherit;}
a:hover {text-decoration:none;color:#CA9E72; }
table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; vertical-align:top; }
table { border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ul {list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
input, select, textarea {font-family:Arial, Verdana, Helvetica, sans-serif;}
hr{background:#DDDDDD; height:1px;color:#DDDDDD;border: 0;}
span{*display:inline}
.floatLeft {float:left !important;}
.floatRight {float:right !important;}
.descBlock .floatRight {margin-left:20px;}
.displayNone, .hidden {display:none;}
.center {text-align:center;}
.right{text-align:right;}
.clearfix {display: inline-block;}
.clearfix:after {content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;*min-height: 1%;}
.clearfix {display: block;}
.hiddenText{display: block;width:0px;height:0px;text-indent:-9999px;}
.inlineBlock{display: inline-block;zoom: 1;*display: inline;}
ul.noPadding{padding:0 !important;}
.desktopComplonent{display:block;}
.respondsiveComplonent{display:none;}

#mainContainer{width:100%;height:100%;overflow:hidden;}
.backgroundContainer{width:100%;height:100%;position:absolute;overflow:hidden;}
.backgroundContainer div.fillBackground{position:absolute;top:0;background:url(../images/background1.jpg) no-repeat bottom left;position:absolute;left:100%;left: 50%;
margin-left: -960px;
height: 100%;
width: 1920px;z-index:1}
.backgroundContainer div{}
.backgroundContainer div.mainVisual{position:absolute;left:0;width:100%;z-index:2;text-align:right;top:0;min-width:1024px;}
.backgroundContainer div.mainVisual img.destop{height:100%;min-height:600px;}
.backgroundContainer div.mainVisual img.mobile{display:none;}
.backgroundContainer div.logo{position:relative;margin:0 auto;z-index:3;width:100%;min-width:980px;max-width:1280px;}
.backgroundContainer div.logo img{width:200px;position:absolute;top:21px;left:30px;-webkit-transition: 0.5s;transition: 0.5s;}

.authorName{color:#FFF;right:20px;font-size:14px;line-height:30px;top:5px;text-align:right;position: absolute;z-index:4;}

#mainContainer.entryPoint {text-align:center;height:auto;}
#mainContainer.entryPoint .logo{position:absolute;left:50%;top:50px;margin-left:-100px;}
#mainContainer.entryPoint div.caption{top:100px;left:50%;margin-left:90px;width:95px;position:absolute;z-index: 10;}
#mainContainer.entryPoint div.caption img{position:absolute;}
#mainContainer.entryPoint div.caption img.first{right:0;}
#mainContainer.entryPoint div.caption img.second{left:0;top:47px;}
#mainContainer.entryPoint div.webCaption{position: absolute;top: 400px;margin-left: -17px;left:50%;}
#mainContainer.entryPoint .contentContainer{padding-top: 580px;height:auto;background: url(../images/common/background_common.jpg) left top no-repeat;}
#mainContainer.entryPoint .contentContainer .content{width:100%;max-width: 480px;margin: 0 auto;}
#mainContainer.entryPoint .contentContainer .content .chinese{float:left;margin-left: 30px;}
#mainContainer.entryPoint .contentContainer .content .japanese{float:right;margin-right: 30px;}
#mainContainer.entryPoint .right{text-align:center;}
#mainContainer.entryPoint .footer {padding-top:15px;padding-bottom: 20px;}
#mainContainer.entryPoint .footer .left{padding-bottom:15px;}
#mainContainer.entryPoint .footer .left span{vertical-align:middle}
#mainContainer.entryPoint .footer .left a{vertical-align:middle;display:inline-block;width:25px;height:26px;background-image:url(../images/socialMedia_active.png);background-repeat: no-repeat;text-indent:-9999px;margin-right:7px;}
#mainContainer.entryPoint .footer .left a.twitter{background-position:0px 0px}
#mainContainer.entryPoint .footer .left a.plurk{background-position:-67px 0px}
#mainContainer.entryPoint .footer .left a.facebook{background-position:-34px 0px}
#mainContainer.entryPoint .footer .left a:hover{background-image:url(../images/socialMedia.png);}

/* Nav Starts */
.navgationContainer{position:fixed;bottom:0;height:73px;width:100%;background:url(../images/common/nav_background.jpg) top repeat-x;z-index:10;}
.navgationContainer .nav{max-width:1280px;width:100%;margin:0 auto;position:relative;}
.navgationContainer .nav ul li{position:absolute;}
.navgationContainer .nav ul{list-style: none;position: absolute;display: block;width: 0;height: 0;top: -1px;left: 0;}
.navgationContainer .nav ul li a{display:block;text-indent:-9999px;overflow:hidden;z-index:4;position:relative;}
.navgationContainer .nav ul li .background{z-index:3;position:absolute;width:103px;height:103px;left:50%;margin-left:-51px;top:50%;margin-top:-51px;background:url(../images/common/btn_background.png) top no-repeat;}
.navgationContainer .nav ul li .gear{z-index:2;position:absolute;width:131px;left:50%;margin-left:-65px;top:50%;margin-top:-65px;height:131px;background:url(../images/common/btn_gear.png) top no-repeat;}
.navgationContainer .nav ul li .shadow{z-index:1;position:absolute;width:133px;height:147px;left:50%;margin-left:-67px;top:50%;margin-top:-73px;background:url(../images/common/btn_shadow.png) top no-repeat;}
.navgationContainer .nav ul li:hover .background{background:url(../images/common/btn_background_active.png) top repeat-x;}
.navgationContainer .nav ul li:hover .gear{ -webkit-animation: rotation 5s infinite linear;-moz-animation: rotation 5s linear;}

.navgationContainer .nav ul li.info{top:-144px;left:109px;z-index:1;}
.navgationContainer .nav ul li.info .background{width:221px;height:223px;margin-top:-112px;margin-left:-116px;background:url(../images/common/btn_largeBg.png) top no-repeat;}
.navgationContainer .nav ul li.info:hover .background{background:url(../images/common/btn_largeBg_active.png) top no-repeat;}
.navgationContainer .nav ul li.info a{width:180px;height:175px;background:url(../images/common/nav_information.png) 0 0 no-repeat;}
.navgationContainer .nav ul li.info:hover a{background:url(../images/common/nav_information.png) 0 -202px no-repeat;}
.navgationContainer .nav ul li.sample{top:-240px;left:150px;z-index:2;}
.navgationContainer .nav ul li.sample a{width:118px;height:81px;background:url(../images/common/nav_sample.png) 0 0 no-repeat;}
.navgationContainer .nav ul li.sample:hover a{background:url(../images/common/nav_sample.png) 0 -100px no-repeat;}
.navgationContainer .nav ul li.sales{top:-174px;left:274px;z-index:2;}
.navgationContainer .nav ul li.sales a{width:115px;height:80px;background:url(../images/common/nav_sales.png) 0 0 no-repeat;}
.navgationContainer .nav ul li.sales:hover a{background:url(../images/common/nav_sales.png) 0 -100px no-repeat;}
.navgationContainer .nav ul li.special{top: -45px;left: 290px;z-index:2;}
.navgationContainer .nav ul li.special a{width:115px;height:80px;background:url(../images/common/nav_special.png) 0 0 no-repeat;}
.navgationContainer .nav ul li.special:hover a{background:url(../images/common/nav_special.png) 0 -100px no-repeat;}

.navgationContainer .nav .langToggle{position:absolute;width:90px;height:26px;display:block;background:url(../images/langToggle_jp.png) no-repeat;top:-32px;left: 380px;-webkit-transition: 0.5s;transition: 0.5s;text-indent:-9999px;overflow:hidden;}
.navgationContainer .nav .langToggle:hover{left: 390px;-webkit-transition: 0.5s;transition: 0.5s;}
body.jp .navgationContainer .nav .langToggle{display:block;background:url(../images/langToggle_zh.png) no-repeat;}
body.jp .navgationContainer .nav ul li.info{top: -125px;left: 113px;z-index:1;}
body.jp .navgationContainer .nav ul li.info a{width:174px;height:135px;background:url(../images/common/nav_information_jp.png) 0 0 no-repeat;}
body.jp .navgationContainer .nav ul li.info:hover a{background:url(../images/common/nav_information_jp.png) 0 -200px no-repeat;}
body.jp .navgationContainer .nav ul li.sample{top:-240px;left:150px;z-index:2;}
body.jp .navgationContainer .nav ul li.sample a{width:116px;height:95px;background:url(../images/common/nav_sample_jp.png) 0 0 no-repeat;}
body.jp .navgationContainer .nav ul li.sample:hover a{background:url(../images/common/nav_sample_jp.png) 0 -100px no-repeat;}
body.jp .navgationContainer .nav ul li.sales{top:-165px;left:275px;z-index:2;}
body.jp .navgationContainer .nav ul li.sales a{width:97px;height:66px;background:url(../images/common/nav_sales_jp.png) 0 0 no-repeat;}
body.jp .navgationContainer .nav ul li.sales:hover a{background:url(../images/common/nav_sales_jp.png) 0 -100px no-repeat;}
body.jp .navgationContainer .nav ul li.special{top:-40px;left:300px;z-index:2;}
body.jp .navgationContainer .nav ul li.special a{width:93px;height:66px;background:url(../images/common/nav_special_jp.png) 0 0 no-repeat;}
body.jp .navgationContainer .nav ul li.special:hover a{background:url(../images/common/nav_special_jp.png) 0 -100px no-repeat;}

.bookswitchContainer{width:100%;height:0px;margin:0 auto;position:relative;max-width: 1280px;}
.bookswitchContainer .bookswitch{position:absolute;width:350px;height:35px;bottom:0;right:10px;-webkit-transition: 0.5s;transition: 0.5s;overflow:hidden;}
.bookswitchContainer .bookswitch.active{height:470px;-webkit-transition: 0.5s;transition: 0.5s;}
.bookswitchContainer .bookswitch .top{text-align:right;height:35px;overflow:hidden;padding-right:30px;}
.bookswitchContainer .bookswitch .top .homeBtn {margin-left:3px;position:relative;display:inline-block;width:39px;height:36px;text-align:left;background:url(../images/common/btn_home.png) top repeat-x;text-indent:-9999px;overflow:hidden;}
.bookswitchContainer .bookswitch .top .switchToggle{position:relative;display:inline-block;width:179px;height:36px;text-align:left;background:url(../images/bookswitch/btn_bookSwitch.png) top repeat-x;text-indent:-9999px;overflow:hidden;}
body.jp .bookswitchContainer .bookswitch .top .switchToggle{background:url(../images/bookswitch/btn_bookSwitch_jp.png) top repeat-x;}
.bookswitchContainer .bookswitch.active .top .switchToggle{background:url(../images/bookswitch/btn_bookSwitch_close.png) top repeat-x;}
body.jp .bookswitchContainer .bookswitch.active .top .switchToggle{background:url(../images/bookswitch/btn_bookSwitch_close_jp.png) top repeat-x;}
.bookswitchContainer .bookswitch .bookswitchList{height:434px;-webkit-border-top-left-radius: 50px;
-webkit-border-top-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;border:2px solid #C89464;border-bottom:0px;color:#2C1200;background: rgba(255,255,255,0.8);text-align:center;}
.bookswitchContainer .bookswitch .bookswitchList .heading{font-size:24px;padding:25px 0 5px;font-weight:bold}
.bookswitchContainer .bookswitch .bookswitchList .list{height:365px;overflow:hidden;}
.bookswitchContainer .bookswitch .bookswitchList .list .book .title{margin-bottom:5px;}
.bookswitchContainer .bookswitch .bookswitchList .list .book{margin-bottom:5px;}
.bookswitchContainer .bookswitch .bookswitchList .list .book .image{display:block;}



@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
     from {transform: rotate(0deg);}
    to   {transform: rotate(359deg);}
}
@-webkit-keyframes out{
	
    to {transform: rotate(0deg);}
}
@-moz-keyframes out{
	
    to {transform: rotate(0deg);}
}

@-webkit-keyframes clockRotate {
    to   {-webkit-transform: rotate(+=6deg);}
}
@-moz-keyframes clockRotate {
    to   {transform: rotate(+=6deg);}
}
.navgationContainer .nav .clockDecoContainer{width:249px;height:181px;position:absolute;top: -181px;left: 70px;overflow:hidden;}
.navgationContainer .nav .clockDecoContainer .clock{width:249px;height:249px;background:url(../images/common/nav_deco.png) no-repeat;-webkit-animation: rotation 60s infinite linear;-moz-animation: rotation 60s linear;}

/* Nav Ends */

/* Landing Content Starts */

.contentContainer{position:relative;color:#2C1200;z-index:2;font-size:14px;height:100%;width:100%;background:url(../images/common/background_common.jpg) center top no-repeat;overflow:auto;}
.contentContainer.loading{min-height:400px;background:url(../images/ajax-loader.gif) center center no-repeat;}
.contentContainer.landing{overflow:hidden;}
.contentContainer .content.landing{max-width:1400px;min-width:1024px;position:relative;margin:0 auto;height: 100%;width:100%;over-flow:hidden;}
.contentContainer .content.landing .charaGraphic{position:absolute;right:0;height:100%;top:0;z-index:1}
.contentContainer .content.landing .charaGraphic img{height:100%;}
.contentContainer .content.landing .logo{position:absolute;top:26px;left:215px;z-index:2;-webkit-transition: 0.5s;transition: 0.5s;}
.contentContainer .content.landing .logo img.logoImg{width:205px;-webkit-transition: 0.5s;transition: 0.5s;}
.contentContainer .content.landing .logo img.webCaption {position: absolute;bottom: -50px;right: -10px;}
body.jp .contentContainer .content.landing .logo img.webCaption {right: -17px;}
.contentContainer .content.landing div.caption{top:50px;left:500px;width:95px;position:absolute;z-index: 10;}
.contentContainer .content.landing div.caption img{position:absolute;}
.contentContainer .content.landing div.caption img.first{right:0;}
.contentContainer .content.landing div.caption img.second{left:0;top:47px;}

/* Landing Content Ends */

/* Information Content Starts */
.alignmentHelper{height:100%;width:0;display:inline-block;vertical-align:middle;}
.contentContainer .content.information{width:980px;height:750px;position:relative;margin:0 auto;background:url(../images/common/logo_bg.png) left 175px no-repeat;}
.contentContainer .content.information > div{position:absolute;}
.contentContainer .content.information > div.caption{top:27px;left:77px;width:95px;}
.contentContainer .content.information > div.caption img{position:absolute;}
.contentContainer .content.information > div.caption img.first{right:0;}
.contentContainer .content.information > div.caption img.second{left:0;top:47px;}

.contentContainer .content.information > div.bookInfo{top:50px;left:166px;color:#8C5839;font-size:16px;font-weight:bold;}
.contentContainer .content.information > div.bookInfo img{padding-left:20px;}
.contentContainer .content.information > div.bookInfo .desc{padding-left:96px;padding-top:16px;}
.contentContainer .content.information > div.pageTitle{right:15px;top:34px;}
body.jp .contentContainer .content.information > div.pageTitle{right:26px;}
.contentContainer .content.information > div.special{right:0;top:396px;color:#BD926B;font-size:12px;text-align:right;}
.contentContainer .content.information > div.special img.strip{position:absolute;right:24px;top:-70px;z-index:2;cursor:pointer;}

/* Information Content Ends */

/* Sales Info Starts */
.contentContainer .content.information.salesInfo{height:100%;}
.contentContainer .content.information > div.salesListContainer{padding:25px 35px;top:45px;left:204px;width:450px;height:80%;border:2px solid #C89464;color:#8C5839;font-weight:bold;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.contentContainer .content.information > div.salesListContainer h2{font-size:30px;}
.contentContainer .content.information > div.salesListContainer .scroller{font-size:20px;line-height:1.2em;font-weight:normal;margin-top: 15px;font-weight: normal;margin-left: 0px;}
.contentContainer .content.information > div.salesListContainer .scroller ul{margin-left:25px;}
.contentContainer .content.information > div.salesListContainer .scroller li{padding-bottom:25px;}
.contentContainer .content.information > div.salesListContainer .scroller .tag{font-size: 16px;padding: 0 5px;margin-right: 10px;height:26px;line-height:26px;color:white;display:inline-block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.contentContainer .content.information > div.salesListContainer .scroller .tag.taiwan{background:#F29377}
.contentContainer .content.information > div.salesListContainer .scroller .tag.taipei{background:#F49991}
.contentContainer .content.information > div.salesListContainer .scroller .tag.taizhong{background:#F9C1BD}
.contentContainer .content.information > div.salesListContainer .scroller .tag.kaohsiung{background:#F3D192}
.contentContainer .content.information > div.salesListContainer .scroller .tag.hongkong{background:#C59264;}
body.jp .contentContainer .content.information > div.salesListContainer .scroller li a{display: block;padding-top:3px;}
/* Sales Info Ends */


/* Sample Starts */
.contentContainer .content.sample.information{height:100%;}
.contentContainer .content.sample .pageTitle{z-index:9;}
.contentContainer .content.sample.information .sampleCaption{position:absolute;top:220px;right:90px;width:15px;height:190px;left:auto;}
.contentContainer .content.sample.information .sampleCaption div{position:absolute;left:0;top:0}
.contentContainer .content.sample.information .sampleCaption div.comic{display:none;}
.contentContainer .content.sample .sampleContainer{position:absolute;width:658px;height:610px;left:208px;top:50%;margin-top:-305px;-webkit-transition: 0.5s;transition: 0.5s;}
.contentContainer .content.sample .sampleContainer .canvas{width:658px;height:610px;position:absolute;z-index:3}
.contentContainer .content.sample .sampleContainer .title{position:absolute;}
.contentContainer .content.sample .sampleContainer .colorIllust{position:absolute;width:658px;height:610px;background:url(../images/sample/colorIllust_bg2.jpg) 0 15px no-repeat}
.contentContainer .content.sample .sampleContainer .colorIllust .title{left:138px;top:277px;}
.contentContainer .content.sample .sampleContainer .comic{display:none;position:absolute;width:658px;height:610px;background:url(../images/sample/comic_bg2.jpg) 0 15px no-repeat}
.contentContainer .content.sample .sampleContainer .comic .title{left:427px;top:277px;}
.contentContainer .content.sample .sampleContainer .changeBtn{cursor:pointer;z-index:9;text-indent:-9999px;overflow:hidden;position:absolute;width:107px;height:107px;left:277px;top:267px;display:block;background-image:url(../images/sample/btn_colorIllust.png);background-repeat:no-repeat;}
body.jp .contentContainer .content.sample .sampleContainer .changeBtn{background-image:url(../images/sample/btn_colorIllust_jp.png);}
.contentContainer .content.sample .sampleContainer .colorIllust .changeBtn{background-position:-150px 0;}
.contentContainer .content.sample .sampleContainer .colorIllust .changeBtn:hover{background-position:-150px -150px;}
.contentContainer .content.sample .sampleContainer .comic .changeBtn{background-position:0 0;}
.contentContainer .content.sample .sampleContainer .comic .changeBtn:hover{background-position:0 -150px;}

.contentContainer .content.sample .sampleContainer .colorIllust .list{position:absolute;width:658px;height:595px;/*background:url(../images/sample/colorIllust_content.png) no-repeat;*/text-indent:-9999px;overflow:hidden;}
.contentContainer .content.sample .sampleContainer .colorIllust .list a{position:absolute;opacity:0;-webkit-transition: 0.5s;transition: 0.5s;}
.contentContainer .content.sample .sampleContainer .colorIllust .list a.active{opacity:1;-webkit-transition: 0.5s;transition: 0.5s;}
.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-1{width:192px;height:192px;top:360px;left:419px;background:url(../images/sample/colorIllust/1.png) no-repeat;}
.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-2{width:117px;height:117px;top:269px;left:419px;background:url(../images/sample/colorIllust/2.png) no-repeat;}
.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-3{width:161px;height:161px;top:59px;left:92px;background:url(../images/sample/colorIllust/3.png) no-repeat;}
.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-4{width:117px;height:117px;top:328px;left:59px;background:url(../images/sample/colorIllust/4.png) no-repeat;}
.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-5{width:175px;height:174px;top:391px;left:94px;background:url(../images/sample/colorIllust/5.png) no-repeat;}
.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-6{width:117px;height:117px;top:40px;left:222px;background:url(../images/sample/colorIllust/6.png) no-repeat;}
.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-7{width:117px;height:117px;top:104px;left:286px;background:url(../images/sample/colorIllust/7.png) no-repeat;}
.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-8{width:161px;height:161px;top:397px;left:270px;background:url(../images/sample/colorIllust/8.png) no-repeat;}
.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-9{width:161px;height:162px;top:145px;left:177px;background:url(../images/sample/colorIllust/9.png) no-repeat;}
.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-10{width:158px;height:158px;top:186px;left:483px;background:url(../images/sample/colorIllust/10.png) no-repeat;}
.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-11{width:162px;height:162px;top:161px;left:333px;background:url(../images/sample/colorIllust/11.png) no-repeat;}
.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-12{width:117px;height:118px;top:333px;left:355px;background:url(../images/sample/colorIllust/12.png) no-repeat;}
.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-13{width:142px;height:140px;top:18px;left:338px;background:url(../images/sample/colorIllust/13.png) no-repeat;}
.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-14{width:170px;height:170px;top:163px;left:18px;background:url(../images/sample/colorIllust/14.png) no-repeat;}

.contentContainer .content.sample .sampleContainer .comic .list{position:absolute;width:658px;height:595px;/*background:url(../images/sample/comic_content.png) no-repeat;*/text-indent:-9999px;overflow:hidden;}
.contentContainer .content.sample .sampleContainer .comic .list a{position:absolute;width:175px;height:175px;opacity:0;-webkit-transition: 0.5s;transition: 0.5s;}
.contentContainer .content.sample .sampleContainer .comic .list a.active{opacity:1;-webkit-transition: 0.5s;transition: 0.5s;}
.contentContainer .content.sample .sampleContainer .comic .list a.thumb-1{top:329px;left:161px;background:url(../images/sample/comic/1.png) no-repeat;}
.contentContainer .content.sample .sampleContainer .comic .list a.thumb-2{top:285px;left:16px;background:url(../images/sample/comic/2.png) no-repeat;}
.contentContainer .content.sample .sampleContainer .comic .list a.thumb-3{top:421px;left:256px;background:url(../images/sample/comic/3.png) no-repeat;}
.contentContainer .content.sample .sampleContainer .comic .list a.thumb-4{top:47px;left:69px;background:url(../images/sample/comic/4.png) no-repeat;}
.contentContainer .content.sample .sampleContainer .comic .list a.thumb-5{top:157px;left:335px;background:url(../images/sample/comic/5.png) no-repeat;}
.contentContainer .content.sample .sampleContainer .comic .list a.thumb-6{top:191px;left:112px;background:url(../images/sample/comic/6.png) no-repeat;}
.contentContainer .content.sample .sampleContainer .comic .list a.thumb-7{top:63px;left:431px;background:url(../images/sample/comic/7.png) no-repeat;}
.contentContainer .content.sample .sampleContainer .comic .list a.thumb-8{top:99px;left:206px;background:url(../images/sample/comic/8.png) no-repeat;}

body.jp .contentContainer .content.sample .sampleContainer .comic .list a.thumb-1{background:url(../images/sample/comic/1_jp.png) no-repeat;}
body.jp .contentContainer .content.sample .sampleContainer .comic .list a.thumb-3{background:url(../images/sample/comic/3_jp.png) no-repeat;}
body.jp .contentContainer .content.sample .sampleContainer .comic .list a.thumb-6{background:url(../images/sample/comic/6_jp.png) no-repeat;}
body.jp .contentContainer .content.sample .sampleContainer .comic .list a.thumb-7{background:url(../images/sample/comic/7_jp.png) no-repeat;}
body.jp .contentContainer .content.sample .sampleContainer .comic .list a.thumb-8{background:url(../images/sample/comic/8_jp.png) no-repeat;}

/* Sample Ends */
/* Popup Starts */
.mask{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background:url(../images/mask.png);display:none;}
.popup{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;}
.popup .samplePopup{position:relative;width:980px;margin:0 auto;overflow:hidden;height:100%;}
.popup .image{position:relative;margin-left:52px;padding:24px 0;}
.popup .image img{-webkit-box-shadow: 3px 3px 13px 0px rgba(0, 0, 0, 0.37);
-moz-box-shadow:    3px 3px 13px 0px rgba(0, 0, 0, 0.37);
box-shadow:         3px 3px 13px 0px rgba(0, 0, 0, 0.37);}
.popup .infoBox{background:#FFF;width:250px;position:fixed;bottom:88px;left:50%;margin-left:184px;padding:15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;border:2px solid #C89464;color:#C89464}
.popup .infoBox .title{font-size:24px;font-weight:bold;}
.popup .infoBox .author{font-size:16px;text-align:right;padding-top:10px;}
.popup .samplePopup .mCustomScrollBox>.mCSB_scrollTools{width: 16px;height: 90%;top: 5%;right: 310px;}
.popup .infoBox .closeBtn{position:absolute;display:block;width:60px;height:59px;top:-30px;right:-15px;cursor: pointer;overflow:hidden;text-indent:-9999px;background:url(../images/btn_close.png) no-repeat;}
.image-0{height:842px}
.image-1{height:872px}
.image-2{height:842px}
.image-3{height:842px}
.image-4{height:963px}
.image-5{height:840px}
.image-6{height:842px}
.image-7{height:848px}
/* Popup Ends */

/* Underconstruction Starts */
.contentContainer .content.underConstruction{width:980px;height:100%;position:relative;margin:0 auto;}
.contentContainer .content.underConstruction .image{position:absolute;top:50%;left:50%;width:724px;height:522px;margin-top:-281px;margin-left:-362px;}
.contentContainer .content.underConstruction .image .chara{position:absolute;z-index:2;left:105px;top:50px;cursor:pointer;}
.contentContainer .content.underConstruction .image .remarks{text-align:right;height:20px;}
/* Underconstruction Ends */

/* Project Starts */
.contentContainer .content.project div iframe{width:100%;height:100%;}
.contentContainer .content.project div.youtube{width:400px;top:80px;height:300px;left:50%;margin-left:-200px;}
.contentContainer .content.project div.nico{width:400px;height:176px;top:430px;left:50%;margin-left:-200px;}

.footerContainer{position:fixed;height:0px;background:url(../images/footer_bg.png);width:100%;bottom:70px;z-index:20;color:#2C1200;min-width:980px;}
.footerContainer .footer{min-width:980px;max-width:1280px;margin:0 auto;line-height:30px;position:relative;width:100%;}
.footerContainer .footer .left{position:absolute;left:430px;top:10px;line-height:30px;}
.footerContainer .right{position:absolute;right:0;top:10px;line-height:1.5em;padding-right:20px;}

.footerContainer .footer .left span{display:block;float:left;margin-right:5px;}
.footerContainer .footer .left a{display:block;float:left;width:25px;height:26px;background-image:url(../images/socialMedia_active.png);background-repeat: no-repeat;text-indent:-9999px;margin-right:7px;}
.footerContainer .footer .left a.twitter{background-position:0px 0px}
.footerContainer .footer .left a.plurk{background-position:-67px 0px}
.footerContainer .footer .left a.facebook{background-position:-34px 0px}
.footerContainer .footer .left a:hover{background-image:url(../images/socialMedia.png);}

@media (max-height: 683px) {
	.contentContainer .content.sample .sampleContainer{top:0;margin-top:0;-webkit-transition: 0.5s;transition: 0.5s;}
	
}
@media (max-height: 768px) {
	
	.contentContainer .content.landing .logo img.logoImg{width:147px;-webkit-transition: 0.5s;transition: 0.5s;}
	.navgationContainer .nav{webkit-transition: 0.5s;transition: 0.5s;-ms-transform: scale(0.7,0.7);-webkit-transform: scale(0.7,0.7);transform: scale(0.7,0.7);
	transform-origin:30% 100%;-ms-transform-origin:30% 100%;-webkit-transform-origin:30% 100%;}
	
}
@media (max-width: 1280px) {
	
	.backgroundContainer div.logo img.logoImg{width:150px;-webkit-transition: 0.5s;transition: 0.5s;-webkit-transition: 0.5s;transition: 0.5s;}
	.contentContainer .content.landing .logo img.webCaption {position: absolute;bottom: -50px;right: -10px;}
	.navgationContainer .nav{/*margin-left:-100px;*/webkit-transition: 0.5s;transition: 0.5s;-ms-transform: scale(0.7,0.7);-webkit-transform: scale(0.7,0.7);transform: scale(0.7,0.7);
	transform-origin:0;-ms-transform-origin:0;-webkit-transform-origin:0;}
	.footerContainer .footer .left{left:300px;z-index:999}
	
}
@media (max-width: 1180px) {
	
	
}
@media (max-width: 1030px) {
	
	.contentContainer .content.landing .logo{left:96px;-webkit-transition: 0.5s;transition: 0.5s;}
	/*.navgationContainer .nav{margin-left:-100px;webkit-transition: 0.5s;transition: 0.5s;-ms-transform: scale(0.7,0.7);-webkit-transform: scale(0.7,0.7);transform: scale(0.7,0.7);
	transform-origin:30% 100%;-ms-transform-origin:30% 100%;-webkit-transform-origin:30% 100%;}*/
	/*.navgationContainer .nav{width:1200px;margin:0 auto;position:absolute;left:50%;margin-left:-600px;}*/
	.footerContainer .footer .left{left:300px;}
	
	
}
@media (min-width:771px){
	.navgationContainer{bottom:0 !important;top:auto !important;}
	.footerContainer{top:auto !important;}
	
}
/* Mobile Style Starts */
@media (max-width: 770px) {
	.respondsiveLinebreak{display:block;}
	.desktopComplonent{display:none;}
	.respondsiveComplonent{display:block;}
	body.inner .mainContainer{margin-left:0;-webkit-transition:margin 0.5s;transition:margin 0.5s;-webkit-transition:margin 0.5s;transition:margin 0.5s;}
	body.inner .mainContainer.menuActive{margin-left:200px;-webkit-transition:margin 0.5s;transition:margin 0.5s;-webkit-transition:margin 0.5s;transition:margin 0.5s;}
	.contentContainer .content.landing .logo{display:none;}
	.contentContainer{height:auto !important;}
	.contentContainer .content.landing{min-width:0;overflow: hidden;}
	.contentContainer .content.landing .charaGraphic{position:relative;top:0;left:0;right:auto;width:100%;height:100%;}
	.contentContainer .content.landing .charaGraphic img.respondsiveComplonent{width:100%;height:auto;}
	.footerContainer{position:absolute;bottom:auto;left:auto;min-width:0;height:}
	.footerContainer .footer .left{position:relative;left:auto;top:auto;height:30px;text-align:center;padding-right:0px;}
	.footerContainer .footer .left span,.footerContainer .footer .left a{display:inline-block;float:none;}
	.footerContainer .footer .left a{text-align:left;}
	.footerContainer .footer .right{position:relative;right:auto;top:auto;text-align:center;padding-right:0px;padding:0 15px 20px;}
	.footerContainer .footer{min-width:0;padding-top:15px;}
	.navgationContainer{position:absolute;bottom:auto;height:85px;}
	.navgationContainer .nav{margin-top:-55px;display:none;transition: none;}
	body.home .navgationContainer{left:0px;}
	body.home .navgationContainer .menuToggle{display:none;}
	body.home .navgationContainer .nav{display:block;margin-left: -100px;margin-top: -25px !important;}
	body.home .navgationContainer .nav .inner{display:none;}
	.navgationContainer .nav .clockDecoContainer{height:249px;}
	body.inner .navgationContainer .nav .inner{display:block;}
	body.inner .navgationContainer{top:auto !important;position:relative;height:36px;background:#FFF url(../images/mobile/menuBg.jpg) top right no-repeat;background-size:auto 50px;-webkit-box-shadow: 0px 10px 23px -9px rgba(0,0,0,0.34);
-moz-box-shadow: 0px 10px 23px -9px rgba(0,0,0,0.34);
box-shadow: 0px 10px 23px -9px rgba(0,0,0,0.34);padding:14px 0 0 15px;overflow:initial;width:auto;}
	body.inner .navgationContainer .menuToggle{display:block;width:30px;height:22px;background:url(../images/mobile/menuToggle.png) top left no-repeat;background-size:100%;}
	body.inner .navgationContainer .nav{position:absolute;top:0;left:-200px;width:200px;height:auto;display:block;transition: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;-o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important;
margin-top:0;margin-left:0;}
	body.inner #mainContainer{overflow:initial;background:url(../images/mobile/footerBg.jpg) center bottom no-repeat;background-size:500px auto;}
	body.inner .navgationContainer .nav .socialMedia{padding:12px;color:#2C1200}
	body.inner .navgationContainer .nav .socialMedia .mailBox{padding:14px 0 7px;}
	body.inner .navgationContainer .nav .socialMedia .copyright{padding:7px 0;}
	body.inner .navgationContainer .nav .socialMedia .links{text-align:center;}
	body.inner .navgationContainer .nav .socialMedia .links a{display:inline-block;width:25px;height:26px;background-image:url(../images/socialMedia_active.png);background-repeat: no-repeat;text-indent:-9999px;margin-right:7px;}
	body.inner .navgationContainer .nav .socialMedia .links a.twitter{background-position:0px 0px}
	body.inner .navgationContainer .nav .socialMedia .links a.plurk{background-position:-67px 0px}
	body.inner .navgationContainer .nav .socialMedia .links a.facebook{background-position:-34px 0px}
	body.inner .navgationContainer .nav .clockDecoContainer{display:none;}
	body.inner .navgationContainer .nav ul{list-style: none;
position: relative;
display: block;
width: auto;
height: auto;
top: auto;
left: auto}
	body.inner .navgationContainer .nav ul li{position:relative !important;top:auto !important;left:auto !important;height:50px !important;width:auto !important;margin-top:0;margin-left:0;}
	body.inner .navgationContainer .nav ul li.menuTop{text-align:center;font-weight:bold;border-bottom:1px solid #C89464;color:#8C5839;line-height:50px;font-size:16px;}
	body.inner .navgationContainer .nav ul li a{padding:0 12px;background:none !important;height:50px !important;width:auto !important;text-indent:0 !important;text-decoration:none;color:#8C5839;line-height:50px;font-size:16px;border-bottom:1px solid #C89464;}
	body.inner .navgationContainer .nav ul li a:hover{background:none !important;}
	body.inner .navgationContainer .nav ul li .background,
	body.inner .navgationContainer .nav ul li .gear,
	body.inner .navgationContainer .nav ul li .shadow{display:none;}
	body.inner .footerContainer{position:relative;bottom:auto;top:auto !important;left:auto;min-width:0;height:}
	.homeBtn{display:none !important;}
	body.inner .navgationContainer .nav .bookswitchResponsive{padding:12px;color:#2C1200}
	body.inner .navgationContainer .nav .bookswitchResponsive .heading{font-size:16px;padding:10px 0;}
	body.inner .navgationContainer .nav .bookswitchResponsive .title{padding-bottom:5px;}
	body.inner .navgationContainer .nav .bookswitchResponsive .image{text-align:center;padding-bottom:15px;display:block;}
	body.inner .navgationContainer .nav .bookswitchResponsive img{max-width:176px;max-height:176px;}
	
	body.inner #mainContainer{height:auto;}
	body.inner{overflow:auto;}
	
	body.inner .navgationContainer .nav .langToggle{border-bottom: 1px solid #C89464;position: relative;top: auto;text-indent: 0;left: auto;background: none;width: auto;padding: 0 15px;line-height: 50px;height: 50px;text-align: center;font-size: 15px;}
	/* Information Content Starts */
	.contentContainer {background:none;}
	.contentContainer .content.information{height:auto;background:none;width:auto;padding:30px 20px;margin:0 auto; max-width:600px;}
	.contentContainer .content.information > div{position:relative;top:auto !important;left:auto !important;}
	.contentContainer .content.information .bookInfo{position:relative;text-align:center;}
	.contentContainer .content.information > div.pageTitle{position:absolute;width:84px;height:120px;z-index:3;}
	.contentContainer .content.information > div.pageTitle img{width:100%;height:auto;}
	
	.contentContainer .content.information > div.bookInfo img{max-width:100%;padding:0;}
	.contentContainer .content.information > div.bookInfo .desc{padding:16px 0;display:inline-block;text-align: left;}
	.contentContainer .content.information > div.special .image{display:inline-block;position:relative;max-width:350px;}
	.contentContainer .content.information > div.special{right:auto;width:auto;margin-top:60px;text-align: center;}
	.contentContainer .content.information > div.special img{max-width:100%;}
	.contentContainer .content.information > div.special .strip{max-width:50%;}
	.contentContainer .content.information > div.special .remarks{text-align:right;}
	
	/* Information Content Ends */
	
	.contentContainer .content.information > div.salesListContainer{width:auto;}
	.contentContainer .content.information > div.salesListContainer h2{padding-bottom:15px;}
	.contentContainer .content.information > div.salesListContainer .scroller{margin:0;height:auto !important;padding-right:84px;}
	.contentContainer .content.information > div.salesListContainer .tagContainer{display:block;padding:3px 0;}
	
	.contentContainer .content.underConstruction{height:auto;width:auto;background:#FFF;}
	.contentContainer .content.underConstruction .image{position:relative;top:auto;left:auto;width:auto;margin-top:0;margin-left:0;padding:40px 20px;height:auto;max-width:600px;margin:0 auto;}
	.contentContainer .content.underConstruction .image img{width:100%;}
	.contentContainer .content.underConstruction .image .chara{left: 70px;right: 35px;}
	.contentContainer .content.underConstruction .image .remarks{margin-top:20px;}
	
	.contentContainer .content.sample.information{height:auto;}
	.contentContainer .content.sample.information > div.pageTitle{left:50% !important;margin-left:-42px;right:auto;}
	body.jp .contentContainer .content.sample.information > div.pageTitle{left:50% !important;width:60px;margin-left:-30px;right:auto;}
	.contentContainer .content.sample.information .sampleCaption{display:none;}
	.contentContainer .content.sample .sampleContainer{height: auto;position: relative;padding-top: 120px;width: auto;top: auto !important;left: auto !important;margin: 0;o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important;}
	body.jp .contentContainer .content.sample .sampleContainer{padding-top:130px;}
	.contentContainer .content.sample .sampleContainer .colorIllust{text-align:center;position: relative;width:100%;top:0 !important;left:auto !important;background:none;height:auto !important;}
	.contentContainer .content.sample .sampleContainer .changeBtn{position: absolute;top: 0px !important;left: 50%;margin-left: -53px;}
	.contentContainer .content.sample .sampleContainer .list{padding-top: 120px;width:100% !important;position:relative !important;height:auto !important;top:auto !important;left:auto !important;}
	.contentContainer .content.sample .sampleContainer .comic{text-align:center;position: relative;width:100%;top:0 !important;left:auto !important;background:none;height:auto !important;}
	.contentContainer .content.sample .sampleContainer .canvas{display:none;}
	.contentContainer .content.sample .sampleContainer .colorIllust .title{top:19px;left:50%;margin-left:-150px;width:100px;}
	.contentContainer .content.sample .sampleContainer .colorIllust .title img{width:100%;}
	.contentContainer .content.sample .sampleContainer .comic .title{top:19px;left:50%;margin-left:50px;width:100px;}
	.contentContainer .content.sample .sampleContainer .comic .title img{width:100%;}
	.contentContainer .content.sample .sampleContainer .list{text-indent:0 !important;}
	.contentContainer .content.sample .sampleContainer .list a{opacity: 1 !important;position:relative !important;display:inline-block;padding:117px 0 0 0;height:30px !important;width:117px !important;line-height: 30px;text-indent:0;text-align:center;top:auto !important;left:auto !important;background-size:100% !important;}
	.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-1{background:url(../images/mobile/colorSample/1.png) no-repeat;}
	.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-2{background:url(../images/mobile/colorSample/2.png) no-repeat;}
	.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-3{background:url(../images/mobile/colorSample/3.png) no-repeat;}
	.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-4{background:url(../images/mobile/colorSample/4.png) no-repeat;}
	.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-5{background:url(../images/mobile/colorSample/5.png) no-repeat;}
	.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-6{background:url(../images/mobile/colorSample/6.png) no-repeat;}
	.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-7{background:url(../images/mobile/colorSample/7.png) no-repeat;}
	.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-8{background:url(../images/mobile/colorSample/8.png) no-repeat;}
	.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-9{background:url(../images/mobile/colorSample/9.png) no-repeat;}
	.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-10{background:url(../images/mobile/colorSample/10.png) no-repeat;}
	.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-11{background:url(../images/mobile/colorSample/11.png) no-repeat;}
	.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-12{background:url(../images/mobile/colorSample/12.png) no-repeat;}
	.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-13{background:url(../images/mobile/colorSample/13.png) no-repeat;}
	.contentContainer .content.sample .sampleContainer .colorIllust .list a.thumb-14{background:url(../images/mobile/colorSample/14.png) no-repeat;}

	.popup .samplePopup{width:100%;}
	.popup .image{width:auto;margin:0;height:auto !important;padding:0;text-align:center;padding-bottom:137px}
	.mCSB_container{margin-right:0;}
	.popup .image img{width:100%;max-width:600px;}
	.popup .infoBox{bottom:10px;margin-left:0;margin-left:-141px;text-align:left;}
	.popup .samplePopup .mCustomScrollBox>.mCSB_scrollTools{right:0;}
	
	.bookswitchContainer{display:none;}

	.contentContainer .content.information.project > div.pageTitle{position:relative;top:auto;left:auto;width:auto;height:auto;margin: 0;text-align:center;right:auto  !important;}
	.contentContainer .content.information.project > div.pageTitle img{width:auto;}
	.contentContainer .content.project div.youtube{position:relative;top:auto;left:auto;width:auto;height:312px;padding-top:30px;margin: 0;}
	.contentContainer .content.project div.nico{position:relative;top:auto;left:auto;width:auto;height:176px;padding-top:30px;margin: 0;}
	
}
@media (max-width: 770px) and (min-width: 650px) {
	.contentContainer .content.information{max-width:initial;}
	.contentContainer .content.information .bookInfo{text-align:left;}
	.contentContainer .content.information > div.special{position: absolute;width:50%;top:280px !important;right:20px !important;}
}
@media (max-width: 400px) {
	.navgationContainer .nav{webkit-transition: 0.5s;transition: 0.5s;-ms-transform: scale(0.5,0.5);-webkit-transform: scale(0.5,0.5);transform: scale(0.5,0.5);
	transform-origin:30% 100%;-ms-transform-origin:30% 100%;-webkit-transform-origin:30% 100%;}
	.contentContainer .content.information > div.salesListContainer{padding:30px 15px;margin-top: 66px;}
	.contentContainer .content.information > div.salesListContainer h2{font-size:20px;padding-bottom:15px;}
	
	.contentContainer .content.information > div.salesListContainer .scroller{padding-right:0px;font-size:16px;}
}
@media (max-width: 480px) {
	#mainContainer.entryPoint .logo{width:150px;top:20px;}
	#mainContainer.entryPoint .logo img{width:100%;}
	#mainContainer.entryPoint div.caption{margin-left: 45px;top:50px;}
	#mainContainer.entryPoint div.webCaption{top: 260px;}
	#mainContainer.entryPoint .contentContainer{padding-top:420px;}
	#mainContainer.entryPoint .contentContainer .content .chinese {margin-left:10px;}
	#mainContainer.entryPoint .contentContainer .content .chinese img{width:130px;}
	#mainContainer.entryPoint .contentContainer .content .japanese {margin-right:10px;}
	#mainContainer.entryPoint .contentContainer .content .japanese img{width:130px;}
	#mainContainer.entryPoint .right{text-align: center;font-size: 12px;padding: 0 15px;}
	
}