@charset "UTF-8";
/*--------------------------------------------------
for campaign
--------------------------------------------------*/
/*TOC===============================================
setup
==================================================*/

/*setup
--------------------------------------------*/
html{font-size:12px !important;*font-size:75% !important;/*forIE6IE7*/}
body{color:#000;background:#E3E3E3;word-break:break-all;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.2;font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",Arial,Helvetica;text-align:left;}
img{border:0;vertical-align:bottom;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
ul,li{list-style-type:none;margin:0;padding:0;}
img{border:0;}
h1,p{margin:0;padding:0;}
ul,li{margin:0;padding:0;list-style-type:none;}
hr{display:none;}
a:link,a:visited{color:#0099FF; text-decoration:none !important;}
a:hover{color:#FA3266; text-decoration:underline !important;}
.indent{text-indent:-0.5em;}
.red{color:#f00f00;}

/*browser update
--------------------------------------------*/
#noticeUpdate {
  margin-bottom: 15px;
  display: none;
}
#noticeUpdate p {
  padding: 43px;
  background-color: #FFF9D4;
  font-weight: bold;
  font-size: 1.2em;
}
#noticeUpdate span {
  background-image: url("http://stat.ameba.jp/common_style/img/common/icon/attention2.gif");
  background-repeat: no-repeat;
  background-position: 0 -1px;
  padding-left: 20px;
}

#noticeUpdateClose {
  float: right;
  cursor: pointer;
  padding: 10px;
}

/*wrap
--------------------------------------------*/
#lp_wrap,
#header,
#howTo,
#attention{
position:relative;
width:988px;
height:auto;
margin:0 auto;}

/* delete
 {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
--------------------------------------------*/
/* hidden
--------------------------------------------*/
h1,
h2,
#apologize .ttl
{
  display: block;
  margin: 0 auto;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
}

/*header
--------------------------------------------*/
#header{
background:url(../img/header.png) no-repeat 0 bottom ;
padding: 20px 0 ;
}
#header .in{
background:url(../img/bgHeader.png) no-repeat center 50px ;
padding: 20px 0 ;
}
h1{
height: 243px; width: 878px;
background:url(../img/h1.png) no-repeat 0 0 ;
margin: 0 auto 0;
padding-bottom: 10px;
}

#apologize{
  width: 567px;
margin: 0 auto 0;
padding: 0 0 20px;
}
#apologize .ttl{
height: 26px;
background:url(../img/ttlApologize.png) no-repeat 0 0;
}
#apologize div{
width: 537px;
padding: 8px 15px 5px;
line-height: 1.4em;
background:url(../img/ttlApologizeBtm.png) no-repeat 0 bottom;
}
#apologize p.date{
text-align:right;
margin-bottom:5px;
font-size:.9em\9;
}
h2{
height: 78px; width: 808px;
background:url(../img/headerTxt2.png) no-repeat 0 0 ;
padding: 0 0 20px;
}
#forPreviousVersion{
background:url(../img/headerBoxTop.png) no-repeat 0 0 ;
width: 800px;
margin: 0 auto 0;
padding-bottom: 20px
}
#forPreviousVersion .in{
background:url(../img/headerBoxBtm.png) no-repeat 0 bottom ;
padding:20px 0;
}
#forPreviousVersion .in ul{
padding: 0 20px;
background: #FFFAB5;
line-height: 1.4em;
}
#forPreviousVersion .in ul span{
color: #D21;
font-weight: bold;
}

#versionUpHowTo{
overflow:hidden;
width:292px;
height:20px;
margin: 0 auto 0;
padding-bottom: 15px;
}

#versionUpHowTo a{
display:block;
overflow:hidden;
width:292px;
height:20px;
text-indent:-9999px;
background-image:url(../img/linkButton.png);
background-repeat:no-repeat;
background-position:-0px -0px;}

#versionUpHowTo a:hover{background-position:-0px -20px;}

/*バージョンアップ方法
--------------------------------------------*/
#howToTile{
overflow:hidden;
width:988px;
height:92px;
text-indent:-9999px;
background:url(../img/ttlHowTo.png) no-repeat;}

.howToBox{
position:relative;
z-index:100;
margin-top:20px;
padding-bottom:60px;
text-align:center;}

.howToBox h5{
overflow:hidden;
width:470px;
height:34px;
margin-bottom:20px;
text-indent:-9999px;
background-repeat:no-repeat;}

.howToBox img{
margin:0 auto 20px;}

.howToBox p{
width:400px;
margin:0 auto;
text-align:justify;
line-height:1.5;}

#windows .step6 p,
#macintosh .step8 p{
text-align:center !important;}

