@charset "utf-8";
/* CSS Document */
html{
width:100%;
height:100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td{
margin:0;
padding:0;
}
img{
border:0;
}
body{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,"MS Pゴシック", sans-serif;
line-height:1.7;
width:100%;
font-size:18px;
height:100%;
background:#36f;
color:#333;
}
.wrapper{
width:100%;
height:100%;
}
.container{
width:96%;
padding-left:2%;
float:left;
padding-bottom:1em;
}
.title{
float:left;
width:100%;
}
.main{
padding-bottom:.6em;
float:left;
width:100%;
}
.main-img{
width:80%;
float:left;
padding-left:10%;
}
.contents-innner{
padding:5% 3%;
float:left;
background:#FFF;
/*border-radius*/
-webkit-border-radius:8px;
   -moz-border-radius:8px;
        border-radius:8px;
width:94%;
}
.dl-block{
background:#e7e7e7;
margin-bottom:12px;
float:left;
/*border-radius*/
-webkit-border-radius:6px;
   -moz-border-radius:6px;
        border-radius:6px;
/*box-shadow*/
-webkit-box-shadow:0  1px 3px 1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow:0  1px 3px 1px rgba(0, 0, 0, 0.2);
        box-shadow:0  1px 3px 1px rgba(0, 0, 0, 0.2);
}
.dl-inner{
padding:0 22px 22px;
float:left;
}
h2.dl-tit{
color:#333;
font-size:18px;
line-height:40px;
border-bottom:2px solid #ccc;
margin-bottom:10px;
padding-left:20px;
padding-top:4px;
clear:both;
}
.dl-cap{
float:left;
width:100%;
}
p.dl-text{
font-size:12px;
padding-left:36px;
padding-bottom:1.2em;
}
p.android{
background-image:url(../images/dl-icon-android.png);
background-repeat:no-repeat;
/*background-size*/
-webkit-background-size:30px;
   -moz-background-size:30px;
     -o-background-size:30px;
        background-size:30px;
min-height:30px;
}
p.ios{
background-image:url(../images/dl-icon-ios.png);
background-repeat:no-repeat;
/*background-size*/
-webkit-background-size:30px;
   -moz-background-size:30px;
     -o-background-size:30px;
        background-size:30px;
}
span.dl-text-pink{
color:#f06;
}
.dl-url-cap{
font-size:10px;
text-align:center;
line-height:1.2em;
padding-bottom:.4em;
}
.dl-btn{
float:left;
display:block;
width:100%;
}
.dl-btn-link{
display:inline-block;
height:40px;
text-align:center;
text-decoration:none;
line-height:40px;
outline:none;
width:100%;
background:#FF0;
/*box-shadow*/
-webkit-box-shadow:0 4px 0 0 #ffcc00;
   -moz-box-shadow:0 4px 0 0 #ffcc00;
        box-shadow:0 4px 0 0 #ffcc00;
/*border-radius*/
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
font-weight:700;
color:#000;
font-size:16px;
margin-bottom:.6em;
}
#close_btn{
float:left;
width:100%;
text-align:center;
padding-bottom:40px;
}