@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);@charset "UTF-8";body {font-size: 14px;color: #ffffff;background-color: #191919;font-family: 'Roboto Condensed', sans-serif;}body * {line-height:1.4;}h1,h2,h3,h4,h5,h6 {font-weight:normal;}a {color: #fff;text-decoration:underline;font-weight: normal;}section, article, sub, p {    }address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}input {height: 1.5em;}select {height: 2em;}p {margin: 0 0 7px 0;}.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}.system {position: relative;z-index: 50;}.system #header {width: 100%;}#contents {}.content {padding: 10px 0;}#pageTitle, .cateTitle {}#pageTitle {}.cateTitle {display: none;}.subHead {position: relative;height: 24px;line-height: 26px;color: #666666;font-size: 90%;background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,0.4)));background-color: #cccccc;text-shadow: 1px 1px 2px #ffffff;-webkit-border-radius: 12px;border-radius: 12px;margin: 25px 10px 0 10px;padding-left: 23px;-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);}.subHead:before {content: "";position: absolute;top: 50%;left: 7px;width: 10px;height: 10px;-webkit-border-radius: 5px;border-radius: 5px;margin-top: -5px;background-color: #ffffff;-webkit-box-shadow: 0 1px 4px #999999;box-shadow: 0 1px 4px #999999;}.triHead {display: inline;position: relative;color: #ffffff;font-weight: bold;margin: 10px 5px 0 5px;padding: 1px 5px;background-color: #42A5DB;-webkit-border-radius: 2px;border-radius: 2px;}.triHead:after {content: "";position: absolute;top: 100%;left: 10px;height: 0;width: 0;border: 5px solid transparent;border-top: 5px solid #42A5DB;}.list {margin: 5px 10px;}.list li {margin: 0 10px;}.list .liBtn > a {display: block;position: relative;padding: 8px 12px;color: #ffffff;text-decoration: none;background: -webkit-gradient(linear,center top,center bottom,from(#676767),to(#353535));background: linear-gradient(to bottom,#676767,#353535);background-color: #191919;}.list .liBtn > a:hover {color: #ffffff;background: -webkit-gradient(linear,center top,center bottom,from(#676767),to(#006b9d));background: linear-gradient(to bottom,#676767,#006b9d);background-color: #006b9d;}.list .liBtn:not(.openClose) > a {padding-left: 26px;}.list .liBtn:not(.openClose) > a:after {content: "";position: absolute;top: 50%;left: 10px;height: 0;width: 0;margin-top: -5px;border: 5px solid transparent;border-left: 8px solid #42A5DB;}.text {margin: 10px 20px;}.text .list li {margin: 20px 10px;}.padding {padding: 10px;}.hdn {visibility: hidden;}.none {display: none;}.new {}.more {display: block;text-align: right;}.top {}.back {}.subCon {margin: 10px 10px 0 10px;padding: 10px;}.aside {display: block;margin: 0 10px 10px 10px;}.aside > div {}.aside > div > div {float: left;}#small {display: block;}#address {}.table:after {display: none;}.table {display:table;width: 100%;}.table .row {display:table-row;}.table > *:not(.row), .table .row > * {display:table-cell;vertical-align:middle;}.system #header {overflow: hidden;}.system #header > div {height: 180px;background: -webkit-gradient(linear,center top,center bottom,from(#353535),to(#191919));background: linear-gradient(to bottom,#353535,#191919);background-color: #191919;-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3), inset 0 5px 5px rgba(0,0,0,0.3);box-shadow: 0 5px 10px rgba(0,0,0,0.3), inset 0 5px 5px rgba(0,0,0,0.3);}.system #header h1 * {float: left;height:45px;margin-left: 4px;}.system #header hgroup {display: none;overflow: hidden;width: 40px;height: 45px;float: left;}.system #header nav ul {float: left;width: 100%;margin-right: 10px;border-left: 1px solid #000000;border-right: 1px solid #3a3a3a;}.system #header nav li {float: left;width: 50%;text-align: center;}.system #header nav a {display: block;height: 45px;line-height: 45px;color: #cdcdcd;text-decoration: none;text-shadow: 0 0 10px rgba(0,0,0,1);-webkit-box-sizing: border-box;box-sizing: border-box;border-left: 1px solid #3a3a3a;border-right: 1px solid #000000;}.system #header nav a:hover {color: #ffffff;background-color: #006b9d;}@-webkit-keyframes 'anime2' {0% { opacity: 0; }100% { opacity: 1; }}.system #header nav a:hover {-webkit-animation-name: 'anime2';-webkit-animation-duration: 0.3s;-webkit-animation-timing-function: ease;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: forwards;}.system #header nav ul li span {display: block;height: 45px;-webkit-box-sizing: border-box;box-sizing: border-box;border-left: 1px solid #3a3a3a;}#footer {width: 100%;background-color: #191919;padding: 10px 0 40px 0;}#footer a {color: #666666;text-decoration: none;}#footer nav {margin: 0 0 10px 0;padding: 0 0 5px 0; } #footer hr { background: -webkit-gradient(linear,left top,right top,from(rgba(160,160,160,0)),color-stop(50%,rgba(160,160,160,0.6)),to(rgba(160,160,160,0))); }#footer nav ul {width: 300px;margin: 0 auto;}#footer nav li {float: left;}#footer nav li a {display: block;width: 60px;text-align: center;}#footer nav li a:hover {color: #dddddd;background-color: #999999;}#footer small {display: block;color: #666666;font-size: 85%;text-align: center;}.system #header nav a.selected {color: #6acaff;border: none;border-bottom: 2px solid #6acaff;background-size: 5px 5px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1), inset 0 5px 5px rgba(0,0,0,0.3);box-shadow: inset 0 0 6px rgba(0,0,0,1), inset 0 5px 5px rgba(0,0,0,0.3);background-color: #191919;/background-image: none;background-image : none\9;}.system #header nav a.selected:not(:target) {}.system #header nav a.selected:hover {/background-color: #006b9d;background-color: #006b9d\9;}div[id^="page"] {background: -webkit-gradient(linear, 0 0, 155% 60%, color-stop(24%, #353535), color-stop(24%, transparent), to(transparent)),-webkit-gradient(linear, 0 100%, 155% 50%, color-stop(24%, #353535), color-stop(24%, transparent), to(transparent)),-webkit-gradient(linear, 0 0, 130% 45%, color-stop(84%, transparent), color-stop(84%, #353535)),-webkit-gradient(linear, 0 100%, 130% 50%, color-stop(86%, transparent), color-stop(86%, #353535)),-webkit-gradient(linear,center top,center bottom,from(#353535),color-stop(50%, #191919),to(#353535));background: linear-gradient(to bottom right,#353535 25%,transparent 25%,transparent),linear-gradient(to bottom left,#353535 25%,transparent 25%,transparent),linear-gradient(to top left,#353535 25%,transparent 25%,transparent),linear-gradient(to top right,#353535 25%,transparent 25%,transparent),linear-gradient(to bottom,#353535,#191919 50%,#353535);background-size: 30px 50px,30px 50px,30px 50px,30px 50px,100% 100%;background-color: #353535;}div[id^="page"] > .contents {}#page01 .contents, #page02 > .contents, #page03 > .contents {}body {}#imgShow,#dialog {height: 100%;color: #ffffff;font-size: 115%;background-color: rgba(0,0,0,1);position: relative;z-index: 100;}#imgShow .content,#dialog .content {position: relative;text-align: center;}#imgShow .content .img {position: absolute;top: 0;width: 100%;/left: 0;}#imgShow .content img {width: 100%;height: auto;}#imgShow .content img.landscape {}#imgShow .content .close,#dialog .content .close {position: absolute;top: 10px;right: 10px;}#imgShow .content .close a,#dialog .content .close a {display: block;width: 40px;height: 40px;line-height: 40px;color: #ffffff;font-size: 75%;text-align: center;text-decoration: none;border-radius: 2px;background-color: rgba(0,0,0,0.5);}#imgShow .content .close.landscape {right: 17%;}#dialog {}#dialog .content {margin: 0 50px;padding: 30px 20px;color: #000000;background-color: #eeeeee;}a[href^="#dialog"] {position: relative;}a[href^="#dialog"]:before,a[href^="#dialog"]:after {content: "";position: absolute;top: 100%;left: 100%;height: 10px;width: 10px;border: 1px solid #ffffff;background-color: #42A5DB;}a[href^="#dialog"]:before {margin: -14px 0 0 5px;}a[href^="#dialog"]:after {margin: -17px 0 0 8px;}#imgShow.none,#dialog.none {height: 0;}img.lazy {}.base {position: relative;}.viewport {    width: 98%;    overflow: hidden;    margin: 0 1%;}#flipsnap {    width: 300%;}#flipsnap .item {position: relative;    float: left;    width: 33.3%;    text-align: center;    margin: 10px 0;    -webkit-box-sizing: border-box;box-sizing: border-box;    border: 1px solid #bbbbbb;    border-top: 1px solid #cccccc;    background: #EFEFEF;    }#flipsnap .item p {    color: #666666;}#flipsnap .item:before,#flipsnap .item:after {z-index: -1;position: absolute;    content: "";top: 100%;right: auto;left: 10px;height: 10px;width: 46%;margin: -17px 0 0 0;border: 1px solid #ffffff;background-color: #42A5DB;-webkit-box-shadow: 0 5px 10px #999999;box-shadow: 0 5px 10px #999999;-webkit-transform: rotate(-1deg);}#flipsnap .item:after {right: 10px;left: auto;-webkit-transform: rotate(1deg);}#flipsnap .item img:not([src^="img/loading"]) {margin: 8px;border: 2px solid #ffffff;-webkit-box-shadow: 0 2px 8px #666666;box-shadow: 0 2px 8px #666666;}#flipsnap .item div {margin: 10px 30px;}img[src^="img/loading"] {width: 50px;height: 50px;-webkit-animation: anime3 3s linear infinite;}@-webkit-keyframes 'anime3' {0% { -webkit-transform: rotate(0); }100% { -webkit-transform: rotate(-359deg); }}#altFlipsnap {}#altFlipsnap .item {margin: 0 15px;padding: 50px 15px;-webkit-box-sizing: border-box;box-sizing: border-box;    border-bottom: 1px solid #999;    background: #EFEFEF;}#controls {    width: 98%;    margin: 0 1%;}#controls .prev,#controls .next {display: table;position: absolute;top: 10px;width: 30px;background-color: #ffffff;opacity: 0.5;z-index: 1;}#controls .prev {left: 1%;}#controls .next {right: 1%;}#controls .last {display: none;}#controls .prev *,#controls .next * {display: table-cell;height: 25px;color: #666666;text-align: center;vertical-align:middle;}@-webkit-keyframes 'anime1' {0% { opacity: 0.5; }100% { opacity: 1; }}#controls .prev:hover,#controls .next:hover {-webkit-animation-name: 'anime1';-webkit-animation-duration: 0.5s;-webkit-animation-timing-function: ease;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: forwards;}#altFlipsnap {background-color: #eeeeee;}#altFlipsnap .item {position: relative;    float: left;    width: 298px;    text-align: center;    margin: 2px;    padding: 0;    background: #EFEFEF;}#altFlipsnap * {    margin: 0 auto;}#altFlipsnap .item p {    color: #666666;}#altFlipsnap img {margin-top: 8px;}#altFlipsnap img.none {display: block;}#altControls {display: none;}*.openClose > a + * {padding: 4px 10px;color: black;background-color: #bcbcbc;}*.openClose.default > a + * {}*.openClose:not(.default) > a:after {content: "";position: absolute;top: 50%;right: 15px;height: 0;width: 0;margin-top: -5px;border: 5px solid transparent;border-top: 8px solid #42A5DB;}*.openClose.default > a:after {content: "";position: absolute;top: 50%;right: 15px;height: 2px;width: 10px;margin-top: -5px;background-color: #42A5DB;}#parallax {}#parallax > * {display: block;-webkit-transform: rotateY(0deg);-webkit-transition: -webkit-transform 1s linear;background-color: #666666;}#parallax2 {position: relative;overflow: hidden;background-color: white;}#parallax2 > * {background-color: gray;}#parallax2 > *.box1 {-webkit-transform: translateY(-200px);background-color: blue;}#parallax2 > *.box2 {-webkit-transform: translateY(-400px);background-color: orange;}#parallax2 > *.chara1 {position: absolute;top: 800px;right: 10px;width: 50px;height: 50px;background: url(../img/chara.png) left top no-repeat;overflow: hidden;}#parallax2 > *.chara1 .foot,#parallax2 > *.chara1 .foot2 {position: absolute;top: 80px;right: 0;width: 19px;height: 11px;background: url(../img/chara_foot.png) left top no-repeat;}#parallax2 > *.chara1 .foot2 {left: 0;top: 90px;}#parallax2 > *.chara2 {display: block;position: absolute;top: 400px;left: 10px;width: 100px;height: 100px;background-color: transparent;}#parallax3 {width: 100%;    height: 400px;                    background-color: green;    overflow: hidden;}#parallax3 ul li {    }#parallax3 > div {    width: 100%;        margin: 0 auto;    -webkit-transform-style: preserve-3d;    transform-style: preserve-3d;    color: #000;font-size: 50px;    text-align: center;    -webkit-transform-origin: center top;    -ms-transform-origin: center top;        background-color: yellow;}#parallax3 {}@-webkit-keyframes stafroll {0% {-webkit-transform: perspective(200px) rotateX(70deg) scale(0.5) translate(0,0);}100% {-webkit-transform: perspective(200px) rotateX(70deg) scale(0.5) translate(0,-2500px);}}@-ms-keyframes stafroll {0% {-ms-transform: perspective(200px) rotateX(70deg) scale(0.5) translate(0,0);}100% {-ms-transform: perspective(200px) rotateX(70deg) scale(0.5) translate(0,-2500px);}}#parallax3 > div {-webkit-animation: stafroll 50s linear 1 forwards;-ms-animation: stafroll 50s linear 1 forwards;}