* { color: #656a72; margin: 0; padding: 0; }

img { display: block; max-width: 260px; margin: 0 0 25px 30px; }

body { width: 100%; height: 100%; margin: 0 auto 25px; -webkit-text-size-adjust: none; }

#logo { float: right; margin: 0 10px 0 0; }

.product_icon { display: block; margin: 50px auto 0; }

h1 { color: #333; font-size: 18px; padding: 23px 0 45px; text-align: center; font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: 600; font-stretch: normal; }

a { color: #0074e6; font-size: 15px; line-height: 22px; padding: 0 0 0 30px; margin: 0; font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:400; font-stretch:normal; }
a span { color: #0074e6; }

a.section_link { padding: 0; text-decoration: none; white-space: nowrap; }

.section_menu { margin: -20px 0 0; padding: 0 25px 25px 30px; }

.title_link { position: relative; display: block; color: #0074e6; font-size: 15px; line-height: 22px; padding: 0 0 0 15px; margin: 0 30px 25px 15px; font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:400; font-stretch:normal; }
.title_link { background: url("../img/iphone-guide-arrow@2x.png") no-repeat 0 7px; background-size: 10px 7px; }
.title_link.active { background: url("../img/iphone-guide-arrow-up@2x.png") no-repeat 0 7px; background-size: 10px 7px; }

.scroll { padding: 0; color: #0074e6; }

p { font-size: 15px; line-height: 22px; margin: 0 30px 25px; font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:400; font-stretch:normal; }

table { border: none; border-bottom: 1px solid #a0c5f4; border-top: 2px solid #a0c5f4; margin: 0 30px 25px; }
table tr td:first-child { width: 40%; vertical-align: top; }
table td { border: none; border-bottom: 1px solid #a0c5f4; padding: 10px 0; text-align: left; font-size: 12px; font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:400; font-stretch:normal; }
table td span { font-size: 13px; }

div.section { display: none; }


div.animation { position: relative; overflow: hidden; width: 260px; height: 445px; margin: 0 auto 25px; }
div.animation img { display: block; position: absolute; margin: 0; width: 260px; height: 445px; -webkit-transform: translateZ(0); }
div.animation .frame1 { z-index: 1; }
div.animation .frame2 { position: relative; z-index: 2; left: 0; -webkit-transform: translateZ(0); }
div.animation .frame2 img { z-index: 3; }
div.animation .frame2 .filter { position: relative; top: 35px; z-index: 4; background-color: #000; width: 100%; height: 100%; opacity: 0; }


ol { margin: 0 20px 25px 48px; font-size: 15px; line-height: 22px; font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:400; font-stretch:normal; }


.inline { display: inline; margin: 0; padding: 0; }

.red { color: #f00; }

.clear { clear: both; width: 100%; }

.hidden { display: none; }

a.current { font-weight: bold; }

.text-center { text-align: center; }

.nowrap { white-space: nowrap; }

@media only screen and (orientation : landscape) {

}