/*Windows*/
#windows{
position:relative;
float:left;
width:478px;
height:auto;
background:url(../img/bgHowToWindowsMiddle.png) repeat-y;}

#howToWindowTitle{
width:478px;
background:url(../img/bgHowToWindowsTop.png) no-repeat top;
padding-top:30px;
text-align:center;
line-height:1.5;}

#howToWindowTitle h4{
overflow:hidden;
width:127px;
height:29px;
margin:0 auto 10px;
text-indent:-9999px;
background:url(../img/ttlHowToWindows.gif) no-repeat;}

#windows .howToBox{background:url(../img/arrowWindows.gif) no-repeat center bottom;}
#windows .step1 h5{ background-image:url(../img/ttlHowToWindowsStep1.gif);}
#windows .step2 h5{ background-image:url(../img/ttlHowToWindowsStep2.gif);}
#windows .step3 h5{ background-image:url(../img/ttlHowToWindowsStep3.gif);}
#windows .step4 h5{ background-image:url(../img/ttlHowToWindowsStep4.gif);}
#windows .step5 h5{ background-image:url(../img/ttlHowToWindowsStep5.gif);}
#windows .step6 h5{ background-image:url(../img/ttlHowToWindowsStep6.gif);}

#windows .step6{
width:478px;
background:url(../img/bgHowToWindowsBottom.png) no-repeat bottom !important;
padding-bottom:40px !important;}

/*Macintosh）*/
#macintosh{
position:relative;
float:right;
width:478px;
height:auto;
background:url(../img/bgHowToMacintoshMiddle.png) repeat-y;}

#howToMacintoshTitle{
width:478px;
background:url(../img/bgHowToMacintoshTop.png) no-repeat top;
padding-top:30px;
text-align:center;
line-height:1.5;}

#howToMacintoshTitle h4{
overflow:hidden;
width:61px;
height:28px;
margin:0 auto 10px;
text-indent:-9999px;
background:url(../img/ttlHowToMacintosh.gif) no-repeat;}

#macintosh .howToBox{background:url(../img/arrowMacintosh.gif) no-repeat center bottom;}
#macintosh .step1 h5{ background-image:url(../img/ttlHowToMacintoshStep1.gif);}
#macintosh .step2 h5{ background-image:url(../img/ttlHowToMacintoshStep2.gif);}
#macintosh .step3 h5{ background-image:url(../img/ttlHowToMacintoshStep3.gif);}
#macintosh .step4 h5{ background-image:url(../img/ttlHowToMacintoshStep4.gif);}
#macintosh .step5 h5{ background-image:url(../img/ttlHowToMacintoshStep5.gif);}
#macintosh .step6 h5{ background-image:url(../img/ttlHowToMacintoshStep6.gif);}
#macintosh .step7 h5{ background-image:url(../img/ttlHowToMacintoshStep7.gif);}
#macintosh .step8 h5{ background-image:url(../img/ttlHowToMacintoshStep8.gif);}

#macintosh .step8{
width:478px;
background:url(../img/bgHowToMacintoshBottom.png) no-repeat bottom !important;
padding-bottom:40px !important;}


/*attention
--------------------------------------------*/
#attention{
margin-top:50px;
background:url(../img/bgAttention.png) no-repeat 4px 70px;}

#attentionWrap{
width:634px;
margin:0 auto 0;
padding-top:15px\9;
background:url(../img/attentionBtm.png) no-repeat -2px bottom;}

#attentionWrap h4{
padding:20px 25px 5px;
font-size:1.3em;
font-size:1.2em\9;
line-height:1.5;
background:url(../img/attentionTop.png) no-repeat -2px 0;
}
#attentionWrap div{
  padding: 0 25px 30px;
  line-height: 1.4;
}
#attentionWrap ul{
padding:5px 10px;}
#attentionWrap li{
list-style:inside disc;}

#linkWrap{
  padding-top: 15px;
}
#linkAdobe{
width:305px;
margin:0 auto;
padding:5px;
text-align:center;
font-size:1.5em;
border-bottom:1px solid #000;
border-top:1px solid #000;}

#linkPigg{
width:338px;
height:71px;
margin:20px auto;}
#linkPigg a{
display:block;
overflow:hidden;
width:338px;
height:71px;
text-indent:-9999px;
background-image:url(../img/linkButton.png);
background-repeat:no-repeat;
background-position:-0px -80px;}

#linkPigg a:hover{background-position:-0px -151px;}

/* back top
----------------------- */
#backTop {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 9999;
}
#backTop a {
  display: block;
  width: 52px;
  height: 52px;
  outline: none;
  background: transparent url(../img/btn_backtop.gif) no-repeat 0 0;
}
#backTop a:hover {
  background-position: 0 bottom;
}
#backTop a span.backTopTxt {
  display: none;
}