@charset "utf-8";

html, body {
margin:0;
padding:0;
height:100%;
margin-top:0 !important;
_overflow-y:hidden;
background:#fff !important;
}
@media screen {
* {
margin:0;
padding:0;
}
}
*+html body {/*seen only by win ie7 and 5.5*/
height:100%;
overflow-y:hidden !important;
}
div#flashcontent {
height:100%;
}
div#flashcontentHydrating {
overflow:hidden;
}
div#iphone-home,
div#ipad-home {
display:none;
}

/* ipad settings --------------------*/
@media only screen and (max-device-width:1024px) {
div#flashcontent {
display:none;
}
div#ipad-home {
display:block;
}
div#iphone-home {
display:none;
}
div#ipad-home .earthquake{
padding-top:300px;
font-size:85%;
}
div#ipad-home .safety{
padding-top:300px;
font-size:85%;
}
div#ipad-home .earthquake a, div#ipad-home .safety a{
color:#2e383f;
text-decoration:underline;
}
}
#ipad-home #ipad-container {
width:769px;
height:100%;
text-align:center;
margin:0 auto;
border:none;
}
#ipad-home h1 {
margin:384px 0 116px;
}
/* navigation */
#ipad-home ul {
width:633px;
margin:0 auto;
}
#ipad-home ul:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#ipad-home ul li {
text-align:center;
float:left;
margin-right:39px;
display:inline;
}
#ipad-home ul li:first-child {
margin:0 40px 0 0;
}
#ipad-home ul li:last-child {
margin:0;
}

/* iphone settings --------------------*/
@media only screen and (max-device-width:480px) {
div#flashcontent {
display:none;
}
div#iphone-home {
display:block;
}
div#ipad-home {
display:none;
}
#iphone-container {
position:relative;
width:100%;
min-height:416px;
text-align:center;
margin:0 auto;
border:none;
background-color:#fff;
}
#iphone-home #iphone-container h1 {
padding:130px 0 37px;
}
#cover {
z-index:996;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#iphone-home #contentsNavigation {
width:100%;
display:none;
position:absolute;
left:0;
top:95px;
z-index:998;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-duration:500ms;
-webkit-transform-origin:left top;
}
#iphone-home #contentsNavigation li {
margin:0;
padding:0;
font-size:0;
line-height:0;
background:url(/iphone/images/share_langNav_Bg_01.gif) left top repeat-x;
}
#iphone-home #contentsNavigation li:last-child {
height:45px;
background:url(/iphone/images/share_langNav_Bg_02.gif) left top repeat-x;
}
#iphone-home .earthquake{
padding-top:105px;
font-size:85%;
}
#iphone-home .safety{
padding-top:105px;
font-size:85%;
}
#iphone-home .earthquake a,#iphone-home .safety a{
color:#2e383f;
text-decoration:underline;
}

.motion {
-webkit-animation-name:elevator;
}
.reverse {
-webkit-animation-name:elevatorRe;
}
@-webkit-keyframes elevator {
0% {-webkit-transform: translate(0,320px);}
100% {-webkit-transform: translate(0,0);}
}
@-webkit-keyframes elevatorRe {
0% {-webkit-transform: translate(0,0);}
100% {-webkit-transform: translate(0,320px);}
}