/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline;}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content: '';	content: none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse; border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
h2{font-size:130%;}
h3{font-size:120%;}
h4{font-size:105%;}
img{vertical-align:bottom; line-hegiht:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,var{font-weight:normal; font-style:normal;}
caption,th{text-align:left;}
abbr,acronym{border:0;}
/* //Reset// */

/* リンク */
a img{border:none; text-decoration:none;}
a{color:#FFF; text-decoration:underline;}
a:link{color:#FFF; text-decoration:underline;}
a:hover{color:#FFF; text-decoration:none;}
/*-//リンク//-*/

.clear{clear:both;}
/*クリアフィックス*/
.clearfix:after{content: "."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{min-height:1px;}
.clear{clear:both;}
*::-moz-selection{background:#001B5B; color:#fff;}
*::selection{background:#001B5B; color:#fff;}

/*////////////////////////////////
style
////////////////////////////////*/
/* body */
body{background: #fff; font:13px/1.6 "メイリオ","Meiryo","Helvetica Neue","Helvetica,Arial","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS ゴシック","MS Gothic",sans-serif; text-align:center; color:#333; }

header{ width:960px; margin:0 auto; padding:0 0 30px;}
header .logo{ float:left; padding-top:30px;}
header .sns-area{ float:right; padding-top:35px;}
header .sns-area li{ float:left; margin-right:10px;}
header .sns-area li #twitter-widget-0{ margin-right: -42px;}

.contens-wrapper{ background:url(../img/bg.jpg) repeat; padding-top:70px;}
.contens{ width:920px; margin:0 auto; padding-bottom:30px; text-align:left;color:#0b1644;}
.contens h2{ font-size:42px; margin:45px 0 70px; float:left;}
.contens .txt{ font-size:16px; float:left; line-height:2.5;}
.contens .apri-cover{ background:url(../img/iphone.png) no-repeat; width:353px; height:661px; padding:142px 0 0 32px; float:right; position:relative;}
.contens .apri-img{ width:321px;}
.contens .apri-cover .att-txt{ position:absolute; right:10px; bottom:-25px; font-size:13px; color:#666;}
.contens .d-txt{ color:#000; font-size:18px; margin:80px 0 0 140px;}
.contens nav{ width:684px; margin:15px auto 0;}
.contens nav .left{ width:332px; float:left;}
.contens nav .right{ width:332px; float:right;}
.contens nav a img{ transition: all 1s ease-out ; -moz-transition: all 1s ease-out ;-webkit-transition: all 1s ease-out ;-ms-transition: all 1s ease-out ;}
.contens nav a:hover img{ opacity:0.7;}
footer{ background:#635f83; padding:20px 0; text-align:center; color:#fff;}